tamagui 1.2.9 → 1.2.11

package/dist/esm/views/Group.mjs

@@ -0,0 +1,137 @@
+import { jsx } from "react/jsx-runtime";
+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 /* @__PURE__ */ jsx(
+      GroupFrame,
+      {
+        ref,
+        size,
+        flexDirection: !vertical ? "row" : "column",
+        borderRadius,
+        ...restProps,
+        children: wrapScroll(
+          activeProps,
+          spacedChildren({
+            direction: spaceDirection,
+            separator,
+            space,
+            children
+          })
+        )
+      }
+    );
+  });
+}
+const YGroup = createGroup(true);
+const XGroup = createGroup(false);
+const wrapScroll = ({ scrollable, vertical, showScrollIndicator = false }, children) => {
+  if (scrollable)
+    return /* @__PURE__ */ jsx(
+      ScrollView,
+      {
+        ...vertical && {
+          showsVerticalScrollIndicator: showScrollIndicator
+        },
+        ...!vertical && {
+          horizontal: true,
+          showsHorizontalScrollIndicator: showScrollIndicator
+        },
+        children
+      }
+    );
+  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/esm/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/esm/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/esm/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": []
+}

package/dist/esm/views/Layouts.mjs

@@ -0,0 +1,51 @@
+import { Stack, styled } from "@tamagui/core";
+const Section = styled(Stack, {
+  name: "Section",
+  tag: "section",
+  flexDirection: "column",
+  accessibilityRole: "summary"
+});
+const Article = styled(Stack, {
+  name: "Article",
+  tag: "article",
+  flexDirection: "column"
+});
+const Main = styled(Stack, {
+  name: "Main",
+  tag: "main",
+  flexDirection: "column"
+});
+const Header = styled(Stack, {
+  name: "Header",
+  tag: "header",
+  accessibilityRole: "header",
+  flexDirection: "column"
+});
+const Aside = styled(Stack, {
+  name: "Aside",
+  tag: "aside",
+  flexDirection: "column"
+  // accessibilityRole: 'complementary',
+});
+const Footer = styled(Stack, {
+  name: "Footer",
+  tag: "footer",
+  flexDirection: "column"
+  // accessibilityRole: 'contentinfo',
+});
+const Nav = styled(Stack, {
+  name: "Nav",
+  tag: "nav",
+  flexDirection: "column"
+  // accessibilityRole: 'navigation',
+});
+export {
+  Article,
+  Aside,
+  Footer,
+  Header,
+  Main,
+  Nav,
+  Section
+};
+//# sourceMappingURL=Layouts.mjs.map

package/dist/esm/views/Layouts.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Layouts.tsx"],
+  "sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const Section = styled(Stack, {\n  name: 'Section',\n  tag: 'section',\n  flexDirection: 'column',\n  accessibilityRole: 'summary',\n})\n\nexport const Article = styled(Stack, {\n  name: 'Article',\n  tag: 'article',\n  flexDirection: 'column',\n})\n\nexport const Main = styled(Stack, {\n  name: 'Main',\n  tag: 'main',\n  flexDirection: 'column',\n})\n\nexport const Header = styled(Stack, {\n  name: 'Header',\n  tag: 'header',\n  accessibilityRole: 'header',\n  flexDirection: 'column',\n})\n\nexport const Aside = styled(Stack, {\n  name: 'Aside',\n  tag: 'aside',\n  flexDirection: 'column',\n  // accessibilityRole: 'complementary',\n})\n\nexport const Footer = styled(Stack, {\n  name: 'Footer',\n  tag: 'footer',\n  flexDirection: 'column',\n  // accessibilityRole: 'contentinfo',\n})\n\nexport const Nav = styled(Stack, {\n  name: 'Nav',\n  tag: 'nav',\n  flexDirection: 'column',\n  // accessibilityRole: 'navigation',\n})\n"],
+  "mappings": "AAAA,SAAS,OAAO,cAAc;AAEvB,MAAM,UAAU,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC;AAEM,MAAM,UAAU,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,OAAO,OAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC;AAEM,MAAM,QAAQ,OAAO,OAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,MAAM,OAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
+  "names": []
+}

