{"ast":null,"code":"import Platform from \"react-native-web/dist/exports/Platform\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { mode } from \"../tools\";\nfunction baseStyle(props) {\n  return {\n    bg: mode(\"#fff\", \"gray.700\")(props),\n    py: 2,\n    borderWidth: 1,\n    borderColor: mode(\"coolGray.200\", \"gray.600\")(props),\n    borderRadius: 'sm',\n    _presenceTransition: {\n      initial: {\n        opacity: 0,\n        translateY: -10\n      },\n      animate: {\n        opacity: 1,\n        translateY: 0,\n        transition: {\n          duration: 200\n        }\n      },\n      exit: {\n        opacity: 0,\n        translateY: -10,\n        transition: {\n          duration: 150\n        }\n      },\n      style: StyleSheet.absoluteFill\n    },\n    _overlay: {},\n    _backdrop: {\n      bg: 'transparent'\n    }\n  };\n}\nexport default {\n  baseStyle: baseStyle\n};\nexport var MenuGroup = {\n  baseStyle: function baseStyle(props) {\n    return {\n      _title: {\n        fontSize: 'xs',\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        color: mode(\"gray.500\", \"gray.300\")(props)\n      },\n      p: 3\n    };\n  }\n};\nexport var MenuItem = {\n  baseStyle: function baseStyle(props) {\n    return {\n      px: 3,\n      py: 2,\n      outlineWidth: Platform.OS === 'web' ? 0 : undefined,\n      _stack: {\n        alignItems: 'center',\n        px: 3,\n        space: 3\n      },\n      _disabled: {\n        _text: {\n          color: mode('gray.400', 'gray.400')(props)\n        }\n      },\n      _focus: {\n        bg: mode(\"coolGray.200\", \"gray.600\")(props)\n      },\n      _pressed: {\n        bg: mode(\"coolGray.300\", \"gray.500\")(props)\n      },\n      _icon: {\n        size: 4,\n        color: mode('gray.500', 'gray.100')(props),\n        opacity: 0\n      },\n      _checked: {\n        _icon: {\n          opacity: 1\n        }\n      }\n    };\n  },\n  defaultProps: {}\n};","map":{"version":3,"sources":["menu.ts"],"names":["mode","baseStyle","props","bg","py","borderWidth","borderColor","borderRadius","_presenceTransition","initial","opacity","translateY","animate","transition","duration","exit","style","StyleSheet","absoluteFill","_overlay","_backdrop","MenuGroup","_title","fontSize","fontWeight","textTransform","color","p","MenuItem","px","outlineWidth","Platform","OS","undefined","_stack","alignItems","space","_disabled","_text","_focus","_pressed","_icon","size","_checked","defaultProps"],"mappings":";;AACA,SAASA,IAAT;AAEA,SAASC,SAAT,CAAmBC,KAAnB,EAA+C;EAC7C,OAAO;IACLC,EAAE,EAAEH,IAAI,CAAA,MAAA,EAAA,UAAA,CAAJA,CAAyBE,KAAzBF,CADC;IAELI,EAAE,EAAE,CAFC;IAGLC,WAAW,EAAE,CAHR;IAILC,WAAW,EAAEN,IAAI,CAAA,cAAA,EAAA,UAAA,CAAJA,CAAiCE,KAAjCF,CAJR;IAKLO,YAAY,EAAE,IALT;IAMLC,mBAAmB,EAAE;MACnBC,OAAO,EAAE;QAAEC,OAAO,EAAE,CAAX;QAAcC,UAAU,EAAE,CAAC;MAA3B,CADU;MAEnBC,OAAO,EAAE;QACPF,OAAO,EAAE,CADF;QAEPC,UAAU,EAAE,CAFL;QAGPE,UAAU,EAAE;UAAEC,QAAQ,EAAE;QAAZ;MAHL,CAFU;MAOnBC,IAAI,EAAE;QAAEL,OAAO,EAAE,CAAX;QAAcC,UAAU,EAAE,CAAC,EAA3B;QAA+BE,UAAU,EAAE;UAAEC,QAAQ,EAAE;QAAZ;MAA3C,CAPa;MAQnBE,KAAK,EAAEC,UAAU,CAACC;IARC,CANhB;IAgBLC,QAAQ,EAAE,CAAA,CAhBL;IAiBLC,SAAS,EAAE;MACTjB,EAAE,EAAE;IADK;EAjBN,CAAP;AAqBD;AAED,eAAe;EACbF,SAAAA,EAAAA;AADa,CAAf;AAIA,OAAO,IAAMoB,SAAS,GAAG;EACvBpB,SAAS,EAAGC,SAAAA,UAAAA,KAAD;IAAA,OAAiB;MAC1BoB,MAAM,EAAE;QACNC,QAAQ,EAAE,IADJ;QAENC,UAAU,EAAE,GAFN;QAGNC,aAAa,EAAE,WAHT;QAINC,KAAK,EAAE1B,IAAI,CAAA,UAAA,EAAA,UAAA,CAAJA,CAA6BE,KAA7BF;MAJD,CADkB;MAO1B2B,CAAC,EAAE;IAPuB,CAAjB;EAAA;AADY,CAAlB;AAWP,OAAO,IAAMC,QAAQ,GAAG;EACtB3B,SAAS,EAAGC,SAAAA,UAAAA,KAAD;IAAA,OAAiB;MAC1B2B,EAAE,EAAE,CADsB;MAE1BzB,EAAE,EAAE,CAFsB;MAG1B0B,YAAY,EAAEC,QAAQ,CAACC,EAATD,KAAgB,KAAhBA,GAAwB,CAAxBA,GAA4BE,SAHhB;MAI1BC,MAAM,EAAE;QACNC,UAAU,EAAE,QADN;QAENN,EAAE,EAAE,CAFE;QAGNO,KAAK,EAAE;MAHD,CAJkB;MAS1BC,SAAS,EAAE;QACTC,KAAK,EAAE;UACLZ,KAAK,EAAE1B,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJA,CAA6BE,KAA7BF;QADF;MADE,CATe;MAc1BuC,MAAM,EAAE;QACNpC,EAAE,EAAEH,IAAI,CAAA,cAAA,EAAA,UAAA,CAAJA,CAAiCE,KAAjCF;MADE,CAdkB;MAiB1BwC,QAAQ,EAAE;QACRrC,EAAE,EAAEH,IAAI,CAAA,cAAA,EAAA,UAAA,CAAJA,CAAiCE,KAAjCF;MADI,CAjBgB;MAoB1ByC,KAAK,EAAE;QACLC,IAAI,EAAE,CADD;QAELhB,KAAK,EAAE1B,IAAI,CAAC,UAAD,EAAa,UAAb,CAAJA,CAA6BE,KAA7BF,CAFF;QAGLU,OAAO,EAAE;MAHJ,CApBmB;MAyB1BiC,QAAQ,EAAE;QACRF,KAAK,EAAE;UACL/B,OAAO,EAAE;QADJ;MADC;IAzBgB,CAAjB;EAAA,CADW;EAgCtBkC,YAAY,EAAE,CAAA;AAhCQ,CAAjB","sourcesContent":["import { Platform, StyleSheet } from 'react-native';\nimport { mode } from '../tools';\n\nfunction baseStyle(props: Record<string, any>) {\n  return {\n    bg: mode(`#fff`, `gray.700`)(props),\n    py: 2,\n    borderWidth: 1,\n    borderColor: mode(`coolGray.200`, `gray.600`)(props),\n    borderRadius: 'sm',\n    _presenceTransition: {\n      initial: { opacity: 0, translateY: -10 },\n      animate: {\n        opacity: 1,\n        translateY: 0,\n        transition: { duration: 200 },\n      },\n      exit: { opacity: 0, translateY: -10, transition: { duration: 150 } },\n      style: StyleSheet.absoluteFill,\n    },\n    _overlay: {},\n    _backdrop: {\n      bg: 'transparent',\n    },\n  };\n}\n\nexport default {\n  baseStyle,\n};\n\nexport const MenuGroup = {\n  baseStyle: (props: any) => ({\n    _title: {\n      fontSize: 'xs',\n      fontWeight: 600,\n      textTransform: 'uppercase',\n      color: mode(`gray.500`, `gray.300`)(props),\n    },\n    p: 3,\n  }),\n};\nexport const MenuItem = {\n  baseStyle: (props: any) => ({\n    px: 3,\n    py: 2,\n    outlineWidth: Platform.OS === 'web' ? 0 : undefined,\n    _stack: {\n      alignItems: 'center',\n      px: 3,\n      space: 3,\n    },\n    _disabled: {\n      _text: {\n        color: mode('gray.400', 'gray.400')(props),\n      },\n    },\n    _focus: {\n      bg: mode(`coolGray.200`, `gray.600`)(props),\n    },\n    _pressed: {\n      bg: mode(`coolGray.300`, `gray.500`)(props),\n    },\n    _icon: {\n      size: 4,\n      color: mode('gray.500', 'gray.100')(props),\n      opacity: 0,\n    },\n    _checked: {\n      _icon: {\n        opacity: 1,\n      },\n    },\n  }),\n  defaultProps: {},\n};\n"]},"metadata":{},"sourceType":"module"}