tamagui 1.0.3 → 1.0.5

package/dist/cjs/helpers/inputHelpers.js

@@ -25,12 +25,13 @@ module.exports = __toCommonJS(inputHelpers_exports);
 var import_core = require("@tamagui/core");
 var import_get_button_sized = require("@tamagui/get-button-sized");
 var import_get_font_sized = require("@tamagui/get-font-sized");
-const inputSizeVariant = (val = "$4", extras) => {
+var import_get_size = require("@tamagui/get-size");
+const inputSizeVariant = (val = "$true", extras) => {
   if (extras.props.multiline || extras.props.numberOfLines > 1) {
     return textAreaSizeVariant(val, extras);
   }
   const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
-  const paddingHorizontal = (0, import_core.stepTokenUpOrDown)(extras.tokens.space, val, -1, [2]);
+  const paddingHorizontal = (0, import_get_size.stepTokenUpOrDown)("space", val, -1, [2]);
   const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
   if (!import_core.isWeb && fontStyle) {
     delete fontStyle["lineHeight"];
@@ -41,13 +42,13 @@ const inputSizeVariant = (val = "$4", extras) => {
     paddingHorizontal
   };
 };
-const textAreaSizeVariant = (val = "$4", extras) => {
+const textAreaSizeVariant = (val = "$true", extras) => {
   const { props } = extras;
   const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
   const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
   const height = props.numberOfLines ? (props.numberOfLines || 1) * (0, import_core.getVariableValue)(fontStyle.lineHeight) : "auto";
-  const paddingVertical = (0, import_core.stepTokenUpOrDown)(extras.tokens.space, val, -2, [2]);
-  const paddingHorizontal = (0, import_core.stepTokenUpOrDown)(extras.tokens.space, val, -1, [2]);
+  const paddingVertical = (0, import_get_size.stepTokenUpOrDown)("space", val, -2, [2]);
+  const paddingHorizontal = (0, import_get_size.stepTokenUpOrDown)("space", val, -1, [2]);
   return {
     ...buttonStyles,
     ...fontStyle,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/inputHelpers.tsx"],
-  "sourcesContent": ["import {\n  SizeVariantSpreadFunction,\n  getVariableValue,\n  isWeb,\n  stepTokenUpOrDown,\n} from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', extras) => {\n  if (extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras)\n  }\n  const buttonStyles = getButtonSized(val, extras)\n  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n  const fontStyle = getFontSized(val, extras)\n  // lineHeight messes up input on native\n  if (!isWeb && fontStyle) {\n    delete fontStyle['lineHeight']\n  }\n  return {\n    ...fontStyle,\n    ...buttonStyles,\n    paddingHorizontal,\n  }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$4',\n  extras\n) => {\n  const { props } = extras\n  const buttonStyles = getButtonSized(val, extras)\n  const fontStyle = getFontSized(val, extras)!\n  const height = props.numberOfLines\n    ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n    : 'auto'\n  const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2])\n  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n  return {\n    ...buttonStyles,\n    ...fontStyle,\n    paddingVertical,\n    paddingHorizontal,\n    height,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKO;AACP,8BAA+B;AAC/B,4BAA6B;AAEtB,MAAM,mBAAmD,CAAC,MAAM,MAAM,WAAW;AACtF,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,wBAAoB,+BAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,qBAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,MACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,SAAK,8BAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,sBAAkB,+BAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC3E,QAAM,wBAAoB,+BAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { SizeVariantSpreadFunction, getVariableValue, isWeb } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$true',\n  extras\n) => {\n  if (extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras)\n  }\n  const buttonStyles = getButtonSized(val, extras)\n  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n  const fontStyle = getFontSized(val, extras)\n  // lineHeight messes up input on native\n  if (!isWeb && fontStyle) {\n    delete fontStyle['lineHeight']\n  }\n  return {\n    ...fontStyle,\n    ...buttonStyles,\n    paddingHorizontal,\n  }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$true',\n  extras\n) => {\n  const { props } = extras\n  const buttonStyles = getButtonSized(val, extras)\n  const fontStyle = getFontSized(val, extras)!\n  const height = props.numberOfLines\n    ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n    : 'auto'\n  const paddingVertical = stepTokenUpOrDown('space', val, -2, [2])\n  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n  return {\n    ...buttonStyles,\n    ...fontStyle,\n    paddingVertical,\n    paddingHorizontal,\n    height,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmE;AACnE,8BAA+B;AAC/B,4BAA6B;AAC7B,sBAAkC;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,wBAAoB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,qBAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,SAAK,8BAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,sBAAkB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AAC/D,QAAM,wBAAoB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/index.js

@@ -87,6 +87,7 @@ __reExport(src_exports, require("@tamagui/font-size"), module.exports);
 __reExport(src_exports, require("@tamagui/helpers-tamagui"), module.exports);
 __reExport(src_exports, require("@tamagui/image"), module.exports);
 __reExport(src_exports, require("@tamagui/label"), module.exports);
+__reExport(src_exports, require("@tamagui/linear-gradient"), module.exports);
 __reExport(src_exports, require("@tamagui/list-item"), module.exports);
 __reExport(src_exports, require("@tamagui/popover"), module.exports);
 __reExport(src_exports, require("@tamagui/popper"), module.exports);
@@ -118,7 +119,6 @@ __reExport(src_exports, require("./views/Grid"), module.exports);
 __reExport(src_exports, require("./views/Input"), module.exports);
 __reExport(src_exports, require("./views/Group"), module.exports);
 __reExport(src_exports, require("./views/Layouts"), module.exports);
-__reExport(src_exports, require("./views/LinearGradient"), module.exports);
 __reExport(src_exports, require("./views/Spinner"), module.exports);
 __reExport(src_exports, require("./views/TextArea"), module.exports);
 var import_core = require("@tamagui/core");

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './setup'\n\nexport * from '@tamagui/adapt'\nexport * from '@tamagui/alert-dialog'\nexport * from '@tamagui/animate-presence'\nexport * from '@tamagui/avatar'\nexport * from '@tamagui/button'\nexport * from '@tamagui/card'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/dialog'\nexport * from '@tamagui/font-size'\nexport * from '@tamagui/helpers-tamagui'\nexport * from '@tamagui/image'\nexport * from '@tamagui/label'\nexport * from '@tamagui/list-item'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/portal'\nexport * from '@tamagui/progress'\nexport * from '@tamagui/scroll-view'\nexport * from '@tamagui/select'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/shapes'\nexport * from '@tamagui/sheet'\nexport * from '@tamagui/slider'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/switch'\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'\nexport * from '@tamagui/use-window-dimensions'\nexport * from '@tamagui/visually-hidden'\n\nexport * from './createTamagui'\n\nexport * from './views/TamaguiProvider'\nexport * from './viewTypes'\n\nexport * from './views/Anchor'\nexport * from './views/EnsureFlexed'\nexport * from './views/Fieldset'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Input'\nexport * from './views/Group'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\n// export * from './views/Skeleton'\nexport * from './views/Spinner'\nexport * from './views/TextArea'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport type {\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  GenericTextVariants,\n  GenericStackVariants,\n  Media,\n  MediaPropKeys,\n  MediaQueries,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  Slot,\n  Slottable,\n  SizeTokens,\n  SpaceTokens,\n  SpacerProps,\n  StackPropsBase,\n  TamaguiElement,\n  StackNonStyleProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  FontLanguages,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextNonStyleProps,\n  ThemeKeys,\n  ThemeName,\n  ThemeParsed,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n} from '@tamagui/core'\n\nexport {\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  FontLanguage,\n  Unspaced,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isClient,\n  isServer,\n  isTouchable,\n  isWeb,\n  isWebTouchable,\n  mediaQueryConfig,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  addTheme,\n  updateTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getAnimationDriver,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariable,\n  variableToString,\n  getVariableValue,\n  getVariableName,\n  insertFont,\n  isTamaguiElement,\n  isTamaguiComponent,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  withStaticProperties,\n  // hooks\n  useGet,\n  useEvent,\n  useDidFinishSSR,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  useTheme,\n  useThemeName,\n  useSafeRef,\n} from '@tamagui/core'\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,wBAAc,oBAAd;AAEA,wBAAc,2BAFd;AAGA,wBAAc,kCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,4BALd;AAMA,wBAAc,4BANd;AAOA,wBAAc,0BAPd;AAQA,wBAAc,kCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,4BAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,2BAdd;AAeA,wBAAc,+BAfd;AAgBA,wBAAc,6BAhBd;AAiBA,wBAAc,4BAjBd;AAkBA,wBAAc,4BAlBd;AAmBA,wBAAc,8BAnBd;AAoBA,wBAAc,iCApBd;AAqBA,wBAAc,4BArBd;AAsBA,wBAAc,+BAtBd;AAuBA,wBAAc,4BAvBd;AAwBA,wBAAc,2BAxBd;AAyBA,wBAAc,4BAzBd;AA0BA,wBAAc,4BA1Bd;AA2BA,wBAAc,4BA3Bd;AA4BA,wBAAc,0BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,4CA9Bd;AA+BA,wBAAc,kCA/Bd;AAgCA,wBAAc,sCAhCd;AAiCA,wBAAc,2CAjCd;AAkCA,wBAAc,qCAlCd;AAoCA,wBAAc,4BApCd;AAsCA,wBAAc,oCAtCd;AAuCA,wBAAc,wBAvCd;AAyCA,wBAAc,2BAzCd;AA0CA,wBAAc,iCA1Cd;AA2CA,wBAAc,6BA3Cd;AA4CA,wBAAc,yBA5Cd;AA6CA,wBAAc,yBA7Cd;AA8CA,wBAAc,0BA9Cd;AA+CA,wBAAc,0BA/Cd;AAgDA,wBAAc,4BAhDd;AAiDA,wBAAc,mCAjDd;AAmDA,wBAAc,4BAnDd;AAoDA,wBAAc,6BApDd;AAqHA,kBAyDO;",
+  "sourcesContent": ["export * from './setup'\n\nexport * from '@tamagui/adapt'\nexport * from '@tamagui/alert-dialog'\nexport * from '@tamagui/animate-presence'\nexport * from '@tamagui/avatar'\nexport * from '@tamagui/button'\nexport * from '@tamagui/card'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/dialog'\nexport * from '@tamagui/font-size'\nexport * from '@tamagui/helpers-tamagui'\nexport * from '@tamagui/image'\nexport * from '@tamagui/label'\nexport * from '@tamagui/linear-gradient'\nexport * from '@tamagui/list-item'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/portal'\nexport * from '@tamagui/progress'\nexport * from '@tamagui/scroll-view'\nexport * from '@tamagui/select'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/shapes'\nexport * from '@tamagui/sheet'\nexport * from '@tamagui/slider'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/switch'\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'\nexport * from '@tamagui/use-window-dimensions'\nexport * from '@tamagui/visually-hidden'\n\nexport * from './createTamagui'\n\nexport * from './views/TamaguiProvider'\nexport * from './viewTypes'\n\nexport * from './views/Anchor'\nexport * from './views/EnsureFlexed'\nexport * from './views/Fieldset'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Input'\nexport * from './views/Group'\nexport * from './views/Layouts'\n// export * from './views/Skeleton'\nexport * from './views/Spinner'\nexport * from './views/TextArea'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport type {\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  GenericTextVariants,\n  GenericStackVariants,\n  Media,\n  MediaPropKeys,\n  MediaQueries,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  SpacerProps,\n  StackPropsBase,\n  TamaguiElement,\n  StackNonStyleProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  FontLanguages,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextNonStyleProps,\n  ThemeKeys,\n  ThemeName,\n  ThemeParsed,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n} from '@tamagui/core'\n\nexport {\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  FontLanguage,\n  Unspaced,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isClient,\n  isServer,\n  isTouchable,\n  isWeb,\n  isWebTouchable,\n  mediaQueryConfig,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  addTheme,\n  updateTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getAnimationDriver,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariable,\n  variableToString,\n  getVariableValue,\n  getVariableName,\n  insertFont,\n  isTamaguiElement,\n  isTamaguiComponent,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  withStaticProperties,\n  // hooks\n  useGet,\n  useEvent,\n  useDidFinishSSR,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  useTheme,\n  useThemeName,\n  useSafeRef,\n} from '@tamagui/core'\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,wBAAc,oBAAd;AAEA,wBAAc,2BAFd;AAGA,wBAAc,kCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,4BALd;AAMA,wBAAc,4BANd;AAOA,wBAAc,0BAPd;AAQA,wBAAc,kCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,4BAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,2BAdd;AAeA,wBAAc,qCAfd;AAgBA,wBAAc,+BAhBd;AAiBA,wBAAc,6BAjBd;AAkBA,wBAAc,4BAlBd;AAmBA,wBAAc,4BAnBd;AAoBA,wBAAc,8BApBd;AAqBA,wBAAc,iCArBd;AAsBA,wBAAc,4BAtBd;AAuBA,wBAAc,+BAvBd;AAwBA,wBAAc,4BAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,4BA1Bd;AA2BA,wBAAc,4BA3Bd;AA4BA,wBAAc,4BA5Bd;AA6BA,wBAAc,0BA7Bd;AA8BA,wBAAc,6BA9Bd;AA+BA,wBAAc,4CA/Bd;AAgCA,wBAAc,kCAhCd;AAiCA,wBAAc,sCAjCd;AAkCA,wBAAc,2CAlCd;AAmCA,wBAAc,qCAnCd;AAqCA,wBAAc,4BArCd;AAuCA,wBAAc,oCAvCd;AAwCA,wBAAc,wBAxCd;AA0CA,wBAAc,2BA1Cd;AA2CA,wBAAc,iCA3Cd;AA4CA,wBAAc,6BA5Cd;AA6CA,wBAAc,yBA7Cd;AA8CA,wBAAc,yBA9Cd;AA+CA,wBAAc,0BA/Cd;AAgDA,wBAAc,0BAhDd;AAiDA,wBAAc,4BAjDd;AAmDA,wBAAc,4BAnDd;AAoDA,wBAAc,6BApDd;AAmHA,kBAyDO;",
   "names": []
 }

package/dist/cjs/views/Fieldset.js

@@ -25,6 +25,7 @@ var import_core = require("@tamagui/core");
 var import_stacks = require("@tamagui/stacks");
 const Fieldset = (0, import_core.styled)(import_stacks.YStack, {
   name: "Fieldset",
+  tag: "fieldset",
   variants: {
     horizontal: {
       true: {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Fieldset.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n  name: 'Fieldset',\n\n  variants: {\n    horizontal: {\n      true: {\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n  } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,oBAAuB;AAEhB,MAAM,eAAW,oBAAO,sBAAQ;AAAA,EACrC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n  name: 'Fieldset',\n  tag: 'fieldset',\n\n  variants: {\n    horizontal: {\n      true: {\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n  } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,oBAAuB;AAEhB,MAAM,eAAW,oBAAO,sBAAQ;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/views/Group.js

@@ -40,14 +40,14 @@ const GroupFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
   y: 0,
   variants: {
     size: (val, { tokens }) => {
-      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$4"];
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
       return {
         borderRadius
       };
     }
   },
   defaultVariants: {
-    size: "$4"
+    size: "$true"
   }
 });
 function createGroup(verticalDefault) {
@@ -56,7 +56,7 @@ function createGroup(verticalDefault) {
     const {
       children: childrenProp,
       space,
-      size = "$4",
+      size = "$true",
       spaceDirection,
       separator,
       scrollable,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Group.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n  backgroundColor: '$background',\n  y: 0,\n\n  variants: {\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$4']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  vertical?: boolean\n  disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n    const activeProps = useMediaPropsActive(props)\n\n    const {\n      children: childrenProp,\n      space,\n      size = '$4',\n      spaceDirection,\n      separator,\n      scrollable,\n      vertical = verticalDefault,\n      disabled: disabledProp,\n      disablePassBorderRadius: disablePassBorderRadiusProp,\n      borderRadius,\n      ...restProps\n    } = getExpandedShorthands(activeProps)\n\n    const radius =\n      borderRadius ??\n      (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n    const hasRadius = radius !== undefined\n    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n    const childrens = Children.toArray(childrenProp)\n    const children = childrens.map((child, i) => {\n      if (!isValidElement(child)) return child\n      const disabled = child.props.disabled ?? disabledProp\n\n      const isFirst = i === 0\n      const isLast = i === childrens.length - 1\n\n      const radiusStyles = disablePassBorderRadius\n        ? null\n        : {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            ...(hasRadius && {\n              ...(isFirst &&\n                !vertical && {\n                  borderTopLeftRadius: radius,\n                  borderBottomLeftRadius: radius,\n                }),\n              ...(isFirst &&\n                vertical && {\n                  borderTopLeftRadius: radius,\n                  borderTopRightRadius: radius,\n                }),\n              ...(isLast &&\n                !vertical && {\n                  borderTopRightRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n              ...(isLast &&\n                vertical && {\n                  borderBottomLeftRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n            }),\n          }\n\n      const props = {\n        disabled,\n        ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n      }\n\n      return cloneElementWithPropOrder(child, props)\n    })\n\n    return (\n      <GroupFrame\n        ref={ref}\n        size={size}\n        flexDirection={!vertical ? 'row' : 'column'}\n        borderRadius={borderRadius}\n        {...restProps}\n      >\n        {wrapScroll(\n          activeProps,\n          spacedChildren({\n            direction: spaceDirection,\n            separator,\n            space,\n            children,\n          })\n        )}\n      </GroupFrame>\n    )\n  })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(vertical && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(!vertical && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n  backgroundColor: '$background',\n  y: 0,\n\n  variants: {\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$true']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  vertical?: boolean\n  disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n    const activeProps = useMediaPropsActive(props)\n\n    const {\n      children: childrenProp,\n      space,\n      size = '$true',\n      spaceDirection,\n      separator,\n      scrollable,\n      vertical = verticalDefault,\n      disabled: disabledProp,\n      disablePassBorderRadius: disablePassBorderRadiusProp,\n      borderRadius,\n      ...restProps\n    } = getExpandedShorthands(activeProps)\n\n    const radius =\n      borderRadius ??\n      (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n\n    const hasRadius = radius !== undefined\n    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n    const childrens = Children.toArray(childrenProp)\n    const children = childrens.map((child, i) => {\n      if (!isValidElement(child)) return child\n      const disabled = child.props.disabled ?? disabledProp\n\n      const isFirst = i === 0\n      const isLast = i === childrens.length - 1\n\n      const radiusStyles = disablePassBorderRadius\n        ? null\n        : {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            ...(hasRadius && {\n              ...(isFirst &&\n                !vertical && {\n                  borderTopLeftRadius: radius,\n                  borderBottomLeftRadius: radius,\n                }),\n              ...(isFirst &&\n                vertical && {\n                  borderTopLeftRadius: radius,\n                  borderTopRightRadius: radius,\n                }),\n              ...(isLast &&\n                !vertical && {\n                  borderTopRightRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n              ...(isLast &&\n                vertical && {\n                  borderBottomLeftRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n            }),\n          }\n\n      const props = {\n        disabled,\n        ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n      }\n\n      return cloneElementWithPropOrder(child, props)\n    })\n\n    return (\n      <GroupFrame\n        ref={ref}\n        size={size}\n        flexDirection={!vertical ? 'row' : 'column'}\n        borderRadius={borderRadius}\n        {...restProps}\n      >\n        {wrapScroll(\n          activeProps,\n          spacedChildren({\n            direction: spaceDirection,\n            separator,\n            space,\n            children,\n          })\n        )}\n      </GroupFrame>\n    )\n  })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(vertical && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(!vertical && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
+  "mappings": "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",
   "names": ["props", "React"]
 }

package/dist/cjs/views/Input.js

@@ -56,7 +56,7 @@ const InputFrame = (0, import_core.styled)(
       }
     },
     defaultVariants: {
-      size: "$4"
+      size: "$true"
     }
   },
   {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$4',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
   "names": []
 }

package/dist/cjs/views/Skeleton.js

@@ -25,9 +25,9 @@ __export(Skeleton_exports, {
 module.exports = __toCommonJS(Skeleton_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
+var import_linear_gradient = require("@tamagui/linear-gradient");
 var import_stacks = require("@tamagui/stacks");
 var import_react = require("react");
-var import_LinearGradient = require("./LinearGradient");
 var import_VisuallyHidden = require("./VisuallyHidden");
 const SkeletonFrame = (0, import_core.styled)(import_stacks.YStack, {
   name: "Skeleton",
@@ -51,7 +51,7 @@ const Skeleton = SkeletonFrame.extractable(
   })
 );
 const SkeletonShine = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LinearGradient.LinearGradient, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
     position: "absolute",
     top: 0,
     bottom: 0,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Skeleton.tsx"],
-  "sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { LinearGradient, LinearGradientProps } from './LinearGradient'\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n  name: 'Skeleton',\n  backgroundColor: '$backgroundHover',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n  forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n    return (\n      <SkeletonFrame ref={ref} {...props}>\n        <SkeletonShine />\n        <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n      </SkeletonFrame>\n    )\n  }),\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n  return (\n    <LinearGradient\n      position=\"absolute\"\n      top={0}\n      bottom={0}\n      width=\"25%\"\n      colors={['$background', '$color']}\n      {...props}\n    />\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,kBAAiD;AACjD,oBAAuB;AACvB,mBAA2B;AAE3B,4BAAoD;AACpD,4BAA+B;AAExB,MAAM,oBAAgB,oBAAO,sBAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,MACpC,yBAA2B,CAAC,EAAE,aAAa,MAAM,GAAkB,QAAQ;AACzE,WACE,6CAAC;AAAA,MAAc;AAAA,MAAW,GAAG;AAAA,MAC3B;AAAA,oDAAC,iBAAc;AAAA,QACf,4CAAC;AAAA,UAAe,oBAAkB;AAAA,UAAE;AAAA,SAAS;AAAA;AAAA,KAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,4CAAC;AAAA,IACC,UAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,IAC/B,GAAG;AAAA,GACN;AAEJ;",
+  "sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n  name: 'Skeleton',\n  backgroundColor: '$backgroundHover',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n  forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n    return (\n      <SkeletonFrame ref={ref} {...props}>\n        <SkeletonShine />\n        <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n      </SkeletonFrame>\n    )\n  })\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n  return (\n    <LinearGradient\n      position=\"absolute\"\n      top={0}\n      bottom={0}\n      width=\"25%\"\n      colors={['$background', '$color']}\n      {...props}\n    />\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,kBAAiD;AACjD,6BAAoD;AACpD,oBAAuB;AACvB,mBAA2B;AAE3B,4BAA+B;AAExB,MAAM,oBAAgB,oBAAO,sBAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,MACpC,yBAA2B,CAAC,EAAE,aAAa,MAAM,GAAkB,QAAQ;AACzE,WACE,6CAAC;AAAA,MAAc;AAAA,MAAW,GAAG;AAAA,MAC3B;AAAA,oDAAC,iBAAc;AAAA,QACf,4CAAC;AAAA,UAAe,oBAAkB;AAAA,UAAE;AAAA,SAAS;AAAA;AAAA,KAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,4CAAC;AAAA,IACC,UAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,IAC/B,GAAG;AAAA,GACN;AAEJ;",
   "names": []
 }

package/dist/esm/helpers/inputHelpers.js

@@ -1,16 +1,13 @@
-import {
-  getVariableValue,
-  isWeb,
-  stepTokenUpOrDown
-} from "@tamagui/core";
+import { getVariableValue, isWeb } from "@tamagui/core";
 import { getButtonSized } from "@tamagui/get-button-sized";
 import { getFontSized } from "@tamagui/get-font-sized";
-const inputSizeVariant = (val = "$4", extras) => {
+import { stepTokenUpOrDown } from "@tamagui/get-size";
+const inputSizeVariant = (val = "$true", extras) => {
   if (extras.props.multiline || extras.props.numberOfLines > 1) {
     return textAreaSizeVariant(val, extras);
   }
   const buttonStyles = getButtonSized(val, extras);
-  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2]);
+  const paddingHorizontal = stepTokenUpOrDown("space", val, -1, [2]);
   const fontStyle = getFontSized(val, extras);
   if (!isWeb && fontStyle) {
     delete fontStyle["lineHeight"];
@@ -21,13 +18,13 @@ const inputSizeVariant = (val = "$4", extras) => {
     paddingHorizontal
   };
 };
-const textAreaSizeVariant = (val = "$4", extras) => {
+const textAreaSizeVariant = (val = "$true", extras) => {
   const { props } = extras;
   const buttonStyles = getButtonSized(val, extras);
   const fontStyle = getFontSized(val, extras);
   const height = props.numberOfLines ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight) : "auto";
-  const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2]);
-  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2]);
+  const paddingVertical = stepTokenUpOrDown("space", val, -2, [2]);
+  const paddingHorizontal = stepTokenUpOrDown("space", val, -1, [2]);
   return {
     ...buttonStyles,
     ...fontStyle,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/inputHelpers.tsx"],
-  "sourcesContent": ["import {\n  SizeVariantSpreadFunction,\n  getVariableValue,\n  isWeb,\n  stepTokenUpOrDown,\n} from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', extras) => {\n  if (extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras)\n  }\n  const buttonStyles = getButtonSized(val, extras)\n  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n  const fontStyle = getFontSized(val, extras)\n  // lineHeight messes up input on native\n  if (!isWeb && fontStyle) {\n    delete fontStyle['lineHeight']\n  }\n  return {\n    ...fontStyle,\n    ...buttonStyles,\n    paddingHorizontal,\n  }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$4',\n  extras\n) => {\n  const { props } = extras\n  const buttonStyles = getButtonSized(val, extras)\n  const fontStyle = getFontSized(val, extras)!\n  const height = props.numberOfLines\n    ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n    : 'auto'\n  const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2])\n  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n  return {\n    ...buttonStyles,\n    ...fontStyle,\n    paddingVertical,\n    paddingHorizontal,\n    height,\n  }\n}\n"],
-  "mappings": "AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAEtB,MAAM,mBAAmD,CAAC,MAAM,MAAM,WAAW;AACtF,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,oBAAoB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,QAAM,YAAY,aAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,MACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,YAAY,aAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,KAAK,iBAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,kBAAkB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC3E,QAAM,oBAAoB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { SizeVariantSpreadFunction, getVariableValue, isWeb } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$true',\n  extras\n) => {\n  if (extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras)\n  }\n  const buttonStyles = getButtonSized(val, extras)\n  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n  const fontStyle = getFontSized(val, extras)\n  // lineHeight messes up input on native\n  if (!isWeb && fontStyle) {\n    delete fontStyle['lineHeight']\n  }\n  return {\n    ...fontStyle,\n    ...buttonStyles,\n    paddingHorizontal,\n  }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$true',\n  extras\n) => {\n  const { props } = extras\n  const buttonStyles = getButtonSized(val, extras)\n  const fontStyle = getFontSized(val, extras)!\n  const height = props.numberOfLines\n    ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n    : 'auto'\n  const paddingVertical = stepTokenUpOrDown('space', val, -2, [2])\n  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n  return {\n    ...buttonStyles,\n    ...fontStyle,\n    paddingVertical,\n    paddingHorizontal,\n    height,\n  }\n}\n"],
+  "mappings": "AAAA,SAAoC,kBAAkB,aAAa;AACnE,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,YAAY,aAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,YAAY,aAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,KAAK,iBAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,kBAAkB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AAC/D,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/index.js

@@ -12,6 +12,7 @@ export * from "@tamagui/font-size";
 export * from "@tamagui/helpers-tamagui";
 export * from "@tamagui/image";
 export * from "@tamagui/label";
+export * from "@tamagui/linear-gradient";
 export * from "@tamagui/list-item";
 export * from "@tamagui/popover";
 export * from "@tamagui/popper";
@@ -43,7 +44,6 @@ export * from "./views/Grid";
 export * from "./views/Input";
 export * from "./views/Group";
 export * from "./views/Layouts";
-export * from "./views/LinearGradient";
 export * from "./views/Spinner";
 export * from "./views/TextArea";
 import {

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './setup'\n\nexport * from '@tamagui/adapt'\nexport * from '@tamagui/alert-dialog'\nexport * from '@tamagui/animate-presence'\nexport * from '@tamagui/avatar'\nexport * from '@tamagui/button'\nexport * from '@tamagui/card'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/dialog'\nexport * from '@tamagui/font-size'\nexport * from '@tamagui/helpers-tamagui'\nexport * from '@tamagui/image'\nexport * from '@tamagui/label'\nexport * from '@tamagui/list-item'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/portal'\nexport * from '@tamagui/progress'\nexport * from '@tamagui/scroll-view'\nexport * from '@tamagui/select'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/shapes'\nexport * from '@tamagui/sheet'\nexport * from '@tamagui/slider'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/switch'\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'\nexport * from '@tamagui/use-window-dimensions'\nexport * from '@tamagui/visually-hidden'\n\nexport * from './createTamagui'\n\nexport * from './views/TamaguiProvider'\nexport * from './viewTypes'\n\nexport * from './views/Anchor'\nexport * from './views/EnsureFlexed'\nexport * from './views/Fieldset'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Input'\nexport * from './views/Group'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\n// export * from './views/Skeleton'\nexport * from './views/Spinner'\nexport * from './views/TextArea'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport type {\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  GenericTextVariants,\n  GenericStackVariants,\n  Media,\n  MediaPropKeys,\n  MediaQueries,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  Slot,\n  Slottable,\n  SizeTokens,\n  SpaceTokens,\n  SpacerProps,\n  StackPropsBase,\n  TamaguiElement,\n  StackNonStyleProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  FontLanguages,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextNonStyleProps,\n  ThemeKeys,\n  ThemeName,\n  ThemeParsed,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n} from '@tamagui/core'\n\nexport {\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  FontLanguage,\n  Unspaced,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isClient,\n  isServer,\n  isTouchable,\n  isWeb,\n  isWebTouchable,\n  mediaQueryConfig,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  addTheme,\n  updateTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getAnimationDriver,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariable,\n  variableToString,\n  getVariableValue,\n  getVariableName,\n  insertFont,\n  isTamaguiElement,\n  isTamaguiComponent,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  withStaticProperties,\n  // hooks\n  useGet,\n  useEvent,\n  useDidFinishSSR,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  useTheme,\n  useThemeName,\n  useSafeRef,\n} from '@tamagui/core'\n"],
-  "mappings": "AAAA,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AAiEd;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "sourcesContent": ["export * from './setup'\n\nexport * from '@tamagui/adapt'\nexport * from '@tamagui/alert-dialog'\nexport * from '@tamagui/animate-presence'\nexport * from '@tamagui/avatar'\nexport * from '@tamagui/button'\nexport * from '@tamagui/card'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/dialog'\nexport * from '@tamagui/font-size'\nexport * from '@tamagui/helpers-tamagui'\nexport * from '@tamagui/image'\nexport * from '@tamagui/label'\nexport * from '@tamagui/linear-gradient'\nexport * from '@tamagui/list-item'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/portal'\nexport * from '@tamagui/progress'\nexport * from '@tamagui/scroll-view'\nexport * from '@tamagui/select'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/shapes'\nexport * from '@tamagui/sheet'\nexport * from '@tamagui/slider'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/switch'\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'\nexport * from '@tamagui/use-window-dimensions'\nexport * from '@tamagui/visually-hidden'\n\nexport * from './createTamagui'\n\nexport * from './views/TamaguiProvider'\nexport * from './viewTypes'\n\nexport * from './views/Anchor'\nexport * from './views/EnsureFlexed'\nexport * from './views/Fieldset'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Input'\nexport * from './views/Group'\nexport * from './views/Layouts'\n// export * from './views/Skeleton'\nexport * from './views/Spinner'\nexport * from './views/TextArea'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport type {\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  GenericTextVariants,\n  GenericStackVariants,\n  Media,\n  MediaPropKeys,\n  MediaQueries,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  SpacerProps,\n  StackPropsBase,\n  TamaguiElement,\n  StackNonStyleProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  FontLanguages,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextNonStyleProps,\n  ThemeKeys,\n  ThemeName,\n  ThemeParsed,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n} from '@tamagui/core'\n\nexport {\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  FontLanguage,\n  Unspaced,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isClient,\n  isServer,\n  isTouchable,\n  isWeb,\n  isWebTouchable,\n  mediaQueryConfig,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  addTheme,\n  updateTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getAnimationDriver,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariable,\n  variableToString,\n  getVariableValue,\n  getVariableName,\n  insertFont,\n  isTamaguiElement,\n  isTamaguiComponent,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  withStaticProperties,\n  // hooks\n  useGet,\n  useEvent,\n  useDidFinishSSR,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  useTheme,\n  useThemeName,\n  useSafeRef,\n} from '@tamagui/core'\n"],
+  "mappings": "AAAA,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AA+Dd;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/views/Fieldset.js

@@ -2,6 +2,7 @@ import { styled } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
 const Fieldset = styled(YStack, {
   name: "Fieldset",
+  tag: "fieldset",
   variants: {
     horizontal: {
       true: {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Fieldset.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n  name: 'Fieldset',\n\n  variants: {\n    horizontal: {\n      true: {\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n  } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
-  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,cAAc;AAEhB,MAAM,WAAW,OAAO,QAAQ;AAAA,EACrC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n  name: 'Fieldset',\n  tag: 'fieldset',\n\n  variants: {\n    horizontal: {\n      true: {\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n  } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,cAAc;AAEhB,MAAM,WAAW,OAAO,QAAQ;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/esm/views/Group.js

@@ -19,14 +19,14 @@ const GroupFrame = styled(ThemeableStack, {
   y: 0,
   variants: {
     size: (val, { tokens }) => {
-      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$4"];
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
       return {
         borderRadius
       };
     }
   },
   defaultVariants: {
-    size: "$4"
+    size: "$true"
   }
 });
 function createGroup(verticalDefault) {
@@ -35,7 +35,7 @@ function createGroup(verticalDefault) {
     const {
       children: childrenProp,
       space,
-      size = "$4",
+      size = "$true",
       spaceDirection,
       separator,
       scrollable,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Group.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n  backgroundColor: '$background',\n  y: 0,\n\n  variants: {\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$4']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  vertical?: boolean\n  disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n    const activeProps = useMediaPropsActive(props)\n\n    const {\n      children: childrenProp,\n      space,\n      size = '$4',\n      spaceDirection,\n      separator,\n      scrollable,\n      vertical = verticalDefault,\n      disabled: disabledProp,\n      disablePassBorderRadius: disablePassBorderRadiusProp,\n      borderRadius,\n      ...restProps\n    } = getExpandedShorthands(activeProps)\n\n    const radius =\n      borderRadius ??\n      (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n    const hasRadius = radius !== undefined\n    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n    const childrens = Children.toArray(childrenProp)\n    const children = childrens.map((child, i) => {\n      if (!isValidElement(child)) return child\n      const disabled = child.props.disabled ?? disabledProp\n\n      const isFirst = i === 0\n      const isLast = i === childrens.length - 1\n\n      const radiusStyles = disablePassBorderRadius\n        ? null\n        : {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            ...(hasRadius && {\n              ...(isFirst &&\n                !vertical && {\n                  borderTopLeftRadius: radius,\n                  borderBottomLeftRadius: radius,\n                }),\n              ...(isFirst &&\n                vertical && {\n                  borderTopLeftRadius: radius,\n                  borderTopRightRadius: radius,\n                }),\n              ...(isLast &&\n                !vertical && {\n                  borderTopRightRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n              ...(isLast &&\n                vertical && {\n                  borderBottomLeftRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n            }),\n          }\n\n      const props = {\n        disabled,\n        ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n      }\n\n      return cloneElementWithPropOrder(child, props)\n    })\n\n    return (\n      <GroupFrame\n        ref={ref}\n        size={size}\n        flexDirection={!vertical ? 'row' : 'column'}\n        borderRadius={borderRadius}\n        {...restProps}\n      >\n        {wrapScroll(\n          activeProps,\n          spacedChildren({\n            direction: spaceDirection,\n            separator,\n            space,\n            children,\n          })\n        )}\n      </GroupFrame>\n    )\n  })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(vertical && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(!vertical && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n  backgroundColor: '$background',\n  y: 0,\n\n  variants: {\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$true']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  vertical?: boolean\n  disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n    const activeProps = useMediaPropsActive(props)\n\n    const {\n      children: childrenProp,\n      space,\n      size = '$true',\n      spaceDirection,\n      separator,\n      scrollable,\n      vertical = verticalDefault,\n      disabled: disabledProp,\n      disablePassBorderRadius: disablePassBorderRadiusProp,\n      borderRadius,\n      ...restProps\n    } = getExpandedShorthands(activeProps)\n\n    const radius =\n      borderRadius ??\n      (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n\n    const hasRadius = radius !== undefined\n    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n    const childrens = Children.toArray(childrenProp)\n    const children = childrens.map((child, i) => {\n      if (!isValidElement(child)) return child\n      const disabled = child.props.disabled ?? disabledProp\n\n      const isFirst = i === 0\n      const isLast = i === childrens.length - 1\n\n      const radiusStyles = disablePassBorderRadius\n        ? null\n        : {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            ...(hasRadius && {\n              ...(isFirst &&\n                !vertical && {\n                  borderTopLeftRadius: radius,\n                  borderBottomLeftRadius: radius,\n                }),\n              ...(isFirst &&\n                vertical && {\n                  borderTopLeftRadius: radius,\n                  borderTopRightRadius: radius,\n                }),\n              ...(isLast &&\n                !vertical && {\n                  borderTopRightRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n              ...(isLast &&\n                vertical && {\n                  borderBottomLeftRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n            }),\n          }\n\n      const props = {\n        disabled,\n        ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n      }\n\n      return cloneElementWithPropOrder(child, props)\n    })\n\n    return (\n      <GroupFrame\n        ref={ref}\n        size={size}\n        flexDirection={!vertical ? 'row' : 'column'}\n        borderRadius={borderRadius}\n        {...restProps}\n      >\n        {wrapScroll(\n          activeProps,\n          spacedChildren({\n            direction: spaceDirection,\n            separator,\n            space,\n            children,\n          })\n        )}\n      </GroupFrame>\n    )\n  })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(vertical && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(!vertical && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
+  "mappings": "AAuHM;AAvHN;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,OAAO,SAAS,UAAU,YAAY,sBAAsB;AAC5D,SAAS,kBAAkB;AAEpB,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,GAAG;AAAA,EAEH,UAAU;AAAA,IACR,MAAM,CAAC,KAAK,EAAE,OAAO,MAAM;AACzB,YAAM,eAAe,OAAO,OAAO,QAAQ,OAAO,OAAO,OAAO;AAChE,aAAO;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAaD,SAAS,YAAY,iBAA0B;AAC7C,SAAO,WAAuC,CAAC,OAAO,QAAQ;AAC5D,UAAM,cAAc,oBAAoB,KAAK;AAE7C,UAAM;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,yBAAyB;AAAA,MACzB;AAAA,SACG;AAAA,IACL,IAAI,sBAAsB,WAAW;AAErC,UAAM,SACJ,iBACC,OAAO,iBAAiB,UAAU,IAAI,EAAE,OAAO,KAAK,IAAI,IAAI;AAE/D,UAAM,YAAY,WAAW;AAC7B,UAAM,0BAA0B,+BAA+B,CAAC;AAChE,UAAM,YAAY,SAAS,QAAQ,YAAY;AAC/C,UAAM,WAAW,UAAU,IAAI,CAAC,OAAO,MAAM;AAC3C,UAAI,CAAC,eAAe,KAAK;AAAG,eAAO;AACnC,YAAM,WAAW,MAAM,MAAM,YAAY;AAEzC,YAAM,UAAU,MAAM;AACtB,YAAM,SAAS,MAAM,UAAU,SAAS;AAExC,YAAM,eAAe,0BACjB,OACA;AAAA,QACE,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,QACtB,wBAAwB;AAAA,QACxB,yBAAyB;AAAA,QACzB,GAAI,aAAa;AAAA,UACf,GAAI,WACF,CAAC,YAAY;AAAA,YACX,qBAAqB;AAAA,YACrB,wBAAwB;AAAA,UAC1B;AAAA,UACF,GAAI,WACF,YAAY;AAAA,YACV,qBAAqB;AAAA,YACrB,sBAAsB;AAAA,UACxB;AAAA,UACF,GAAI,UACF,CAAC,YAAY;AAAA,YACX,sBAAsB;AAAA,YACtB,yBAAyB;AAAA,UAC3B;AAAA,UACF,GAAI,UACF,YAAY;AAAA,YACV,wBAAwB;AAAA,YACxB,yBAAyB;AAAA,UAC3B;AAAA,QACJ;AAAA,MACF;AAEJ,YAAMA,SAAQ;AAAA,QACZ;AAAA,QACA,GAAI,iBAAiB,KAAK,IAAI,eAAe,EAAE,OAAO,aAAa;AAAA,MACrE;AAEA,aAAO,0BAA0B,OAAOA,MAAK;AAAA,IAC/C,CAAC;AAED,WACE,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe,CAAC,WAAW,QAAQ;AAAA,MACnC;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,QACC;AAAA,QACA,eAAe;AAAA,UACb,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACF;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,SAAS,YAAY,IAAI;AAC/B,MAAM,SAAS,YAAY,KAAK;AAEvC,MAAM,aAAa,CACjB,EAAE,YAAY,UAAU,sBAAsB,MAAM,GACpD,aACG;AACH,MAAI;AACF,WACE,oBAAC;AAAA,MACE,GAAI,YAAY;AAAA,QACf,8BAA8B;AAAA,MAChC;AAAA,MACC,GAAI,CAAC,YAAY;AAAA,QAChB,YAAY;AAAA,QACZ,gCAAgC;AAAA,MAClC;AAAA,MAEC;AAAA,KACH;AAEJ,SAAO;AACT;AAEA,MAAM,4BAA4B,CAAC,OAAY,UAAkB;AAC/D,QAAM,OAAO,WAAW,MAAM,OAAO,OAAO,OAAO,UAAU,EAAE,UAAU,EAAE;AAC3E,SAAO,MAAM,aAAa,EAAE,GAAG,OAAO,OAAO,KAAK,GAAG,IAAI;AAC3D;",
   "names": ["props"]
 }

package/dist/esm/views/Input.js

@@ -32,7 +32,7 @@ const InputFrame = styled(
       }
     },
     defaultVariants: {
-      size: "$4"
+      size: "$true"
     }
   },
   {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$4',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
   "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
   "names": []
 }

package/dist/esm/views/Skeleton.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@tamagui/core";
+import { LinearGradient } from "@tamagui/linear-gradient";
 import { YStack } from "@tamagui/stacks";
 import { forwardRef } from "react";
-import { LinearGradient } from "./LinearGradient";
 import { VisuallyHidden } from "./VisuallyHidden";
 const SkeletonFrame = styled(YStack, {
   name: "Skeleton",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Skeleton.tsx"],
-  "sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { LinearGradient, LinearGradientProps } from './LinearGradient'\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n  name: 'Skeleton',\n  backgroundColor: '$backgroundHover',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n  forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n    return (\n      <SkeletonFrame ref={ref} {...props}>\n        <SkeletonShine />\n        <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n      </SkeletonFrame>\n    )\n  }),\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n  return (\n    <LinearGradient\n      position=\"absolute\"\n      top={0}\n      bottom={0}\n      width=\"25%\"\n      colors={['$background', '$color']}\n      {...props}\n    />\n  )\n}\n"],
-  "mappings": "AAmBM,SACE,KADF;AAnBN,SAAmC,cAAc;AACjD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAA2C;AACpD,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,aAAa,MAAM,GAAkB,QAAQ;AACzE,WACE,qBAAC;AAAA,MAAc;AAAA,MAAW,GAAG;AAAA,MAC3B;AAAA,4BAAC,iBAAc;AAAA,QACf,oBAAC;AAAA,UAAe,oBAAkB;AAAA,UAAE;AAAA,SAAS;AAAA;AAAA,KAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,oBAAC;AAAA,IACC,UAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,IAC/B,GAAG;AAAA,GACN;AAEJ;",
+  "sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n  name: 'Skeleton',\n  backgroundColor: '$backgroundHover',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n  forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n    return (\n      <SkeletonFrame ref={ref} {...props}>\n        <SkeletonShine />\n        <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n      </SkeletonFrame>\n    )\n  })\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n  return (\n    <LinearGradient\n      position=\"absolute\"\n      top={0}\n      bottom={0}\n      width=\"25%\"\n      colors={['$background', '$color']}\n      {...props}\n    />\n  )\n}\n"],
+  "mappings": "AAmBM,SACE,KADF;AAnBN,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,aAAa,MAAM,GAAkB,QAAQ;AACzE,WACE,qBAAC;AAAA,MAAc;AAAA,MAAW,GAAG;AAAA,MAC3B;AAAA,4BAAC,iBAAc;AAAA,QACf,oBAAC;AAAA,UAAe,oBAAkB;AAAA,UAAE;AAAA,SAAS;AAAA;AAAA,KAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,oBAAC;AAAA,IACC,UAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,IAC/B,GAAG;AAAA,GACN;AAEJ;",
   "names": []
 }

package/dist/jsx/helpers/inputHelpers.js

@@ -1,16 +1,13 @@
-import {
-  getVariableValue,
-  isWeb,
-  stepTokenUpOrDown
-} from "@tamagui/core";
+import { getVariableValue, isWeb } from "@tamagui/core";
 import { getButtonSized } from "@tamagui/get-button-sized";
 import { getFontSized } from "@tamagui/get-font-sized";
-const inputSizeVariant = (val = "$4", extras) => {
+import { stepTokenUpOrDown } from "@tamagui/get-size";
+const inputSizeVariant = (val = "$true", extras) => {
   if (extras.props.multiline || extras.props.numberOfLines > 1) {
     return textAreaSizeVariant(val, extras);
   }
   const buttonStyles = getButtonSized(val, extras);
-  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2]);
+  const paddingHorizontal = stepTokenUpOrDown("space", val, -1, [2]);
   const fontStyle = getFontSized(val, extras);
   if (!isWeb && fontStyle) {
     delete fontStyle["lineHeight"];
@@ -21,13 +18,13 @@ const inputSizeVariant = (val = "$4", extras) => {
     paddingHorizontal
   };
 };
-const textAreaSizeVariant = (val = "$4", extras) => {
+const textAreaSizeVariant = (val = "$true", extras) => {
   const { props } = extras;
   const buttonStyles = getButtonSized(val, extras);
   const fontStyle = getFontSized(val, extras);
   const height = props.numberOfLines ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight) : "auto";
-  const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2]);
-  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2]);
+  const paddingVertical = stepTokenUpOrDown("space", val, -2, [2]);
+  const paddingHorizontal = stepTokenUpOrDown("space", val, -1, [2]);
   return {
     ...buttonStyles,
     ...fontStyle,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/inputHelpers.tsx"],
-  "sourcesContent": ["import {\n  SizeVariantSpreadFunction,\n  getVariableValue,\n  isWeb,\n  stepTokenUpOrDown,\n} from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', extras) => {\n  if (extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras)\n  }\n  const buttonStyles = getButtonSized(val, extras)\n  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n  const fontStyle = getFontSized(val, extras)\n  // lineHeight messes up input on native\n  if (!isWeb && fontStyle) {\n    delete fontStyle['lineHeight']\n  }\n  return {\n    ...fontStyle,\n    ...buttonStyles,\n    paddingHorizontal,\n  }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$4',\n  extras\n) => {\n  const { props } = extras\n  const buttonStyles = getButtonSized(val, extras)\n  const fontStyle = getFontSized(val, extras)!\n  const height = props.numberOfLines\n    ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n    : 'auto'\n  const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2])\n  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n  return {\n    ...buttonStyles,\n    ...fontStyle,\n    paddingVertical,\n    paddingHorizontal,\n    height,\n  }\n}\n"],
-  "mappings": "AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAEtB,MAAM,mBAAmD,CAAC,MAAM,MAAM,WAAW;AACtF,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,oBAAoB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,QAAM,YAAY,aAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,MACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,YAAY,aAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,KAAK,iBAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,kBAAkB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC3E,QAAM,oBAAoB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { SizeVariantSpreadFunction, getVariableValue, isWeb } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$true',\n  extras\n) => {\n  if (extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras)\n  }\n  const buttonStyles = getButtonSized(val, extras)\n  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n  const fontStyle = getFontSized(val, extras)\n  // lineHeight messes up input on native\n  if (!isWeb && fontStyle) {\n    delete fontStyle['lineHeight']\n  }\n  return {\n    ...fontStyle,\n    ...buttonStyles,\n    paddingHorizontal,\n  }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n  val = '$true',\n  extras\n) => {\n  const { props } = extras\n  const buttonStyles = getButtonSized(val, extras)\n  const fontStyle = getFontSized(val, extras)!\n  const height = props.numberOfLines\n    ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n    : 'auto'\n  const paddingVertical = stepTokenUpOrDown('space', val, -2, [2])\n  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n  return {\n    ...buttonStyles,\n    ...fontStyle,\n    paddingVertical,\n    paddingHorizontal,\n    height,\n  }\n}\n"],
+  "mappings": "AAAA,SAAoC,kBAAkB,aAAa;AACnE,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,YAAY,aAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,YAAY,aAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,KAAK,iBAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,kBAAkB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AAC/D,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/jsx/index.js

@@ -12,6 +12,7 @@ export * from "@tamagui/font-size";
 export * from "@tamagui/helpers-tamagui";
 export * from "@tamagui/image";
 export * from "@tamagui/label";
+export * from "@tamagui/linear-gradient";
 export * from "@tamagui/list-item";
 export * from "@tamagui/popover";
 export * from "@tamagui/popper";
@@ -43,7 +44,6 @@ export * from "./views/Grid";
 export * from "./views/Input";
 export * from "./views/Group";
 export * from "./views/Layouts";
-export * from "./views/LinearGradient";
 export * from "./views/Spinner";
 export * from "./views/TextArea";
 import {