tamagui 1.0.0-beta.4 → 1.0.0-beta.7

package/README.md

@@ -0,0 +1 @@
+## tamagui

package/dist/cjs/createTamagui.js

@@ -52,14 +52,13 @@ __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) {
   const conf = Core.createTamagui(config);
   const OGProvider = conf.Provider;
   conf.Provider = (_a) => {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ React.createElement(OGProvider, __spreadValues({}, props), /* @__PURE__ */ React.createElement(import_SafeAreaProvider.SafeAreaProvider, null, /* @__PURE__ */ React.createElement(import_PopoverProvider.PopoverProvider, null, children)));
+    return /* @__PURE__ */ React.createElement(OGProvider, __spreadValues({}, props), /* @__PURE__ */ React.createElement(import_SafeAreaProvider.SafeAreaProvider, null, children));
   };
   return conf;
 }

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'\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;",
+  "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 { 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>{children}</SafeAreaProvider>\n      </OGProvider>\n    )\n  }\n\n  return conf\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAsB;AAOtB,YAAuB;AAEvB,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,gDAAkB,QAAS,CAC9B;AAAA,EAEJ;AAEA,SAAO;AACT;AAlBgB;",
   "names": []
 }

package/dist/cjs/helpers/inputHelpers.js

@@ -38,12 +38,11 @@ __export(inputHelpers_exports, {
   inputSizeVariant: () => inputSizeVariant
 });
 module.exports = __toCommonJS(inputHelpers_exports);
