@tamagui/demos 1.61.3 → 1.62.1

package/dist/cjs/TabsDemo.native.js

@@ -0,0 +1,141 @@
+"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 TabsDemo_exports = {};
+__export(TabsDemo_exports, {
+  TabsDemo: () => TabsDemo
+});
+module.exports = __toCommonJS(TabsDemo_exports);
+var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = (
+  // web only fix for position relative
+  require("react/jsx-runtime")
+);
+const demos = ["horizontal", "vertical"], demosTitle = {
+  horizontal: "Horizontal",
+  vertical: "Vertical"
+};
+function TabsDemo() {
+  const [demoIndex, setDemoIndex] = (0, import_react.useState)(0), demo = demos[demoIndex];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.YStack,
+    {
+      paddingHorizontal: "$4",
+      ...import_tamagui.isWeb && {
+        position: "unset"
+      },
+      children: [
+        demo === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.XStack,
+          {
+            alignItems: "center",
+            space: !0,
+            position: "absolute",
+            bottom: "$3",
+            left: "$4",
+            $xxs: { display: "none" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
+          }
+        )
+      ]
+    }
+  );
+}
+const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  import_tamagui.Tabs,
+  {
+    defaultValue: "tab1",
+    orientation: "horizontal",
+    flexDirection: "column",
+    width: 400,
+    height: 150,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Tabs.List,
+        {
+          separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
+          disablePassBorderRadius: "bottom",
+          "aria-label": "Manage your account",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Notifications" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Profile" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Connections" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Notifications" }) })
+    ]
+  }
+), VerticalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  import_tamagui.Tabs,
+  {
+    defaultValue: "tab1",
+    flexDirection: "row",
+    orientation: "vertical",
+    width: 400,
+    borderRadius: "$4",
+    borderWidth: "$0.25",
+    overflow: "hidden",
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Tabs.List,
+        {
+          disablePassBorderRadius: "end",
+          "aria-label": "Manage your account",
+          separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Profile" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Connections" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Notifications" }) })
+    ]
+  }
+), TabsContent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_tamagui.Tabs.Content,
+  {
+    backgroundColor: "$background",
+    padding: "$2",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1,
+    borderColor: "$background",
+    borderRadius: "$2",
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderWidth: "$2",
+    ...props,
+    children: props.children
+  },
+  "tab3"
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabsDemo
+});
+//# sourceMappingURL=TabsDemo.js.map

package/dist/cjs/TabsDemo.native.js.map

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

package/dist/cjs/TextDemo.js

@@ -1,32 +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: 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 TextDemo_exports = {};
 __export(TextDemo_exports, {
   TextDemo: () => TextDemo
 });
 module.exports = __toCommonJS(TextDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function TextDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignItems: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
     ] }),

package/dist/cjs/TextDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TextDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA6D;AAEtD,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,6CAAC,yBAAO,OAAK,MACX;AAAA,kDAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,4CAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA6D,oBAKvD;AAHC,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,6CAAC,yBAAO,OAAK,IACX;AAAA,kDAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,4CAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/TextDemo.native.js

@@ -0,0 +1,36 @@
+"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 TextDemo_exports = {};
+__export(TextDemo_exports, {
+  TextDemo: () => TextDemo
+});
+module.exports = __toCommonJS(TextDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function TextDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextDemo
+});
+//# sourceMappingURL=TextDemo.js.map

package/dist/cjs/TextDemo.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA6D,oBAKvD;AAHC,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,6CAAC,yBAAO,OAAK,IACX;AAAA,kDAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,4CAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/ThemeBuilderDemo.js

@@ -1,30 +1,25 @@
-"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 ThemeBuilderDemo_exports = {};
 __export(ThemeBuilderDemo_exports, {
   ThemeBuilderDemo: () => ThemeBuilderDemo
 });
 module.exports = __toCommonJS(ThemeBuilderDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ThemeBuilderDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),