package/dist/esm/views/Skeleton.mjs

@@ -0,0 +1,39 @@
+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 { VisuallyHidden } from "./VisuallyHidden";
+const SkeletonFrame = styled(YStack, {
+  name: "Skeleton",
+  backgroundColor: "$backgroundHover",
+  overflow: "hidden",
+  position: "relative"
+});
+const Skeleton = SkeletonFrame.extractable(
+  forwardRef(({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(SkeletonFrame, { ref, ...props, children: [
+      /* @__PURE__ */ jsx(SkeletonShine, {}),
+      /* @__PURE__ */ jsx(VisuallyHidden, { preserveDimensions: true, children })
+    ] });
+  })
+);
+const SkeletonShine = (props) => {
+  return /* @__PURE__ */ jsx(
+    LinearGradient,
+    {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      width: "25%",
+      colors: ["$background", "$color"],
+      ...props
+    }
+  );
+};
+export {
+  Skeleton,
+  SkeletonFrame,
+  SkeletonShine
+};
+//# sourceMappingURL=Skeleton.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Skeleton.tsx"],
+  "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,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,qBAAC,iBAAc,KAAW,GAAG,OAC3B;AAAA,0BAAC,iBAAc;AAAA,MACf,oBAAC,kBAAe,oBAAkB,MAAE,UAAS;AAAA,OAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/esm/views/Spinner.mjs

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  themeable,
+  useTheme,
+  variableToString
+} from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { ActivityIndicator } from "react-native";
+const Spinner = YStack.extractable(
+  themeable(
+    React.forwardRef((props, ref) => {
+      const { size, color: colorProp, ...stackProps } = props;
+      const theme = useTheme();
+      let color = colorProp;
+      if (color && color[0] === "$") {
+        color = variableToString(theme[color]);
+      }
+      return /* @__PURE__ */ jsx(YStack, { ref, ...stackProps, children: /* @__PURE__ */ jsx(ActivityIndicator, { size, color }) });
+    }),
+    {
+      componentName: "Spinner"
+    }
+  )
+);
+export {
+  Spinner
+};
+//# sourceMappingURL=Spinner.mjs.map

package/dist/esm/views/Spinner.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Spinner.tsx"],
+  "sourcesContent": ["import {\n  ColorTokens,\n  TamaguiElement,\n  ThemeTokens,\n  themeable,\n  useTheme,\n  variableToString,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { ActivityIndicator } from 'react-native'\n\nexport type SpinnerProps = Omit<YStackProps, 'children'> & {\n  size?: 'small' | 'large'\n  color?: (ColorTokens | ThemeTokens | (string & {})) | null\n}\n\nexport const Spinner: React.ForwardRefExoticComponent<\n  SpinnerProps & React.RefAttributes<any>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef<TamaguiElement>((props: SpinnerProps, ref) => {\n      const { size, color: colorProp, ...stackProps } = props\n      const theme = useTheme()\n      let color = colorProp as string\n      if (color && color[0] === '$') {\n        color = variableToString(theme[color])\n      }\n      return (\n        <YStack ref={ref} {...stackProps}>\n          <ActivityIndicator size={size} color={color} />\n        </YStack>\n      )\n    }),\n    {\n      componentName: 'Spinner',\n    },\n  ),\n) as any\n"],
+  "mappings": "AA8BU;AA9BV;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAO3B,MAAM,UAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI;AAClD,YAAM,QAAQ,SAAS;AACvB,UAAI,QAAQ;AACZ,UAAI,SAAS,MAAM,CAAC,MAAM,KAAK;AAC7B,gBAAQ,iBAAiB,MAAM,KAAK,CAAC;AAAA,MACvC;AACA,aACE,oBAAC,UAAO,KAAW,GAAG,YACpB,8BAAC,qBAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/views/TamaguiProvider.mjs

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { TamaguiProvider as OGProvider, isRSC } from "@tamagui/core";
+import { PortalProvider } from "@tamagui/portal";
+const TamaguiProvider = isRSC ? OGProvider : ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(OGProvider, { ...props, children: /* @__PURE__ */ jsx(PortalProvider, { shouldAddRootHost: true, children }) });
+};
+export {
+  TamaguiProvider
+};
+//# sourceMappingURL=TamaguiProvider.mjs.map

