@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/TooltipDemo.native.js

@@ -18,53 +18,113 @@ __export(TooltipDemo_exports, {
   TooltipDemo: () => TooltipDemo
 });
 module.exports = __toCommonJS(TooltipDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
 function TooltipDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, { delay: { open: 3e3, close: 100 }, 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 })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(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
+  }))));
 }
-function Demo({ Icon, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, { ...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,
+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",
       {
-        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" })
-        ]
+        opacity: {
+          overshootClamping: !0
+        }
       }
-    )
-  ] });
+    ]
+  }, /* @__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/TooltipDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMO,kCAEP,iBAAyE,oBAMjE;AAJD,SAAS,cAAc;AAC5B,SACE,4CAAC,+BAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,uDAAC,yBAAO,OAAM,MAAK,WAAU,UAC3B;AAAA,iDAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,WAAU,MAAM,4BAAQ;AAAA,MACpD,4CAAC,QAAK,SAAQ,KAAI,WAAU,OAAM,MAAM,+BAAW;AAAA,MACnD,4CAAC,QAAK,SAAQ,KAAI,WAAU,aAAY,MAAM,4BAAQ;AAAA,OACxD;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,QAAO,MAAM,iCAAa;AAAA,MACtD,4CAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,QAAK,SAAQ,KAAI,WAAU,SAAQ,MAAM,kCAAc;AAAA,OAC1D;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,QAAK,SAAQ,KAAI,WAAU,cAAa,MAAM,4BAAQ;AAAA,MACvD,4CAAC,QAAK,SAAQ,KAAI,WAAU,UAAS,MAAM,iCAAa;AAAA,MACxD,4CAAC,QAAK,SAAQ,KAAI,WAAU,gBAAe,MAAM,4BAAQ;AAAA,OAC3D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAkC;AAC/D,SACE,6CAAC,0BAAS,GAAG,OACX;AAAA,gDAAC,uBAAQ,SAAR,EACC,sDAAC,yBAAO,MAAM,MAAM,UAAQ,IAAC,GAC/B;AAAA,IACA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,4BAAU,MAAK,MAAK,YAAW,MAAK,yBAErC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "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"]
 }

package/dist/cjs/UpdateThemeDemo.native.js

@@ -26,11 +26,58 @@ __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"), import_jsx_runtime = require("react/jsx-runtime");
-const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
+var 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++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+var colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {
-  const [theme, setTheme] = (0, import_react.useState)(), update = (0, import_tamagui.useForceUpdate)();
-  return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+  var _useState = _sliced_to_array((0, import_react.useState)(), 2), theme = _useState[0], setTheme = _useState[1], update = (0, import_tamagui.useForceUpdate)();
+  return (0, import_tamagui.useIsomorphicLayoutEffect)(function() {
     (0, import_theme.addTheme)({
       name: "custom",
       insertCSS: !0,
@@ -38,26 +85,28 @@ function UpdateThemeDemo() {
         color: "red"
       }
     }), setTheme("custom");
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", 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: () => {
-          const 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"
-      }
-    )
-  ] });
+  }, []), /* @__PURE__ */ React.createElement(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"));
 }
 // 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/UpdateThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAwB,0CACxB,eAAsC,2BACtC,eAAyB,kBACzB,iBASO,oBAqBH;AAnBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc,GAClC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": []
+  "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"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,mCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,yBAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,2BApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,yBAtBd;AAuBA,wBAAc,wBAvBd;AAwBA,wBAAc,iCAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,8BA1Bd;AA2BA,wBAAc,0BA3Bd;AA4BA,wBAAc,2BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,+BA9Bd;AA+BA,wBAAc,6BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,4BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,wBAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,0BArCd;AAsCA,wBAAc,yBAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,+BA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,wBA9Cd;AA+CA,wBAAc,iCA/Cd;AAgDA,wBAAc,8BAhDd;AAiDA,wBAAc,yBAjDd;AAkDA,wBAAc,0BAlDd;AAmDA,wBAAc,8BAnDd;AAoDA,wBAAc,gCApDd;",
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/index.tsx"],
+  "mappings": ";;;;;;;;;;;;AAAA;;wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,mCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,yBAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,2BApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,yBAtBd;AAuBA,wBAAc,wBAvBd;AAwBA,wBAAc,iCAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,8BA1Bd;AA2BA,wBAAc,0BA3Bd;AA4BA,wBAAc,2BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,+BA9Bd;AA+BA,wBAAc,6BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,4BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,wBAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,0BArCd;AAsCA,wBAAc,yBAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,+BA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,wBA9Cd;AA+CA,wBAAc,iCA/Cd;AAgDA,wBAAc,8BAhDd;AAiDA,wBAAc,yBAjDd;AAkDA,wBAAc,0BAlDd;AAmDA,wBAAc,8BAnDd;AAoDA,wBAAc,gCApDd;",
   "names": []
 }

package/dist/cjs/tamagui.config.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/tamagui.config.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAuB,iCAEvBA,sBAAuB,iCAChB,yBAAQ;",
-  "names": ["import_site_config"]
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/tamagui.config.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;yBAAuB,iCAEvBA,sBAAuB,iCACvB,yBAAeC;",
+  "names": ["import_site_config", "config"]
 }

package/dist/cjs/useOnIntersecting.native.js

