@tamagui/demos 1.89.28 → 1.89.30

package/dist/cjs/TooltipDemo.native.js

@@ -18,7 +18,41 @@ __export(TooltipDemo_exports, {
   TooltipDemo: () => TooltipDemo
 });
 module.exports = __toCommonJS(TooltipDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
 function _object_without_properties(source, excluded) {
   if (source == null)
     return {};
@@ -39,92 +73,125 @@ function _object_without_properties_loose(source, excluded) {
   return target;
 }
 function TooltipDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.TooltipGroup, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
     delay: {
       open: 3e3,
       close: 100
-    }
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    space: "$2",
-    alignSelf: "center"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "0",
-    placement: "top-end",
-    Icon: import_lucide_icons.Circle
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "1",
-    placement: "top",
-    Icon: import_lucide_icons.ChevronUp
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "2",
-    placement: "top-start",
-    Icon: import_lucide_icons.Circle
-  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "3",
-    placement: "left",
-    Icon: import_lucide_icons.ChevronLeft
-  }), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    flex: 1
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "4",
-    placement: "right",
-    Icon: import_lucide_icons.ChevronRight
-  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "5",
-    placement: "bottom-end",
-    Icon: import_lucide_icons.Circle
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "6",
-    placement: "bottom",
-    Icon: import_lucide_icons.ChevronDown
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "7",
-    placement: "bottom-start",
-    Icon: import_lucide_icons.Circle
-  }))));
+    },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      space: "$2",
+      alignSelf: "center",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          space: "$2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "0",
+              placement: "top-end",
+              Icon: import_lucide_icons.Circle
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "1",
+              placement: "top",
+              Icon: import_lucide_icons.ChevronUp
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "2",
+              placement: "top-start",
+              Icon: import_lucide_icons.Circle
+            })
+          ]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          space: "$2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "3",
+              placement: "left",
+              Icon: import_lucide_icons.ChevronLeft
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              flex: 1
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "4",
+              placement: "right",
+              Icon: import_lucide_icons.ChevronRight
+            })
+          ]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          space: "$2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "5",
+              placement: "bottom-end",
+              Icon: import_lucide_icons.Circle
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "6",
+              placement: "bottom",
+              Icon: import_lucide_icons.ChevronDown
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+              groupId: "7",
+              placement: "bottom-start",
+              Icon: import_lucide_icons.Circle
+            })
+          ]
+        })
+      ]
+    })
+  });
 }
 function Demo(_param) {
   var Icon = _param.Icon, props = _object_without_properties(_param, [
     "Icon"
   ]);
-  return /* @__PURE__ */ React.createElement(import_tamagui.Tooltip, props, /* @__PURE__ */ React.createElement(import_tamagui.Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    icon: Icon,
-    circular: !0
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Tooltip.Content, {
-    enterStyle: {
-      x: 0,
-      y: -5,
-      opacity: 0,
-      scale: 0.9
-    },
-    exitStyle: {
-      x: 0,
-      y: -5,
-      opacity: 0,
-      scale: 0.9
-    },
-    scale: 1,
-    x: 0,
-    y: 0,
-    opacity: 1,
-    animation: [
-      "quick",
-      {
-        opacity: {
-          overshootClamping: !0
-        }
-      }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, _object_spread_props(_object_spread({}, props), {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          icon: Icon,
+          circular: !0
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
+        enterStyle: {
+          x: 0,
+          y: -5,
+          opacity: 0,
+          scale: 0.9
+        },
+        exitStyle: {
+          x: 0,
+          y: -5,
+          opacity: 0,
+          scale: 0.9
+        },
+        scale: 1,
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            lineHeight: "$1",
+            children: "Hello world"
+          })
+        ]
+      })
     ]
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
-    size: "$2",
-    lineHeight: "$1"
-  }, "Hello world")));
+  }));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TooltipDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,0BAMO,kCAEP,iBAAyE;;;;;;;;;;;;;;;;;;;;AAElE,SAASA,cAAAA;AACd,SACE,sBAAA,cAACC,6BAAAA;IAAaC,OAAO;MAAEC,MAAM;MAAMC,OAAO;IAAI;KAC5C,sBAAA,cAACC,uBAAAA;IAAOC,OAAM;IAAKC,WAAU;KAC3B,sBAAA,cAACC,uBAAAA;IAAOF,OAAM;KACZ,sBAAA,cAACG,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAUC,MAAMC;MAC5C,sBAAA,cAACJ,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAMC,MAAME;MACxC,sBAAA,cAACL,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAYC,MAAMC;OAEhD,sBAAA,cAACL,uBAAAA;IAAOF,OAAM;KACZ,sBAAA,cAACG,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAOC,MAAMG;MACzC,sBAAA,cAACV,uBAAAA;IAAOW,MAAM;MACd,sBAAA,cAACP,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAQC,MAAMK;OAE5C,sBAAA,cAACT,uBAAAA;IAAOF,OAAM;KACZ,sBAAA,cAACG,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAaC,MAAMC;MAC/C,sBAAA,cAACJ,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAASC,MAAMM;MAC3C,sBAAA,cAACT,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAeC,MAAMC;;AAK3D;AAEA,SAASJ,KAAK,QAAA;MAAEG,OAAF,OAAEA,MAASO,QAAAA,2BAAX,QAAA;IAAEP;;AACd,SACE,sBAAA,cAACQ,wBAAYD,OACX,sBAAA,cAACC,uBAAQC,SAAO,MACd,sBAAA,cAACC,uBAAAA;IAAOC,MAAMX;IAAMY,UAAAA;OAEtB,sBAAA,cAACJ,uBAAQK,SAAO;IACdC,YAAY;MAAEC,GAAG;MAAGC,GAAG;MAAIC,SAAS;MAAGC,OAAO;IAAI;IAClDC,WAAW;MAAEJ,GAAG;MAAGC,GAAG;MAAIC,SAAS;MAAGC,OAAO;IAAI;IACjDA,OAAO;IACPH,GAAG;IACHC,GAAG;IACHC,SAAS;IACTG,WAAW;MACT;MACA;QACEH,SAAS;UACPI,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAACb,uBAAQc,OAAK,IAAA,GACd,sBAAA,cAACC,0BAAAA;IAAUC,MAAK;IAAKC,YAAW;KAAK,aAAA,CAAA,CAAA;AAM7C;",
-  "names": ["TooltipDemo", "TooltipGroup", "delay", "open", "close", "YStack", "space", "alignSelf", "XStack", "Demo", "groupId", "placement", "Icon", "Circle", "ChevronUp", "ChevronLeft", "flex", "ChevronRight", "ChevronDown", "props", "Tooltip", "Trigger", "Button", "icon", "circular", "Content", "enterStyle", "x", "y", "opacity", "scale", "exitStyle", "animation", "overshootClamping", "Arrow", "Paragraph", "size", "lineHeight"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAMO,kCAEP,iBAAyE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElE,SAASA,cAAAA;AACd,SACE,uCAAAC,KAACC,6BAAAA;IAAaC,OAAO;MAAEC,MAAM;MAAMC,OAAO;IAAI;cAC5C,uCAAAC,MAACC,uBAAAA;MAAOC,OAAM;MAAKC,WAAU;;QAC3B,uCAAAH,MAACI,uBAAAA;UAAOF,OAAM;;YACZ,uCAAAP,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAUC,MAAMC;;YAC5C,uCAAAd,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAMC,MAAME;;YACxC,uCAAAf,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAYC,MAAMC;;;;QAEhD,uCAAAT,MAACI,uBAAAA;UAAOF,OAAM;;YACZ,uCAAAP,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAOC,MAAMG;;YACzC,uCAAAhB,KAACM,uBAAAA;cAAOW,MAAM;;YACd,uCAAAjB,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAQC,MAAMK;;;;QAE5C,uCAAAb,MAACI,uBAAAA;UAAOF,OAAM;;YACZ,uCAAAP,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAaC,MAAMC;;YAC/C,uCAAAd,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAASC,MAAMM;;YAC3C,uCAAAnB,KAACU,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAeC,MAAMC;;;;;;;AAK3D;AAEA,SAASJ,KAAK,QAAA;MAAEG,OAAF,OAAEA,MAASO,QAAAA,2BAAX,QAAA;IAAEP;;AACd,SACE,uCAAAR,MAACgB,wBAAAA,qBAAAA,eAAAA,CAAAA,GAAYD,KAAAA,GAAAA;;MACX,uCAAApB,KAACqB,uBAAQC,SAAO;kBACd,uCAAAtB,KAACuB,uBAAAA;UAAOC,MAAMX;UAAMY,UAAQ;;;MAE9B,uCAAApB,MAACgB,uBAAQK,SAAO;QACdC,YAAY;UAAEC,GAAG;UAAGC,GAAG;UAAIC,SAAS;UAAGC,OAAO;QAAI;QAClDC,WAAW;UAAEJ,GAAG;UAAGC,GAAG;UAAIC,SAAS;UAAGC,OAAO;QAAI;QACjDA,OAAO;QACPH,GAAG;QACHC,GAAG;QACHC,SAAS;QACTG,WAAW;UACT;UACA;YACEH,SAAS;cACPI,mBAAmB;YACrB;UACF;;;UAGF,uCAAAlC,KAACqB,uBAAQc,OAAK,CAAA,CAAA;UACd,uCAAAnC,KAACoC,0BAAAA;YAAUC,MAAK;YAAKC,YAAW;sBAAK;;;;;;AAM7C;",
+  "names": ["TooltipDemo", "_jsx", "TooltipGroup", "delay", "open", "close", "_jsxs", "YStack", "space", "alignSelf", "XStack", "Demo", "groupId", "placement", "Icon", "Circle", "ChevronUp", "ChevronLeft", "flex", "ChevronRight", "ChevronDown", "props", "Tooltip", "Trigger", "Button", "icon", "circular", "Content", "enterStyle", "x", "y", "opacity", "scale", "exitStyle", "animation", "overshootClamping", "Arrow", "Paragraph", "size", "lineHeight"]
 }