package/dist/esm/views/TamaguiProvider.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TamaguiProvider.tsx"],
+  "sourcesContent": ["import type { TamaguiProviderProps } from '@tamagui/core'\nimport { TamaguiProvider as OGProvider, isRSC } from '@tamagui/core'\nimport { PortalProvider } from '@tamagui/portal'\n\nexport const TamaguiProvider = isRSC\n  ? OGProvider\n  : ({ children, ...props }: TamaguiProviderProps) => {\n      return (\n        <OGProvider {...props}>\n          <PortalProvider shouldAddRootHost>{children}</PortalProvider>\n        </OGProvider>\n      )\n    }\n"],
+  "mappings": "AASU;AARV,SAAS,mBAAmB,YAAY,aAAa;AACrD,SAAS,sBAAsB;AAExB,MAAM,kBAAkB,QAC3B,aACA,CAAC,EAAE,UAAU,GAAG,MAAM,MAA4B;AAChD,SACE,oBAAC,cAAY,GAAG,OACd,8BAAC,kBAAe,mBAAiB,MAAE,UAAS,GAC9C;AAEJ;",
+  "names": []
+}

package/dist/esm/views/TamaguiProvider.server.mjs

@@ -0,0 +1,6 @@
+import { TamaguiProvider as OGProvider } from "@tamagui/core";
+const TamaguiProvider = OGProvider;
+export {
+  TamaguiProvider
+};
+//# sourceMappingURL=TamaguiProvider.server.mjs.map

package/dist/esm/views/TamaguiProvider.server.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TamaguiProvider.server.tsx"],
+  "sourcesContent": ["import { TamaguiProvider as OGProvider } from '@tamagui/core'\n\nexport const TamaguiProvider = OGProvider\n"],
+  "mappings": "AAAA,SAAS,mBAAmB,kBAAkB;AAEvC,MAAM,kBAAkB;",
+  "names": []
+}

package/dist/esm/views/TextArea.mjs

