tamagui 1.2.8 → 1.2.10

package/dist/jsx/index.mjs

@@ -0,0 +1,165 @@
+export * from "./setup";
+export * from "@tamagui/adapt";
+export * from "@tamagui/alert-dialog";
+export * from "@tamagui/animate-presence";
+export * from "@tamagui/avatar";
+export * from "@tamagui/button";
+export * from "@tamagui/card";
+export * from "@tamagui/compose-refs";
+export * from "@tamagui/create-context";
+export * from "@tamagui/dialog";
+export * from "@tamagui/font-size";
+export * from "@tamagui/helpers-tamagui";
+export * from "@tamagui/image";
+export * from "@tamagui/label";
+export * from "@tamagui/list-item";
+export * from "@tamagui/popover";
+export * from "@tamagui/popper";
+export * from "@tamagui/portal";
+export * from "@tamagui/progress";
+export * from "@tamagui/scroll-view";
+export * from "@tamagui/select";
+export * from "@tamagui/separator";
+export * from "@tamagui/shapes";
+export * from "@tamagui/sheet";
+export * from "@tamagui/slider";
+export * from "@tamagui/stacks";
+export * from "@tamagui/switch";
+export * from "@tamagui/text";
+export * from "@tamagui/tooltip";
+export * from "@tamagui/use-controllable-state";
+export * from "@tamagui/use-debounce";
+export * from "@tamagui/use-force-update";
+export * from "@tamagui/use-window-dimensions";
+export * from "@tamagui/visually-hidden";
+export * from "./createTamagui";
+export * from "./views/TamaguiProvider";
+export * from "./viewTypes";
+export * from "./views/Anchor";
+export * from "./views/EnsureFlexed";
+export * from "./views/Fieldset";
+export * from "./views/Form";
+export * from "./views/Grid";
+export * from "./views/Input";
+export * from "./views/Group";
+export * from "./views/Layouts";
+export * from "./views/Spinner";
+export * from "./views/TextArea";
+import {
+  Spacer,
+  Stack,
+  Text,
+  Theme,
+  FontLanguage,
+  Unspaced,
+  TextAncestorContext,
+  isChrome,
+  isClient,
+  isServer,
+  isTouchable,
+  isWeb,
+  isWebTouchable,
+  mediaQueryConfig,
+  createComponent,
+  createFont,
+  createShorthands,
+  createTheme,
+  addTheme,
+  updateTheme,
+  createTokens,
+  createVariable,
+  getConfig,
+  getAnimationDriver,
+  getMedia,
+  getStylesAtomic,
+  getThemes,
+  getTokens,
+  getVariable,
+  variableToString,
+  getVariableValue,
+  getVariableName,
+  insertFont,
+  isTamaguiElement,
+  isTamaguiComponent,
+  isVariable,
+  matchMedia,
+  mediaObjectToString,
+  mediaState,
+  spacedChildren,
+  styled,
+  themeable,
+  useStyle,
+  withStaticProperties,
+  useGet,
+  useEvent,
+  useDidFinishSSR,
+  useIsomorphicLayoutEffect,
+  useIsTouchDevice,
+  useMedia,
+  useTheme,
+  useThemeName,
+  useSafeRef
+} from "@tamagui/core";
+function LinearGradient(props) {
+  if (process.env.NODE_ENV === "development") {
+    console.warn(`LinearGradient has been moved to tamagui/linear-gradient as of 1.1`);
+  }
+  return null;
+}
+export {
+  FontLanguage,
+  LinearGradient,
+  Spacer,
+  Stack,
+  Text,
+  TextAncestorContext,
+  Theme,
+  Unspaced,
+  addTheme,
+  createComponent,
+  createFont,
+  createShorthands,
+  createTheme,
+  createTokens,
+  createVariable,
+  getAnimationDriver,
+  getConfig,
+  getMedia,
+  getStylesAtomic,
+  getThemes,
+  getTokens,
+  getVariable,
+  getVariableName,
+  getVariableValue,
+  insertFont,
+  isChrome,
+  isClient,
+  isServer,
+  isTamaguiComponent,
+  isTamaguiElement,
+  isTouchable,
+  isVariable,
+  isWeb,
+  isWebTouchable,
+  matchMedia,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  spacedChildren,
+  styled,
+  themeable,
+  updateTheme,
+  useDidFinishSSR,
+  useEvent,
+  useGet,
+  useIsTouchDevice,
+  useIsomorphicLayoutEffect,
+  useMedia,
+  useSafeRef,
+  useStyle,
+  useTheme,
+  useThemeName,
+  variableToString,
+  withStaticProperties
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -0,0 +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'\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  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  useStyle,\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\nexport function LinearGradient(props: never) {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(`LinearGradient has been moved to tamagui/linear-gradient as of 1.1`)\n  }\n  return null\n}\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;AAEd,cAAc;AACd,cAAc;AA6Dd;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,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,eAAe,OAAc;AAC3C,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAQ,KAAK,oEAAoE;AAAA,EACnF;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/lib/linear-gradient.native.mjs

@@ -0,0 +1,2 @@
+export * from "expo-linear-gradient";
+//# sourceMappingURL=linear-gradient.native.mjs.map

package/dist/jsx/lib/linear-gradient.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/linear-gradient.native.ts"],
+  "sourcesContent": ["export * from 'expo-linear-gradient'\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/linear-gradient.mjs

@@ -0,0 +1,2 @@
+export * from "@tamagui/linear-gradient";
+//# sourceMappingURL=linear-gradient.mjs.map

package/dist/jsx/linear-gradient.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/linear-gradient.ts"],
+  "sourcesContent": ["export * from '@tamagui/linear-gradient'\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/setup.mjs

@@ -0,0 +1,24 @@
+import { setupReactNative } from "@tamagui/core";
+import * as React from "react";
+import { Text, View } from "react-native";
+globalThis.React = React;
+setupReactNative({
+  View,
+  Text
+});
+if (typeof requestAnimationFrame === "undefined") {
+  globalThis["requestAnimationFrame"] = setImmediate;
+}
+const cancelAnimationFrame = globalThis.cancelAnimationFrame;
+global.cancelAnimationFrame = (x) => {
+  try {
+    cancelAnimationFrame(x);
+  } catch {
+  }
+};
+const idFn = () => {
+};
+export {
+  idFn
+};
+//# sourceMappingURL=setup.mjs.map

package/dist/jsx/setup.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/setup.ts"],
+  "sourcesContent": ["import { setupReactNative } from '@tamagui/core'\nimport * as React from 'react'\nimport { Text, View } from 'react-native'\n\nglobalThis.React = React\n\nsetupReactNative({\n  View,\n  Text,\n})\n\n// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n  globalThis['requestAnimationFrame'] = setImmediate\n}\n\nconst cancelAnimationFrame = globalThis.cancelAnimationFrame\n\n// for vite / Animated.spring()\nglobal.cancelAnimationFrame = (x: number) => {\n  try {\n    cancelAnimationFrame(x)\n  } catch {\n    // illegal invocation :/\n  }\n}\n\n// need to export something, afraid of tree shaking even with `sideEffects`\nexport const idFn = () => {}\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC,YAAY,WAAW;AACvB,SAAS,MAAM,YAAY;AAE3B,WAAW,QAAQ;AAEnB,iBAAiB;AAAA,EACf;AAAA,EACA;AACF,CAAC;AAGD,IAAI,OAAO,0BAA0B,aAAa;AAChD,aAAW,uBAAuB,IAAI;AACxC;AAEA,MAAM,uBAAuB,WAAW;AAGxC,OAAO,uBAAuB,CAAC,MAAc;AAC3C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAE;AAAA,EAEF;AACF;AAGO,MAAM,OAAO,MAAM;AAAC;",
+  "names": []
+}

package/dist/jsx/viewTypes.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=viewTypes.mjs.map

package/dist/jsx/viewTypes.mjs.map

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

package/dist/jsx/views/Anchor.mjs

@@ -0,0 +1,32 @@
+import { isWeb, styled } from "@tamagui/core";
+import { SizableText } from "@tamagui/text";
+import { forwardRef } from "react";
+import { Linking } from "react-native";
+const AnchorFrame = styled(SizableText, {
+  name: "Anchor",
+  tag: "a",
+  accessibilityRole: "link"
+});
+const Anchor = AnchorFrame.extractable(
+  forwardRef(({ href, target, ...props }, ref) => {
+    return <AnchorFrame
+      {...props}
+      {...isWeb ? {
+        href,
+        target
+      } : {
+        onPress: (event) => {
+          props.onPress?.(event);
+          if (href !== void 0) {
+            Linking.openURL(href);
+          }
+        }
+      }}
+      ref={ref}
+    />;
+  })
+);
+export {
+  Anchor
+};
+//# sourceMappingURL=Anchor.mjs.map

package/dist/jsx/views/Anchor.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Anchor.tsx"],
+  "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\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,SAAgC,OAAO,cAAc;AACrD,SAAS,mBAAqC;AAC9C,SAAgB,kBAAkB;AAClC,SAAS,eAAqB;AAQ9B,MAAM,cAAc,OAAO,aAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY;AAAA,EACV,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC9C,WACE,CAAC;AAAA,UACK;AAAA,UACC,QACD;AAAA,QACE;AAAA,QACA;AAAA,MACF,IACA;AAAA,QACE,SAAS,CAAC,UAAU;AAClB,gBAAM,UAAU,KAAK;AACrB,cAAI,SAAS,QAAW;AACtB,oBAAQ,QAAQ,IAAI;AAAA,UACtB;AAAA,QACF;AAAA,MACF;AAAA,MACJ,KAAK;AAAA,IACP;AAAA,EAEJ,CAAC;AACH;",
+  "names": []
+}

package/dist/jsx/views/EnsureFlexed.mjs

@@ -0,0 +1,18 @@
+import { Text, styled } from "@tamagui/core";
+const EnsureFlexed = styled(Text, {
+  opacity: 0,
+  lineHeight: 0,
+  height: 0,
+  display: "flex",
+  fontSize: 200,
+  children: "wwwwwwwwwwwwwwwwwww",
+  hoverStyle: {
+    backgroundColor: "red"
+  },
+  pointerEvents: "none"
+});
+EnsureFlexed["isVisuallyHidden"] = true;
+export {
+  EnsureFlexed
+};
+//# sourceMappingURL=EnsureFlexed.mjs.map

package/dist/jsx/views/EnsureFlexed.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/EnsureFlexed.tsx"],
+  "sourcesContent": ["import { Text, styled } from '@tamagui/core'\n\n// expands flex elements when they should push a far as they \"want\" naturally\n\nexport const EnsureFlexed = styled(Text, {\n  opacity: 0,\n  lineHeight: 0,\n  height: 0,\n  display: 'flex',\n  fontSize: 200,\n  children: 'wwwwwwwwwwwwwwwwwww',\n\n  hoverStyle: {\n    backgroundColor: 'red',\n  },\n\n  pointerEvents: 'none',\n})\n\n// @tamgui/core checks for this in spacing\nEnsureFlexed['isVisuallyHidden'] = true\n"],
+  "mappings": "AAAA,SAAS,MAAM,cAAc;AAItB,MAAM,eAAe,OAAO,MAAM;AAAA,EACvC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,iBAAiB;AAAA,EACnB;AAAA,EAEA,eAAe;AACjB,CAAC;AAGD,aAAa,kBAAkB,IAAI;",
+  "names": []
+}

package/dist/jsx/views/Fieldset.mjs

@@ -0,0 +1,18 @@
+import { styled } from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+const Fieldset = styled(YStack, {
+  name: "Fieldset",
+  tag: "fieldset",
+  variants: {
+    horizontal: {
+      true: {
+        flexDirection: "row",
+        alignItems: "center"
+      }
+    }
+  }
+});
+export {
+  Fieldset
+};
+//# sourceMappingURL=Fieldset.mjs.map

package/dist/jsx/views/Fieldset.mjs.map

@@ -0,0 +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  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/jsx/views/Form.mjs

@@ -0,0 +1,9 @@
+import { Stack, styled } from "@tamagui/core";
+const Form = styled(Stack, {
+  name: "Form",
+  tag: "form"
+});
+export {
+  Form
+};
+//# sourceMappingURL=Form.mjs.map

package/dist/jsx/views/Form.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Form.tsx"],
+  "sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const Form = styled(Stack, {\n  name: 'Form',\n  tag: 'form',\n})\n"],
+  "mappings": "AAAA,SAAS,OAAO,cAAc;AAEvB,MAAM,OAAO,OAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
+  "names": []
+}