@@ -20,47 +20,150 @@ __export(useOnIntersecting_exports, {
 });
 module.exports = __toCommonJS(useOnIntersecting_exports);
 var import_react = require("react"), import_tamagui = require("tamagui");
-function useIsIntersecting(refs, { once, ...opts } = {}) {
-  const [values, setValues] = (0, import_react.useState)([]);
-  return import_tamagui.isWeb && useOnIntersecting(
-    refs,
-    (entries) => {
-      const intersecting = entries.some((x) => x == null ? void 0 : x.isIntersecting);
-      once && !intersecting || setValues((prev) => {
-        const next = entries.map((e) => (e == null ? void 0 : e.isIntersecting) ?? !1);
-        return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
+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++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _array_without_holes(arr) {
+  if (Array.isArray(arr))
+    return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+  if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+function useIsIntersecting(refs) {
+  var _param = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, once = _param.once, opts = _object_without_properties(_param, [
+    "once"
+  ]), _useState = _sliced_to_array((0, import_react.useState)([]), 2), values = _useState[0], setValues = _useState[1];
+  return import_tamagui.isWeb && useOnIntersecting(refs, function(entries) {
+    var intersecting = entries.some(function(x) {
+      return x == null ? void 0 : x.isIntersecting;
+    });
+    once && !intersecting || setValues(function(prev) {
+      var next = entries.map(function(e) {
+        var _e_isIntersecting;
+        return (_e_isIntersecting = e == null ? void 0 : e.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
       });
-    },
-    opts
-  ), Array.isArray(refs) ? values : values[0];
+      return prev.length === next.length && prev.every(function(e, i) {
+        return e === next[i];
+      }) ? prev : next;
+    });
+  }, opts), Array.isArray(refs) ? values : values[0];
 }
-function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
-  const onIntersectEvent = (0, import_tamagui.useEvent)(incomingCbRaw);
-  (0, import_react.useEffect)(() => {
-    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
-    if (!refs.length)
-      return;
-    let dispose = null, currentEntries = [];
-    const options = {
-      threshold,
-      root,
-      rootMargin
-    }, io = new IntersectionObserver((entries) => {
-      currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose == null || dispose(), dispose = onIntersectEvent(currentEntries) || null;
-    }, options);
-    for (const ref of refs)
-      ref.current && io.observe(ref.current);
-    return () => {
-      dispose == null || dispose(), io.disconnect();
-    };
+function useOnIntersecting(refsIn, incomingCbRaw) {
+  var _ref = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, _ref_threshold = _ref.threshold, threshold = _ref_threshold === void 0 ? 0 : _ref_threshold, root = _ref.root, rootMargin = _ref.rootMargin, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [], onIntersectEvent = (0, import_tamagui.useEvent)(incomingCbRaw);
+  (0, import_react.useEffect)(function() {
+    var refs = Array.isArray(refsIn) ? refsIn : [
+      refsIn
+    ];
+    if (refs.length) {
+      var dispose = null, currentEntries = [], options = {
+        threshold,
+        root,
+        rootMargin
+      }, io = new IntersectionObserver(function(entries) {
+        currentEntries = refs.map(function(ref2, index) {
+          var _entries_find, _ref2;
+          return (_ref2 = (_entries_find = entries.find(function(x) {
+            return x.target === ref2.current;
+          })) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref2 !== void 0 ? _ref2 : null;
+        }), dispose == null || dispose(), dispose = onIntersectEvent(currentEntries) || null;
+      }, options), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      try {
+        for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+          var ref = _step.value;
+          ref.current && io.observe(ref.current);
+        }
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return function() {
+        dispose == null || dispose(), io.disconnect();
+      };
+    }
   }, [
     onIntersectEvent,
     refsIn,
     root,
     rootMargin,
-    threshold,
-    ...mountArgs
-  ]);
+    threshold
+  ].concat(_to_consumable_array(mountArgs)));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/useOnIntersecting.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC,kBACpC,iBAAgC;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAoB,CAAC,CAAC;AAElD,SAAI,wBACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,uBAAmB,yBAAS,aAAa;AAE/C,8BAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,8BACA,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,oCACA,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/useOnIntersecting.tsx"],
+  "mappings": "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",
+  "names": ["useIsIntersecting", "refs", "once", "opts", "useState", "values", "setValues", "isWeb", "useOnIntersecting", "entries", "intersecting", "some", "x", "isIntersecting", "prev", "next", "map", "e", "length", "every", "i", "Array", "isArray", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "useEvent", "useEffect", "dispose", "currentEntries", "options", "io", "IntersectionObserver", "ref", "index", "find", "target", "current", "observe", "disconnect"]
 }

package/dist/esm/AccordionDemo.native.js

@@ -1,23 +1,37 @@
 import { ChevronDown } from "@tamagui/lucide-icons";
 import { Accordion, Paragraph, Square } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function AccordionDemo() {
-  return /* @__PURE__ */ jsxs(Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
-    /* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
-      /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__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: ({ open }) => /* @__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." }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(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."))));
 }
 export {
   AccordionDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AccordionDemo.tsx"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAQjC,mBACE,KADF;AANL,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,mCAAqB;AAAA,QAChC,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,2BAAa;AAAA,QACxB,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "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;",
+  "names": ["ChevronDown", "Accordion", "Paragraph", "Square", "AccordionDemo", "overflow", "width", "type", "Item", "value", "Trigger", "flexDirection", "justifyContent", "open", "animation", "rotate", "size", "Content"]
 }