package/dist/cjs/UpdateThemeDemo.native.js

@@ -26,7 +26,7 @@ __export(UpdateThemeDemo_exports, {
   UpdateThemeDemo: () => UpdateThemeDemo
 });
 module.exports = __toCommonJS(UpdateThemeDemo_exports);
-var Config = __toESM(require("@tamagui/site-config")), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), Config = __toESM(require("@tamagui/site-config")), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -85,28 +85,35 @@ function UpdateThemeDemo() {
         color: "red"
       }
     }), setTheme("custom");
-  }, []), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "center",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    gap: "$5"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
-    name: theme ?? null
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
-    borderRadius: "$8",
-    size: 100,
-    backgroundColor: "$color"
-  }))), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    onPress: function() {
-      var randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
-      (0, import_theme.updateTheme)({
-        name: "custom",
-        theme: {
-          color: randomColor
-        }
-      }), update();
-    }
-  }, "Set to random color"));
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        gap: "$5",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+          name: theme ?? null,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+            borderRadius: "$8",
+            size: 100,
+            backgroundColor: "$color"
+          })
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: function() {
+          var randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+          (0, import_theme.updateTheme)({
+            name: "custom",
+            theme: {
+              color: randomColor
+            }
+          }), update();
+        },
+        children: "Set to random color"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/UpdateThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,aAAwB,0CACxB,eAAsC,2BACtC,eAAyB,kBACzB,iBASO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMA,SAASC,OAAOC,OAAOC,OAAOC,OAC9BC,YAAYC,OAAOC,KAAKP,MAAAA;AAEvB,SAASQ,kBAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA,GACpBG,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXP,OAAO;QACLN,OAAO;MACT;IACF,CAAA,GACAO,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACO,uBAAAA;IAAOC,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACC,uBAAAA;IAAOC,KAAK;KACX,sBAAA,cAACC,sBAAAA;IAAMP,MAAMN,SAAS;KACpB,sBAAA,cAACc,uBAAAA;IAAOC,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAACC,uBAAAA;IACCC,SAAS,WAAA;AACP,UAAMC,kBAAcC,iCAClB/B,OAAOK,UAAU2B,KAAKC,MAAMD,KAAKE,OAAM,IAAK7B,UAAU8B,MAAM,CAAA,CAAE,CAAC;AAEjEC,oCAAY;QACVpB,MAAM;QACNN,OAAO;UACLN,OAAO0B;QACT;MACF,CAAA,GACAlB,OAAAA;IACF;KACD,qBAAA,CAAA;AAKP;",
-  "names": ["colors", "Config", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "useState", "theme", "setTheme", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "YStack", "alignItems", "space", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "randomColor", "getVariableValue", "Math", "floor", "random", "length", "updateTheme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,SAAwB,0CACxB,eAAsC,2BACtC,eAAyB,kBACzB,iBASO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMA,SAASC,OAAOC,OAAOC,OAAOC,OAC9BC,YAAYC,OAAOC,KAAKP,MAAAA;AAEvB,SAASQ,kBAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA,GACpBG,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXP,OAAO;QACLN,OAAO;MACT;IACF,CAAA,GACAO,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAO,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAC,KAACC,uBAAAA;QAAOC,KAAK;kBACX,uCAAAF,KAACG,sBAAAA;UAAMT,MAAMN,SAAS;oBACpB,uCAAAY,KAACI,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAP,KAACQ,uBAAAA;QACCC,SAAS,WAAA;AACP,cAAMC,kBAAcC,iCAClBjC,OAAOK,UAAU6B,KAAKC,MAAMD,KAAKE,OAAM,IAAK/B,UAAUgC,MAAM,CAAA,CAAE,CAAC;AAEjEC,wCAAY;YACVtB,MAAM;YACNN,OAAO;cACLN,OAAO4B;YACT;UACF,CAAA,GACApB,OAAAA;QACF;kBACD;;;;AAKP;",
+  "names": ["colors", "Config", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "useState", "theme", "setTheme", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "_jsxs", "YStack", "alignItems", "space", "_jsx", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "randomColor", "getVariableValue", "Math", "floor", "random", "length", "updateTheme"]
 }