package/dist/jsx/views/Grid.mjs

@@ -0,0 +1,34 @@
+import { isWeb } from "@tamagui/core";
+import { XStack } from "@tamagui/stacks";
+import React from "react";
+function Grid({ children, columns, itemMinWidth = 200, gap }) {
+  if (isWeb) {
+    return <div
+      style={{
+        gap,
+        display: "grid",
+        justifyContent: "stretch",
+        // gridTemplateRows: 'repeat(4, 1fr)',
+        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+        // gridTemplateColumns: '1fr 1fr',
+      }}
+    >{children}</div>;
+  }
+  const childrenList = React.Children.toArray(children);
+  return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => {
+    if (!child) {
+      return null;
+    }
+    return <XStack
+      key={i}
+      flex={1}
+      minWidth={itemMinWidth}
+      marginRight={gap}
+      marginBottom={gap}
+    >{child}</XStack>;
+  })}</XStack>;
+}
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.mjs.map

package/dist/jsx/views/Grid.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Grid.tsx"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { XStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type GridProps = {\n  children?: any\n  itemMinWidth?: number\n  gap?: any\n  columns?: number\n}\n\nexport function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {\n  if (isWeb) {\n    return (\n      <div\n        style={{\n          gap,\n          display: 'grid',\n          justifyContent: 'stretch',\n          // gridTemplateRows: 'repeat(4, 1fr)',\n          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,\n          // gridTemplateColumns: '1fr 1fr',\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  const childrenList = React.Children.toArray(children)\n\n  return (\n    <XStack alignItems=\"center\" justifyContent=\"center\" flexWrap=\"wrap\">\n      {childrenList.map((child, i) => {\n        if (!child) {\n          return null\n        }\n\n        // index key bad\n        return (\n          <XStack\n            key={i}\n            flex={1}\n            minWidth={itemMinWidth}\n            marginRight={gap}\n            marginBottom={gap}\n          >\n            {child}\n          </XStack>\n        )\n      })}\n    </XStack>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI,OAAO;AACT,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B;AAAA;AAAA,MAEnD;AAAA,MAEC,SACH,EAXC;AAAA,EAaL;AAEA,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE,CAAC;AAAA,MACC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb,MACH,EARC;AAAA,EAUL,CAAC,EACH,EAnBC;AAqBL;",
+  "names": []
+}

