tamagui 1.74.2 → 1.74.4

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

@@ -0,0 +1,73 @@
+import { isWeb, styled, useTheme } from "@tamagui/core";
+import { useFocusable } from "@tamagui/focusable";
+import { TextInput } from "react-native";
+import { inputSizeVariant } from "../helpers/inputHelpers";
+import { jsx } from "react/jsx-runtime";
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  ...isWeb ? {
+    tabIndex: 0
+  } : {
+    focusable: !0
+  },
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    outlineColor: "$borderColorFocus",
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    borderColor: "$borderColorFocus"
+  }
+}, InputFrame = styled(
+  TextInput,
+  {
+    name: "Input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": inputSizeVariant
+      }
+    },
+    defaultVariants: {
+      unstyled: !1
+    }
+  },
+  {
+    isInput: !0
+  }
+), Input = InputFrame.styleable((propsIn, ref) => {
+  const props = useInputProps(propsIn, ref);
+  return /* @__PURE__ */ jsx(InputFrame, { ...props });
+});
+function useInputProps(props, ref) {
+  const theme = useTheme(), { onChangeText, ref: combinedRef } = useFocusable({
+    props,
+    ref,
+    isInput: !0
+  }), placeholderColorProp = props.placeholderTextColor, placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+  return {
+    ref: combinedRef,
+    editable: !props.disabled,
+    ...props,
+    placeholderTextColor,
+    onChangeText
+  };
+}
+export {
+  Input,
+  InputFrame,
+  defaultStyles,
+  useInputProps
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Input.tsx"],
+  "mappings": "AAAA,SAAmC,OAAO,QAAQ,gBAAgB;AAClE,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAkExB;AAhEF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,GAEa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF,GAOa,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,CAAC,MAAM;AAAA,IACjB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/views/Layouts.native.js

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

package/dist/esm/views/Layouts.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Layouts.tsx"],
+  "mappings": "AAAA,SAAS,OAAO,cAAc;AAEvB,MAAM,UAAU,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,UAAU,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,OAAO,OAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,SAAS,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,QAAQ,OAAO,OAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,SAAS,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,MAAM,OAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
+  "names": []
+}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=Skeleton.js.map

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

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

package/dist/esm/views/Spinner.native.js

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

package/dist/esm/views/Spinner.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Spinner.tsx"],
+  "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAoBxB;AAbH,MAAM,UAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI,OAC5C,QAAQ,SAAS;AACvB,UAAI,QAAQ;AACZ,aAAI,SAAS,MAAM,CAAC,MAAM,QACxB,QAAQ,iBAAiB,MAAM,KAAK,CAAC,IAGrC,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.native.js

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

package/dist/esm/views/TamaguiProvider.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TamaguiProvider.tsx"],
+  "mappings": "AACA,SAAS,mBAAmB,kBAAkB;AAC9C,SAAS,sBAAsB;AAKzB;AAHC,MAAM,kBAAkB,CAAC,EAAE,UAAU,GAAG,MAAM,MAEjD,oBAAC,cAAY,GAAG,OACd,8BAAC,kBAAe,mBAAiB,IAAE,UAAS,GAC9C;",
+  "names": []
+}

package/dist/esm/views/TamaguiProvider.server.native.js

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

package/dist/esm/views/TamaguiProvider.server.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TamaguiProvider.server.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB,kBAAkB;AAEvC,MAAM,kBAAkB;",
+  "names": []
+}

package/dist/esm/views/TextArea.native.js

@@ -0,0 +1,35 @@
+import { isWeb, styled } from "@tamagui/core";
+import { textAreaSizeVariant } from "../helpers/inputHelpers";
+import { InputFrame, defaultStyles, useInputProps } from "./Input";
+import { jsx } from "react/jsx-runtime";
+const TextAreaFrame = styled(InputFrame, {
+  name: "TextArea",
+  multiline: !0,
+  // this attribute fixes firefox newline issue
+  whiteSpace: "pre-wrap",
+  variants: {
+    unstyled: {
+      false: {
+        height: "auto",
+        ...defaultStyles
+      }
+    },
+    size: {
+      "...size": textAreaSizeVariant
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), TextArea = TextAreaFrame.styleable((propsIn, ref) => {
+  const props = useInputProps(propsIn, ref), linesProp = {
+    // web uses rows now, but native not caught up :/
+    [isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4
+  };
+  return /* @__PURE__ */ jsx(TextAreaFrame, { ...linesProp, ...props });
+});
+export {
+  TextArea,
+  TextAreaFrame
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/esm/views/TextArea.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TextArea.tsx"],
+  "mappings": "AAAA,SAAS,OAAO,cAAc;AAE9B,SAAS,2BAA2B;AACpC,SAAS,YAAwB,eAAe,qBAAqB;AAuC5D;AAjCF,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAIY,WAAW,cAAc,UAAsB,CAAC,SAAS,QAAQ;AAC5E,QAAM,QAAQ,cAAc,SAAS,GAAG,GAElC,YAAY;AAAA;AAAA,IAEhB,CAAC,QAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,EACrE;AACA,SAAO,oBAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAClD,CAAC;",
+  "names": []
+}

package/dist/esm/views/VisuallyHidden.native.js

@@ -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 = !0;
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/esm/views/VisuallyHidden.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/VisuallyHidden.tsx"],
+  "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,mBAAsB;",
+  "names": []
+}

package/dist/jsx/native.js

@@ -0,0 +1,2 @@
+export * from "./index";
+//# sourceMappingURL=native.js.map

package/dist/jsx/native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/native.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/views/Grid.js

@@ -0,0 +1,28 @@
+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) => child ? <XStack
+    key={i}
+    flex={1}
+    minWidth={itemMinWidth}
+    marginRight={gap}
+    marginBottom={gap}
+  >{child}</XStack> : null)}</XStack>;
+}
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Grid.tsx"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAeL,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MACnB,QAMH,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IAEb,MACH,EARC,UALM,IAeV,EACH,EAnBC;AAqBL;",
+  "names": []
+}

package/dist/jsx/views/Grid.native.js

@@ -0,0 +1,28 @@
+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) => child ? <XStack
+    key={i}
+    flex={1}
+    minWidth={itemMinWidth}
+    marginRight={gap}
+    marginBottom={gap}
+  >{child}</XStack> : null)}</XStack>;
+}
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/jsx/views/Grid.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Grid.tsx"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAeL,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MACnB,QAMH,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IAEb,MACH,EARC,UALM,IAeV,EACH,EAnBC;AAqBL;",
+  "names": []
+}