package/dist/esm/AccordionDemo.native.js

@@ -1,37 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ChevronDown } from "@tamagui/lucide-icons";
 import { Accordion, Paragraph, Square } from "tamagui";
 function AccordionDemo() {
-  return /* @__PURE__ */ React.createElement(Accordion, {
+  return /* @__PURE__ */ _jsxs(Accordion, {
     overflow: "hidden",
     width: "$20",
-    type: "multiple"
-  }, /* @__PURE__ */ React.createElement(Accordion.Item, {
-    value: "a1"
-  }, /* @__PURE__ */ React.createElement(Accordion.Trigger, {
-    flexDirection: "row",
-    justifyContent: "space-between"
-  }, function(param) {
-    var open = param.open;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, "1. Take a cold shower"), /* @__PURE__ */ React.createElement(Square, {
-      animation: "quick",
-      rotate: open ? "180deg" : "0deg"
-    }, /* @__PURE__ */ React.createElement(ChevronDown, {
-      size: "$1"
-    })));
-  }), /* @__PURE__ */ React.createElement(Accordion.Content, null, /* @__PURE__ */ React.createElement(Paragraph, null, "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."))), /* @__PURE__ */ React.createElement(Accordion.Item, {
-    value: "a2"
-  }, /* @__PURE__ */ React.createElement(Accordion.Trigger, {
-    flexDirection: "row",
-    justifyContent: "space-between"
-  }, function(param) {
-    var open = param.open;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, "2. Eat 4 eggs"), /* @__PURE__ */ React.createElement(Square, {
-      animation: "quick",
-      rotate: open ? "180deg" : "0deg"
-    }, /* @__PURE__ */ React.createElement(ChevronDown, {
-      size: "$1"
-    })));
-  }), /* @__PURE__ */ React.createElement(Accordion.Content, null, /* @__PURE__ */ React.createElement(Paragraph, null, "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."))));
+    type: "multiple",
+    children: [
+      /* @__PURE__ */ _jsxs(Accordion.Item, {
+        value: "a1",
+        children: [
+          /* @__PURE__ */ _jsx(Accordion.Trigger, {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            children: function(param) {
+              var open = param.open;
+              return /* @__PURE__ */ _jsxs(_Fragment, {
+                children: [
+                  /* @__PURE__ */ _jsx(Paragraph, {
+                    children: "1. Take a cold shower"
+                  }),
+                  /* @__PURE__ */ _jsx(Square, {
+                    animation: "quick",
+                    rotate: open ? "180deg" : "0deg",
+                    children: /* @__PURE__ */ _jsx(ChevronDown, {
+                      size: "$1"
+                    })
+                  })
+                ]
+              });
+            }
+          }),
+          /* @__PURE__ */ _jsx(Accordion.Content, {
+            children: /* @__PURE__ */ _jsx(Paragraph, {
+              children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsxs(Accordion.Item, {
+        value: "a2",
+        children: [
+          /* @__PURE__ */ _jsx(Accordion.Trigger, {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            children: function(param) {
+              var open = param.open;
+              return /* @__PURE__ */ _jsxs(_Fragment, {
+                children: [
+                  /* @__PURE__ */ _jsx(Paragraph, {
+                    children: "2. Eat 4 eggs"
+                  }),
+                  /* @__PURE__ */ _jsx(Square, {
+                    animation: "quick",
+                    rotate: open ? "180deg" : "0deg",
+                    children: /* @__PURE__ */ _jsx(ChevronDown, {
+                      size: "$1"
+                    })
+                  })
+                ]
+              });
+            }
+          }),
+          /* @__PURE__ */ _jsx(Accordion.Content, {
+            children: /* @__PURE__ */ _jsx(Paragraph, {
+              children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
 export {
   AccordionDemo

package/dist/esm/AccordionDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AccordionDemo.tsx"],
-  "mappings": "AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAAA,cAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;KAC5C,sBAAA,cAACN,UAAUO,MAAI;IAACC,OAAM;KACpB,sBAAA,cAACR,UAAUS,SAAO;IAACC,eAAc;IAAMC,gBAAe;KACnD,SAAA,OAAA;QAAGC,OAAAA,MAAAA;WACF,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACX,WAAAA,MAAU,uBAAA,GACX,sBAAA,cAACC,QAAAA;MAAOW,WAAU;MAAQC,QAAQF,OAAO,WAAW;OAClD,sBAAA,cAACb,aAAAA;MAAYgB,MAAK;;MAK1B,sBAAA,cAACf,UAAUgB,SAAO,MAChB,sBAAA,cAACf,WAAAA,MAAU,4IAAA,CAAA,CAAA,GAOf,sBAAA,cAACD,UAAUO,MAAI;IAACC,OAAM;KACpB,sBAAA,cAACR,UAAUS,SAAO;IAACC,eAAc;IAAMC,gBAAe;KACnD,SAAA,OAAA;QAAGC,OAAAA,MAAAA;WACF,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACX,WAAAA,MAAU,eAAA,GACX,sBAAA,cAACC,QAAAA;MAAOW,WAAU;MAAQC,QAAQF,OAAO,WAAW;OAClD,sBAAA,cAACb,aAAAA;MAAYgB,MAAK;;MAK1B,sBAAA,cAACf,UAAUgB,SAAO,MAChB,sBAAA,cAACf,WAAAA,MAAU,yIAAA,CAAA,CAAA,CAAA;AAQrB;",
+  "mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,sBAACN,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGC,OAAAA,MAAAA;qBACF,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,SAAO;sBAChB,qBAACf,WAAAA;wBAAU;;;;;MAOf,sBAACD,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGC,OAAAA,MAAAA;qBACF,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,SAAO;sBAChB,qBAACf,WAAAA;wBAAU;;;;;;;AAQrB;",
   "names": ["ChevronDown", "Accordion", "Paragraph", "Square", "AccordionDemo", "overflow", "width", "type", "Item", "value", "Trigger", "flexDirection", "justifyContent", "open", "animation", "rotate", "size", "Content"]
 }

package/dist/esm/AddThemeDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { addTheme } from "@tamagui/theme";
 import { useState } from "react";
 import { Button, H3, Square, Theme, YStack } from "tamagui";
@@ -50,28 +51,40 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 function AddThemeDemo() {
   var _useState = _sliced_to_array(useState(), 2), theme = _useState[0], setTheme = _useState[1];
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     alignItems: "center",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(H3, null, "Theme: ", theme ?? "none"), /* @__PURE__ */ React.createElement(Theme, {
-    name: theme ?? "red"
-  }, /* @__PURE__ */ React.createElement(Square, {
-    borderRadius: "$8",
-    size: 100,
-    backgroundColor: "$color"
-  })), /* @__PURE__ */ React.createElement(Button, {
-    disabled: theme === "superblue",
-    onPress: function() {
-      addTheme({
-        name: "superblue",
-        insertCSS: !0,
-        theme: {
-          background: "#000",
-          color: "blue"
-        }
-      }), setTheme("superblue");
-    }
-  }, "Add superblue theme"));
+    space: !0,
+    children: [
+      /* @__PURE__ */ _jsxs(H3, {
+        children: [
+          "Theme: ",
+          theme ?? "none"
+        ]
+      }),
+      /* @__PURE__ */ _jsx(Theme, {
+        name: theme ?? "red",
+        children: /* @__PURE__ */ _jsx(Square, {
+          borderRadius: "$8",
+          size: 100,
+          backgroundColor: "$color"
+        })
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        disabled: theme === "superblue",
+        onPress: function() {
+          addTheme({
+            name: "superblue",
+            insertCSS: !0,
+            theme: {
+              background: "#000",
+              color: "blue"
+            }
+          }), setTheme("superblue");
+        },
+        children: "Add superblue theme"
+      })
+    ]
+  });
 }
 export {
   AddThemeDemo

package/dist/esm/AddThemeDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AddThemeDemo.tsx"],
-  "mappings": "AAAA,SAASA,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASC,eAAAA;AACd,MAA0BN,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBO,QAAmBP,UAAAA,CAAAA,GAAZQ,WAAYR,UAAAA,CAAAA;AAE1B,SACE,sBAAA,cAACK,QAAAA;IAAOI,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACR,IAAAA,MAAG,WAAQK,SAAS,MAAA,GAErB,sBAAA,cAACH,OAAAA;IAAMO,MAAMJ,SAAS;KACpB,sBAAA,cAACJ,QAAAA;IAAOS,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;OAGvD,sBAAA,cAACb,QAAAA;IACCc,UAAUR,UAAU;IACpBS,SAAS,WAAA;AACPjB,eAAS;QACPY,MAAM;QACNM,WAAW;QACXV,OAAO;UACLW,YAAY;UACZC,OAAO;QACT;MACF,CAAA,GACAX,SAAS,WAAA;IACX;KACD,qBAAA,CAAA;AAKP;",
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASC,eAAAA;AACd,MAA0BN,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBO,QAAmBP,UAAAA,CAAAA,GAAZQ,WAAYR,UAAAA,CAAAA;AAE1B,SACE,sBAACK,QAAAA;IAAOI,YAAW;IAASC,OAAK;;MAC/B,sBAACR,IAAAA;;UAAG;UAAQK,SAAS;;;MAErB,qBAACH,OAAAA;QAAMO,MAAMJ,SAAS;kBACpB,qBAACJ,QAAAA;UAAOS,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,qBAACb,QAAAA;QACCc,UAAUR,UAAU;QACpBS,SAAS,WAAA;AACPjB,mBAAS;YACPY,MAAM;YACNM,WAAW;YACXV,OAAO;cACLW,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAX,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
   "names": ["addTheme", "useState", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme", "alignItems", "space", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
 }