tamagui 1.61.2 → 1.62.0

package/dist/cjs/views/Input.js

@@ -1,21 +1,17 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Input_exports = {};
 __export(Input_exports, {
   Input: () => Input,
@@ -24,11 +20,7 @@ __export(Input_exports, {
   useInputProps: () => useInputProps
 });
 module.exports = __toCommonJS(Input_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@tamagui/core");
-var import_focusable = require("@tamagui/focusable");
-var import_react_native = require("react-native");
-var import_inputHelpers = require("../helpers/inputHelpers");
+var import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native"), import_inputHelpers = require("../helpers/inputHelpers"), import_jsx_runtime = require("react/jsx-runtime");
 (0, import_core.setupReactNative)({
   TextInput: import_react_native.TextInput
 });
@@ -41,7 +33,7 @@ const defaultStyles = {
   ...import_core.isWeb ? {
     tabIndex: 0
   } : {
-    focusable: true
+    focusable: !0
   },
   borderColor: "$borderColor",
   backgroundColor: "$background",
@@ -56,8 +48,7 @@ const defaultStyles = {
     outlineStyle: "solid",
     borderColor: "$borderColorFocus"
   }
-};
-const InputFrame = (0, import_core.styled)(
+}, InputFrame = (0, import_core.styled)(
   import_react_native.TextInput,
   {
     name: "Input",
@@ -70,27 +61,22 @@ const InputFrame = (0, import_core.styled)(
       }
     },
     defaultVariants: {
-      unstyled: false
+      unstyled: !1
     }
   },
   {
-    isInput: true
+    isInput: !0
   }
-);
-const Input = InputFrame.styleable((propsIn, ref) => {
+), Input = InputFrame.styleable((propsIn, ref) => {
   const props = useInputProps(propsIn, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {
-  var _a, _b;
-  const theme = (0, import_core.useTheme)();
-  const { onChangeText, ref: combinedRef } = (0, import_focusable.useFocusable)({
+  const theme = (0, import_core.useTheme)(), { onChangeText, ref: combinedRef } = (0, import_focusable.useFocusable)({
     props,
     ref,
-    isInput: true
-  });
-  const placeholderColorProp = props.placeholderTextColor;
-  const placeholderTextColor = ((_a = theme[placeholderColorProp]) == null ? void 0 : _a.get()) ?? placeholderColorProp ?? ((_b = theme.placeholderColor) == null ? void 0 : _b.get());
+    isInput: !0
+  }), placeholderColorProp = props.placeholderTextColor, placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
   return {
     ref: combinedRef,
     editable: !props.disabled,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFS;AAjFT,kBAOO;AACP,uBAA6B;AAC7B,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,oBACA;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;AAEO,MAAM,iBAAa;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AApF3D;AAqFE,QAAM,YAAQ,sBAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,yBACJ,WAAM,oBAA2B,MAAjC,mBAAoC,UACpC,0BACA,WAAM,qBAAN,mBAAwB;AAE1B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,CAAC,MAAM;AAAA,IACjB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAsExB;AAAA,IApET,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,oBACA;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,iBAAa;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,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,YAAQ,sBAAS,GACjB,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;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/cjs/views/Input.native.js

@@ -0,0 +1,96 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input,
+  InputFrame: () => InputFrame,
+  defaultStyles: () => defaultStyles,
+  useInputProps: () => useInputProps
+});
+module.exports = __toCommonJS(Input_exports);
+var import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native"), import_inputHelpers = require("../helpers/inputHelpers"), import_jsx_runtime = require("react/jsx-runtime");
+(0, import_core.setupReactNative)({
+  TextInput: import_react_native.TextInput
+});
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  ...import_core.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 = (0, import_core.styled)(
+  import_react_native.TextInput,
+  {
+    name: "Input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": import_inputHelpers.inputSizeVariant
+      }
+    },
+    defaultVariants: {
+      unstyled: !1
+    }
+  },
+  {
+    isInput: !0
+  }
+), Input = InputFrame.styleable((propsIn, ref) => {
+  const props = useInputProps(propsIn, ref);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, { ...props });
+});
+function useInputProps(props, ref) {
+  const theme = (0, import_core.useTheme)(), { onChangeText, ref: combinedRef } = (0, import_focusable.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
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input,
+  InputFrame,
+  defaultStyles,
+  useInputProps
+});
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Input.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAsExB;AAAA,IApET,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,oBACA;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,iBAAa;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,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,YAAQ,sBAAS,GACjB,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;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/cjs/views/Layouts.js

@@ -1,21 +1,17 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Layouts_exports = {};
 __export(Layouts_exports, {
   Article: () => Article,
@@ -33,36 +29,30 @@ const Section = (0, import_core.styled)(import_core.Stack, {
   tag: "section",
   flexDirection: "column",
   accessibilityRole: "summary"
-});
-const Article = (0, import_core.styled)(import_core.Stack, {
+}), Article = (0, import_core.styled)(import_core.Stack, {
   name: "Article",
   tag: "article",
   flexDirection: "column"
-});
-const Main = (0, import_core.styled)(import_core.Stack, {
+}), Main = (0, import_core.styled)(import_core.Stack, {
   name: "Main",
   tag: "main",
   flexDirection: "column"
-});
-const Header = (0, import_core.styled)(import_core.Stack, {
+}), Header = (0, import_core.styled)(import_core.Stack, {
   name: "Header",
   tag: "header",
   accessibilityRole: "header",
   flexDirection: "column"
-});
-const Aside = (0, import_core.styled)(import_core.Stack, {
+}), Aside = (0, import_core.styled)(import_core.Stack, {
   name: "Aside",
   tag: "aside",
   flexDirection: "column"
   // accessibilityRole: 'complementary',
-});
-const Footer = (0, import_core.styled)(import_core.Stack, {
+}), Footer = (0, import_core.styled)(import_core.Stack, {
   name: "Footer",
   tag: "footer",
   flexDirection: "column"
   // accessibilityRole: 'contentinfo',
-});
-const Nav = (0, import_core.styled)(import_core.Stack, {
+}), Nav = (0, import_core.styled)(import_core.Stack, {
   name: "Nav",
   tag: "nav",
   flexDirection: "column"

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Layouts.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC;AAEM,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,WAAO,oBAAO,mBAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC;AAEM,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,UAAM,oBAAO,mBAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,WAAO,oBAAO,mBAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,YAAQ,oBAAO,mBAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,UAAM,oBAAO,mBAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
   "names": []
 }

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

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Layouts_exports = {};
+__export(Layouts_exports, {
+  Article: () => Article,
+  Aside: () => Aside,
+  Footer: () => Footer,
+  Header: () => Header,
+  Main: () => Main,
+  Nav: () => Nav,
+  Section: () => Section
+});
+module.exports = __toCommonJS(Layouts_exports);
+var import_core = require("@tamagui/core");
+const Section = (0, import_core.styled)(import_core.Stack, {
+  name: "Section",
+  tag: "section",
+  flexDirection: "column",
+  accessibilityRole: "summary"
+}), Article = (0, import_core.styled)(import_core.Stack, {
+  name: "Article",
+  tag: "article",
+  flexDirection: "column"
+}), Main = (0, import_core.styled)(import_core.Stack, {
+  name: "Main",
+  tag: "main",
+  flexDirection: "column"
+}), Header = (0, import_core.styled)(import_core.Stack, {
+  name: "Header",
+  tag: "header",
+  accessibilityRole: "header",
+  flexDirection: "column"
+}), Aside = (0, import_core.styled)(import_core.Stack, {
+  name: "Aside",
+  tag: "aside",
+  flexDirection: "column"
+  // accessibilityRole: 'complementary',
+}), Footer = (0, import_core.styled)(import_core.Stack, {
+  name: "Footer",
+  tag: "footer",
+  flexDirection: "column"
+  // accessibilityRole: 'contentinfo',
+}), Nav = (0, import_core.styled)(import_core.Stack, {
+  name: "Nav",
+  tag: "nav",
+  flexDirection: "column"
+  // accessibilityRole: 'navigation',
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Article,
+  Aside,
+  Footer,
+  Header,
+  Main,
+  Nav,
+  Section
+});
+//# sourceMappingURL=Layouts.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Layouts.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC,GAEY,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,WAAO,oBAAO,mBAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC,GAEY,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC,GAEY,YAAQ,oBAAO,mBAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC,GAEY,UAAM,oBAAO,mBAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
+  "names": []
+}

package/dist/cjs/views/Skeleton.js

@@ -1,2 +1 @@
-"use strict";
 //# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Skeleton.js.map

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

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

package/dist/cjs/views/Spinner.js

@@ -1,20 +1,15 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -22,30 +17,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Spinner_exports = {};
 __export(Spinner_exports, {
   Spinner: () => Spinner
 });
 module.exports = __toCommonJS(Spinner_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@tamagui/core");
-var import_stacks = require("@tamagui/stacks");
-var React = __toESM(require("react"));
-var import_react_native = require("react-native");
+var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_native = require("react-native"), import_jsx_runtime = require("react/jsx-runtime");
 const Spinner = import_stacks.YStack.extractable(
   (0, import_core.themeable)(
     React.forwardRef((props, ref) => {
-      const { size, color: colorProp, ...stackProps } = props;
-      const theme = (0, import_core.useTheme)();
+      const { size, color: colorProp, ...stackProps } = props, theme = (0, import_core.useTheme)();
       let color = colorProp;
-      if (color && color[0] === "$") {
-        color = (0, import_core.variableToString)(theme[color]);
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ActivityIndicator, { size, color }) });
+      return color && color[0] === "$" && (color = (0, import_core.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ActivityIndicator, { size, color }) });
     }),
     {
       componentName: "Spinner"

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Spinner.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BU;AA9BV,kBAOO;AACP,oBAAoC;AACpC,YAAuB;AACvB,0BAAkC;AAO3B,MAAM,UAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI;AAClD,YAAM,YAAQ,sBAAS;AACvB,UAAI,QAAQ;AACZ,UAAI,SAAS,MAAM,CAAC,MAAM,KAAK;AAC7B,oBAAQ,8BAAiB,MAAM,KAAK,CAAC;AAAA,MACvC;AACA,aACE,4CAAC,wBAAO,KAAW,GAAG,YACpB,sDAAC,yCAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,gBAAoC,4BACpC,QAAuB,2BACvB,sBAAkC,yBAoBxB;AAbH,MAAM,UAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI,OAC5C,YAAQ,sBAAS;AACvB,UAAI,QAAQ;AACZ,aAAI,SAAS,MAAM,CAAC,MAAM,QACxB,YAAQ,8BAAiB,MAAM,KAAK,CAAC,IAGrC,4CAAC,wBAAO,KAAW,GAAG,YACpB,sDAAC,yCAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Spinner_exports = {};
+__export(Spinner_exports, {
+  Spinner: () => Spinner
+});
+module.exports = __toCommonJS(Spinner_exports);
+var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_native = require("react-native"), import_jsx_runtime = require("react/jsx-runtime");
+const Spinner = import_stacks.YStack.extractable(
+  (0, import_core.themeable)(
+    React.forwardRef((props, ref) => {
+      const { size, color: colorProp, ...stackProps } = props, theme = (0, import_core.useTheme)();
+      let color = colorProp;
+      return color && color[0] === "$" && (color = (0, import_core.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ActivityIndicator, { size, color }) });
+    }),
+    {
+      componentName: "Spinner"
+    }
+  )
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spinner
+});
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Spinner.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,gBAAoC,4BACpC,QAAuB,2BACvB,sBAAkC,yBAoBxB;AAbH,MAAM,UAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI,OAC5C,YAAQ,sBAAS;AACvB,UAAI,QAAQ;AACZ,aAAI,SAAS,MAAM,CAAC,MAAM,QACxB,YAAQ,8BAAiB,MAAM,KAAK,CAAC,IAGrC,4CAAC,wBAAO,KAAW,GAAG,YACpB,sDAAC,yCAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/views/TamaguiProvider.js

@@ -1,32 +1,24 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var TamaguiProvider_exports = {};
 __export(TamaguiProvider_exports, {
   TamaguiProvider: () => TamaguiProvider
 });
 module.exports = __toCommonJS(TamaguiProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@tamagui/core");
-var import_portal = require("@tamagui/portal");
-const TamaguiProvider = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TamaguiProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, { shouldAddRootHost: true, children }) });
-};
+var import_core = require("@tamagui/core"), import_portal = require("@tamagui/portal"), import_jsx_runtime = require("react/jsx-runtime");
+const TamaguiProvider = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TamaguiProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, { shouldAddRootHost: !0, children }) });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TamaguiProvider

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM;AANN,kBAA8C;AAC9C,oBAA+B;AAExB,MAAM,kBAAkB,CAAC,EAAE,UAAU,GAAG,MAAM,MAA4B;AAC/E,SACE,4CAAC,YAAAA,iBAAA,EAAY,GAAG,OACd,sDAAC,gCAAe,mBAAiB,MAAE,UAAS,GAC9C;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA8C,0BAC9C,gBAA+B,4BAKzB;AAHC,MAAM,kBAAkB,CAAC,EAAE,UAAU,GAAG,MAAM,MAEjD,4CAAC,YAAAA,iBAAA,EAAY,GAAG,OACd,sDAAC,gCAAe,mBAAiB,IAAE,UAAS,GAC9C;",
   "names": ["OGProvider"]
 }