package/dist/jsx/views/Group.mjs

@@ -0,0 +1,128 @@
+import {
+  getConfig,
+  getExpandedShorthands,
+  getTokens,
+  getVariableValue,
+  isTamaguiElement,
+  mergeProps,
+  spacedChildren,
+  styled,
+  useMediaPropsActive
+} from "@tamagui/core";
+import { ThemeableStack } from "@tamagui/stacks";
+import React, { Children, forwardRef, isValidElement } from "react";
+import { ScrollView } from "react-native";
+const GroupFrame = styled(ThemeableStack, {
+  name: "GroupFrame",
+  backgroundColor: "$background",
+  y: 0,
+  variants: {
+    size: (val, { tokens }) => {
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
+      return {
+        borderRadius
+      };
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+function createGroup(verticalDefault) {
+  return forwardRef((props, ref) => {
+    const activeProps = useMediaPropsActive(props);
+    const {
+      children: childrenProp,
+      space,
+      size = "$true",
+      spaceDirection,
+      separator,
+      scrollable,
+      vertical = verticalDefault,
+      disabled: disabledProp,
+      disablePassBorderRadius: disablePassBorderRadiusProp,
+      borderRadius,
+      ...restProps
+    } = getExpandedShorthands(activeProps);
+    const radius = borderRadius ?? (size ? getVariableValue(getTokens().radius[size]) - 1 : void 0);
+    const hasRadius = radius !== void 0;
+    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius;
+    const childrens = Children.toArray(childrenProp);
+    const children = childrens.map((child, i) => {
+      if (!isValidElement(child))
+        return child;
+      const disabled = child.props.disabled ?? disabledProp;
+      const isFirst = i === 0;
+      const isLast = i === childrens.length - 1;
+      const radiusStyles = disablePassBorderRadius ? null : {
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0,
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0,
+        ...hasRadius && {
+          ...isFirst && !vertical && {
+            borderTopLeftRadius: radius,
+            borderBottomLeftRadius: radius
+          },
+          ...isFirst && vertical && {
+            borderTopLeftRadius: radius,
+            borderTopRightRadius: radius
+          },
+          ...isLast && !vertical && {
+            borderTopRightRadius: radius,
+            borderBottomRightRadius: radius
+          },
+          ...isLast && vertical && {
+            borderBottomLeftRadius: radius,
+            borderBottomRightRadius: radius
+          }
+        }
+      };
+      const props2 = {
+        disabled,
+        ...isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }
+      };
+      return cloneElementWithPropOrder(child, props2);
+    });
+    return <GroupFrame
+      ref={ref}
+      size={size}
+      flexDirection={!vertical ? "row" : "column"}
+      borderRadius={borderRadius}
+      {...restProps}
+    >{wrapScroll(
+      activeProps,
+      spacedChildren({
+        direction: spaceDirection,
+        separator,
+        space,
+        children
+      })
+    )}</GroupFrame>;
+  });
+}
+const YGroup = createGroup(true);
+const XGroup = createGroup(false);
+const wrapScroll = ({ scrollable, vertical, showScrollIndicator = false }, children) => {
+  if (scrollable)
+    return <ScrollView
+      {...vertical && {
+        showsVerticalScrollIndicator: showScrollIndicator
+      }}
+      {...!vertical && {
+        horizontal: true,
+        showsHorizontalScrollIndicator: showScrollIndicator
+      }}
+    >{children}</ScrollView>;
+  return children;
+};
+const cloneElementWithPropOrder = (child, props) => {
+  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0];
+  return React.cloneElement({ ...child, props: null }, next);
+};
+export {
+  GroupFrame,
+  XGroup,
+  YGroup
+};
+//# sourceMappingURL=Group.mjs.map

package/dist/jsx/views/Group.mjs.map

@@ -0,0 +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['$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 ?? (size ? getVariableValue(getTokens().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"]
+}

package/dist/jsx/views/Input.mjs

@@ -0,0 +1,48 @@
+import { setupReactNative, styled } from "@tamagui/core";
+import { focusableInputHOC } from "@tamagui/focusable";
+import { TextInput } from "react-native";
+import { inputSizeVariant } from "../helpers/inputHelpers";
+setupReactNative({
+  TextInput
+});
+const InputFrame = styled(
+  TextInput,
+  {
+    name: "Input",
+    fontFamily: "$body",
+    borderWidth: 1,
+    outlineWidth: 0,
+    color: "$color",
+    focusable: true,
+    borderColor: "$borderColor",
+    backgroundColor: "$background",
+    placeholderTextColor: "$placeholderColor",
+    // this fixes a flex bug where it overflows container
+    minWidth: 0,
+    hoverStyle: {
+      borderColor: "$borderColorHover"
+    },
+    focusStyle: {
+      borderColor: "$borderColorFocus",
+      borderWidth: 2,
+      marginHorizontal: -1
+    },
+    variants: {
+      size: {
+        "...size": inputSizeVariant
+      }
+    },
+    defaultVariants: {
+      size: "$true"
+    }
+  },
+  {
+    isInput: true
+  }
+);
+const Input = focusableInputHOC(InputFrame);
+export {
+  Input,
+  InputFrame
+};
+//# sourceMappingURL=Input.mjs.map

package/dist/jsx/views/Input.mjs.map

@@ -0,0 +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: '$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;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": []
+}