package/dist/cjs/ThemeBuilderDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeBuilderDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA4E;AAErE,SAAS,mBAAmB;AACjC,SACE,4CAAC,yBAAO,YAAU,MAAC,IAAG,UACpB,uDAAC,yBAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,gDAAC,OAAI,GAAG,IAAI,IAAG,WAAU;AAAA,IACzB,4CAAC,OAAI,MAAK,MAAK,GAAG,IAAI,IAAG,WAAU;AAAA,IACnC,4CAAC,OAAI,MAAK,MAAK,GAAG,KAAK,IAAG,WAAU;AAAA,IACpC,4CAAC,OAAI,MAAK,MAAK,IAAG,WAAU;AAAA,IAC5B,4CAAC,OAAI,MAAK,MAAK,IAAG,WAAU;AAAA,IAC5B,4CAAC,OAAI,MAAK,MAAK,GAAG,IAAI,IAAG,WAAU;AAAA,IACnC,4CAAC,OAAI,MAAK,MAAK,GAAG,IAAI,IAAG,WAAU;AAAA,IACnC,4CAAC,OAAI,MAAK,MAAK,IAAG,WAAU;AAAA,IAC5B,4CAAC,OAAI,IAAG,WAAU;AAAA,IAClB,4CAAC,OAAI,MAAK,MAAK,IAAG,WAAU;AAAA,IAC5B,4CAAC,OAAI,MAAK,MAAK,GAAG,IAAI,IAAG,WAAU;AAAA,IACnC,4CAAC,OAAI,MAAK,MAAK,GAAG,IAAI,IAAG,WAAU;AAAA,IACnC,4CAAC,OAAI,MAAK,MAAK,IAAG,WAAU;AAAA,IAC5B,4CAAC,OAAI,MAAK,MAAK,IAAG,WAAU;AAAA,IAC5B,4CAAC,OAAI,MAAK,MAAK,GAAG,KAAK,IAAG,WAAU;AAAA,IACpC,4CAAC,OAAI,MAAK,MAAK,GAAG,IAAI,IAAG,WAAU;AAAA,IACnC,4CAAC,OAAI,GAAG,IAAI,IAAG,WAAU;AAAA,KAC3B,GACF;AAEJ;AAEA,SAAS,IACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,6CAAC,yBAAO,SAAQ,QAAO,OAAM,QAC3B;AAAA,gDAAC,yBAAO,IAAG,MAAK,MAAK,OAAM,OAAO,MAAM,UAAU,IAAG,eAAe,GAAG,OAAO;AAAA,IAC9E;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,WAAW;AAAA,QACnB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,WAAW;AAAA,QACnB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,UAAU;AAAA,QAClB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,SAAS;AAAA,QACjB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,WAAW;AAAA,QACnB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,SAAS;AAAA,QACjB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,QAAQ;AAAA,QAChB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA,4CAAC,yBAAO,IAAG,MAAK,MAAK,OAAM,OAAO,MAAM,UAAU,IAAG,eAAe,GAAG,OAAO;AAAA,IAC9E;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,WAAW;AAAA,QACnB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,WAAW;AAAA,QACnB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAQ,UAAU;AAAA,QAClB,IAAG;AAAA,QACF,GAAG;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/ThemeBuilderDemo.native.js

@@ -0,0 +1,154 @@
+"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 ThemeBuilderDemo_exports = {};
+__export(ThemeBuilderDemo_exports, {
+  ThemeBuilderDemo: () => ThemeBuilderDemo
+});
+module.exports = __toCommonJS(ThemeBuilderDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function ThemeBuilderDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bc: "$color9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" })
+  ] }) });
+}
+function Col(props) {
+  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2.5", space: "$3.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "blue" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "purple" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "pink" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "red" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.Square,
+      {
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background",
+        ...props
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeBuilderDemo
+});
+//# sourceMappingURL=ThemeBuilderDemo.js.map

package/dist/cjs/ThemeBuilderDemo.native.js.map

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

package/dist/cjs/ThemeInverseDemo.js

