tamagui 1.0.0-alpha.49 → 1.0.0-alpha.52

package/dist/cjs/helpers/withStaticProperties.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var withStaticProperties_exports = {};
+__export(withStaticProperties_exports, {
+  withStaticProperties: () => withStaticProperties
+});
+const withStaticProperties = /* @__PURE__ */ __name(function(component, staticProps) {
+  Object.assign(component, staticProps);
+  return component;
+}, "withStaticProperties");
+module.exports = __toCommonJS(withStaticProperties_exports);
+//# sourceMappingURL=withStaticProperties.js.map

package/dist/cjs/helpers/withStaticProperties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/withStaticProperties.tsx"],
+  "sourcesContent": ["export const withStaticProperties = function <A extends Function, B>(\n  component: A,\n  staticProps: B\n): A & B {\n  Object.assign(component, staticProps)\n  return component as any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,uBAAuB,gCAClC,WACA,aACO;AACP,SAAO,OAAO,WAAW;AACzB,SAAO;AAAA,GAL2B;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -45,6 +45,7 @@ __export(src_exports, {
   StaticConfigParsed: () => import_core.StaticConfigParsed,
   TamaguiConfig: () => import_core.TamaguiConfig,
   TamaguiCustomConfig: () => import_core.TamaguiCustomConfig,
+  TamaguiInternalConfig: () => import_core.TamaguiInternalConfig,
   TamaguiProviderProps: () => import_core.TamaguiProviderProps,
   Text: () => import_core.Text,
   TextAncestorContext: () => import_core.TextAncestorContext,
@@ -59,6 +60,7 @@ __export(src_exports, {
   Tokens: () => import_core.Tokens,
   TransformStyleProps: () => import_core.TransformStyleProps,
   Variable: () => import_core.Variable,
+  addMediaQueryListener: () => import_core.addMediaQueryListener,
   createComponent: () => import_core.createComponent,
   createFont: () => import_core.createFont,
   createShorthands: () => import_core.createShorthands,
@@ -82,6 +84,7 @@ __export(src_exports, {
   isWebIOS: () => import_core.isWebIOS,
   matchMedia: () => import_core.matchMedia,
   mediaObjectToString: () => import_core.mediaObjectToString,
+  mediaQueryConfig: () => import_core.mediaQueryConfig,
   mediaState: () => import_core.mediaState,
   spacedChildren: () => import_core.spacedChildren,
   styled: () => import_core.styled,
@@ -107,6 +110,8 @@ __reExport(src_exports, require("./views/BlurView"));
 __reExport(src_exports, require("./views/Box"));
 __reExport(src_exports, require("./views/Button"));
 __reExport(src_exports, require("./views/Circle"));
+__reExport(src_exports, require("./views/Drawer"));
+__reExport(src_exports, require("./views/DrawerProvider"));
 __reExport(src_exports, require("./views/EnsureFlexed"));
 __reExport(src_exports, require("./views/Form"));
 __reExport(src_exports, require("./views/Grid"));

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/helpers'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  GenericTamaguiConfig,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontTokens,\n  FontWeightTokens,\n  GetProps,\n  MediaKeys,\n  MediaQueries,\n  MediaQueryState,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  TamaguiCustomConfig,\n  TamaguiConfig,\n  TamaguiProviderProps,\n  StaticComponent,\n  ThemeKeys,\n  StaticConfig,\n  ThemeableHOC,\n  ThemeObject,\n  TextProps,\n  ThemeProps,\n  Themes,\n  Tokens,\n  TransformStyleProps,\n  StaticConfigParsed,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  // context,\n  TextAncestorContext,\n  // constants\n  isWeb,\n  isSSR,\n  isChrome,\n  supportsTouchWeb,\n  isTouchDevice,\n  isWebIOS,\n  // helpers\n  mediaState,\n  styled,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTamagui,\n  createTheme,\n  createTokens,\n  createVariable,\n  mediaObjectToString,\n  Variable,\n  getMedia,\n  getThemes,\n  getTamagui,\n  getTokens,\n  getHasConfigured,\n  getThemeParentClassName,\n  spacedChildren,\n  themeable,\n  getStylesAtomic,\n  isObj,\n  isTamaguiElement,\n  matchMedia,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsomorphicLayoutEffect,\n  useMedia,\n  useTheme,\n  useThemeName,\n} from '@tamagui/core'\n\nexport * from './viewTypes'\n\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\nexport * from './hooks/useLayout'\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/BlurView'\nexport * from './views/Box'\nexport * from './views/Button'\nexport * from './views/Circle'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/HoverablePopover'\nexport * from './views/InteractiveContainer'\nexport * from './views/InteractiveFrame'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Paragraph'\nexport * from './views/Popover/Popover'\nexport * from './views/Popover/PopoverProvider'\nexport * from './views/SafeAreaProvider'\nexport * from './views/Separator'\nexport * from './views/SizableText'\nexport * from './views/Stacks'\nexport * from './views/Table'\nexport * from './views/Toast'\nexport * from './views/Tooltip'\nexport * from './views/TouchableOpacity'\nexport * from './views/Transitions'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAAkC;AAElC,wBAAc;AAId,kBA8EO;AAEP,wBAAc;AAEd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;",
+  "sourcesContent": ["export { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/helpers'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  addMediaQueryListener,\n  mediaQueryConfig,\n  TamaguiInternalConfig,\n  GenericTamaguiConfig,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontTokens,\n  FontWeightTokens,\n  GetProps,\n  MediaKeys,\n  MediaQueries,\n  MediaQueryState,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  TamaguiCustomConfig,\n  TamaguiConfig,\n  TamaguiProviderProps,\n  StaticComponent,\n  ThemeKeys,\n  StaticConfig,\n  ThemeableHOC,\n  ThemeObject,\n  TextProps,\n  ThemeProps,\n  Themes,\n  Tokens,\n  TransformStyleProps,\n  StaticConfigParsed,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  // context,\n  TextAncestorContext,\n  // constants\n  isWeb,\n  isSSR,\n  isChrome,\n  supportsTouchWeb,\n  isTouchDevice,\n  isWebIOS,\n  // helpers\n  mediaState,\n  styled,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTamagui,\n  createTheme,\n  createTokens,\n  createVariable,\n  mediaObjectToString,\n  Variable,\n  getMedia,\n  getThemes,\n  getTamagui,\n  getTokens,\n  getHasConfigured,\n  getThemeParentClassName,\n  spacedChildren,\n  themeable,\n  getStylesAtomic,\n  isObj,\n  isTamaguiElement,\n  matchMedia,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsomorphicLayoutEffect,\n  useMedia,\n  useTheme,\n  useThemeName,\n} from '@tamagui/core'\n\nexport * from './viewTypes'\n\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\nexport * from './hooks/useLayout'\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/BlurView'\nexport * from './views/Box'\nexport * from './views/Button'\nexport * from './views/Circle'\nexport * from './views/Drawer'\nexport * from './views/DrawerProvider'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/HoverablePopover'\nexport * from './views/InteractiveContainer'\nexport * from './views/InteractiveFrame'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Paragraph'\nexport * from './views/Popover/Popover'\nexport * from './views/Popover/PopoverProvider'\nexport * from './views/SafeAreaProvider'\nexport * from './views/Separator'\nexport * from './views/SizableText'\nexport * from './views/Stacks'\nexport * from './views/Table'\nexport * from './views/Toast'\nexport * from './views/Tooltip'\nexport * from './views/TouchableOpacity'\nexport * from './views/Transitions'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAAkC;AAElC,wBAAc;AAId,kBAiFO;AAEP,wBAAc;AAEd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AAEd,wBAAc;AACd,wBAAc;",
   "names": []
 }

package/dist/cjs/views/Drawer.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Drawer_exports = {};
+__export(Drawer_exports, {
+  Drawer: () => Drawer
+});
+var import_bottom_sheet = require("@gorhom/bottom-sheet");
+var import_core = require("@tamagui/core");
+var import_react = require("react");
+var import_withStaticProperties = require("../helpers/withStaticProperties");
+var import_DrawerProvider = require("./DrawerProvider");
+var import_Stacks = require("./Stacks");
+const Drawer = (0, import_withStaticProperties.withStaticProperties)((_a) => {
+  var _b = _a, {
+    children,
+    open,
+    onChange
+  } = _b, props = __objRest(_b, [
+    "children",
+    "open",
+    "onChange"
+  ]);
+  var _a2, _b2;
+  const sheetRef = (0, import_react.useRef)(null);
+  const theme = (0, import_core.useTheme)();
+  (0, import_react.useEffect)(() => {
+    var _a3, _b3;
+    if (!open) {
+      (_a3 = sheetRef.current) == null ? void 0 : _a3.dismiss();
+    } else {
+      (_b3 = sheetRef.current) == null ? void 0 : _b3.present();
+    }
+  }, [open]);
+  return /* @__PURE__ */ React.createElement(import_bottom_sheet.BottomSheetModal, __spreadValues(__spreadValues({
+    backgroundStyle: {
+      backgroundColor: (_a2 = theme.bg) == null ? void 0 : _a2.toString(),
+      shadowColor: (_b2 = theme.shadowColor) == null ? void 0 : _b2.toString(),
+      shadowRadius: 10
+    },
+    snapPoints: ["40%"],
+    ref: sheetRef
+  }, !!onChange && {
+    onChange: (i) => {
+      onChange(i === 0);
+    }
+  }), props), /* @__PURE__ */ React.createElement(import_Stacks.YStack, {
+    fullscreen: true,
+    backgroundColor: "$bg",
+    borderTopLeftRadius: "$2",
+    borderTopRightRadius: "$2"
+  }, children));
+}, {
+  Provider: import_DrawerProvider.DrawerProvider
+});
+module.exports = __toCommonJS(Drawer_exports);
+//# sourceMappingURL=Drawer.js.map

package/dist/cjs/views/Drawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Drawer.tsx"],
+  "sourcesContent": ["import { BottomSheetModal, BottomSheetModalProps } from '@gorhom/bottom-sheet'\nimport { useTheme } from '@tamagui/core'\nimport { useEffect, useRef } from 'react'\n\nimport { withStaticProperties } from '../helpers/withStaticProperties'\nimport { DrawerProvider } from './DrawerProvider'\nimport { YStack } from './Stacks'\n\nexport const Drawer = withStaticProperties(\n  ({\n    children,\n    open,\n    onChange,\n    ...props\n  }: Omit<Partial<BottomSheetModalProps>, 'onChange'> & {\n    open?: boolean\n    onChange?: ((showing: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>\n  }) => {\n    const sheetRef = useRef<BottomSheetModal>(null)\n    const theme = useTheme()\n\n    useEffect(() => {\n      if (!open) {\n        sheetRef.current?.dismiss()\n      } else {\n        sheetRef.current?.present()\n      }\n    }, [open])\n\n    return (\n      <BottomSheetModal\n        backgroundStyle={{\n          backgroundColor: theme.bg?.toString(),\n          shadowColor: theme.shadowColor?.toString(),\n          shadowRadius: 10,\n        }}\n        snapPoints={['40%']}\n        ref={sheetRef}\n        {...(!!onChange && {\n          onChange: (i) => {\n            onChange(i === 0)\n          },\n        })}\n        {...props}\n      >\n        <YStack fullscreen backgroundColor=\"$bg\" borderTopLeftRadius=\"$2\" borderTopRightRadius=\"$2\">\n          {children}\n        </YStack>\n      </BottomSheetModal>\n    )\n  },\n  {\n    Provider: DrawerProvider,\n  }\n)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAwD;AACxD,kBAAyB;AACzB,mBAAkC;AAElC,kCAAqC;AACrC,4BAA+B;AAC/B,oBAAuB;AAEhB,MAAM,SAAS,sDACpB,CAAC,OAQK;AARL,eACC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,MAHD,IAII,kBAJJ,IAII;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAZJ;AAkBI,QAAM,WAAW,yBAAyB;AAC1C,QAAM,QAAQ;AAEd,8BAAU,MAAM;AArBpB;AAsBM,QAAI,CAAC,MAAM;AACT,sBAAS,YAAT,oBAAkB;AAAA,WACb;AACL,sBAAS,YAAT,oBAAkB;AAAA;AAAA,KAEnB,CAAC;AAEJ,SACE,oCAAC,sCAAD;AAAA,IACE,iBAAiB;AAAA,MACf,iBAAiB,aAAM,OAAN,oBAAU;AAAA,MAC3B,aAAa,aAAM,gBAAN,oBAAmB;AAAA,MAChC,cAAc;AAAA;AAAA,IAEhB,YAAY,CAAC;AAAA,IACb,KAAK;AAAA,KACA,CAAC,CAAC,YAAY;AAAA,IACjB,UAAU,CAAC,MAAM;AACf,eAAS,MAAM;AAAA;AAAA,MAGf,QAEJ,oCAAC,sBAAD;AAAA,IAAQ,YAAU;AAAA,IAAC,iBAAgB;AAAA,IAAM,qBAAoB;AAAA,IAAK,sBAAqB;AAAA,KACpF;AAAA,GAKT;AAAA,EACE,UAAU;AAAA;",
+  "names": []
+}

package/dist/cjs/views/DrawerProvider.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DrawerProvider_exports = {};
+__export(DrawerProvider_exports, {
+  DrawerProvider: () => DrawerProvider
+});
+var import_bottom_sheet = require("@gorhom/bottom-sheet");
+const DrawerProvider = import_bottom_sheet.BottomSheetModalProvider;
+module.exports = __toCommonJS(DrawerProvider_exports);
+//# sourceMappingURL=DrawerProvider.js.map

package/dist/cjs/views/DrawerProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/DrawerProvider.tsx"],
+  "sourcesContent": ["import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'\n\nexport const DrawerProvider = BottomSheetModalProvider\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyC;AAElC,MAAM,iBAAiB;",
+  "names": []
+}

package/dist/cjs/views/NativeLinearGradientProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/NativeLinearGradientProps.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { View } from 'react-native'\n\nexport type NativeLinearGradientProps = React.ComponentProps<typeof View> &\n  React.PropsWithChildren<{\n    colors: (number | string)[]\n    locations?: number[] | null\n    start?: NativeLinearGradientPoint | null\n    end?: NativeLinearGradientPoint | null\n  }>\n\nexport type NativeLinearGradientPoint = [number, number]\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport { View } from 'react-native'\n\nexport type NativeLinearGradientProps = React.ComponentProps<typeof View> &\n  React.PropsWithChildren<{\n    colors: (number | string)[]\n    locations?: number[] | null\n    start?: NativeLinearGradientPoint | null\n    end?: NativeLinearGradientPoint | null\n  }>\n\nexport type NativeLinearGradientPoint = { x?: number; y?: number } | [number, number]\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;",
   "names": []
 }

package/dist/cjs/views/SizableText.js

@@ -38,7 +38,6 @@ const sizableTextSizeVariant = /* @__PURE__ */ __name((val = "$4", { tokens, pro
   const fontSize = props.fontSize || font.size[val];
   const lineHeight = props.lineHeight || font.lineHeight[val];
   const fontWeight = props.fontWeight || font.weight[val];
-  console.log("val", val, fontSize);
   const letterSpacing = props.letterSpacing || font.letterSpacing[val];
   return {
     fontFamily,

package/dist/cjs/views/SizableText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, Variable, styled } from '@tamagui/core'\n\nexport const sizableTextSizeVariant = (val = '$4', { tokens, props }) => {\n  const family = (\n    typeof props.fontFamily === 'string'\n      ? props.fontFamily\n      : props.fontFamily instanceof Variable\n      ? props.fontFamily.val\n      : props.fontFamily || '$body'\n  ) as any\n  const font = tokens.font[family] ?? tokens.font['$body']\n  if (!font) {\n    console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(tokens.font), val })\n    return {}\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  console.log('val', val, fontSize)\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  return {\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  }\n}\n\nexport const SizableText = styled(Text, {\n  variants: {\n    size: {\n      // TODO this should be ...fontSize type not working\n      '...size': sizableTextSizeVariant,\n    },\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiD;AAE1C,MAAM,yBAAyB,wBAAC,MAAM,MAAM,EAAE,QAAQ,YAAY;AACvE,QAAM,SACJ,OAAO,MAAM,eAAe,WACxB,MAAM,aACN,MAAM,sBAAsB,uBAC5B,MAAM,WAAW,MACjB,MAAM,cAAc;AAE1B,QAAM,OAAO,OAAO,KAAK,WAAW,OAAO,KAAK;AAChD,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,OAAO,OAAO;AACjF,WAAO;AAAA;AAET,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,UAAQ,IAAI,OAAO,KAAK;AACxB,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,GAxBkC;AA4B/B,MAAM,cAAc,wBAAO,kBAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MAEJ,WAAW;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { GetProps, Text, Variable, styled } from '@tamagui/core'\n\nexport const sizableTextSizeVariant = (val = '$4', { tokens, props }) => {\n  const family = (\n    typeof props.fontFamily === 'string'\n      ? props.fontFamily\n      : props.fontFamily instanceof Variable\n      ? props.fontFamily.val\n      : props.fontFamily || '$body'\n  ) as any\n  const font = tokens.font[family] ?? tokens.font['$body']\n  if (!font) {\n    console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(tokens.font), val })\n    return {}\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  return {\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  }\n}\n\nexport const SizableText = styled(Text, {\n  variants: {\n    size: {\n      // TODO this should be ...fontSize type not working\n      '...size': sizableTextSizeVariant,\n    },\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiD;AAE1C,MAAM,yBAAyB,wBAAC,MAAM,MAAM,EAAE,QAAQ,YAAY;AACvE,QAAM,SACJ,OAAO,MAAM,eAAe,WACxB,MAAM,aACN,MAAM,sBAAsB,uBAC5B,MAAM,WAAW,MACjB,MAAM,cAAc;AAE1B,QAAM,OAAO,OAAO,KAAK,WAAW,OAAO,KAAK;AAChD,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,OAAO,OAAO;AACjF,WAAO;AAAA;AAET,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,GAvBkC;AA2B/B,MAAM,cAAc,wBAAO,kBAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MAEJ,WAAW;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/views/Stacks.js

@@ -43,7 +43,6 @@ const YStack = (0, import_core.styled)(import_core.Stack, {
       "...size": (size, { tokens, theme }) => {
         const token = tokens.size[size];
         const base = (0, import_core.isVariable)(token) ? +token.val : size;
-        console.log("base", base);
         const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10];
         const shadow = {
           shadowColor: theme.shadowColor,

package/dist/cjs/views/Stacks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Stacks.tsx"],
-  "sourcesContent": ["import { GetProps, Stack, isVariable, styled } from '@tamagui/core'\n\nexport const YStack = styled(Stack, {\n  flexDirection: 'column',\n\n  variants: {\n    fullscreen: {\n      true: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n    },\n\n    elevation: {\n      '...size': (size, { tokens, theme }) => {\n        const token = tokens.size[size]\n        const base = isVariable(token) ? +token.val : size\n        console.log('base', base)\n        const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10]\n        const shadow = {\n          shadowColor: theme.shadowColor,\n          shadowRadius,\n          shadowOffset: { height, width: 0 },\n        }\n        return shadow\n      },\n    },\n  },\n})\n\nexport const XStack = styled(YStack, {\n  flexDirection: 'row',\n})\n\nexport const ZStack = styled(\n  YStack,\n  {\n    position: 'relative',\n  },\n  {\n    neverFlatten: true,\n    isZStack: true,\n  }\n)\n\n// these are all the same, really:\n// we'll override core StackProps first\nexport type StackProps = GetProps<typeof YStack>\nexport type YStackProps = StackProps\nexport type XStackProps = StackProps\nexport type ZStackProps = StackProps\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoD;AAE7C,MAAM,SAAS,wBAAO,mBAAO;AAAA,EAClC,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAAA,IAIZ,WAAW;AAAA,MACT,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY;AACtC,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,OAAO,4BAAW,SAAS,CAAC,MAAM,MAAM;AAC9C,gBAAQ,IAAI,QAAQ;AACpB,cAAM,CAAC,QAAQ,gBAAgB,CAAC,OAAO,IAAI,IAAI,OAAO,IAAI;AAC1D,cAAM,SAAS;AAAA,UACb,aAAa,MAAM;AAAA,UACnB;AAAA,UACA,cAAc,EAAE,QAAQ,OAAO;AAAA;AAEjC,eAAO;AAAA;AAAA;AAAA;AAAA;AAMR,MAAM,SAAS,wBAAO,QAAQ;AAAA,EACnC,eAAe;AAAA;AAGV,MAAM,SAAS,wBACpB,QACA;AAAA,EACE,UAAU;AAAA,GAEZ;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AAAA;",
+  "sourcesContent": ["import { GetProps, Stack, isVariable, styled } from '@tamagui/core'\n\nexport const YStack = styled(Stack, {\n  flexDirection: 'column',\n\n  variants: {\n    fullscreen: {\n      true: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n    },\n\n    elevation: {\n      '...size': (size, { tokens, theme }) => {\n        const token = tokens.size[size]\n        const base = isVariable(token) ? +token.val : size\n        const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10]\n        const shadow = {\n          shadowColor: theme.shadowColor,\n          shadowRadius,\n          shadowOffset: { height, width: 0 },\n        }\n        return shadow\n      },\n    },\n  },\n})\n\nexport const XStack = styled(YStack, {\n  flexDirection: 'row',\n})\n\nexport const ZStack = styled(\n  YStack,\n  {\n    position: 'relative',\n  },\n  {\n    neverFlatten: true,\n    isZStack: true,\n  }\n)\n\n// these are all the same, really:\n// we'll override core StackProps first\nexport type StackProps = GetProps<typeof YStack>\nexport type YStackProps = StackProps\nexport type XStackProps = StackProps\nexport type ZStackProps = StackProps\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoD;AAE7C,MAAM,SAAS,wBAAO,mBAAO;AAAA,EAClC,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAAA,IAIZ,WAAW;AAAA,MACT,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY;AACtC,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,OAAO,4BAAW,SAAS,CAAC,MAAM,MAAM;AAC9C,cAAM,CAAC,QAAQ,gBAAgB,CAAC,OAAO,IAAI,IAAI,OAAO,IAAI;AAC1D,cAAM,SAAS;AAAA,UACb,aAAa,MAAM;AAAA,UACnB;AAAA,UACA,cAAc,EAAE,QAAQ,OAAO;AAAA;AAEjC,eAAO;AAAA;AAAA;AAAA;AAAA;AAMR,MAAM,SAAS,wBAAO,QAAQ;AAAA,EACnC,eAAe;AAAA;AAGV,MAAM,SAAS,wBACpB,QACA;AAAA,EACE,UAAU;AAAA,GAEZ;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AAAA;",
   "names": []
 }

package/dist/cjs/views/withStaticProperties.js

@@ -0,0 +1 @@
+//# sourceMappingURL=withStaticProperties.js.map

package/dist/cjs/views/withStaticProperties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/helpers/withStaticProperties.js

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const withStaticProperties = /* @__PURE__ */ __name(function(component, staticProps) {
+  Object.assign(component, staticProps);
+  return component;
+}, "withStaticProperties");
+export {
+  withStaticProperties
+};
+//# sourceMappingURL=withStaticProperties.js.map

package/dist/esm/helpers/withStaticProperties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/withStaticProperties.tsx"],
+  "sourcesContent": ["export const withStaticProperties = function <A extends Function, B>(\n  component: A,\n  staticProps: B\n): A & B {\n  Object.assign(component, staticProps)\n  return component as any\n}\n"],
+  "mappings": ";;AAAO,MAAM,uBAAuB,gCAClC,WACA,aACO;AACP,SAAO,OAAO,WAAW;AACzB,SAAO;AAAA,GAL2B;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,6 +1,9 @@
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 export * from "@tamagui/helpers";
 import {
+  addMediaQueryListener,
+  mediaQueryConfig,
+  TamaguiInternalConfig,
   GenericTamaguiConfig,
   ColorTokens,
   CreateTamaguiConfig,
@@ -82,6 +85,8 @@ export * from "./views/BlurView";
 export * from "./views/Box";
 export * from "./views/Button";
 export * from "./views/Circle";
+export * from "./views/Drawer";
+export * from "./views/DrawerProvider";
 export * from "./views/EnsureFlexed";
 export * from "./views/Form";
 export * from "./views/Grid";
@@ -133,6 +138,7 @@ export {
   StaticConfigParsed,
   TamaguiConfig,
   TamaguiCustomConfig,
+  TamaguiInternalConfig,
   TamaguiProviderProps,
   Text,
   TextAncestorContext,
@@ -147,6 +153,7 @@ export {
   Tokens,
   TransformStyleProps,
   Variable,
+  addMediaQueryListener,
   createComponent,
   createFont,
   createShorthands,
@@ -170,6 +177,7 @@ export {
   isWebIOS,
   matchMedia,
   mediaObjectToString,
+  mediaQueryConfig,
   mediaState,
   spacedChildren,
   styled,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/helpers'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  GenericTamaguiConfig,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontTokens,\n  FontWeightTokens,\n  GetProps,\n  MediaKeys,\n  MediaQueries,\n  MediaQueryState,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  TamaguiCustomConfig,\n  TamaguiConfig,\n  TamaguiProviderProps,\n  StaticComponent,\n  ThemeKeys,\n  StaticConfig,\n  ThemeableHOC,\n  ThemeObject,\n  TextProps,\n  ThemeProps,\n  Themes,\n  Tokens,\n  TransformStyleProps,\n  StaticConfigParsed,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  // context,\n  TextAncestorContext,\n  // constants\n  isWeb,\n  isSSR,\n  isChrome,\n  supportsTouchWeb,\n  isTouchDevice,\n  isWebIOS,\n  // helpers\n  mediaState,\n  styled,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTamagui,\n  createTheme,\n  createTokens,\n  createVariable,\n  mediaObjectToString,\n  Variable,\n  getMedia,\n  getThemes,\n  getTamagui,\n  getTokens,\n  getHasConfigured,\n  getThemeParentClassName,\n  spacedChildren,\n  themeable,\n  getStylesAtomic,\n  isObj,\n  isTamaguiElement,\n  matchMedia,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsomorphicLayoutEffect,\n  useMedia,\n  useTheme,\n  useThemeName,\n} from '@tamagui/core'\n\nexport * from './viewTypes'\n\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\nexport * from './hooks/useLayout'\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/BlurView'\nexport * from './views/Box'\nexport * from './views/Button'\nexport * from './views/Circle'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/HoverablePopover'\nexport * from './views/InteractiveContainer'\nexport * from './views/InteractiveFrame'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Paragraph'\nexport * from './views/Popover/Popover'\nexport * from './views/Popover/PopoverProvider'\nexport * from './views/SafeAreaProvider'\nexport * from './views/Separator'\nexport * from './views/SizableText'\nexport * from './views/Stacks'\nexport * from './views/Table'\nexport * from './views/Toast'\nexport * from './views/Tooltip'\nexport * from './views/TouchableOpacity'\nexport * from './views/Transitions'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
-  "mappings": "AAAA;AAEA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgFA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;",
+  "sourcesContent": ["export { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/helpers'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  addMediaQueryListener,\n  mediaQueryConfig,\n  TamaguiInternalConfig,\n  GenericTamaguiConfig,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontTokens,\n  FontWeightTokens,\n  GetProps,\n  MediaKeys,\n  MediaQueries,\n  MediaQueryState,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  TamaguiCustomConfig,\n  TamaguiConfig,\n  TamaguiProviderProps,\n  StaticComponent,\n  ThemeKeys,\n  StaticConfig,\n  ThemeableHOC,\n  ThemeObject,\n  TextProps,\n  ThemeProps,\n  Themes,\n  Tokens,\n  TransformStyleProps,\n  StaticConfigParsed,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  // context,\n  TextAncestorContext,\n  // constants\n  isWeb,\n  isSSR,\n  isChrome,\n  supportsTouchWeb,\n  isTouchDevice,\n  isWebIOS,\n  // helpers\n  mediaState,\n  styled,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTamagui,\n  createTheme,\n  createTokens,\n  createVariable,\n  mediaObjectToString,\n  Variable,\n  getMedia,\n  getThemes,\n  getTamagui,\n  getTokens,\n  getHasConfigured,\n  getThemeParentClassName,\n  spacedChildren,\n  themeable,\n  getStylesAtomic,\n  isObj,\n  isTamaguiElement,\n  matchMedia,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsomorphicLayoutEffect,\n  useMedia,\n  useTheme,\n  useThemeName,\n} from '@tamagui/core'\n\nexport * from './viewTypes'\n\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\nexport * from './hooks/useLayout'\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/BlurView'\nexport * from './views/Box'\nexport * from './views/Button'\nexport * from './views/Circle'\nexport * from './views/Drawer'\nexport * from './views/DrawerProvider'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/HoverablePopover'\nexport * from './views/InteractiveContainer'\nexport * from './views/InteractiveFrame'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Paragraph'\nexport * from './views/Popover/Popover'\nexport * from './views/Popover/PopoverProvider'\nexport * from './views/SafeAreaProvider'\nexport * from './views/Separator'\nexport * from './views/SizableText'\nexport * from './views/Stacks'\nexport * from './views/Table'\nexport * from './views/Toast'\nexport * from './views/Tooltip'\nexport * from './views/TouchableOpacity'\nexport * from './views/Transitions'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
+  "mappings": "AAAA;AAEA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;",
   "names": []
 }

package/dist/esm/views/Drawer.js

@@ -0,0 +1,50 @@
+import { BottomSheetModal } from "@gorhom/bottom-sheet";
+import { useTheme } from "@tamagui/core";
+import { useEffect, useRef } from "react";
+import { withStaticProperties } from "../helpers/withStaticProperties";
+import { DrawerProvider } from "./DrawerProvider";
+import { YStack } from "./Stacks";
+const Drawer = withStaticProperties(({
+  children,
+  open,
+  onChange,
+  ...props
+}) => {
+  var _a, _b;
+  const sheetRef = useRef(null);
+  const theme = useTheme();
+  useEffect(() => {
+    var _a2, _b2;
+    if (!open) {
+      (_a2 = sheetRef.current) == null ? void 0 : _a2.dismiss();
+    } else {
+      (_b2 = sheetRef.current) == null ? void 0 : _b2.present();
+    }
+  }, [open]);
+  return /* @__PURE__ */ React.createElement(BottomSheetModal, {
+    backgroundStyle: {
+      backgroundColor: (_a = theme.bg) == null ? void 0 : _a.toString(),
+      shadowColor: (_b = theme.shadowColor) == null ? void 0 : _b.toString(),
+      shadowRadius: 10
+    },
+    snapPoints: ["40%"],
+    ref: sheetRef,
+    ...!!onChange && {
+      onChange: (i) => {
+        onChange(i === 0);
+      }
+    },
+    ...props
+  }, /* @__PURE__ */ React.createElement(YStack, {
+    fullscreen: true,
+    backgroundColor: "$bg",
+    borderTopLeftRadius: "$2",
+    borderTopRightRadius: "$2"
+  }, children));
+}, {
+  Provider: DrawerProvider
+});
+export {
+  Drawer
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/esm/views/Drawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Drawer.tsx"],
+  "sourcesContent": ["import { BottomSheetModal, BottomSheetModalProps } from '@gorhom/bottom-sheet'\nimport { useTheme } from '@tamagui/core'\nimport { useEffect, useRef } from 'react'\n\nimport { withStaticProperties } from '../helpers/withStaticProperties'\nimport { DrawerProvider } from './DrawerProvider'\nimport { YStack } from './Stacks'\n\nexport const Drawer = withStaticProperties(\n  ({\n    children,\n    open,\n    onChange,\n    ...props\n  }: Omit<Partial<BottomSheetModalProps>, 'onChange'> & {\n    open?: boolean\n    onChange?: ((showing: boolean) => void) | React.Dispatch<React.SetStateAction<boolean>>\n  }) => {\n    const sheetRef = useRef<BottomSheetModal>(null)\n    const theme = useTheme()\n\n    useEffect(() => {\n      if (!open) {\n        sheetRef.current?.dismiss()\n      } else {\n        sheetRef.current?.present()\n      }\n    }, [open])\n\n    return (\n      <BottomSheetModal\n        backgroundStyle={{\n          backgroundColor: theme.bg?.toString(),\n          shadowColor: theme.shadowColor?.toString(),\n          shadowRadius: 10,\n        }}\n        snapPoints={['40%']}\n        ref={sheetRef}\n        {...(!!onChange && {\n          onChange: (i) => {\n            onChange(i === 0)\n          },\n        })}\n        {...props}\n      >\n        <YStack fullscreen backgroundColor=\"$bg\" borderTopLeftRadius=\"$2\" borderTopRightRadius=\"$2\">\n          {children}\n        </YStack>\n      </BottomSheetModal>\n    )\n  },\n  {\n    Provider: DrawerProvider,\n  }\n)\n"],
+  "mappings": "AAAA;AACA;AACA;AAEA;AACA;AACA;AAEO,MAAM,SAAS,qBACpB,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAIC;AAjBR;AAkBI,QAAM,WAAW,OAAyB;AAC1C,QAAM,QAAQ;AAEd,YAAU,MAAM;AArBpB;AAsBM,QAAI,CAAC,MAAM;AACT,sBAAS,YAAT,oBAAkB;AAAA,WACb;AACL,sBAAS,YAAT,oBAAkB;AAAA;AAAA,KAEnB,CAAC;AAEJ,SACE,oCAAC,kBAAD;AAAA,IACE,iBAAiB;AAAA,MACf,iBAAiB,YAAM,OAAN,mBAAU;AAAA,MAC3B,aAAa,YAAM,gBAAN,mBAAmB;AAAA,MAChC,cAAc;AAAA;AAAA,IAEhB,YAAY,CAAC;AAAA,IACb,KAAK;AAAA,OACA,CAAC,CAAC,YAAY;AAAA,MACjB,UAAU,CAAC,MAAM;AACf,iBAAS,MAAM;AAAA;AAAA;AAAA,OAGf;AAAA,KAEJ,oCAAC,QAAD;AAAA,IAAQ,YAAU;AAAA,IAAC,iBAAgB;AAAA,IAAM,qBAAoB;AAAA,IAAK,sBAAqB;AAAA,KACpF;AAAA,GAKT;AAAA,EACE,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/views/DrawerProvider.js

@@ -0,0 +1,6 @@
+import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
+const DrawerProvider = BottomSheetModalProvider;
+export {
+  DrawerProvider
+};
+//# sourceMappingURL=DrawerProvider.js.map

package/dist/esm/views/DrawerProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/DrawerProvider.tsx"],
+  "sourcesContent": ["import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'\n\nexport const DrawerProvider = BottomSheetModalProvider\n"],
+  "mappings": "AAAA;AAEO,MAAM,iBAAiB;",
+  "names": []
+}

package/dist/esm/views/SizableText.js

@@ -13,7 +13,6 @@ const sizableTextSizeVariant = /* @__PURE__ */ __name((val = "$4", { tokens, pro
   const fontSize = props.fontSize || font.size[val];
   const lineHeight = props.lineHeight || font.lineHeight[val];
   const fontWeight = props.fontWeight || font.weight[val];
-  console.log("val", val, fontSize);
   const letterSpacing = props.letterSpacing || font.letterSpacing[val];
   return {
     fontFamily,

package/dist/esm/views/SizableText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/SizableText.tsx"],
-  "sourcesContent": ["import { GetProps, Text, Variable, styled } from '@tamagui/core'\n\nexport const sizableTextSizeVariant = (val = '$4', { tokens, props }) => {\n  const family = (\n    typeof props.fontFamily === 'string'\n      ? props.fontFamily\n      : props.fontFamily instanceof Variable\n      ? props.fontFamily.val\n      : props.fontFamily || '$body'\n  ) as any\n  const font = tokens.font[family] ?? tokens.font['$body']\n  if (!font) {\n    console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(tokens.font), val })\n    return {}\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  console.log('val', val, fontSize)\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  return {\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  }\n}\n\nexport const SizableText = styled(Text, {\n  variants: {\n    size: {\n      // TODO this should be ...fontSize type not working\n      '...size': sizableTextSizeVariant,\n    },\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,yBAAyB,wBAAC,MAAM,MAAM,EAAE,QAAQ,YAAY;AAFzE;AAGE,QAAM,SACJ,OAAO,MAAM,eAAe,WACxB,MAAM,aACN,MAAM,sBAAsB,WAC5B,MAAM,WAAW,MACjB,MAAM,cAAc;AAE1B,QAAM,OAAO,aAAO,KAAK,YAAZ,YAAuB,OAAO,KAAK;AAChD,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,OAAO,OAAO;AACjF,WAAO;AAAA;AAET,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,UAAQ,IAAI,OAAO,KAAK;AACxB,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,GAxBkC;AA4B/B,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MAEJ,WAAW;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { GetProps, Text, Variable, styled } from '@tamagui/core'\n\nexport const sizableTextSizeVariant = (val = '$4', { tokens, props }) => {\n  const family = (\n    typeof props.fontFamily === 'string'\n      ? props.fontFamily\n      : props.fontFamily instanceof Variable\n      ? props.fontFamily.val\n      : props.fontFamily || '$body'\n  ) as any\n  const font = tokens.font[family] ?? tokens.font['$body']\n  if (!font) {\n    console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(tokens.font), val })\n    return {}\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  return {\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  }\n}\n\nexport const SizableText = styled(Text, {\n  variants: {\n    size: {\n      // TODO this should be ...fontSize type not working\n      '...size': sizableTextSizeVariant,\n    },\n  },\n})\n\nexport type SizableTextProps = GetProps<typeof SizableText>\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,yBAAyB,wBAAC,MAAM,MAAM,EAAE,QAAQ,YAAY;AAFzE;AAGE,QAAM,SACJ,OAAO,MAAM,eAAe,WACxB,MAAM,aACN,MAAM,sBAAsB,WAC5B,MAAM,WAAW,MACjB,MAAM,cAAc;AAE1B,QAAM,OAAO,aAAO,KAAK,YAAZ,YAAuB,OAAO,KAAK;AAChD,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,OAAO,OAAO;AACjF,WAAO;AAAA;AAET,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,GAvBkC;AA2B/B,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MAEJ,WAAW;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/views/Stacks.js

@@ -15,7 +15,6 @@ const YStack = styled(Stack, {
       "...size": (size, { tokens, theme }) => {
         const token = tokens.size[size];
         const base = isVariable(token) ? +token.val : size;
-        console.log("base", base);
         const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10];
         const shadow = {
           shadowColor: theme.shadowColor,

package/dist/esm/views/Stacks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Stacks.tsx"],
-  "sourcesContent": ["import { GetProps, Stack, isVariable, styled } from '@tamagui/core'\n\nexport const YStack = styled(Stack, {\n  flexDirection: 'column',\n\n  variants: {\n    fullscreen: {\n      true: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n    },\n\n    elevation: {\n      '...size': (size, { tokens, theme }) => {\n        const token = tokens.size[size]\n        const base = isVariable(token) ? +token.val : size\n        console.log('base', base)\n        const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10]\n        const shadow = {\n          shadowColor: theme.shadowColor,\n          shadowRadius,\n          shadowOffset: { height, width: 0 },\n        }\n        return shadow\n      },\n    },\n  },\n})\n\nexport const XStack = styled(YStack, {\n  flexDirection: 'row',\n})\n\nexport const ZStack = styled(\n  YStack,\n  {\n    position: 'relative',\n  },\n  {\n    neverFlatten: true,\n    isZStack: true,\n  }\n)\n\n// these are all the same, really:\n// we'll override core StackProps first\nexport type StackProps = GetProps<typeof YStack>\nexport type YStackProps = StackProps\nexport type XStackProps = StackProps\nexport type ZStackProps = StackProps\n"],
-  "mappings": "AAAA;AAEO,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAAA,IAIZ,WAAW;AAAA,MACT,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY;AACtC,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,OAAO,WAAW,SAAS,CAAC,MAAM,MAAM;AAC9C,gBAAQ,IAAI,QAAQ;AACpB,cAAM,CAAC,QAAQ,gBAAgB,CAAC,OAAO,IAAI,IAAI,OAAO,IAAI;AAC1D,cAAM,SAAS;AAAA,UACb,aAAa,MAAM;AAAA,UACnB;AAAA,UACA,cAAc,EAAE,QAAQ,OAAO;AAAA;AAEjC,eAAO;AAAA;AAAA;AAAA;AAAA;AAMR,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,eAAe;AAAA;AAGV,MAAM,SAAS,OACpB,QACA;AAAA,EACE,UAAU;AAAA,GAEZ;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AAAA;",
+  "sourcesContent": ["import { GetProps, Stack, isVariable, styled } from '@tamagui/core'\n\nexport const YStack = styled(Stack, {\n  flexDirection: 'column',\n\n  variants: {\n    fullscreen: {\n      true: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n    },\n\n    elevation: {\n      '...size': (size, { tokens, theme }) => {\n        const token = tokens.size[size]\n        const base = isVariable(token) ? +token.val : size\n        const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10]\n        const shadow = {\n          shadowColor: theme.shadowColor,\n          shadowRadius,\n          shadowOffset: { height, width: 0 },\n        }\n        return shadow\n      },\n    },\n  },\n})\n\nexport const XStack = styled(YStack, {\n  flexDirection: 'row',\n})\n\nexport const ZStack = styled(\n  YStack,\n  {\n    position: 'relative',\n  },\n  {\n    neverFlatten: true,\n    isZStack: true,\n  }\n)\n\n// these are all the same, really:\n// we'll override core StackProps first\nexport type StackProps = GetProps<typeof YStack>\nexport type YStackProps = StackProps\nexport type XStackProps = StackProps\nexport type ZStackProps = StackProps\n"],
+  "mappings": "AAAA;AAEO,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAAA,IAIZ,WAAW;AAAA,MACT,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY;AACtC,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,OAAO,WAAW,SAAS,CAAC,MAAM,MAAM;AAC9C,cAAM,CAAC,QAAQ,gBAAgB,CAAC,OAAO,IAAI,IAAI,OAAO,IAAI;AAC1D,cAAM,SAAS;AAAA,UACb,aAAa,MAAM;AAAA,UACnB;AAAA,UACA,cAAc,EAAE,QAAQ,OAAO;AAAA;AAEjC,eAAO;AAAA;AAAA;AAAA;AAAA;AAMR,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,eAAe;AAAA;AAGV,MAAM,SAAS,OACpB,QACA;AAAA,EACE,UAAU;AAAA,GAEZ;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AAAA;",
   "names": []
 }

package/dist/esm/views/withStaticProperties.js

@@ -0,0 +1 @@
+//# sourceMappingURL=withStaticProperties.js.map

package/dist/esm/views/withStaticProperties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/helpers/withStaticProperties.js

@@ -0,0 +1,9 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const withStaticProperties = /* @__PURE__ */ __name(function(component, staticProps) {
+  Object.assign(component, staticProps);
+  return component;
+}, "withStaticProperties");
+export {
+  withStaticProperties
+};

package/dist/jsx/index.js

@@ -1,6 +1,9 @@
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 export * from "@tamagui/helpers";
 import {
+  addMediaQueryListener,
+  mediaQueryConfig,
+  TamaguiInternalConfig,
   GenericTamaguiConfig,
   ColorTokens,
   CreateTamaguiConfig,
@@ -82,6 +85,8 @@ export * from "./views/BlurView";
 export * from "./views/Box";
 export * from "./views/Button";
 export * from "./views/Circle";
+export * from "./views/Drawer";
+export * from "./views/DrawerProvider";
 export * from "./views/EnsureFlexed";
 export * from "./views/Form";
 export * from "./views/Grid";
@@ -133,6 +138,7 @@ export {
   StaticConfigParsed,
   TamaguiConfig,
   TamaguiCustomConfig,
+  TamaguiInternalConfig,
   TamaguiProviderProps,
   Text,
   TextAncestorContext,
@@ -147,6 +153,7 @@ export {
   Tokens,
   TransformStyleProps,
   Variable,
+  addMediaQueryListener,
   createComponent,
   createFont,
   createShorthands,
@@ -170,6 +177,7 @@ export {
   isWebIOS,
   matchMedia,
   mediaObjectToString,
+  mediaQueryConfig,
   mediaState,
   spacedChildren,
   styled,

package/dist/jsx/views/Drawer.js

@@ -0,0 +1,38 @@
+import { BottomSheetModal } from "@gorhom/bottom-sheet";
+import { useTheme } from "@tamagui/core";
+import { useEffect, useRef } from "react";
+import { withStaticProperties } from "../helpers/withStaticProperties";
+import { DrawerProvider } from "./DrawerProvider";
+import { YStack } from "./Stacks";
+const Drawer = withStaticProperties(({
+  children,
+  open,
+  onChange,
+  ...props
+}) => {
+  var _a, _b;
+  const sheetRef = useRef(null);
+  const theme = useTheme();
+  useEffect(() => {
+    var _a2, _b2;
+    if (!open) {
+      (_a2 = sheetRef.current) == null ? void 0 : _a2.dismiss();
+    } else {
+      (_b2 = sheetRef.current) == null ? void 0 : _b2.present();
+    }
+  }, [open]);
+  return <BottomSheetModal backgroundStyle={{
+    backgroundColor: (_a = theme.bg) == null ? void 0 : _a.toString(),
+    shadowColor: (_b = theme.shadowColor) == null ? void 0 : _b.toString(),
+    shadowRadius: 10
+  }} snapPoints={["40%"]} ref={sheetRef} {...!!onChange && {
+    onChange: (i) => {
+      onChange(i === 0);
+    }
+  }} {...props}><YStack fullscreen backgroundColor="$bg" borderTopLeftRadius="$2" borderTopRightRadius="$2">{children}</YStack></BottomSheetModal>;
+}, {
+  Provider: DrawerProvider
+});
+export {
+  Drawer
+};

package/dist/jsx/views/DrawerProvider.js

@@ -0,0 +1,5 @@
+import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
+const DrawerProvider = BottomSheetModalProvider;
+export {
+  DrawerProvider
+};

package/dist/jsx/views/SizableText.js

@@ -13,7 +13,6 @@ const sizableTextSizeVariant = /* @__PURE__ */ __name((val = "$4", { tokens, pro
   const fontSize = props.fontSize || font.size[val];
   const lineHeight = props.lineHeight || font.lineHeight[val];
   const fontWeight = props.fontWeight || font.weight[val];
-  console.log("val", val, fontSize);
   const letterSpacing = props.letterSpacing || font.letterSpacing[val];
   return {
     fontFamily,

package/dist/jsx/views/Stacks.js

@@ -15,7 +15,6 @@ const YStack = styled(Stack, {
       "...size": (size, { tokens, theme }) => {
         const token = tokens.size[size];
         const base = isVariable(token) ? +token.val : size;
-        console.log("base", base);
         const [height, shadowRadius] = [base / 3 + 10, base / 2 + 10];
         const shadow = {
           shadowColor: theme.shadowColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.0.0-alpha.49",
+  "version": "1.0.0-alpha.52",
   "sideEffects": [
     "*.css"
   ],
@@ -18,6 +18,7 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
+    "@gorhom/bottom-sheet": "^4.1.5",
     "@react-aria/ssr": "^3.1.0",
     "@react-aria/utils": "^3.10.0",
     "@react-native-aria/focus": "^0.2.5",
@@ -28,10 +29,12 @@
     "@tamagui/helpers": "^1.0.0-alpha.48",
     "@tamagui/use-debounce": "^1.0.0-alpha.44",
     "@tamagui/use-force-update": "^1.0.0-alpha.44",
-    "expo-linear-gradient": "^10.0.3",
+    "expo-linear-gradient": "^11.0.2",
     "normalize-css-color": "*",
     "react": "*",
     "react-dom": "*",
+    "react-native-gesture-handler": "^2.2.0",
+    "react-native-reanimated": "^2.3.1",
     "react-native-safe-area-context": "^3.3.2"
   },
   "peerDependencies": {
@@ -43,5 +46,5 @@
     "@types/react": "^17.0.35",
     "react-native-web": "^0.17.5"
   },
-  "gitHead": "78288707c143087395f74c74dc95686e0a2bd938"
+  "gitHead": "ef6a6ef60d230fab7196e25745e5e695113bb046"
 }

package/types/helpers/withStaticProperties.d.ts

@@ -0,0 +1,2 @@
+export declare const withStaticProperties: <A extends Function, B>(component: A, staticProps: B) => A & B;
+//# sourceMappingURL=withStaticProperties.d.ts.map

package/types/helpers/withStaticProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withStaticProperties.d.ts","sourceRoot":"","sources":["../../src/helpers/withStaticProperties.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gEAMhC,CAAA"}

package/types/index.d.ts

@@ -1,6 +1,6 @@
 export { useSafeAreaInsets } from 'react-native-safe-area-context';
 export * from '@tamagui/helpers';
-export { GenericTamaguiConfig, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontTokens, FontWeightTokens, GetProps, MediaKeys, MediaQueries, MediaQueryState, Shorthands, SizeTokens, SpaceTokens, TamaguiCustomConfig, TamaguiConfig, TamaguiProviderProps, StaticComponent, ThemeKeys, StaticConfig, ThemeableHOC, ThemeObject, TextProps, ThemeProps, Themes, Tokens, TransformStyleProps, StaticConfigParsed, Spacer, Stack, Text, Theme, ThemeInverse, TextAncestorContext, isWeb, isSSR, isChrome, supportsTouchWeb, isTouchDevice, isWebIOS, mediaState, styled, createComponent, createFont, createShorthands, createTamagui, createTheme, createTokens, createVariable, mediaObjectToString, Variable, getMedia, getThemes, getTamagui, getTokens, getHasConfigured, getThemeParentClassName, spacedChildren, themeable, getStylesAtomic, isObj, isTamaguiElement, matchMedia, useConstant, useDefaultThemeName, useIsomorphicLayoutEffect, useMedia, useTheme, useThemeName, } from '@tamagui/core';
+export { addMediaQueryListener, mediaQueryConfig, TamaguiInternalConfig, GenericTamaguiConfig, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontTokens, FontWeightTokens, GetProps, MediaKeys, MediaQueries, MediaQueryState, Shorthands, SizeTokens, SpaceTokens, TamaguiCustomConfig, TamaguiConfig, TamaguiProviderProps, StaticComponent, ThemeKeys, StaticConfig, ThemeableHOC, ThemeObject, TextProps, ThemeProps, Themes, Tokens, TransformStyleProps, StaticConfigParsed, Spacer, Stack, Text, Theme, ThemeInverse, TextAncestorContext, isWeb, isSSR, isChrome, supportsTouchWeb, isTouchDevice, isWebIOS, mediaState, styled, createComponent, createFont, createShorthands, createTamagui, createTheme, createTokens, createVariable, mediaObjectToString, Variable, getMedia, getThemes, getTamagui, getTokens, getHasConfigured, getThemeParentClassName, spacedChildren, themeable, getStylesAtomic, isObj, isTamaguiElement, matchMedia, useConstant, useDefaultThemeName, useIsomorphicLayoutEffect, useMedia, useTheme, useThemeName, } from '@tamagui/core';
 export * from './viewTypes';
 export * from '@tamagui/use-debounce';
 export * from '@tamagui/use-force-update';
@@ -10,6 +10,8 @@ export * from './views/BlurView';
 export * from './views/Box';
 export * from './views/Button';
 export * from './views/Circle';
+export * from './views/Drawer';
+export * from './views/DrawerProvider';
 export * from './views/EnsureFlexed';
 export * from './views/Form';
 export * from './views/Grid';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAElE,cAAc,kBAAkB,CAAA;AAIhC,OAAO,EAEL,oBAAoB,EACpB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,kBAAkB,EAElB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EAEZ,mBAAmB,EAEnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,QAAQ,EAER,UAAU,EACV,MAAM,EACN,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,SAAS,EACT,eAAe,EACf,KAAK,EACL,gBAAgB,EAChB,UAAU,EAEV,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,MAAM,eAAe,CAAA;AAEtB,cAAc,aAAa,CAAA;AAE3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AAEtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAElE,cAAc,kBAAkB,CAAA;AAIhC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,kBAAkB,EAElB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EAEZ,mBAAmB,EAEnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,QAAQ,EAER,UAAU,EACV,MAAM,EACN,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,SAAS,EACT,eAAe,EACf,KAAK,EACL,gBAAgB,EAChB,UAAU,EAEV,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,MAAM,eAAe,CAAA;AAEtB,cAAc,aAAa,CAAA;AAE3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AAEtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA"}

package/types/views/Drawer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BottomSheetModalProps } from '@gorhom/bottom-sheet';
+export declare const Drawer: (({ children, open, onChange, ...props }: Omit<Partial<BottomSheetModalProps>, "onChange"> & {
+    open?: boolean | undefined;
+    onChange?: import("react").Dispatch<import("react").SetStateAction<boolean>> | ((showing: boolean) => void) | undefined;
+}) => JSX.Element) & {
+    Provider: ({ children, }: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetModalProvider/types").BottomSheetModalProviderProps) => JSX.Element;
+};
+//# sourceMappingURL=Drawer.d.ts.map

package/types/views/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/views/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAQ9E,eAAO,MAAM,MAAM;;8FAQO,OAAO,KAAK,IAAI;;;CAsCzC,CAAA"}

package/types/views/DrawerProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DrawerProvider: ({ children, }: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetModalProvider/types").BottomSheetModalProviderProps) => JSX.Element;
+//# sourceMappingURL=DrawerProvider.d.ts.map

package/types/views/DrawerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerProvider.d.ts","sourceRoot":"","sources":["../../src/views/DrawerProvider.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,cAAc,uJAA2B,CAAA"}

package/types/views/NativeLinearGradientProps.d.ts

@@ -6,5 +6,8 @@ export declare type NativeLinearGradientProps = React.ComponentProps<typeof View
     start?: NativeLinearGradientPoint | null;
     end?: NativeLinearGradientPoint | null;
 }>;
-export declare type NativeLinearGradientPoint = [number, number];
+export declare type NativeLinearGradientPoint = {
+    x?: number;
+    y?: number;
+} | [number, number];
 //# sourceMappingURL=NativeLinearGradientProps.d.ts.map

package/types/views/NativeLinearGradientProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeLinearGradientProps.d.ts","sourceRoot":"","sources":["../../src/views/NativeLinearGradientProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,oBAAY,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GACvE,KAAK,CAAC,iBAAiB,CAAC;IACtB,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACxC,GAAG,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAA;CACvC,CAAC,CAAA;AAEJ,oBAAY,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA"}
+{"version":3,"file":"NativeLinearGradientProps.d.ts","sourceRoot":"","sources":["../../src/views/NativeLinearGradientProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,oBAAY,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GACvE,KAAK,CAAC,iBAAiB,CAAC;IACtB,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACxC,GAAG,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAA;CACvC,CAAC,CAAA;AAEJ,oBAAY,yBAAyB,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA"}

package/types/views/SizableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../../src/views/SizableText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA0B,MAAM,eAAe,CAAA;AAEhE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;CA0BlC,CAAA;AAED,eAAO,MAAM,WAAW;;;;0DAOtB,CAAA;AAEF,oBAAY,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}
+{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../../src/views/SizableText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA0B,MAAM,eAAe,CAAA;AAEhE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;CAyBlC,CAAA;AAED,eAAO,MAAM,WAAW;;;;0DAOtB,CAAA;AAEF,oBAAY,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}

package/types/views/Stacks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../../src/views/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA6B,MAAM,eAAe,CAAA;AAEnE,eAAO,MAAM,MAAM;;;;;;0DA6BjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;0DAEjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;0DASlB,CAAA;AAID,oBAAY,UAAU,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAChD,oBAAY,WAAW,GAAG,UAAU,CAAA;AACpC,oBAAY,WAAW,GAAG,UAAU,CAAA;AACpC,oBAAY,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../../src/views/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA6B,MAAM,eAAe,CAAA;AAEnE,eAAO,MAAM,MAAM;;;;;;0DA4BjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;0DAEjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;0DASlB,CAAA;AAID,oBAAY,UAAU,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAChD,oBAAY,WAAW,GAAG,UAAU,CAAA;AACpC,oBAAY,WAAW,GAAG,UAAU,CAAA;AACpC,oBAAY,WAAW,GAAG,UAAU,CAAA"}