-var import_getButtonSize = require("./getButtonSize");
-var import_sizableTextSizeVariant = require("./sizableTextSizeVariant");
-const inputSizeFrame = (0, import_getButtonSize.getButtonSize)(0.75, 0.75);
+var import_core = require("@tamagui/core");
+const inputSizeFrame = (0, import_core.getButtonSize)(0.75, 0.75);
 const inputSizeVariant = /* @__PURE__ */ __name((val = "$4", props) => {
   const frame = inputSizeFrame(val, props);
-  const font = (0, import_sizableTextSizeVariant.sizableTextSizeVariant)(val, props);
+  const font = (0, import_core.getTextSize)(val, props);
   return __spreadProps(__spreadValues(__spreadValues({}, frame), font), {
     minHeight: "auto"
   });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/inputHelpers.tsx"],
-  "sourcesContent": ["import { SizeVariantSpreadFunction, TextProps } from '@tamagui/core'\n\nimport { getButtonSize } from './getButtonSize'\nimport { sizableTextSizeVariant } from './sizableTextSizeVariant'\n\nconst inputSizeFrame = getButtonSize(0.75, 0.75)\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', props) => {\n  const frame = inputSizeFrame(val, props)\n  const font = sizableTextSizeVariant(val, props)\n  return {\n    ...frame,\n    ...font,\n    minHeight: 'auto',\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA8B;AAC9B,oCAAuC;AAEvC,MAAM,iBAAiB,wCAAc,MAAM,IAAI;AAExC,MAAM,mBAAmD,wBAAC,MAAM,MAAM,UAAU;AACrF,QAAM,QAAQ,eAAe,KAAK,KAAK;AACvC,QAAM,OAAO,0DAAuB,KAAK,KAAK;AAC9C,SAAO,gDACF,QACA,OAFE;AAAA,IAGL,WAAW;AAAA,EACb;AACF,GARgE;",
+  "sourcesContent": ["import { SizeVariantSpreadFunction, getButtonSize, getTextSize } from '@tamagui/core'\n\nconst inputSizeFrame = getButtonSize(0.75, 0.75)\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', props) => {\n  const frame = inputSizeFrame(val, props)\n  const font = getTextSize(val, props)\n  return {\n    ...frame,\n    ...font,\n    minHeight: 'auto',\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsE;AAEtE,MAAM,iBAAiB,+BAAc,MAAM,IAAI;AAExC,MAAM,mBAAmD,wBAAC,MAAM,MAAM,UAAU;AACrF,QAAM,QAAQ,eAAe,KAAK,KAAK;AACvC,QAAM,OAAO,6BAAY,KAAK,KAAK;AACnC,SAAO,gDACF,QACA,OAFE;AAAA,IAGL,WAAW;AAAA,EACb;AACF,GARgE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -123,17 +123,20 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_polyfills = require("./polyfills");
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
+__reExport(src_exports, require("@tamagui/compose-refs"), module.exports);
+__reExport(src_exports, require("@tamagui/create-context"), module.exports);
 __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/popover"), module.exports);
+__reExport(src_exports, require("@tamagui/popper"), module.exports);
 __reExport(src_exports, require("@tamagui/stacks"), module.exports);
+__reExport(src_exports, require("@tamagui/text"), module.exports);
+__reExport(src_exports, require("@tamagui/tooltip"), module.exports);
+__reExport(src_exports, require("@tamagui/use-controllable-state"), 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);
+var import_core = require("@tamagui/core");
+__reExport(src_exports, require("./createTamagui"), module.exports);
+__reExport(src_exports, require("./viewTypes"), module.exports);
 __reExport(src_exports, require("./hooks/useKeyboardDismissable"), module.exports);
 __reExport(src_exports, require("./views/Anchor"), module.exports);
 __reExport(src_exports, require("./views/BlurView"), module.exports);
@@ -145,7 +148,6 @@ __reExport(src_exports, require("./views/Form"), module.exports);
 __reExport(src_exports, require("./views/Grid"), module.exports);
 __reExport(src_exports, require("./views/Headings"), module.exports);
 __reExport(src_exports, require("./views/Hoverable"), module.exports);
-__reExport(src_exports, require("./views/HoverablePopover"), module.exports);
 __reExport(src_exports, require("./views/Image"), module.exports);
 __reExport(src_exports, require("./views/Input"), module.exports);
 __reExport(src_exports, require("./views/InteractiveContainer"), module.exports);
@@ -154,24 +156,15 @@ __reExport(src_exports, require("./views/Layouts"), module.exports);
 __reExport(src_exports, require("./views/LinearGradient"), module.exports);
 __reExport(src_exports, require("./views/Modal"), module.exports);
 __reExport(src_exports, require("./views/Overlay"), module.exports);
-__reExport(src_exports, require("./views/Paragraph"), module.exports);
-__reExport(src_exports, require("./views/Popover/Popover"), module.exports);
-__reExport(src_exports, require("./views/Popover/PopoverProvider"), module.exports);
-__reExport(src_exports, require("./views/SafeAreaProvider"), module.exports);
 __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/Switch"), module.exports);
 __reExport(src_exports, require("./views/Table"), module.exports);
 __reExport(src_exports, require("./views/TextArea"), module.exports);
 __reExport(src_exports, require("./views/Toast"), module.exports);
-__reExport(src_exports, require("./views/Tooltip"), module.exports);
-__reExport(src_exports, require("./views/TouchableOpacity"), module.exports);
 __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);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AnimationKeys,

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  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;",
+  "sourcesContent": ["import './polyfills'\n\nexport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\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 './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/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/Separator'\nexport * from './views/Square'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\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;AAAA;AAAA;AAAA;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,kCAJd;AAKA,wBAAc,oCALd;AAMA,wBAAc,6BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,4BARd;AASA,wBAAc,4BATd;AAUA,wBAAc,0BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,4CAZd;AAaA,wBAAc,kCAbd;AAcA,wBAAc,sCAdd;AAkBA,kBA2GO;AAEP,wBAAc,4BA/Hd;AAgIA,wBAAc,wBAhId;AAkIA,wBAAc,2CAlId;AAoIA,wBAAc,2BApId;AAqIA,wBAAc,6BArId;AAsIA,wBAAc,2BAtId;AAuIA,wBAAc,yBAvId;AAwIA,wBAAc,2BAxId;AAyIA,wBAAc,iCAzId;AA0IA,wBAAc,yBA1Id;AA2IA,wBAAc,yBA3Id;AA4IA,wBAAc,6BA5Id;AA6IA,wBAAc,8BA7Id;AA8IA,wBAAc,0BA9Id;AA+IA,wBAAc,0BA/Id;AAgJA,wBAAc,yCAhJd;AAiJA,wBAAc,0BAjJd;AAkJA,wBAAc,4BAlJd;AAmJA,wBAAc,mCAnJd;AAoJA,wBAAc,0BApJd;AAqJA,wBAAc,4BArJd;AAsJA,wBAAc,8BAtJd;AAuJA,wBAAc,2BAvJd;AAwJA,wBAAc,2BAxJd;AAyJA,wBAAc,0BAzJd;AA0JA,wBAAc,6BA1Jd;AA2JA,wBAAc,0BA3Jd;AA4JA,wBAAc,mCA5Jd;AA8JA,wBAAc,8BA9Jd;AA+JA,wBAAc,kCA/Jd;",
   "names": []
 }

package/dist/cjs/views/Anchor.js

@@ -53,11 +53,11 @@ __export(Anchor_exports, {
 });
 module.exports = __toCommonJS(Anchor_exports);
 var import_core = require("@tamagui/core");
+var import_text = require("@tamagui/text");
 var import_react = __toESM(require("react"));
 var import_react_native = require("react-native");
-var import_SizableText = require("./SizableText");
 import_react.default["keep"];
-const AnchorFrame = (0, import_core.styled)(import_SizableText.SizableText, {
+const AnchorFrame = (0, import_core.styled)(import_text.SizableText, {
   name: "Anchor",
   tag: "a",
   accessibilityRole: "link"

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Anchor.tsx"],
-  "sourcesContent": ["import { ReactComponentWithRef, isWeb, styled } from '@tamagui/core'\nimport React, { forwardRef } from 'react'\nimport { Linking, View } from 'react-native'\n\nimport { SizableText, SizableTextProps } from './SizableText'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['keep']\n\nexport type AnchorProps = SizableTextProps & {\n  href?: string\n  target?: string\n  rel?: string\n}\n\nconst AnchorFrame = styled(SizableText, {\n  name: 'Anchor',\n  tag: 'a',\n  accessibilityRole: 'link',\n})\n\nexport const Anchor: ReactComponentWithRef<AnchorProps, HTMLAnchorElement | View> =\n  AnchorFrame.extractable(\n    forwardRef(({ href, target, ...props }, ref) => {\n      return (\n        <AnchorFrame\n          {...props}\n          {...(isWeb\n            ? {\n                href,\n                target,\n              }\n            : {\n                onPress: (event) => {\n                  props.onPress?.(event)\n                  if (href !== undefined) {\n                    Linking.openURL(href)\n                  }\n                },\n              })}\n          ref={ref as any}\n        />\n      )\n    })\n  )\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqD;AACrD,mBAAkC;AAClC,0BAA8B;AAE9B,yBAA8C;AAG9C,qBAAM;AAQN,MAAM,cAAc,wBAAO,gCAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY,YACV,6BAAW,CAAC,IAA4B,QAAQ;AAApC,eAAE,QAAM,WAAR,IAAmB,kBAAnB,IAAmB,CAAjB,QAAM;AAClB,SACE,mDAAC,6DACK,QACC,oBACD;AAAA,IACE;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE,SAAS,CAAC,UAAU;AAjCpC;AAkCkB,mBAAM,YAAN,gCAAgB;AAChB,UAAI,SAAS,QAAW;AACtB,oCAAQ,QAAQ,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,IAdL;AAAA,IAeC;AAAA,IACF;AAEJ,CAAC,CACH;",
+  "sourcesContent": ["import { ReactComponentWithRef, isWeb, styled } from '@tamagui/core'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { forwardRef } from 'react'\nimport { Linking, View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['keep']\n\nexport type AnchorProps = SizableTextProps & {\n  href?: string\n  target?: string\n  rel?: string\n}\n\nconst AnchorFrame = styled(SizableText, {\n  name: 'Anchor',\n  tag: 'a',\n  accessibilityRole: 'link',\n})\n\nexport const Anchor: ReactComponentWithRef<AnchorProps, HTMLAnchorElement | View> =\n  AnchorFrame.extractable(\n    forwardRef(({ href, target, ...props }, ref) => {\n      return (\n        <AnchorFrame\n          {...props}\n          {...(isWeb\n            ? {\n                href,\n                target,\n              }\n            : {\n                onPress: (event) => {\n                  props.onPress?.(event)\n                  if (href !== undefined) {\n                    Linking.openURL(href)\n                  }\n                },\n              })}\n          ref={ref as any}\n        />\n      )\n    })\n  )\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqD;AACrD,kBAA8C;AAC9C,mBAAkC;AAClC,0BAA8B;AAG9B,qBAAM;AAQN,MAAM,cAAc,wBAAO,yBAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY,YACV,6BAAW,CAAC,IAA4B,QAAQ;AAApC,eAAE,QAAM,WAAR,IAAmB,kBAAnB,IAAmB,CAAjB,QAAM;AAClB,SACE,mDAAC,6DACK,QACC,oBACD;AAAA,IACE;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE,SAAS,CAAC,UAAU;AAhCpC;AAiCkB,mBAAM,YAAN,gCAAgB;AAChB,UAAI,SAAS,QAAW;AACtB,oCAAQ,QAAQ,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,IAdL;AAAA,IAeC;AAAA,IACF;AAEJ,CAAC,CACH;",
   "names": []
 }

package/dist/cjs/views/Button.js

@@ -54,13 +54,13 @@ __export(Button_exports, {
 });
 module.exports = __toCommonJS(Button_exports);
 var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var import_text = require("@tamagui/text");
 var import_react = __toESM(require("react"));
 var import_getFontSize = require("../helpers/getFontSize");
 var import_getSpace = require("../helpers/getSpace");
-var import_SizableStack = require("./SizableStack");
-var import_SizableText = require("./SizableText");
 import_react.default["createElement"];
-const ButtonFrame = (0, import_core.styled)(import_SizableStack.SizableStack, {
+const ButtonFrame = (0, import_core.styled)(import_stacks.SizableStack, {
   name: "Button",
   tag: "button",
   size: "$4",
@@ -170,7 +170,7 @@ const ButtonComponent = (0, import_react.forwardRef)((props, ref) => {
     if ((_a2 = component == null ? void 0 : component.staticConfig) == null ? void 0 : _a2.isText) {
       return child;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_SizableText.SizableText, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, {
+    return /* @__PURE__ */ import_react.default.createElement(import_text.SizableText, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, {
       fontWeight,
       letterSpacing,
       fontSize,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Button.tsx"],
-  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  ThemeableProps,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\nimport { getSpace } from '../helpers/getSpace'\nimport { SizableStack } from './SizableStack'\nimport { SizableText, SizableTextProps } from './SizableText'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to size\n    // default -3\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(SizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, { props, tokens }) => {\n        const sizeVal = props['size'] ?? '$4'\n        const sizeToken = tokens.size[sizeVal] ?? 44\n        const size = +getVariableValue(sizeToken) * 2\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          overflow: 'hidden',\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = -2,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      // @ts-ignore\n      const iconSize = getFontSize(size, { relativeSize: scaleIcon })\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  const contents = noTextWrap\n    ? children\n    : React.Children.map(children, (child) => {\n        const component = typeof child !== 'string' ? child?.['type'] : null\n        if (component?.staticConfig?.isText) {\n          return child\n        }\n        return (\n          <SizableText\n            {...{\n              fontWeight,\n              letterSpacing,\n              fontSize,\n              fontFamily,\n              textAlign,\n              size,\n            }}\n            {...(colorProp && {\n              color: colorProp,\n            })}\n            flexGrow={1}\n            flexShrink={1}\n            ellipse\n            {...textProps}\n          >\n            {children}\n          </SizableText>\n        )\n      })\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {spacedChildren({\n          space: getSpace(space, scaleSpace),\n          spaceFlex,\n          flexDirection: props.flexDirection,\n          children: [themedIcon, contents, themedIconAfter],\n        })}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  ThemeableProps,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\nimport { getSpace } from '../helpers/getSpace'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to size\n    // default -3\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(SizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, { props, tokens }) => {\n        const sizeVal = props['size'] ?? '$4'\n        const sizeToken = tokens.size[sizeVal] ?? 44\n        const size = +getVariableValue(sizeToken) * 2\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          overflow: 'hidden',\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = -2,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      // @ts-ignore\n      const iconSize = getFontSize(size, { relativeSize: scaleIcon })\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  const contents = noTextWrap\n    ? children\n    : React.Children.map(children, (child) => {\n        const component = typeof child !== 'string' ? child?.['type'] : null\n        if (component?.staticConfig?.isText) {\n          return child\n        }\n        return (\n          <SizableText\n            {...{\n              fontWeight,\n              letterSpacing,\n              fontSize,\n              fontFamily,\n              textAlign,\n              size,\n            }}\n            {...(colorProp && {\n              color: colorProp,\n            })}\n            flexGrow={1}\n            flexShrink={1}\n            ellipse\n            {...textProps}\n          >\n            {children}\n          </SizableText>\n        )\n      })\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {spacedChildren({\n          space: getSpace(space, scaleSpace),\n          spaceFlex,\n          flexDirection: props.flexDirection,\n          children: [themedIcon, contents, themedIconAfter],\n        })}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/views/Card.js

@@ -40,10 +40,8 @@ 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");
 import_react.default["createElement"];
-const Card = (0, import_core.styled)(import_SizableStack.SizableStack, {
+const Card = (0, import_core.styled)(import_stacks.SizableStack, {
   name: "Card",
   alignItems: "flex-start",
   flexDirection: "column",
@@ -55,7 +53,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_core.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 { 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;",
+  "sourcesContent": ["import { GetProps, getButtonSize, isVariable, styled } from '@tamagui/core'\nimport { SizableStack, getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\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,kBAA4D;AAC5D,oBAAgD;AAChD,mBAAkB;AAGlB,qBAAM;AAEC,MAAM,OAAO,wBAAO,4BAAc;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,+BAAc,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/Circle.js

@@ -21,9 +21,9 @@ __export(Circle_exports, {
 });
 module.exports = __toCommonJS(Circle_exports);
 var import_core = require("@tamagui/core");
-var import_SizableStack = require("./SizableStack");
+var import_stacks = require("@tamagui/stacks");
 var import_Square = require("./Square");
-const Circle = (0, import_core.styled)(import_SizableStack.SizableStack, {
+const Circle = (0, import_core.styled)(import_stacks.SizableStack, {
   name: "Circle",
   alignItems: "center",
   justifyContent: "center",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Circle.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { SizableStack } from './SizableStack'\nimport { getSquareSize } from './Square'\n\nexport const Circle = styled(SizableStack, {\n  name: 'Circle',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: 100_000_000,\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': getSquareSize,\n    },\n  },\n})\n\nexport type CircleProps = GetProps<typeof Circle>\n\n// test types\n// const a = <Circle size={100} />\n// const b = <Circle size=\"sm\" />\n// const c = <Circle size=\"nope\" />\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,0BAA6B;AAC7B,oBAA8B;AAEvB,MAAM,SAAS,wBAAO,kCAAc;AAAA,EACzC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\n\nimport { getSquareSize } from './Square'\n\nexport const Circle = styled(SizableStack, {\n  name: 'Circle',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: 100_000_000,\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': getSquareSize,\n    },\n  },\n})\n\nexport type CircleProps = GetProps<typeof Circle>\n\n// test types\n// const a = <Circle size={100} />\n// const b = <Circle size=\"sm\" />\n// const c = <Circle size=\"nope\" />\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,oBAA6B;AAE7B,oBAA8B;AAEvB,MAAM,SAAS,wBAAO,4BAAc;AAAA,EACzC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/views/Headings.js

@@ -27,8 +27,8 @@ __export(Headings_exports, {
 });
 module.exports = __toCommonJS(Headings_exports);
 var import_core = require("@tamagui/core");
-var import_Paragraph = require("./Paragraph");
-const Heading = (0, import_core.styled)(import_Paragraph.Paragraph, {
+var import_text = require("@tamagui/text");
+const Heading = (0, import_core.styled)(import_text.Paragraph, {
   tag: "span",
   name: "Heading",
   accessibilityRole: "header",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Headings.tsx"],
-  "sourcesContent": ["import { styled } from '@tamagui/core'\n\nimport { Paragraph } from './Paragraph'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AAEvB,uBAA0B;AAEnB,MAAM,UAAU,wBAAO,4BAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
+  "sourcesContent": ["import { styled } from '@tamagui/core'\nimport { Paragraph } from '@tamagui/text'\n\nexport const Heading = styled(Paragraph, {\n  tag: 'span',\n  name: 'Heading',\n  accessibilityRole: 'header',\n  fontFamily: '$heading',\n  size: '$8',\n  margin: 0,\n})\n\nexport const H1 = styled(Heading, {\n  name: 'H1',\n  tag: 'h1',\n  size: '$10',\n})\n\nexport const H2 = styled(Heading, {\n  name: 'H2',\n  tag: 'h2',\n  size: '$9',\n})\n\nexport const H3 = styled(Heading, {\n  name: 'H3',\n  tag: 'h3',\n  size: '$8',\n})\n\nexport const H4 = styled(Heading, {\n  name: 'H4',\n  tag: 'h4',\n  size: '$7',\n})\n\nexport const H5 = styled(Heading, {\n  name: 'H5',\n  tag: 'h5',\n  size: '$6',\n})\n\nexport const H6 = styled(Heading, {\n  name: 'H6',\n  tag: 'h6',\n  size: '$5',\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,kBAA0B;AAEnB,MAAM,UAAU,wBAAO,uBAAW;AAAA,EACvC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAEM,MAAM,KAAK,wBAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/cjs/views/Label.js

@@ -55,22 +55,18 @@ __export(Label_exports, {
   useLabelContext: () => useLabelContext
 });
 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 import_text = require("@tamagui/text");
 var React = __toESM(require("react"));
-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_create_context.createContext)(NAME, {
   id: void 0,
   controlRef: { current: null }
 });
-const buttonSizer = (0, import_getButtonSize.getButtonSize)();
-const textSizer = import_sizableTextSizeVariant.sizableTextSizeVariant;
-const LabelFrame = (0, import_core.styled)(import_SizableText.SizableText, {
+const buttonSizer = (0, import_core.getButtonSize)();
+const LabelFrame = (0, import_core.styled)(import_text.SizableText, {
   name: "Label",
   tag: "label",
   size: "$4",
@@ -85,7 +81,7 @@ const LabelFrame = (0, import_core.styled)(import_SizableText.SizableText, {
   variants: {
     size: {
       "...size": (val, extras) => {
-        return __spreadValues(__spreadValues({}, buttonSizer(val, extras)), textSizer(val, extras));
+        return __spreadValues(__spreadValues({}, buttonSizer(val, extras)), (0, import_core.getTextSize)(val, extras));
       }
     }
   }
@@ -95,7 +91,7 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
   const controlRef = React.useRef(null);
   const ref = React.useRef(null);
   const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-  const id = (0, import_utils.useId)(idProp);
+  const id = (0, import_core.useId)(idProp);
   if (import_core.isWeb) {
     React.useEffect(() => {
       if (htmlFor) {
@@ -108,6 +104,8 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
           controlRef.current = element;
           return () => {
             var _a2;
+            if (!id)
+              return;
             const ariaLabelledBy2 = (_a2 = getAriaLabel()) == null ? void 0 : _a2.replace(id, "");
             if (ariaLabelledBy2 === "") {
               element.removeAttribute("aria-labelledby");

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Label.tsx"],
-  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, ReactComponentWithRef, isWeb, styled, themeable } from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport { getButtonSize } from '../helpers/getButtonSize'\nimport { sizableTextSizeVariant } from '../helpers/sizableTextSizeVariant'\nimport { SizableText } from './SizableText'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nconst buttonSizer = getButtonSize()\nconst textSizer = sizableTextSizeVariant\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n  size: '$4',\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  cursor: 'default',\n  pressStyle: {\n    color: '$colorPress',\n  },\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {\n          ...buttonSizer(val, extras),\n          ...textSizer(val, extras),\n        }\n      },\n    },\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((props, forwardedRef) => {\n  const { htmlFor, id: idProp, ...labelProps } = props\n  const controlRef = React.useRef<HTMLElement | null>(null)\n  const ref = React.useRef<any>(null)\n  const composedRefs = useComposedRefs(forwardedRef, ref)\n  const id = useId(idProp)\n\n  if (isWeb) {\n    React.useEffect(() => {\n      if (htmlFor) {\n        const element = document.getElementById(htmlFor)\n        const label = ref.current\n        if (label && element) {\n          const getAriaLabel = () => element.getAttribute('aria-labelledby')\n          const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ')\n          element.setAttribute('aria-labelledby', ariaLabelledBy)\n          controlRef.current = element\n          return () => {\n            /**\n             * We get the latest attribute value because at the time that this cleanup fires,\n             * the values from the closure may have changed.\n             */\n            const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n            if (ariaLabelledBy === '') {\n              element.removeAttribute('aria-labelledby')\n            } else if (ariaLabelledBy) {\n              element.setAttribute('aria-labelledby', ariaLabelledBy)\n            }\n          }\n        }\n      }\n    }, [id, htmlFor])\n  }\n\n  return (\n    <LabelProvider id={id} controlRef={controlRef}>\n      <LabelFrame\n        // @ts-ignore\n        role=\"label\"\n        id={id}\n        {...labelProps}\n        ref={composedRefs}\n        onMouseDown={(event) => {\n          props.onMouseDown?.(event)\n          // prevent text selection when double clicking label\n          if (!event.defaultPrevented && event.detail > 1) {\n            event.preventDefault()\n          }\n        }}\n        onPress={(event) => {\n          props.onPress?.(event)\n          if (!controlRef.current || event.defaultPrevented) return\n          const isClickingControl = controlRef.current.contains(event.target as any as Node)\n          // Ensure event was generated by a user action\n          // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n          const isUserClick = event.isTrusted === true\n          /**\n           * When a label is wrapped around the control it labels, we trigger the appropriate events\n           * on the control when the label is clicked. We do nothing if the user is already clicking the\n           * control inside the label.\n           */\n          if (!isClickingControl && isUserClick) {\n            controlRef.current.click()\n            controlRef.current.focus()\n          }\n        }}\n      />\n    </LabelProvider>\n  )\n})\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  getButtonSize,\n  getTextSize,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { SizableText } from '@tamagui/text'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nconst buttonSizer = getButtonSize()\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n  size: '$4',\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  cursor: 'default',\n  pressStyle: {\n    color: '$colorPress',\n  },\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        return {\n          ...buttonSizer(val, extras),\n          ...getTextSize(val, extras),\n        }\n      },\n    },\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((props, forwardedRef) => {\n  const { htmlFor, id: idProp, ...labelProps } = props\n  const controlRef = React.useRef<HTMLElement | null>(null)\n  const ref = React.useRef<any>(null)\n  const composedRefs = useComposedRefs(forwardedRef, ref)\n  const id = useId(idProp)\n\n  if (isWeb) {\n    React.useEffect(() => {\n      if (htmlFor) {\n        const element = document.getElementById(htmlFor)\n        const label = ref.current\n        if (label && element) {\n          const getAriaLabel = () => element.getAttribute('aria-labelledby')\n          const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ')\n          element.setAttribute('aria-labelledby', ariaLabelledBy)\n          controlRef.current = element\n          return () => {\n            /**\n             * We get the latest attribute value because at the time that this cleanup fires,\n             * the values from the closure may have changed.\n             */\n            if (!id) return\n            const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n            if (ariaLabelledBy === '') {\n              element.removeAttribute('aria-labelledby')\n            } else if (ariaLabelledBy) {\n              element.setAttribute('aria-labelledby', ariaLabelledBy)\n            }\n          }\n        }\n      }\n    }, [id, htmlFor])\n  }\n\n  return (\n    <LabelProvider id={id} controlRef={controlRef}>\n      <LabelFrame\n        // @ts-ignore\n        role=\"label\"\n        id={id}\n        {...labelProps}\n        ref={composedRefs}\n        onMouseDown={(event) => {\n          props.onMouseDown?.(event)\n          // prevent text selection when double clicking label\n          if (!event.defaultPrevented && event.detail > 1) {\n            event.preventDefault()\n          }\n        }}\n        onPress={(event) => {\n          props.onPress?.(event)\n          if (!controlRef.current || event.defaultPrevented) return\n          const isClickingControl = controlRef.current.contains(event.target as any as Node)\n          // Ensure event was generated by a user action\n          // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n          const isUserClick = event.isTrusted === true\n          /**\n           * When a label is wrapped around the control it labels, we trigger the appropriate events\n           * on the control when the label is clicked. We do nothing if the user is already clicking the\n           * control inside the label.\n           */\n          if (!isClickingControl && isUserClick) {\n            controlRef.current.click()\n            controlRef.current.focus()\n          }\n        }}\n      />\n    </LabelProvider>\n  )\n})\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/views/Popover/Popover.js

@@ -50,7 +50,6 @@ __export(Popover_exports, {
   Popover: () => Popover
 });
 module.exports = __toCommonJS(Popover_exports);
-var import_utils = require("@react-aria/utils");
 var import_focus = require("@react-native-aria/focus");
 var import_core = require("@tamagui/core");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
@@ -96,7 +95,7 @@ const Popover = (0, import_core.withStaticProperties)((0, import_react.memo)((0,
   });
   const [bodyMounted, setBodyMounted] = import_react.default.useState(false);
   const [headerMounted, setHeaderMounted] = import_react.default.useState(false);
-  const popoverContentId = `${(0, import_utils.useId)()}-content`;
+  const popoverContentId = `${(0, import_core.useId)()}-content`;
   const headerId = `${popoverContentId}-header`;
   const bodyId = `${popoverContentId}-body`;
   const handleOpen = import_react.default.useCallback(() => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/views/Popover/Popover.tsx"],
-  "sourcesContent": ["// forked from NativeBase\n// The MIT License (MIT)\n// Copyright (c) 2021 GeekyAnts India Pvt Ltd\n\nimport { useId } from '@react-aria/utils'\nimport { FocusScope } from '@react-native-aria/focus'\nimport { withStaticProperties } from '@tamagui/core'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { forwardRef, memo, useCallback, useMemo } from 'react'\nimport { View } from 'react-native'\n\nimport { Overlay } from '../Overlay'\nimport { Popper } from '../Popper/Popper'\nimport { PopoverContent } from './PopoverContent'\nimport { PopoverContext } from './PopoverContext'\nimport type { IPopoverProps } from './types'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport const Popover = withStaticProperties(\n  memo(\n    forwardRef(\n      (\n        {\n          onOpen,\n          trigger,\n          onClose,\n          open: openProp,\n          children,\n          defaultOpen,\n          initialFocusRef,\n          finalFocusRef,\n          trapFocus = true,\n          onChangeOpen,\n          ...props\n        }: IPopoverProps,\n        ref: any\n      ) => {\n        const triggerRef = React.useRef(null)\n        const [open, setOpen] = useControllableState({\n          prop: openProp,\n          defaultProp: defaultOpen || false,\n          onChange: (value) => {\n            onChangeOpen?.(value)\n            value ? onOpen && onOpen() : onClose && onClose()\n          },\n        })\n\n        const [bodyMounted, setBodyMounted] = React.useState(false)\n        const [headerMounted, setHeaderMounted] = React.useState(false)\n\n        const popoverContentId = `${useId()}-content`\n        const headerId = `${popoverContentId}-header`\n        const bodyId = `${popoverContentId}-body`\n\n        const handleOpen = React.useCallback(() => {\n          setOpen((x) => !x)\n        }, [setOpen])\n\n        const updatedTrigger = () => {\n          return trigger(\n            {\n              ref: triggerRef,\n              onPress: handleOpen,\n              'aria-expanded': open ? true : false,\n              'aria-controls': open ? popoverContentId : undefined,\n              'aria-haspopup': true,\n            },\n            { open }\n          )\n        }\n\n        const handleClose = useCallback(() => {\n          setOpen(false)\n        }, [])\n\n        const childrenElements =\n          typeof children === 'function' ? children({ open }) : open ? children : null\n\n        const popoverContext = {\n          onClose: handleClose,\n          initialFocusRef,\n          finalFocusRef,\n          popoverContentId,\n          bodyId,\n          headerId,\n          headerMounted,\n          bodyMounted,\n          setBodyMounted,\n          setHeaderMounted,\n        }\n\n        return (\n          <>\n            <View style={{ display: 'none' }} ref={ref}></View>\n            {updatedTrigger()}\n            <Overlay open={open} onRequestClose={handleClose} useRNModalOnAndroid>\n              <Popper onClose={handleClose} triggerRef={triggerRef} {...props}>\n                <PopoverContext.Provider\n                  value={useMemo(() => popoverContext, Object.values(popoverContext))}\n                >\n                  {childrenElements ? (\n                    <FocusScope contain={trapFocus} restoreFocus autoFocus>\n                      {childrenElements}\n                    </FocusScope>\n                  ) : null}\n                </PopoverContext.Provider>\n              </Popper>\n            </Overlay>\n          </>\n        )\n      }\n    )\n  ),\n  {\n    Arrow: Popper.Arrow,\n    Content: PopoverContent,\n  }\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAsB;AACtB,mBAA2B;AAC3B,kBAAqC;AACrC,oCAAqC;AACrC,mBAA8D;AAC9D,0BAAqB;AAErB,qBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAC/B,4BAA+B;AAI/B,qBAAM;AAEC,MAAM,UAAU,sCACrB,uBACE,6BACE,CACE,IAaA,QACG;AAdH,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,MAVF,IAWK,kBAXL,IAWK;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,aAAa,qBAAM,OAAO,IAAI;AACpC,QAAM,CAAC,MAAM,WAAW,wDAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,UAAU,CAAC,UAAU;AACnB,mDAAe;AACf,cAAQ,UAAU,OAAO,IAAI,WAAW,QAAQ;AAAA,IAClD;AAAA,EACF,CAAC;AAED,QAAM,CAAC,aAAa,kBAAkB,qBAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,eAAe,oBAAoB,qBAAM,SAAS,KAAK;AAE9D,QAAM,mBAAmB,GAAG,wBAAM;AAClC,QAAM,WAAW,GAAG;AACpB,QAAM,SAAS,GAAG;AAElB,QAAM,aAAa,qBAAM,YAAY,MAAM;AACzC,YAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,EACnB,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,iBAAiB,6BAAM;AAC3B,WAAO,QACL;AAAA,MACE,KAAK;AAAA,MACL,SAAS;AAAA,MACT,iBAAiB,OAAO,OAAO;AAAA,MAC/B,iBAAiB,OAAO,mBAAmB;AAAA,MAC3C,iBAAiB;AAAA,IACnB,GACA,EAAE,KAAK,CACT;AAAA,EACF,GAXuB;AAavB,QAAM,cAAc,8BAAY,MAAM;AACpC,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,mBACJ,OAAO,aAAa,aAAa,SAAS,EAAE,KAAK,CAAC,IAAI,OAAO,WAAW;AAE1E,QAAM,iBAAiB;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,wFACE,mDAAC;AAAA,IAAK,OAAO,EAAE,SAAS,OAAO;AAAA,IAAG;AAAA,GAAU,GAC3C,eAAe,GAChB,mDAAC;AAAA,IAAQ;AAAA,IAAY,gBAAgB;AAAA,IAAa,qBAAmB;AAAA,KACnE,mDAAC;AAAA,IAAO,SAAS;AAAA,IAAa;AAAA,KAA4B,QACxD,mDAAC,qCAAe,UAAf;AAAA,IACC,OAAO,0BAAQ,MAAM,gBAAgB,OAAO,OAAO,cAAc,CAAC;AAAA,KAEjE,mBACC,mDAAC;AAAA,IAAW,SAAS;AAAA,IAAW,cAAY;AAAA,IAAC,WAAS;AAAA,KACnD,gBACH,IACE,IACN,CACF,CACF,CACF;AAEJ,CACF,CACF,GACA;AAAA,EACE,OAAO,qBAAO;AAAA,EACd,SAAS;AACX,CACF;",
+  "sourcesContent": ["// forked from NativeBase\n// The MIT License (MIT)\n// Copyright (c) 2021 GeekyAnts India Pvt Ltd\n\nimport { FocusScope } from '@react-native-aria/focus'\nimport { useId, withStaticProperties } from '@tamagui/core'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { forwardRef, memo, useCallback, useMemo } from 'react'\nimport { View } from 'react-native'\n\nimport { Overlay } from '../Overlay'\nimport { Popper } from '../Popper/Popper'\nimport { PopoverContent } from './PopoverContent'\nimport { PopoverContext } from './PopoverContext'\nimport type { IPopoverProps } from './types'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nexport const Popover = withStaticProperties(\n  memo(\n    forwardRef(\n      (\n        {\n          onOpen,\n          trigger,\n          onClose,\n          open: openProp,\n          children,\n          defaultOpen,\n          initialFocusRef,\n          finalFocusRef,\n          trapFocus = true,\n          onChangeOpen,\n          ...props\n        }: IPopoverProps,\n        ref: any\n      ) => {\n        const triggerRef = React.useRef(null)\n        const [open, setOpen] = useControllableState({\n          prop: openProp,\n          defaultProp: defaultOpen || false,\n          onChange: (value) => {\n            onChangeOpen?.(value)\n            value ? onOpen && onOpen() : onClose && onClose()\n          },\n        })\n\n        const [bodyMounted, setBodyMounted] = React.useState(false)\n        const [headerMounted, setHeaderMounted] = React.useState(false)\n\n        const popoverContentId = `${useId()}-content`\n        const headerId = `${popoverContentId}-header`\n        const bodyId = `${popoverContentId}-body`\n\n        const handleOpen = React.useCallback(() => {\n          setOpen((x) => !x)\n        }, [setOpen])\n\n        const updatedTrigger = () => {\n          return trigger(\n            {\n              ref: triggerRef,\n              onPress: handleOpen,\n              'aria-expanded': open ? true : false,\n              'aria-controls': open ? popoverContentId : undefined,\n              'aria-haspopup': true,\n            },\n            { open }\n          )\n        }\n\n        const handleClose = useCallback(() => {\n          setOpen(false)\n        }, [])\n\n        const childrenElements =\n          typeof children === 'function' ? children({ open }) : open ? children : null\n\n        const popoverContext = {\n          onClose: handleClose,\n          initialFocusRef,\n          finalFocusRef,\n          popoverContentId,\n          bodyId,\n          headerId,\n          headerMounted,\n          bodyMounted,\n          setBodyMounted,\n          setHeaderMounted,\n        }\n\n        return (\n          <>\n            <View style={{ display: 'none' }} ref={ref}></View>\n            {updatedTrigger()}\n            <Overlay open={open} onRequestClose={handleClose} useRNModalOnAndroid>\n              <Popper onClose={handleClose} triggerRef={triggerRef} {...props}>\n                <PopoverContext.Provider\n                  value={useMemo(() => popoverContext, Object.values(popoverContext))}\n                >\n                  {childrenElements ? (\n                    <FocusScope contain={trapFocus} restoreFocus autoFocus>\n                      {childrenElements}\n                    </FocusScope>\n                  ) : null}\n                </PopoverContext.Provider>\n              </Popper>\n            </Overlay>\n          </>\n        )\n      }\n    )\n  ),\n  {\n    Arrow: Popper.Arrow,\n    Content: PopoverContent,\n  }\n)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA2B;AAC3B,kBAA4C;AAC5C,oCAAqC;AACrC,mBAA8D;AAC9D,0BAAqB;AAErB,qBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAC/B,4BAA+B;AAI/B,qBAAM;AAEC,MAAM,UAAU,sCACrB,uBACE,6BACE,CACE,IAaA,QACG;AAdH,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,MAVF,IAWK,kBAXL,IAWK;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,aAAa,qBAAM,OAAO,IAAI;AACpC,QAAM,CAAC,MAAM,WAAW,wDAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,UAAU,CAAC,UAAU;AACnB,mDAAe;AACf,cAAQ,UAAU,OAAO,IAAI,WAAW,QAAQ;AAAA,IAClD;AAAA,EACF,CAAC;AAED,QAAM,CAAC,aAAa,kBAAkB,qBAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,eAAe,oBAAoB,qBAAM,SAAS,KAAK;AAE9D,QAAM,mBAAmB,GAAG,uBAAM;AAClC,QAAM,WAAW,GAAG;AACpB,QAAM,SAAS,GAAG;AAElB,QAAM,aAAa,qBAAM,YAAY,MAAM;AACzC,YAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,EACnB,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,iBAAiB,6BAAM;AAC3B,WAAO,QACL;AAAA,MACE,KAAK;AAAA,MACL,SAAS;AAAA,MACT,iBAAiB,OAAO,OAAO;AAAA,MAC/B,iBAAiB,OAAO,mBAAmB;AAAA,MAC3C,iBAAiB;AAAA,IACnB,GACA,EAAE,KAAK,CACT;AAAA,EACF,GAXuB;AAavB,QAAM,cAAc,8BAAY,MAAM;AACpC,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,mBACJ,OAAO,aAAa,aAAa,SAAS,EAAE,KAAK,CAAC,IAAI,OAAO,WAAW;AAE1E,QAAM,iBAAiB;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,wFACE,mDAAC;AAAA,IAAK,OAAO,EAAE,SAAS,OAAO;AAAA,IAAG;AAAA,GAAU,GAC3C,eAAe,GAChB,mDAAC;AAAA,IAAQ;AAAA,IAAY,gBAAgB;AAAA,IAAa,qBAAmB;AAAA,KACnE,mDAAC;AAAA,IAAO,SAAS;AAAA,IAAa;AAAA,KAA4B,QACxD,mDAAC,qCAAe,UAAf;AAAA,IACC,OAAO,0BAAQ,MAAM,gBAAgB,OAAO,OAAO,cAAc,CAAC;AAAA,KAEjE,mBACC,mDAAC;AAAA,IAAW,SAAS;AAAA,IAAW,cAAY;AAAA,IAAC,WAAS;AAAA,KACnD,gBACH,IACE,IACN,CACF,CACF,CACF;AAEJ,CACF,CACF,GACA;AAAA,EACE,OAAO,qBAAO;AAAA,EACd,SAAS;AACX,CACF;",
   "names": []
 }

package/dist/cjs/views/Popover/PopoverProvider.js

@@ -24,12 +24,11 @@ __export(PopoverProvider_exports, {
   PopoverProvider: () => PopoverProvider
 });
 module.exports = __toCommonJS(PopoverProvider_exports);
-var import_ssr = require("@react-aria/ssr");
 var import_overlays = require("@react-native-aria/overlays");
 var React = __toESM(require("react"));
 React["createElement"];
 const PopoverProvider = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React.createElement(import_ssr.SSRProvider, null, /* @__PURE__ */ React.createElement(import_overlays.OverlayProvider, null, props.children));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_overlays.OverlayProvider, null, props.children));
 }, "PopoverProvider");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/views/Popover/PopoverProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/views/Popover/PopoverProvider.tsx"],
-  "sourcesContent": ["import { SSRProvider } from '@react-aria/ssr'\nimport { OverlayProvider } from '@react-native-aria/overlays'\nimport * as React from 'react'\n\n// bugfix esbuild strips react\nReact['createElement']\n\nexport const PopoverProvider = (props: { children?: any }) => {\n  return (\n    <SSRProvider>\n      <OverlayProvider>{props.children}</OverlayProvider>\n    </SSRProvider>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA4B;AAC5B,sBAAgC;AAChC,YAAuB;AAGvB,MAAM;AAEC,MAAM,kBAAkB,wBAAC,UAA8B;AAC5D,SACE,oCAAC,8BACC,oCAAC,uCAAiB,MAAM,QAAS,CACnC;AAEJ,GAN+B;",
+  "sourcesContent": ["import { OverlayProvider } from '@react-native-aria/overlays'\nimport * as React from 'react'\n\n// bugfix esbuild strips react\nReact['createElement']\n\nexport const PopoverProvider = (props: { children?: any }) => {\n  return (\n    <>\n      <OverlayProvider>{props.children}</OverlayProvider>\n    </>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAgC;AAChC,YAAuB;AAGvB,MAAM;AAEC,MAAM,kBAAkB,wBAAC,UAA8B;AAC5D,SACE,0DACE,oCAAC,uCAAiB,MAAM,QAAS,CACnC;AAEJ,GAN+B;",
   "names": []
 }

package/dist/cjs/views/Popper/Popper.js

@@ -55,6 +55,7 @@ __export(Popper_exports, {
 });
 module.exports = __toCommonJS(Popper_exports);
 var import_overlays = require("@react-native-aria/overlays");
+var import_core = require("@tamagui/core");
 var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"));
 var import_PopperArrow = require("./PopperArrow");
@@ -95,7 +96,7 @@ const PopperContent = import_react.default.forwardRef((props, ref) => {
     rendered,
     placement
   } = _f;
-  (0, import_react.useLayoutEffect)(() => {
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
     setOverlayRef == null ? void 0 : setOverlayRef(overlayRef);
   }, [overlayRef, setOverlayRef]);
   const [arrow, restElements] = recursiveFindChild(children, (child) => child.type["displayName"] === "PopperArrow");
@@ -137,7 +138,7 @@ Popper.Arrow = import_PopperArrow.PopperArrow;
 function recursiveFindChild(children, match, maxDepth = 4) {
   let found = null;
   let rest = import_react.default.Children.toArray(children);
-  for (const [index, child] of rest.entries()) {
+  for (const child of rest) {
     if (import_react.default.isValidElement(child)) {
       if (match(child)) {
         found = child;