@@ -1,34 +1,28 @@
-"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 ThemeInverseDemo_exports = {};
 __export(ThemeInverseDemo_exports, {
   ThemeInverseDemo: () => ThemeInverseDemo
 });
 module.exports = __toCommonJS(ThemeInverseDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ThemeInverseDemo() {
-  const themeName = (0, import_tamagui.useThemeName)();
-  const opposite = themeName.includes("dark") ? "light" : "dark";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
+  const themeName = (0, import_tamagui.useThemeName)(), opposite = themeName.includes("dark") ? "light" : "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { title: "Normal", name: themeName }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Buttons,
       {
         title: "Inversed",
@@ -49,7 +43,7 @@ function Buttons(props) {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: props.title }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: props.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, children: "inversed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: !0, children: "inversed" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { theme: "alt1", children: [
           props.name,
           "_alt1"

package/dist/cjs/ThemeInverseDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOI;AAPJ,qBAAgE;AAEzD,SAAS,mBAAmB;AACjC,QAAM,gBAAY,6BAAa;AAC/B,QAAM,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,6CAAC,yBAAO,OAAK,MACX;AAAA,gDAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,4CAAC,wBAAM,SAAO,MACZ;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA;AAAA,IAC3D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,OAAM;AAAA,MAEN;AAAA,oDAAC,qBAAI,gBAAM,OAAM;AAAA,QACjB,4CAAC,yBAAQ,gBAAM,MAAK;AAAA,QACpB,4CAAC,yBAAO,cAAY,MAAC,sBAAQ;AAAA,QAC7B,6CAAC,yBAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,4CAAC,wBAAM,MAAK,UACV,sDAAC,yBAAQ,gBAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,WAAU,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgE,oBAO5D;AALG,SAAS,mBAAmB;AACjC,QAAM,gBAAY,6BAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,4CAAC,wBAAM,SAAO,IACZ;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA;AAAA,IAC3D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,OAAM;AAAA,MAEN;AAAA,oDAAC,qBAAI,gBAAM,OAAM;AAAA,QACjB,4CAAC,yBAAQ,gBAAM,MAAK;AAAA,QACpB,4CAAC,yBAAO,cAAY,IAAC,sBAAQ;AAAA,QAC7B,6CAAC,yBAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,4CAAC,wBAAM,MAAK,UACV,sDAAC,yBAAQ,gBAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,WAAU,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ThemeInverseDemo.native.js

@@ -0,0 +1,61 @@
+"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 ThemeInverseDemo_exports = {};
+__export(ThemeInverseDemo_exports, {
+  ThemeInverseDemo: () => ThemeInverseDemo
+});
+module.exports = __toCommonJS(ThemeInverseDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+function ThemeInverseDemo() {
+  const themeName = (0, import_tamagui.useThemeName)(), opposite = themeName.includes("dark") ? "light" : "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, { title: "Normal", name: themeName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Buttons,
+      {
+        title: "Inversed",
+        name: themeName.replace(themeName.split("_")[0], opposite)
+      }
+    ) })
+  ] });
+}
+function Buttons(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.YStack,
+    {
+      elevation: "$4",
+      backgroundColor: "$background",
+      padding: "$4",
+      borderRadius: "$4",
+      space: "$3",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: props.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: props.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: !0, children: "inversed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { theme: "alt1", children: [
+          props.name,
+          "_alt1"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "yellow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: props.name.split("_")[0] + "_yellow" }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeInverseDemo
+});
+//# sourceMappingURL=ThemeInverseDemo.js.map

package/dist/cjs/ThemeInverseDemo.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ThemeInverseDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgE,oBAO5D;AALG,SAAS,mBAAmB;AACjC,QAAM,gBAAY,6BAAa,GACzB,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,WAAQ,OAAM,UAAS,MAAM,WAAW;AAAA,IACzC,4CAAC,wBAAM,SAAO,IACZ;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA;AAAA,IAC3D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MACb,OAAM;AAAA,MAEN;AAAA,oDAAC,qBAAI,gBAAM,OAAM;AAAA,QACjB,4CAAC,yBAAQ,gBAAM,MAAK;AAAA,QACpB,4CAAC,yBAAO,cAAY,IAAC,sBAAQ;AAAA,QAC7B,6CAAC,yBAAO,OAAM,QAAQ;AAAA,gBAAM;AAAA,UAAK;AAAA,WAAK;AAAA,QACtC,4CAAC,wBAAM,MAAK,UACV,sDAAC,yBAAQ,gBAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,WAAU,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}