tamagui 1.0.0-beta.193 → 1.0.0-beta.2

package/dist/cjs/createTamagui.js

@@ -51,6 +51,7 @@ __export(createTamagui_exports, {
 });
 module.exports = __toCommonJS(createTamagui_exports);
 var Core = __toESM(require("@tamagui/core"));
+var React = __toESM(require("react"));
 var import_PopoverProvider = require("./views/Popover/PopoverProvider");
 var import_SafeAreaProvider = require("./views/SafeAreaProvider");
 function createTamagui(config) {

package/dist/cjs/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.tsx"],
-  "sourcesContent": ["import * as Core from '@tamagui/core'\nimport {\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from '@tamagui/core'\n\nimport { PopoverProvider } from './views/Popover/PopoverProvider'\nimport { SafeAreaProvider } from './views/SafeAreaProvider'\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends Partial<CreateTamaguiConfig<infer A, infer B, infer C, infer D, infer E, infer F>>\n  ? TamaguiInternalConfig<A, B, C, D, E, F>\n  : unknown {\n  const conf = Core.createTamagui(config)\n\n  // add our providers\n  const OGProvider = conf.Provider\n  conf.Provider = ({ children, ...props }: TamaguiProviderProps) => {\n    return (\n      <OGProvider {...props}>\n        <SafeAreaProvider>\n          <PopoverProvider>{children}</PopoverProvider>\n        </SafeAreaProvider>\n      </OGProvider>\n    )\n  }\n\n  return conf\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAsB;AAQtB,6BAAgC;AAChC,8BAAiC;AAE1B,uBACL,QAGU;AACV,QAAM,OAAO,KAAK,cAAc,MAAM;AAGtC,QAAM,aAAa,KAAK;AACxB,OAAK,WAAW,CAAC,OAAiD;AAAjD,iBAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACjB,WACE,oCAAC,+BAAe,QACd,oCAAC,gDACC,oCAAC,8CAAiB,QAAS,CAC7B,CACF;AAAA,EAEJ;AAEA,SAAO;AACT;AApBgB;",
+  "sourcesContent": ["import * as Core from '@tamagui/core'\nimport {\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from '@tamagui/core'\nimport * as React from 'react'\n\nimport { PopoverProvider } from './views/Popover/PopoverProvider'\nimport { SafeAreaProvider } from './views/SafeAreaProvider'\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends Partial<CreateTamaguiConfig<infer A, infer B, infer C, infer D, infer E, infer F>>\n  ? TamaguiInternalConfig<A, B, C, D, E, F>\n  : unknown {\n  const conf = Core.createTamagui(config)\n\n  // add our providers\n  const OGProvider = conf.Provider\n  conf.Provider = ({ children, ...props }: TamaguiProviderProps) => {\n    return (\n      <OGProvider {...props}>\n        <SafeAreaProvider>\n          <PopoverProvider>{children}</PopoverProvider>\n        </SafeAreaProvider>\n      </OGProvider>\n    )\n  }\n\n  return conf\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAsB;AAOtB,YAAuB;AAEvB,6BAAgC;AAChC,8BAAiC;AAE1B,uBACL,QAGU;AACV,QAAM,OAAO,KAAK,cAAc,MAAM;AAGtC,QAAM,aAAa,KAAK;AACxB,OAAK,WAAW,CAAC,OAAiD;AAAjD,iBAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACjB,WACE,oCAAC,+BAAe,QACd,oCAAC,gDACC,oCAAC,8CAAiB,QAAS,CAC7B,CACF;AAAA,EAEJ;AAEA,SAAO;AACT;AApBgB;",
   "names": []
 }

package/dist/cjs/helpers/getButtonSize.js

@@ -22,7 +22,7 @@ __export(getButtonSize_exports, {
 });
 module.exports = __toCommonJS(getButtonSize_exports);
 var import_core = require("@tamagui/core");
-const getButtonSize = /* @__PURE__ */ __name((sizeX = 1, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
+const getButtonSize = /* @__PURE__ */ __name((sizeX = 0.9, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
   const size = tokens.size[val] ?? tokens.size["$4"] ?? val ?? 14;
   const radius = tokens.radius[val] ?? tokens.radius["$4"] ?? size;
   const px = Math.round(+((0, import_core.isVariable)(size) ? size.val : size) * sizeX);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getButtonSize.tsx"],
-  "sourcesContent": ["import { VariantSpreadExtras, getVariableValue, isVariable } from '@tamagui/core'\n\n// for use in button-like things\n\nexport const getButtonSize =\n  (sizeX = 1, sizeY = 0.333) =>\n  (val: any, { tokens, props, fonts }: VariantSpreadExtras<any>) => {\n    const size = tokens.size[val] ?? tokens.size['$4'] ?? val ?? 14\n    const radius = tokens.radius[val] ?? tokens.radius['$4'] ?? size\n    const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX)\n    const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY)\n    // keep buttons height aligned to the font used\n    const font = fonts[props.fontFamily] || fonts['$body']\n    const lineHeights = font.lineHeight\n    const lineHeight = lineHeights[val] ?? lineHeights['$4']\n    const minHeight = Math.round(getVariableValue(lineHeight) + py * 2)\n    if (process.env.NODE_ENV === 'development' && props['debug']) {\n      console.log('getButtonSize', props.fontFamily, { size, py, val, lineHeight, minHeight })\n    }\n    return {\n      minHeight,\n      paddingHorizontal: props.circular ? 0 : px,\n      paddingVertical: props.circular ? 0 : py,\n      borderRadius: props.circular ? 100_000 : props.borderRadius ?? radius,\n    }\n  }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkE;AAI3D,MAAM,gBACX,wBAAC,QAAQ,GAAG,QAAQ,UACpB,CAAC,KAAU,EAAE,QAAQ,OAAO,YAAsC;AAChE,QAAM,OAAO,OAAO,KAAK,QAAQ,OAAO,KAAK,SAAS,OAAO;AAC7D,QAAM,SAAS,OAAO,OAAO,QAAQ,OAAO,OAAO,SAAS;AAC5D,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AACnE,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AAEnE,QAAM,OAAO,MAAM,MAAM,eAAe,MAAM;AAC9C,QAAM,cAAc,KAAK;AACzB,QAAM,aAAa,YAAY,QAAQ,YAAY;AACnD,QAAM,YAAY,KAAK,MAAM,kCAAiB,UAAU,IAAI,KAAK,CAAC;AAClE,MAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,UAAU;AAC5D,YAAQ,IAAI,iBAAiB,MAAM,YAAY,EAAE,MAAM,IAAI,KAAK,YAAY,UAAU,CAAC;AAAA,EACzF;AACA,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,MAAM,WAAW,IAAI;AAAA,IACxC,iBAAiB,MAAM,WAAW,IAAI;AAAA,IACtC,cAAc,MAAM,WAAW,MAAU,MAAM,gBAAgB;AAAA,EACjE;AACF,GApBA;",
+  "sourcesContent": ["import { VariantSpreadExtras, getVariableValue, isVariable } from '@tamagui/core'\n\n// for use in button-like things\n\nexport const getButtonSize =\n  (sizeX = 0.9, sizeY = 0.333) =>\n  (val: any, { tokens, props, fonts }: VariantSpreadExtras<any>) => {\n    const size = tokens.size[val] ?? tokens.size['$4'] ?? val ?? 14\n    const radius = tokens.radius[val] ?? tokens.radius['$4'] ?? size\n    const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX)\n    const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY)\n    // keep buttons height aligned to the font used\n    const font = fonts[props.fontFamily] || fonts['$body']\n    const lineHeights = font.lineHeight\n    const lineHeight = lineHeights[val] ?? lineHeights['$4']\n    const minHeight = Math.round(getVariableValue(lineHeight) + py * 2)\n    if (process.env.NODE_ENV === 'development' && props['debug']) {\n      console.log('getButtonSize', props.fontFamily, { size, py, val, lineHeight, minHeight })\n    }\n    return {\n      minHeight,\n      paddingHorizontal: props.circular ? 0 : px,\n      paddingVertical: props.circular ? 0 : py,\n      borderRadius: props.circular ? 100_000 : props.borderRadius ?? radius,\n    }\n  }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkE;AAI3D,MAAM,gBACX,wBAAC,QAAQ,KAAK,QAAQ,UACtB,CAAC,KAAU,EAAE,QAAQ,OAAO,YAAsC;AAChE,QAAM,OAAO,OAAO,KAAK,QAAQ,OAAO,KAAK,SAAS,OAAO;AAC7D,QAAM,SAAS,OAAO,OAAO,QAAQ,OAAO,OAAO,SAAS;AAC5D,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AACnE,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AAEnE,QAAM,OAAO,MAAM,MAAM,eAAe,MAAM;AAC9C,QAAM,cAAc,KAAK;AACzB,QAAM,aAAa,YAAY,QAAQ,YAAY;AACnD,QAAM,YAAY,KAAK,MAAM,kCAAiB,UAAU,IAAI,KAAK,CAAC;AAClE,MAAI,QAAQ,IAAI,aAAa,iBAAiB,MAAM,UAAU;AAC5D,YAAQ,IAAI,iBAAiB,MAAM,YAAY,EAAE,MAAM,IAAI,KAAK,YAAY,UAAU,CAAC;AAAA,EACzF;AACA,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,MAAM,WAAW,IAAI;AAAA,IACxC,iBAAiB,MAAM,WAAW,IAAI;AAAA,IACtC,cAAc,MAAM,WAAW,MAAU,MAAM,gBAAgB;AAAA,EACjE;AACF,GApBA;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSpace.tsx"],
-  "sourcesContent": ["import { SpaceTokens, getTokens } from '@tamagui/core'\n\nexport const getSpace = (size?: SpaceTokens | undefined, sizeUpOrDownBy = 0) => {\n  // TODO type\n  const spaces = getTokens().size as any as SpaceTokens\n  const spaceNames = Object.keys(spaces)\n  const key = spaceNames[Math.max(0, spaceNames.indexOf(String(size || '$4')) + sizeUpOrDownBy)]\n  return (spaces[key] || spaces['$4']) as SpaceTokens\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuC;AAEhC,MAAM,WAAW,wBAAC,MAAgC,iBAAiB,MAAM;AAE9E,QAAM,SAAS,2BAAU,EAAE;AAC3B,QAAM,aAAa,OAAO,KAAK,MAAM;AACrC,QAAM,MAAM,WAAW,KAAK,IAAI,GAAG,WAAW,QAAQ,OAAO,QAAQ,IAAI,CAAC,IAAI,cAAc;AAC5F,SAAQ,OAAO,QAAQ,OAAO;AAChC,GANwB;",
+  "sourcesContent": ["import { SpaceTokens, getTokens } from '@tamagui/core'\n\nexport const getSpace = (size?: SpaceTokens | undefined, sizeUpOrDownBy = 0) => {\n  const spaces = getTokens().size as any as SpaceTokens\n  const spaceNames = Object.keys(spaces)\n  const key = spaceNames[Math.max(0, spaceNames.indexOf(String(size || '$4')) + sizeUpOrDownBy)]\n  return (spaces[key] || spaces['$4']) as SpaceTokens\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuC;AAEhC,MAAM,WAAW,wBAAC,MAAgC,iBAAiB,MAAM;AAC9E,QAAM,SAAS,2BAAU,EAAE;AAC3B,QAAM,aAAa,OAAO,KAAK,MAAM;AACrC,QAAM,MAAM,WAAW,KAAK,IAAI,GAAG,WAAW,QAAQ,OAAO,QAAQ,IAAI,CAAC,IAAI,cAAc;AAC5F,SAAQ,OAAO,QAAQ,OAAO;AAChC,GALwB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -37,6 +37,7 @@ __export(src_exports, {
   GetVariantProps: () => import_core.GetVariantProps,
   Media: () => import_core.Media,
   MediaKeys: () => import_core.MediaKeys,
+  MediaPropKeys: () => import_core.MediaPropKeys,
   MediaQueries: () => import_core.MediaQueries,
   MediaQueryState: () => import_core.MediaQueryState,
   RNWTextProps: () => import_core.RNWTextProps,
@@ -126,9 +127,12 @@ __reExport(src_exports, require("@tamagui/helpers"), module.exports);
 var import_core = require("@tamagui/core");
 __reExport(src_exports, require("./createTamagui"), module.exports);
 __reExport(src_exports, require("./viewTypes"), module.exports);
+__reExport(src_exports, require("@tamagui/stacks"), module.exports);
 __reExport(src_exports, require("@tamagui/use-debounce"), module.exports);
 __reExport(src_exports, require("@tamagui/use-force-update"), module.exports);
 __reExport(src_exports, require("@tamagui/use-controllable-state"), module.exports);
+__reExport(src_exports, require("@tamagui/compose-refs"), module.exports);
+__reExport(src_exports, require("@tamagui/create-context"), module.exports);
 __reExport(src_exports, require("./hooks/useLayout"), module.exports);
 __reExport(src_exports, require("./hooks/useKeyboardDismissable"), module.exports);
 __reExport(src_exports, require("./views/Anchor"), module.exports);
@@ -158,7 +162,6 @@ __reExport(src_exports, require("./views/Separator"), module.exports);
 __reExport(src_exports, require("./views/SizableStack"), module.exports);
 __reExport(src_exports, require("./views/SizableText"), module.exports);
 __reExport(src_exports, require("./views/Square"), module.exports);
-__reExport(src_exports, require("./views/Stacks"), module.exports);
 __reExport(src_exports, require("./views/Switch"), module.exports);
 __reExport(src_exports, require("./views/Table"), module.exports);
 __reExport(src_exports, require("./views/TextArea"), module.exports);
@@ -169,9 +172,6 @@ __reExport(src_exports, require("./views/VisuallyHidden"), module.exports);
 __reExport(src_exports, require("./helpers/prevent"), module.exports);
 __reExport(src_exports, require("./helpers/getFontSize"), module.exports);
 __reExport(src_exports, require("./helpers/getButtonSize"), module.exports);
-__reExport(src_exports, require("./helpers/getSize"), module.exports);
-__reExport(src_exports, require("./helpers/composeRefs"), module.exports);
-__reExport(src_exports, require("./helpers/createContext"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AnimationKeys,
@@ -193,6 +193,7 @@ __reExport(src_exports, require("./helpers/createContext"), module.exports);
   GetVariantProps,
   Media,
   MediaKeys,
+  MediaPropKeys,
   MediaQueries,
   MediaQueryState,
   RNWTextProps,

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import './polyfills'\n\nexport { 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  AnimationKeys,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontLetterSpacingTokens,\n  FontColorTokens,\n  FontStyleTokens,\n  FontTransformTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontTokens,\n  FontWeightTokens,\n  GenericFont,\n  GenericTamaguiConfig,\n  GetAnimationKeys,\n  GetProps,\n  GetVariantProps,\n  Media,\n  MediaKeys,\n  MediaQueries,\n  mediaQueryConfig,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  StackPropsBase,\n  StackPropsBaseShared,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextPropsBaseShared,\n  ThemeKeys,\n  ThemeName,\n  ThemeObject,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  ThemeReset,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isSSR,\n  isTouchDevice,\n  isWeb,\n  isWebIOS,\n  supportsTouchWeb,\n  // helpers\n  addMediaQueryListener,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getHasConfigured,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  isObj,\n  isTamaguiElement,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  Variable,\n  withStaticProperties,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  usePressable,\n  useTheme,\n  useThemeName,\n  useUnmountEffect,\n} from '@tamagui/core'\n\nexport * from './createTamagui'\nexport * from './viewTypes'\n\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-controllable-state'\n\nexport * from './hooks/useLayout'\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/Anchor'\nexport * from './views/BlurView'\nexport * from './views/Button'\nexport * from './views/Card'\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/Image'\nexport * from './views/Input'\nexport * from './views/InteractiveContainer'\nexport * from './views/Label'\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/SizableStack'\nexport * from './views/SizableText'\nexport * from './views/Square'\nexport * from './views/Stacks'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\nexport * from './views/Tooltip'\nexport * from './views/TouchableOpacity'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\nexport * from './helpers/getButtonSize'\nexport * from './helpers/getSize'\nexport * from './helpers/composeRefs'\nexport * from './helpers/createContext'\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;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,uBAAO;AAEP,4CAAkC;AAElC,wBAAc,6BAJd;AAQA,kBA0GO;AAEP,wBAAc,4BApHd;AAqHA,wBAAc,wBArHd;AAuHA,wBAAc,kCAvHd;AAwHA,wBAAc,sCAxHd;AAyHA,wBAAc,4CAzHd;AA2HA,wBAAc,8BA3Hd;AA4HA,wBAAc,2CA5Hd;AA8HA,wBAAc,2BA9Hd;AA+HA,wBAAc,6BA/Hd;AAgIA,wBAAc,2BAhId;AAiIA,wBAAc,yBAjId;AAkIA,wBAAc,2BAlId;AAmIA,wBAAc,iCAnId;AAoIA,wBAAc,yBApId;AAqIA,wBAAc,yBArId;AAsIA,wBAAc,6BAtId;AAuIA,wBAAc,8BAvId;AAwIA,wBAAc,qCAxId;AAyIA,wBAAc,0BAzId;AA0IA,wBAAc,0BA1Id;AA2IA,wBAAc,yCA3Id;AA4IA,wBAAc,0BA5Id;AA6IA,wBAAc,4BA7Id;AA8IA,wBAAc,mCA9Id;AA+IA,wBAAc,0BA/Id;AAgJA,wBAAc,4BAhJd;AAiJA,wBAAc,8BAjJd;AAkJA,wBAAc,oCAlJd;AAmJA,wBAAc,4CAnJd;AAoJA,wBAAc,qCApJd;AAqJA,wBAAc,8BArJd;AAsJA,wBAAc,iCAtJd;AAuJA,wBAAc,gCAvJd;AAwJA,wBAAc,2BAxJd;AAyJA,wBAAc,2BAzJd;AA0JA,wBAAc,2BA1Jd;AA2JA,wBAAc,0BA3Jd;AA4JA,wBAAc,6BA5Jd;AA6JA,wBAAc,0BA7Jd;AA8JA,wBAAc,4BA9Jd;AA+JA,wBAAc,qCA/Jd;AAgKA,wBAAc,mCAhKd;AAkKA,wBAAc,8BAlKd;AAmKA,wBAAc,kCAnKd;AAoKA,wBAAc,oCApKd;AAqKA,wBAAc,8BArKd;AAsKA,wBAAc,kCAtKd;AAuKA,wBAAc,oCAvKd;",
+  "sourcesContent": ["import './polyfills'\n\nexport { 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  AnimationKeys,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontColorTokens,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontStyleTokens,\n  FontTokens,\n  FontTransformTokens,\n  FontWeightTokens,\n  GenericFont,\n  GenericTamaguiConfig,\n  GetAnimationKeys,\n  GetProps,\n  GetVariantProps,\n  Media,\n  MediaKeys,\n  MediaPropKeys,\n  MediaQueries,\n  mediaQueryConfig,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  StackPropsBase,\n  StackPropsBaseShared,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextPropsBaseShared,\n  ThemeKeys,\n  ThemeName,\n  ThemeObject,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  ThemeReset,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isSSR,\n  isTouchDevice,\n  isWeb,\n  isWebIOS,\n  supportsTouchWeb,\n  // helpers\n  addMediaQueryListener,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getHasConfigured,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  isObj,\n  isTamaguiElement,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  Variable,\n  withStaticProperties,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  usePressable,\n  useTheme,\n  useThemeName,\n  useUnmountEffect,\n} from '@tamagui/core'\n\nexport * from './createTamagui'\nexport * from './viewTypes'\n\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\n\nexport * from './hooks/useLayout'\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/Anchor'\nexport * from './views/BlurView'\nexport * from './views/Button'\nexport * from './views/Card'\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/Image'\nexport * from './views/Input'\nexport * from './views/InteractiveContainer'\nexport * from './views/Label'\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/SizableStack'\nexport * from './views/SizableText'\nexport * from './views/Square'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\nexport * from './views/Tooltip'\nexport * from './views/TouchableOpacity'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\nexport * from './helpers/getButtonSize'\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;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,uBAAO;AAEP,4CAAkC;AAElC,wBAAc,6BAJd;AAQA,kBA2GO;AAEP,wBAAc,4BArHd;AAsHA,wBAAc,wBAtHd;AAwHA,wBAAc,4BAxHd;AAyHA,wBAAc,kCAzHd;AA0HA,wBAAc,sCA1Hd;AA2HA,wBAAc,4CA3Hd;AA4HA,wBAAc,kCA5Hd;AA6HA,wBAAc,oCA7Hd;AA+HA,wBAAc,8BA/Hd;AAgIA,wBAAc,2CAhId;AAkIA,wBAAc,2BAlId;AAmIA,wBAAc,6BAnId;AAoIA,wBAAc,2BApId;AAqIA,wBAAc,yBArId;AAsIA,wBAAc,2BAtId;AAuIA,wBAAc,iCAvId;AAwIA,wBAAc,yBAxId;AAyIA,wBAAc,yBAzId;AA0IA,wBAAc,6BA1Id;AA2IA,wBAAc,8BA3Id;AA4IA,wBAAc,qCA5Id;AA6IA,wBAAc,0BA7Id;AA8IA,wBAAc,0BA9Id;AA+IA,wBAAc,yCA/Id;AAgJA,wBAAc,0BAhJd;AAiJA,wBAAc,4BAjJd;AAkJA,wBAAc,mCAlJd;AAmJA,wBAAc,0BAnJd;AAoJA,wBAAc,4BApJd;AAqJA,wBAAc,8BArJd;AAsJA,wBAAc,oCAtJd;AAuJA,wBAAc,4CAvJd;AAwJA,wBAAc,qCAxJd;AAyJA,wBAAc,8BAzJd;AA0JA,wBAAc,iCA1Jd;AA2JA,wBAAc,gCA3Jd;AA4JA,wBAAc,2BA5Jd;AA6JA,wBAAc,2BA7Jd;AA8JA,wBAAc,0BA9Jd;AA+JA,wBAAc,6BA/Jd;AAgKA,wBAAc,0BAhKd;AAiKA,wBAAc,4BAjKd;AAkKA,wBAAc,qCAlKd;AAmKA,wBAAc,mCAnKd;AAqKA,wBAAc,8BArKd;AAsKA,wBAAc,kCAtKd;AAuKA,wBAAc,oCAvKd;",
   "names": []
 }

package/dist/cjs/views/BlurView.js

@@ -50,8 +50,8 @@ __export(BlurView_exports, {
   BlurView: () => BlurView
 });
 module.exports = __toCommonJS(BlurView_exports);
+var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"));
-var import_Stacks = require("./Stacks");
 function BlurView(_a) {
   var _b = _a, {
     children,
@@ -68,7 +68,7 @@ function BlurView(_a) {
     "blurType",
     "downsampleFactor"
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Stacks.YStack, __spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_stacks.YStack, __spreadValues({
     position: "relative",
     borderRadius
   }, props), /* @__PURE__ */ import_react.default.createElement("div", {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/BlurView.tsx"],
-  "sourcesContent": ["import { StackProps } from '@tamagui/core'\nimport React from 'react'\n\nimport { YStack } from './Stacks'\n\nexport type BlurViewProps = StackProps & {\n  blurAmount?: number // 0 - 100\n  blurRadius?: number\n  fallbackBackgroundColor?: string\n  blurType?:\n    | 'xlight'\n    | 'light'\n    | 'dark'\n    // iOS 13+ only\n    | 'chromeMaterial'\n    | 'material'\n    | 'thickMaterial'\n    | 'thinMaterial'\n    | 'ultraThinMaterial'\n    | 'chromeMaterialDark'\n    | 'materialDark'\n    | 'thickMaterialDark'\n    | 'thinMaterialDark'\n    | 'ultraThinMaterialDark'\n    | 'chromeMaterialLight'\n    | 'materialLight'\n    | 'thickMaterialLight'\n    | 'thinMaterialLight'\n    | 'ultraThinMaterialLight'\n    // tvOS and iOS 10+ only\n    | 'regular'\n    | 'prominent'\n    // tvOS only\n    | 'extraDark'\n  downsampleFactor?: number\n}\n\nexport function BlurView({\n  children,\n  borderRadius,\n  fallbackBackgroundColor,\n  blurRadius = 20,\n  blurType,\n  downsampleFactor,\n  ...props\n}: BlurViewProps) {\n  return (\n    // @ts-ignore\n    <YStack position=\"relative\" borderRadius={borderRadius} {...props}>\n      <div\n        // fallback for safari but non customizable\n        className=\"backdrop-filter\"\n        style={{\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          backdropFilter: `blur(${blurRadius}px)`,\n          // @ts-ignore\n          borderRadius,\n          zIndex: -1,\n          pointerEvents: 'none',\n        }}\n      />\n      {children}\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,oBAAuB;AAkChB,kBAAkB,IAQP;AARO,eACvB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,MANuB,IAOpB,kBAPoB,IAOpB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAEE,mDAAC;AAAA,IAAO,UAAS;AAAA,IAAW;AAAA,KAAgC,QAC1D,mDAAC;AAAA,IAEC,WAAU;AAAA,IACV,OAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB,QAAQ;AAAA,MAExB;AAAA,MACA,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,GACF,GACC,QACH;AAEJ;AA7BgB;",
+  "sourcesContent": ["import { StackProps } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type BlurViewProps = StackProps & {\n  blurAmount?: number // 0 - 100\n  blurRadius?: number\n  fallbackBackgroundColor?: string\n  blurType?:\n    | 'xlight'\n    | 'light'\n    | 'dark'\n    // iOS 13+ only\n    | 'chromeMaterial'\n    | 'material'\n    | 'thickMaterial'\n    | 'thinMaterial'\n    | 'ultraThinMaterial'\n    | 'chromeMaterialDark'\n    | 'materialDark'\n    | 'thickMaterialDark'\n    | 'thinMaterialDark'\n    | 'ultraThinMaterialDark'\n    | 'chromeMaterialLight'\n    | 'materialLight'\n    | 'thickMaterialLight'\n    | 'thinMaterialLight'\n    | 'ultraThinMaterialLight'\n    // tvOS and iOS 10+ only\n    | 'regular'\n    | 'prominent'\n    // tvOS only\n    | 'extraDark'\n  downsampleFactor?: number\n}\n\nexport function BlurView({\n  children,\n  borderRadius,\n  fallbackBackgroundColor,\n  blurRadius = 20,\n  blurType,\n  downsampleFactor,\n  ...props\n}: BlurViewProps) {\n  return (\n    // @ts-ignore\n    <YStack position=\"relative\" borderRadius={borderRadius} {...props}>\n      <div\n        // fallback for safari but non customizable\n        className=\"backdrop-filter\"\n        style={{\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          backdropFilter: `blur(${blurRadius}px)`,\n          // @ts-ignore\n          borderRadius,\n          zIndex: -1,\n          pointerEvents: 'none',\n        }}\n      />\n      {children}\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AACvB,mBAAkB;AAkCX,kBAAkB,IAQP;AARO,eACvB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,MANuB,IAOpB,kBAPoB,IAOpB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAEE,mDAAC;AAAA,IAAO,UAAS;AAAA,IAAW;AAAA,KAAgC,QAC1D,mDAAC;AAAA,IAEC,WAAU;AAAA,IACV,OAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB,QAAQ;AAAA,MAExB;AAAA,MACA,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,GACF,GACC,QACH;AAEJ;AA7BgB;",
   "names": []
 }

package/dist/cjs/views/Card.js

@@ -38,10 +38,10 @@ __export(Card_exports, {
 });
 module.exports = __toCommonJS(Card_exports);
 var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"));
 var import_getButtonSize = require("../helpers/getButtonSize");
 var import_SizableStack = require("./SizableStack");
-var import_Stacks = require("./Stacks");
 import_react.default["createElement"];
 const Card = (0, import_core.styled)(import_SizableStack.SizableStack, {
   name: "Card",
@@ -55,7 +55,7 @@ const Card = (0, import_core.styled)(import_SizableStack.SizableStack, {
         const { tokens } = extras;
         const token = tokens.size[size];
         const sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
-        return __spreadValues(__spreadValues({}, (0, import_getButtonSize.getButtonSize)(1, 0.9)(size, extras)), (0, import_Stacks.getSizedElevation)(sizeNum, extras));
+        return __spreadValues(__spreadValues({}, (0, import_getButtonSize.getButtonSize)(1, 0.9)(size, extras)), (0, import_stacks.getSizedElevation)(sizeNum, extras));
       }
     }
   },

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Card.tsx"],
-  "sourcesContent": ["import { GetProps, isVariable, styled } from '@tamagui/core'\nimport React from 'react'\n\nimport { getButtonSize } from '../helpers/getButtonSize'\nimport { SizableStack } from './SizableStack'\nimport { getSizedElevation } from './Stacks'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport const Card = styled(SizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getButtonSize(1, 0.9)(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6C;AAC7C,mBAAkB;AAElB,2BAA8B;AAC9B,0BAA6B;AAC7B,oBAAkC;AAGlC,qBAAM;AAEC,MAAM,OAAO,wBAAO,kCAAc;AAAA,EACvC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO,kCACF,wCAAc,GAAG,GAAG,EAAE,MAAM,MAAM,IAClC,qCAAkB,SAAS,MAAM;AAAA,MAExC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, isVariable, styled } from '@tamagui/core'\nimport { getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\n\nimport { getButtonSize } from '../helpers/getButtonSize'\nimport { SizableStack } from './SizableStack'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport const Card = styled(SizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getButtonSize(1, 0.9)(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6C;AAC7C,oBAAkC;AAClC,mBAAkB;AAElB,2BAA8B;AAC9B,0BAA6B;AAG7B,qBAAM;AAEC,MAAM,OAAO,wBAAO,kCAAc;AAAA,EACvC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO,kCACF,wCAAc,GAAG,GAAG,EAAE,MAAM,MAAM,IAClC,qCAAkB,SAAS,MAAM;AAAA,MAExC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/views/Grid.js

@@ -25,8 +25,8 @@ __export(Grid_exports, {
 });
 module.exports = __toCommonJS(Grid_exports);
 var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"));
-var import_Stacks = require("./Stacks");
 function Grid({ children, columns, itemMinWidth = 200, gap }) {
   if (import_core.isWeb) {
     return /* @__PURE__ */ import_react.default.createElement("div", {
@@ -39,7 +39,7 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
     }, children);
   }
   const childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */ import_react.default.createElement(import_Stacks.XStack, {
+  return /* @__PURE__ */ import_react.default.createElement(import_stacks.XStack, {
     alignItems: "center",
     justifyContent: "center",
     flexWrap: "wrap"
@@ -47,7 +47,7 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
     if (!child) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_Stacks.XStack, {
+    return /* @__PURE__ */ import_react.default.createElement(import_stacks.XStack, {
       key: i,
       flex: 1,
       minWidth: itemMinWidth,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Grid.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport React from 'react'\n\nimport { XStack } from './Stacks'\n\nexport type GridProps = {\n  children?: any\n  itemMinWidth?: number\n  gap?: any\n  columns?: number\n}\n\nexport function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {\n  if (isWeb) {\n    return (\n      <div\n        style={{\n          gap,\n          display: 'grid',\n          justifyContent: 'stretch',\n          // gridTemplateRows: 'repeat(4, 1fr)',\n          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,\n          // gridTemplateColumns: '1fr 1fr',\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const childrenList = React.Children.toArray(children)\n\n  return (\n    <XStack alignItems=\"center\" justifyContent=\"center\" flexWrap=\"wrap\">\n      {childrenList.map((child, i) => {\n        if (!child) {\n          return null\n        }\n\n        // index key bad\n        return (\n          <XStack key={i} flex={1} minWidth={itemMinWidth} marginRight={gap} marginBottom={gap}>\n            {child}\n          </XStack>\n        )\n      })}\n    </XStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB;AACtB,mBAAkB;AAElB,oBAAuB;AAShB,cAAc,EAAE,UAAU,SAAS,eAAe,KAAK,OAAkB;AAC9E,MAAI,mBAAO;AACT,WACE,mDAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,qBAAqB,4BAA4B;AAAA,MAEnD;AAAA,OAEC,QACH;AAAA,EAEJ;AAEA,QAAM,eAAe,qBAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,mDAAC;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAS,UAAS;AAAA,KAC1D,aAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE,mDAAC;AAAA,MAAO,KAAK;AAAA,MAAG,MAAM;AAAA,MAAG,UAAU;AAAA,MAAc,aAAa;AAAA,MAAK,cAAc;AAAA,OAC9E,KACH;AAAA,EAEJ,CAAC,CACH;AAEJ;AApCgB;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { XStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type GridProps = {\n  children?: any\n  itemMinWidth?: number\n  gap?: any\n  columns?: number\n}\n\nexport function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {\n  if (isWeb) {\n    return (\n      <div\n        style={{\n          gap,\n          display: 'grid',\n          justifyContent: 'stretch',\n          // gridTemplateRows: 'repeat(4, 1fr)',\n          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,\n          // gridTemplateColumns: '1fr 1fr',\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const childrenList = React.Children.toArray(children)\n\n  return (\n    <XStack alignItems=\"center\" justifyContent=\"center\" flexWrap=\"wrap\">\n      {childrenList.map((child, i) => {\n        if (!child) {\n          return null\n        }\n\n        // index key bad\n        return (\n          <XStack key={i} flex={1} minWidth={itemMinWidth} marginRight={gap} marginBottom={gap}>\n            {child}\n          </XStack>\n        )\n      })}\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB;AACtB,oBAAuB;AACvB,mBAAkB;AASX,cAAc,EAAE,UAAU,SAAS,eAAe,KAAK,OAAkB;AAC9E,MAAI,mBAAO;AACT,WACE,mDAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA,QAEhB,qBAAqB,4BAA4B;AAAA,MAEnD;AAAA,OAEC,QACH;AAAA,EAEJ;AAEA,QAAM,eAAe,qBAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,mDAAC;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAS,UAAS;AAAA,KAC1D,aAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE,mDAAC;AAAA,MAAO,KAAK;AAAA,MAAG,MAAM;AAAA,MAAG,UAAU;AAAA,MAAc,aAAa;AAAA,MAAK,cAAc;AAAA,OAC9E,KACH;AAAA,EAEJ,CAAC,CACH;AAEJ;AApCgB;",
   "names": []
 }

package/dist/cjs/views/HoverOrToggle.js

@@ -50,9 +50,9 @@ __export(HoverOrToggle_exports, {
 });
 module.exports = __toCommonJS(HoverOrToggle_exports);
 var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"));
 var import_Hoverable = require("./Hoverable");
-var import_Stacks = require("./Stacks");
 const HoverOrToggle = (0, import_react.forwardRef)((_a, ref) => {
   var _b = _a, {
     children,
@@ -67,7 +67,7 @@ const HoverOrToggle = (0, import_react.forwardRef)((_a, ref) => {
     if (!fallbackToPress) {
       return children;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_Stacks.YStack, {
+    return /* @__PURE__ */ import_react.default.createElement(import_stacks.YStack, {
       ref,
       onPress: () => {
         setIsOn((x) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/HoverOrToggle.tsx"],
-  "sourcesContent": ["import { useIsTouchDevice } from '@tamagui/core'\nimport React, { forwardRef, useState } from 'react'\n\nimport { Hoverable, HoverableProps } from './Hoverable'\nimport { YStack } from './Stacks'\n\nexport const HoverOrToggle = forwardRef(\n  (\n    {\n      children,\n      fallbackToPress,\n      ...props\n    }: HoverableProps & {\n      fallbackToPress?: boolean\n    },\n    ref: any\n  ) => {\n    const isTouchDevice = useIsTouchDevice()\n\n    if (isTouchDevice) {\n      const [_isOn, setIsOn] = useState(false)\n      if (!fallbackToPress) {\n        return children\n      }\n      return (\n        <YStack\n          ref={ref}\n          onPress={() => {\n            setIsOn((x) => {\n              const next = !x\n              next ? props.onHoverIn?.() : props.onHoverOut?.()\n              return next\n            })\n          }}\n        >\n          {children}\n        </YStack>\n      )\n    } else {\n      return <Hoverable {...props}>{children}</Hoverable>\n    }\n  }\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,mBAA4C;AAE5C,uBAA0C;AAC1C,oBAAuB;AAEhB,MAAM,gBAAgB,6BAC3B,CACE,IAOA,QACG;AARH,eACE;AAAA;AAAA,IACA;AAAA,MAFF,IAGK,kBAHL,IAGK;AAAA,IAFH;AAAA,IACA;AAAA;AAOF,QAAM,gBAAgB,kCAAiB;AAEvC,MAAI,eAAe;AACjB,UAAM,CAAC,OAAO,WAAW,2BAAS,KAAK;AACvC,QAAI,CAAC,iBAAiB;AACpB,aAAO;AAAA,IACT;AACA,WACE,mDAAC;AAAA,MACC;AAAA,MACA,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM;AA5B3B;AA6Bc,gBAAM,OAAO,CAAC;AACd,iBAAO,aAAM,cAAN,kCAAsB,aAAM,eAAN;AAC7B,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,OAEC,QACH;AAAA,EAEJ,OAAO;AACL,WAAO,mDAAC,+CAAc,QAAQ,QAAS;AAAA,EACzC;AACF,CACF;",
+  "sourcesContent": ["import { useIsTouchDevice } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport React, { forwardRef, useState } from 'react'\n\nimport { Hoverable, HoverableProps } from './Hoverable'\n\nexport const HoverOrToggle = forwardRef(\n  (\n    {\n      children,\n      fallbackToPress,\n      ...props\n    }: HoverableProps & {\n      fallbackToPress?: boolean\n    },\n    ref: any\n  ) => {\n    const isTouchDevice = useIsTouchDevice()\n\n    if (isTouchDevice) {\n      const [_isOn, setIsOn] = useState(false)\n      if (!fallbackToPress) {\n        return children\n      }\n      return (\n        <YStack\n          ref={ref}\n          onPress={() => {\n            setIsOn((x) => {\n              const next = !x\n              next ? props.onHoverIn?.() : props.onHoverOut?.()\n              return next\n            })\n          }}\n        >\n          {children}\n        </YStack>\n      )\n    } else {\n      return <Hoverable {...props}>{children}</Hoverable>\n    }\n  }\n)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,oBAAuB;AACvB,mBAA4C;AAE5C,uBAA0C;AAEnC,MAAM,gBAAgB,6BAC3B,CACE,IAOA,QACG;AARH,eACE;AAAA;AAAA,IACA;AAAA,MAFF,IAGK,kBAHL,IAGK;AAAA,IAFH;AAAA,IACA;AAAA;AAOF,QAAM,gBAAgB,kCAAiB;AAEvC,MAAI,eAAe;AACjB,UAAM,CAAC,OAAO,WAAW,2BAAS,KAAK;AACvC,QAAI,CAAC,iBAAiB;AACpB,aAAO;AAAA,IACT;AACA,WACE,mDAAC;AAAA,MACC;AAAA,MACA,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM;AA5B3B;AA6Bc,gBAAM,OAAO,CAAC;AACd,iBAAO,aAAM,cAAN,kCAAsB,aAAM,eAAN;AAC7B,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,OAEC,QACH;AAAA,EAEJ,OAAO;AACL,WAAO,mDAAC,+CAAc,QAAQ,QAAS;AAAA,EACzC;AACF,CACF;",
   "names": []
 }

package/dist/cjs/views/HoverablePopover.js

@@ -55,6 +55,7 @@ __export(HoverablePopover_exports, {
 module.exports = __toCommonJS(HoverablePopover_exports);
 var import_animate_presence = require("@tamagui/animate-presence");
 var import_core = require("@tamagui/core");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_use_debounce = require("@tamagui/use-debounce");
 var import_react = __toESM(require("react"));
 var import_Hoverable = require("./Hoverable");
@@ -69,20 +70,30 @@ const HoverablePopover = (0, import_core.withStaticProperties)((0, import_react.
     children,
     allowHoverOnContent,
     fallbackToPress,
-    disableUntilSettled
+    disableUntilSettled,
+    open: openProp,
+    defaultOpen,
+    onChangeOpen
   } = _b, props = __objRest(_b, [
     "trigger",
     "delay",
     "children",
     "allowHoverOnContent",
     "fallbackToPress",
-    "disableUntilSettled"
+    "disableUntilSettled",
+    "open",
+    "defaultOpen",
+    "onChangeOpen"
   ]);
   const hoverableRef = (0, import_react.useRef)(null);
-  const [isActive, set] = (0, import_react.useState)(false);
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen || false,
+    onChange: onChangeOpen
+  });
   const isTouchDevice = (0, import_core.useIsTouchDevice)();
-  const setOffSlow = (0, import_use_debounce.useDebounce)(() => set(false), allowHoverOnContent ? 20 : 0);
-  const setOnSlow = (0, import_use_debounce.useDebounce)(() => set(true), allowHoverOnContent ? 40 : 0);
+  const setOffSlow = (0, import_use_debounce.useDebounce)(() => setOpen(false), allowHoverOnContent ? 20 : 0);
+  const setOnSlow = (0, import_use_debounce.useDebounce)(() => setOpen(true), allowHoverOnContent ? 40 : 0);
   const cancelAll = /* @__PURE__ */ __name(() => {
     setOnSlow.cancel();
     setOffSlow.cancel();
@@ -99,7 +110,7 @@ const HoverablePopover = (0, import_core.withStaticProperties)((0, import_react.
     close: () => {
       var _a2;
       cancelAll();
-      set(false);
+      setOpen(false);
       (_a2 = hoverableRef.current) == null ? void 0 : _a2.close();
     }
   }));
@@ -107,7 +118,7 @@ const HoverablePopover = (0, import_core.withStaticProperties)((0, import_react.
     return trigger(null, { open: false });
   }
   return /* @__PURE__ */ import_react.default.createElement(import_Popover.Popover, __spreadProps(__spreadValues({
-    isOpen: isActive
+    open
   }, props), {
     trigger: (triggerProps, state) => {
       return /* @__PURE__ */ import_react.default.createElement(import_HoverOrToggle.HoverOrToggle, {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/HoverablePopover.tsx"],
-  "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { useIsTouchDevice, withStaticProperties } from '@tamagui/core'\nimport { useDebounce } from '@tamagui/use-debounce'\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react'\n\nimport { Hoverable, HoverableHandle } from './Hoverable'\nimport { HoverOrToggle } from './HoverOrToggle'\nimport { Popover } from './Popover/Popover'\nimport { IPopoverProps } from './Popover/types'\nimport { PopperArrow } from './Popper/PopperArrow'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport type HoverablePopoverHandle = {\n  close: () => void\n}\n\nexport type HoverablePopoverProps = IPopoverProps & {\n  delay?: number\n  fallbackToPress?: boolean\n  allowHoverOnContent?: boolean\n  disableUntilSettled?: boolean\n}\n\nexport const HoverablePopover = withStaticProperties(\n  forwardRef<HoverablePopoverHandle, HoverablePopoverProps>(\n    (\n      {\n        trigger,\n        delay = 0,\n        children,\n        allowHoverOnContent,\n        fallbackToPress,\n        disableUntilSettled,\n        ...props\n      },\n      ref\n    ) => {\n      const hoverableRef = useRef<HoverableHandle>(null)\n      const [isActive, set] = useState(false)\n      const isTouchDevice = useIsTouchDevice()\n\n      // these are debounced only to allow jump betewen target/trigger\n      // ..and to make content trigger faster than trigger\n      // todo subtract from inner delay\n      const setOffSlow = useDebounce(() => set(false), allowHoverOnContent ? 20 : 0)\n      const setOnSlow = useDebounce(() => set(true), allowHoverOnContent ? 40 : 0)\n      const cancelAll = () => {\n        setOnSlow.cancel()\n        setOffSlow.cancel()\n      }\n\n      const setOff = () => {\n        cancelAll()\n        setOffSlow()\n      }\n      const setOn = () => {\n        cancelAll()\n        setOnSlow()\n      }\n\n      useImperativeHandle(ref, () => ({\n        close: () => {\n          cancelAll()\n          set(false)\n          hoverableRef.current?.close()\n        },\n      }))\n\n      // ssr issue\n      if (isTouchDevice && !fallbackToPress) {\n        return trigger(null as any, { open: false })\n      }\n\n      return (\n        <Popover\n          isOpen={isActive}\n          {...props}\n          trigger={(triggerProps, state) => {\n            return (\n              <HoverOrToggle\n                ref={hoverableRef}\n                disableUntilSettled={disableUntilSettled}\n                onHoverIn={setOn}\n                onHoverOut={setOff}\n                hoverDelay={delay}\n              >\n                {trigger(triggerProps, state)}\n              </HoverOrToggle>\n            )\n          }}\n        >\n          {(openProps) => {\n            const childrenElements = (\n              <AnimatePresence>\n                {typeof children === 'function'\n                  ? children(openProps)\n                  : openProps.open\n                  ? children\n                  : null}\n              </AnimatePresence>\n            )\n            return (\n              <Popover.Content>\n                {isTouchDevice && fallbackToPress ? (\n                  children\n                ) : allowHoverOnContent ? (\n                  <Hoverable onHoverIn={setOn} onHoverOut={setOff}>\n                    {childrenElements}\n                  </Hoverable>\n                ) : (\n                  childrenElements\n                )}\n              </Popover.Content>\n            )\n          }}\n        </Popover>\n      )\n    }\n  ),\n  {\n    Arrow: PopperArrow,\n  }\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAgC;AAChC,kBAAuD;AACvD,0BAA4B;AAC5B,mBAAyE;AAEzE,uBAA2C;AAC3C,2BAA8B;AAC9B,qBAAwB;AAExB,yBAA4B;AAG5B,qBAAM;AAaC,MAAM,mBAAmB,sCAC9B,6BACE,CACE,IASA,QACG;AAVH,eACE;AAAA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MANF,IAOK,kBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,eAAe,yBAAwB,IAAI;AACjD,QAAM,CAAC,UAAU,OAAO,2BAAS,KAAK;AACtC,QAAM,gBAAgB,kCAAiB;AAKvC,QAAM,aAAa,qCAAY,MAAM,IAAI,KAAK,GAAG,sBAAsB,KAAK,CAAC;AAC7E,QAAM,YAAY,qCAAY,MAAM,IAAI,IAAI,GAAG,sBAAsB,KAAK,CAAC;AAC3E,QAAM,YAAY,6BAAM;AACtB,cAAU,OAAO;AACjB,eAAW,OAAO;AAAA,EACpB,GAHkB;AAKlB,QAAM,SAAS,6BAAM;AACnB,cAAU;AACV,eAAW;AAAA,EACb,GAHe;AAIf,QAAM,QAAQ,6BAAM;AAClB,cAAU;AACV,cAAU;AAAA,EACZ,GAHc;AAKd,wCAAoB,KAAK,MAAO;AAAA,IAC9B,OAAO,MAAM;AA/DrB;AAgEU,gBAAU;AACV,UAAI,KAAK;AACT,0BAAa,YAAb,oBAAsB;AAAA,IACxB;AAAA,EACF,EAAE;AAGF,MAAI,iBAAiB,CAAC,iBAAiB;AACrC,WAAO,QAAQ,MAAa,EAAE,MAAM,MAAM,CAAC;AAAA,EAC7C;AAEA,SACE,mDAAC;AAAA,IACC,QAAQ;AAAA,KACJ,QAFL;AAAA,IAGC,SAAS,CAAC,cAAc,UAAU;AAChC,aACE,mDAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,SAEX,QAAQ,cAAc,KAAK,CAC9B;AAAA,IAEJ;AAAA,MAEC,CAAC,cAAc;AACd,UAAM,mBACJ,mDAAC,+CACE,OAAO,aAAa,aACjB,SAAS,SAAS,IAClB,UAAU,OACV,WACA,IACN;AAEF,WACE,mDAAC,uBAAQ,SAAR,MACE,iBAAiB,kBAChB,WACE,sBACF,mDAAC;AAAA,MAAU,WAAW;AAAA,MAAO,YAAY;AAAA,OACtC,gBACH,IAEA,gBAEJ;AAAA,EAEJ,CACF;AAEJ,CACF,GACA;AAAA,EACE,OAAO;AACT,CACF;",
+  "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { useIsTouchDevice, withStaticProperties } from '@tamagui/core'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDebounce } from '@tamagui/use-debounce'\nimport React, { forwardRef, useImperativeHandle, useRef } from 'react'\n\nimport { Hoverable, HoverableHandle } from './Hoverable'\nimport { HoverOrToggle } from './HoverOrToggle'\nimport { Popover } from './Popover/Popover'\nimport { IPopoverProps } from './Popover/types'\nimport { PopperArrow } from './Popper/PopperArrow'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport type HoverablePopoverHandle = {\n  close: () => void\n}\n\nexport type HoverablePopoverProps = IPopoverProps & {\n  delay?: number\n  fallbackToPress?: boolean\n  allowHoverOnContent?: boolean\n  disableUntilSettled?: boolean\n}\n\nexport const HoverablePopover = withStaticProperties(\n  forwardRef<HoverablePopoverHandle, HoverablePopoverProps>(\n    (\n      {\n        trigger,\n        delay = 0,\n        children,\n        allowHoverOnContent,\n        fallbackToPress,\n        disableUntilSettled,\n        open: openProp,\n        defaultOpen,\n        onChangeOpen,\n        ...props\n      },\n      ref\n    ) => {\n      const hoverableRef = useRef<HoverableHandle>(null)\n      const [open, setOpen] = useControllableState({\n        prop: openProp,\n        defaultProp: defaultOpen || false,\n        onChange: onChangeOpen,\n      })\n\n      const isTouchDevice = useIsTouchDevice()\n\n      // these are debounced only to allow jump betewen target/trigger\n      // ..and to make content trigger faster than trigger\n      // todo subtract from inner delay\n      const setOffSlow = useDebounce(() => setOpen(false), allowHoverOnContent ? 20 : 0)\n      const setOnSlow = useDebounce(() => setOpen(true), allowHoverOnContent ? 40 : 0)\n      const cancelAll = () => {\n        setOnSlow.cancel()\n        setOffSlow.cancel()\n      }\n\n      const setOff = () => {\n        cancelAll()\n        setOffSlow()\n      }\n      const setOn = () => {\n        cancelAll()\n        setOnSlow()\n      }\n\n      useImperativeHandle(ref, () => ({\n        close: () => {\n          cancelAll()\n          setOpen(false)\n          hoverableRef.current?.close()\n        },\n      }))\n\n      // ssr issue\n      if (isTouchDevice && !fallbackToPress) {\n        return trigger(null as any, { open: false })\n      }\n\n      return (\n        <Popover\n          open={open}\n          {...props}\n          trigger={(triggerProps, state) => {\n            return (\n              <HoverOrToggle\n                ref={hoverableRef}\n                disableUntilSettled={disableUntilSettled}\n                onHoverIn={setOn}\n                onHoverOut={setOff}\n                hoverDelay={delay}\n              >\n                {trigger(triggerProps, state)}\n              </HoverOrToggle>\n            )\n          }}\n        >\n          {(openProps) => {\n            const childrenElements = (\n              <AnimatePresence>\n                {typeof children === 'function'\n                  ? children(openProps)\n                  : openProps.open\n                  ? children\n                  : null}\n              </AnimatePresence>\n            )\n            return (\n              <Popover.Content>\n                {isTouchDevice && fallbackToPress ? (\n                  children\n                ) : allowHoverOnContent ? (\n                  <Hoverable onHoverIn={setOn} onHoverOut={setOff}>\n                    {childrenElements}\n                  </Hoverable>\n                ) : (\n                  childrenElements\n                )}\n              </Popover.Content>\n            )\n          }}\n        </Popover>\n      )\n    }\n  ),\n  {\n    Arrow: PopperArrow,\n  }\n)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAgC;AAChC,kBAAuD;AACvD,oCAAqC;AACrC,0BAA4B;AAC5B,mBAA+D;AAE/D,uBAA2C;AAC3C,2BAA8B;AAC9B,qBAAwB;AAExB,yBAA4B;AAG5B,qBAAM;AAaC,MAAM,mBAAmB,sCAC9B,6BACE,CACE,IAYA,QACG;AAbH,eACE;AAAA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MATF,IAUK,kBAVL,IAUK;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,eAAe,yBAAwB,IAAI;AACjD,QAAM,CAAC,MAAM,WAAW,wDAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,gBAAgB,kCAAiB;AAKvC,QAAM,aAAa,qCAAY,MAAM,QAAQ,KAAK,GAAG,sBAAsB,KAAK,CAAC;AACjF,QAAM,YAAY,qCAAY,MAAM,QAAQ,IAAI,GAAG,sBAAsB,KAAK,CAAC;AAC/E,QAAM,YAAY,6BAAM;AACtB,cAAU,OAAO;AACjB,eAAW,OAAO;AAAA,EACpB,GAHkB;AAKlB,QAAM,SAAS,6BAAM;AACnB,cAAU;AACV,eAAW;AAAA,EACb,GAHe;AAIf,QAAM,QAAQ,6BAAM;AAClB,cAAU;AACV,cAAU;AAAA,EACZ,GAHc;AAKd,wCAAoB,KAAK,MAAO;AAAA,IAC9B,OAAO,MAAM;AAxErB;AAyEU,gBAAU;AACV,cAAQ,KAAK;AACb,0BAAa,YAAb,oBAAsB;AAAA,IACxB;AAAA,EACF,EAAE;AAGF,MAAI,iBAAiB,CAAC,iBAAiB;AACrC,WAAO,QAAQ,MAAa,EAAE,MAAM,MAAM,CAAC;AAAA,EAC7C;AAEA,SACE,mDAAC;AAAA,IACC;AAAA,KACI,QAFL;AAAA,IAGC,SAAS,CAAC,cAAc,UAAU;AAChC,aACE,mDAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,SAEX,QAAQ,cAAc,KAAK,CAC9B;AAAA,IAEJ;AAAA,MAEC,CAAC,cAAc;AACd,UAAM,mBACJ,mDAAC,+CACE,OAAO,aAAa,aACjB,SAAS,SAAS,IAClB,UAAU,OACV,WACA,IACN;AAEF,WACE,mDAAC,uBAAQ,SAAR,MACE,iBAAiB,kBAChB,WACE,sBACF,mDAAC;AAAA,MAAU,WAAW;AAAA,MAAO,YAAY;AAAA,OACtC,gBACH,IAEA,gBAEJ;AAAA,EAEJ,CACF;AAEJ,CACF,GACA;AAAA,EACE,OAAO;AACT,CACF;",
   "names": []
 }

package/dist/cjs/views/Label.js

@@ -56,15 +56,15 @@ __export(Label_exports, {
 });
 module.exports = __toCommonJS(Label_exports);
 var import_utils = require("@react-aria/utils");
+var import_compose_refs = require("@tamagui/compose-refs");
 var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
 var React = __toESM(require("react"));
-var import_composeRefs = require("../helpers/composeRefs");
-var import_createContext = require("../helpers/createContext");
 var import_getButtonSize = require("../helpers/getButtonSize");
 var import_sizableTextSizeVariant = require("../helpers/sizableTextSizeVariant");
 var import_SizableText = require("./SizableText");
 const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = (0, import_createContext.createContext)(NAME, {
+const [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
   id: void 0,
   controlRef: { current: null }
 });
@@ -94,7 +94,7 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
   const _a = props, { htmlFor, id: idProp } = _a, labelProps = __objRest(_a, ["htmlFor", "id"]);
   const controlRef = React.useRef(null);
   const ref = React.useRef(null);
-  const composedRefs = (0, import_composeRefs.useComposedRefs)(forwardedRef, ref);
+  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
   const id = (0, import_utils.useId)(idProp);
   if (import_core.isWeb) {
     React.useEffect(() => {