@@ -0,0 +1,24 @@
+import { styled } from "@tamagui/core";
+import { focusableInputHOC } from "@tamagui/focusable";
+import { textAreaSizeVariant } from "../helpers/inputHelpers";
+import { InputFrame } from "./Input";
+const TextAreaFrame = styled(InputFrame, {
+  name: "TextArea",
+  multiline: true,
+  numberOfLines: 4,
+  height: "auto",
+  variants: {
+    size: {
+      "...size": textAreaSizeVariant
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+const TextArea = focusableInputHOC(TextAreaFrame);
+export {
+  TextArea,
+  TextAreaFrame
+};
+//# sourceMappingURL=TextArea.mjs.map

package/dist/esm/views/TextArea.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TextArea.tsx"],
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n  numberOfLines: 4,\n  height: 'auto',\n\n  variants: {\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
+  "names": []
+}

package/dist/esm/views/VisuallyHidden.mjs

@@ -0,0 +1,37 @@
+import { Stack, styled } from "@tamagui/core";
+const VisuallyHidden = styled(Stack, {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  margin: -1,
+  zIndex: -1e4,
+  overflow: "hidden",
+  opacity: 1e-8,
+  pointerEvents: "none",
+  variants: {
+    preserveDimensions: {
+      true: {
+        position: "relative",
+        width: "auto",
+        height: "auto"
+      }
+    },
+    visible: {
+      true: {
+        position: "relative",
+        width: "auto",
+        height: "auto",
+        margin: 0,
+        zIndex: 1,
+        overflow: "visible",
+        opacity: 1,
+        pointerEvents: "auto"
+      }
+    }
+  }
+});
+VisuallyHidden["isVisuallyHidden"] = true;
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=VisuallyHidden.mjs.map

package/dist/esm/views/VisuallyHidden.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/VisuallyHidden.tsx"],
+  "sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const VisuallyHidden = styled(Stack, {\n  position: 'absolute',\n  width: 1,\n  height: 1,\n  margin: -1,\n  zIndex: -10000,\n  overflow: 'hidden',\n  opacity: 0.00000001,\n  pointerEvents: 'none',\n\n  variants: {\n    preserveDimensions: {\n      true: {\n        position: 'relative',\n        width: 'auto',\n        height: 'auto',\n      },\n    } as const,\n\n    visible: {\n      true: {\n        position: 'relative',\n        width: 'auto',\n        height: 'auto',\n        margin: 0,\n        zIndex: 1,\n        overflow: 'visible',\n        opacity: 1,\n        pointerEvents: 'auto',\n      },\n    } as const,\n  },\n})\n\n// @tamgui/core checks for this in spacing\nVisuallyHidden['isVisuallyHidden'] = true\n"],
+  "mappings": "AAAA,SAAS,OAAO,cAAc;AAEvB,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,kBAAkB,IAAI;",
+  "names": []
+}

package/dist/jsx/createTamagui.mjs

@@ -0,0 +1,62 @@
+import { createTamagui as createTamaguiCore } from "@tamagui/core";
+const createTamagui = process.env.NODE_ENV !== "development" ? createTamaguiCore : (conf) => {
+  const sizeTokenKeys = [
+    "$0",
+    "$1",
+    "$2",
+    "$3",
+    "$4",
+    "$5",
+    "$6",
+    "$7",
+    "$8",
+    "$9",
+    "$10",
+    "$true"
+  ];
+  const hasKeys = (expectedKeys, obj) => {
+    return expectedKeys.every((k) => typeof obj[k] !== "undefined");
+  };
+  const tamaguiConfig = createTamaguiCore(conf);
+  for (const name of ["size", "space"]) {
+    const tokenSet = tamaguiConfig.tokensParsed[name];
+    if (!tokenSet) {
+      throw new Error(
+        `Expected tokens for "${name}" in ${Object.keys(
+          tamaguiConfig.tokensParsed
+        ).join(", ")}`
+      );
+    }
+    if (!hasKeys(sizeTokenKeys, tokenSet)) {
+      throw new Error(`
+createTamagui() missing definition for expected tokens.${name}:
+
+Received: ${Object.keys(tokenSet).join(", ")}
+
+Expected: ${sizeTokenKeys.join(", ")}
+
+`);
+    }
+  }
+  const expected = Object.keys(tamaguiConfig.tokensParsed.size);
+  for (const name of ["radius", "zIndex"]) {
+    const tokenSet = tamaguiConfig.tokensParsed[name];
+    const received = Object.keys(tokenSet);
+    const hasSomeOverlap = received.some((rk) => expected.includes(rk));
+    if (!hasSomeOverlap) {
+      throw new Error(`
+createTamagui() invalid tokens.${name}:
+
+Received: ${received.join(", ")}
+
+Expected a subset of: ${expected.join(", ")}
+
+`);
+    }
+  }
+  return tamaguiConfig;
+};
+export {
+  createTamagui
+};
+//# sourceMappingURL=createTamagui.mjs.map

package/dist/jsx/createTamagui.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createTamagui.ts"],
+  "sourcesContent": ["import { createTamagui as createTamaguiCore } from '@tamagui/core'\n\n/**\n * Adds some helpful validation at dev time only for `tamagui` specifically\n **/\n\nexport const createTamagui: typeof createTamaguiCore =\n  process.env.NODE_ENV !== 'development'\n    ? createTamaguiCore\n    : (conf) => {\n        const sizeTokenKeys = [\n          '$0',\n          '$1',\n          '$2',\n          '$3',\n          '$4',\n          '$5',\n          '$6',\n          '$7',\n          '$8',\n          '$9',\n          '$10',\n          '$true',\n        ]\n\n        const hasKeys = (expectedKeys: string[], obj: Record<any, any>) => {\n          return expectedKeys.every((k) => typeof obj[k] !== 'undefined')\n        }\n\n        const tamaguiConfig = createTamaguiCore(conf)\n\n        // size and space should be fully defined\n        for (const name of ['size', 'space'] as const) {\n          const tokenSet = tamaguiConfig.tokensParsed[name]\n          if (!tokenSet) {\n            throw new Error(\n              `Expected tokens for \"${name}\" in ${Object.keys(\n                tamaguiConfig.tokensParsed,\n              ).join(', ')}`,\n            )\n          }\n          if (!hasKeys(sizeTokenKeys, tokenSet)) {\n            throw new Error(`\ncreateTamagui() missing definition for expected tokens.${name}:\n\nReceived: ${Object.keys(tokenSet).join(', ')}\n\nExpected: ${sizeTokenKeys.join(', ')}\n\n`)\n          }\n        }\n\n        // others must define subset of size tokens\n        const expected = Object.keys(tamaguiConfig.tokensParsed.size)\n        for (const name of ['radius', 'zIndex'] as const) {\n          const tokenSet = tamaguiConfig.tokensParsed[name]\n          const received = Object.keys(tokenSet)\n          const hasSomeOverlap = received.some((rk) => expected.includes(rk))\n          if (!hasSomeOverlap) {\n            throw new Error(`\ncreateTamagui() invalid tokens.${name}:\n\nReceived: ${received.join(', ')}\n\nExpected a subset of: ${expected.join(', ')}\n\n`)\n          }\n        }\n\n        return tamaguiConfig\n      }\n"],
+  "mappings": "AAAA,SAAS,iBAAiB,yBAAyB;AAM5C,MAAM,gBACX,QAAQ,IAAI,aAAa,gBACrB,oBACA,CAAC,SAAS;AACR,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,cAAwB,QAA0B;AACjE,WAAO,aAAa,MAAM,CAAC,MAAM,OAAO,IAAI,CAAC,MAAM,WAAW;AAAA,EAChE;AAEA,QAAM,gBAAgB,kBAAkB,IAAI;AAG5C,aAAW,QAAQ,CAAC,QAAQ,OAAO,GAAY;AAC7C,UAAM,WAAW,cAAc,aAAa,IAAI;AAChD,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR,wBAAwB,YAAY,OAAO;AAAA,UACzC,cAAc;AAAA,QAChB,EAAE,KAAK,IAAI;AAAA,MACb;AAAA,IACF;AACA,QAAI,CAAC,QAAQ,eAAe,QAAQ,GAAG;AACrC,YAAM,IAAI,MAAM;AAAA,yDAC6B;AAAA;AAAA,YAE7C,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI;AAAA;AAAA,YAE/B,cAAc,KAAK,IAAI;AAAA;AAAA,CAElC;AAAA,IACS;AAAA,EACF;AAGA,QAAM,WAAW,OAAO,KAAK,cAAc,aAAa,IAAI;AAC5D,aAAW,QAAQ,CAAC,UAAU,QAAQ,GAAY;AAChD,UAAM,WAAW,cAAc,aAAa,IAAI;AAChD,UAAM,WAAW,OAAO,KAAK,QAAQ;AACrC,UAAM,iBAAiB,SAAS,KAAK,CAAC,OAAO,SAAS,SAAS,EAAE,CAAC;AAClE,QAAI,CAAC,gBAAgB;AACnB,YAAM,IAAI,MAAM;AAAA,iCACK;AAAA;AAAA,YAErB,SAAS,KAAK,IAAI;AAAA;AAAA,wBAEN,SAAS,KAAK,IAAI;AAAA;AAAA,CAEzC;AAAA,IACS;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/helpers/inputHelpers.mjs

@@ -0,0 +1,40 @@
+import { getVariableValue, isWeb } from "@tamagui/core";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { getFontSized } from "@tamagui/get-font-sized";
+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("space", val, -1, [2]);
+  const fontStyle = getFontSized(val, extras);
+  if (!isWeb && fontStyle) {
+    delete fontStyle["lineHeight"];
+  }
+  return {
+    ...fontStyle,
+    ...buttonStyles,
+    paddingHorizontal
+  };
+};
+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("space", val, -2, [2]);
+  const paddingHorizontal = stepTokenUpOrDown("space", val, -1, [2]);
+  return {
+    ...buttonStyles,
+    ...fontStyle,
+    paddingVertical,
+    paddingHorizontal,
+    height
+  };
+};
+export {
+  inputSizeVariant,
+  textAreaSizeVariant
+};
+//# sourceMappingURL=inputHelpers.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/inputHelpers.tsx"],
+  "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,YAAY;AAAA,EAC/B;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": []
+}