package/dist/cjs/views/TamaguiProvider.native.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var TamaguiProvider_exports = {};
+__export(TamaguiProvider_exports, {
+  TamaguiProvider: () => TamaguiProvider
+});
+module.exports = __toCommonJS(TamaguiProvider_exports);
+var import_core = require("@tamagui/core"), import_portal = require("@tamagui/portal"), import_jsx_runtime = require("react/jsx-runtime");
+const TamaguiProvider = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TamaguiProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, { shouldAddRootHost: !0, children }) });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TamaguiProvider
+});
+//# sourceMappingURL=TamaguiProvider.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/TamaguiProvider.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA8C,0BAC9C,gBAA+B,4BAKzB;AAHC,MAAM,kBAAkB,CAAC,EAAE,UAAU,GAAG,MAAM,MAEjD,4CAAC,YAAAA,iBAAA,EAAY,GAAG,OACd,sDAAC,gCAAe,mBAAiB,IAAE,UAAS,GAC9C;",
+  "names": ["OGProvider"]
+}

package/dist/cjs/views/TamaguiProvider.server.js

@@ -1,21 +1,17 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var TamaguiProvider_server_exports = {};
 __export(TamaguiProvider_server_exports, {
   TamaguiProvider: () => TamaguiProvider

package/dist/cjs/views/TamaguiProvider.server.js.map

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