@tamagui/demos 1.89.26 → 1.89.27-1708113113238

package/dist/jsx/ToastDuplicateDemo.native.js

@@ -2,41 +2,101 @@ import { CheckCircle2 } from "@tamagui/lucide-icons";
 import { Toast } from "@tamagui/toast";
 import React from "react";
 import { Button, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = React.useState(0);
-  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onPress: () => {
-          setSavedCount((old) => old + 1);
-        },
-        children: "Show toast"
+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;
       }
-    ),
-    [...Array(savedCount)].map((_, index) => /* @__PURE__ */ jsx(
-      Toast,
-      {
-        viewportName: "viewport-multiple",
-        duration: 4e3,
-        enterStyle: { opacity: 0, scale: 0.5, y: -25 },
-        exitStyle: { opacity: 0, scale: 1, y: -20 },
-        y: 0,
-        opacity: 1,
+    }
+    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 _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);
+  }
+}
+var ToastDuplicateDemo = function() {
+  var _React_useState = _sliced_to_array(React.useState(0), 2), savedCount = _React_useState[0], setSavedCount = _React_useState[1];
+  return /* @__PURE__ */ React.createElement(YStack, {
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onPress: function() {
+      setSavedCount(function(old) {
+        return old + 1;
+      });
+    }
+  }, "Show toast"), _to_consumable_array(Array(savedCount)).map(function(_, index) {
+    return /* @__PURE__ */ React.createElement(Toast, {
+      viewportName: "viewport-multiple",
+      key: index,
+      duration: 4e3,
+      enterStyle: {
+        opacity: 0,
+        scale: 0.5,
+        y: -25
+      },
+      exitStyle: {
+        opacity: 0,
         scale: 1,
-        animation: "100ms",
-        children: /* @__PURE__ */ jsxs(XStack, { space: !0, alignItems: "center", children: [
-          /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(CheckCircle2, {}) }),
-          /* @__PURE__ */ jsxs(YStack, { children: [
-            /* @__PURE__ */ jsx(Toast.Title, { children: "Successfully saved!" }),
-            /* @__PURE__ */ jsx(Toast.Description, { children: "Don't worry... We've got your data." })
-          ] })
-        ] })
+        y: -20
       },
-      index
-    ))
-  ] });
+      y: 0,
+      opacity: 1,
+      scale: 1,
+      animation: "100ms"
+    }, /* @__PURE__ */ React.createElement(XStack, {
+      space: !0,
+      alignItems: "center"
+    }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(CheckCircle2, null)), /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Toast.Title, null, "Successfully saved!"), /* @__PURE__ */ React.createElement(Toast.Description, null, "Don't worry... We've got your data."))));
+  }));
 };
 export {
   ToastDuplicateDemo

package/dist/jsx/ToastDuplicateDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ToastDuplicateDemo.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,OAAO,WAAW;AAClB,SAAS,QAAQ,QAAQ,cAAc;AAUjC,cAwBM,YAxBN;AALC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,qBAAC,UAAO,YAAW,UACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,wBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,QAChC;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACC,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QAEb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,QAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,QAC1C,GAAG;AAAA,QACH,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,+BAAC,UAAO,OAAK,IAAC,YAAW,UACvB;AAAA,8BAAC,UACC,8BAAC,gBAAa,GAChB;AAAA,UAEA,qBAAC,UACC;AAAA,gCAAC,MAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,oBAAC,MAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDuplicateDemo.tsx"],
+  "mappings": "AAAA,SAASA,oBAAoB;AAC7B,SAASC,aAAa;AACtB,OAAOC,WAAW;AAClB,SAASC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKhC,IAAMC,qBAAqB,WAAA;AAChC,MAAoCJ,kBAAAA,iBAAAA,MAAMK,SAAS,CAAA,GAAA,CAAA,GAA5CC,aAA6BN,gBAAAA,CAAAA,GAAjBO,gBAAiBP,gBAAAA,CAAAA;AAEpC,SACE,sBAAA,cAACG,QAAAA;IAAOK,YAAW;KACjB,sBAAA,cAACP,QAAAA;IACCQ,SAAS,WAAA;AACPF,oBAAc,SAACG,KAAAA;eAAQA,MAAM;;IAC/B;KACD,YAAA,GAGC,qBAAGC,MAAML,UAAAA,CAAAA,EAAaM,IAAI,SAACC,GAAGC,OAAAA;WAC9B,sBAAA,cAACf,OAAAA;MACCgB,cAAa;MACbC,KAAKF;MACLG,UAAU;MACVC,YAAY;QAAEC,SAAS;QAAGC,OAAO;QAAKC,GAAG;MAAI;MAC7CC,WAAW;QAAEH,SAAS;QAAGC,OAAO;QAAGC,GAAG;MAAI;MAC1CA,GAAG;MACHF,SAAS;MACTC,OAAO;MACPG,WAAU;OAEV,sBAAA,cAACrB,QAAAA;MAAOsB,OAAAA;MAAMhB,YAAW;OACvB,sBAAA,cAACL,QAAAA,MACC,sBAAA,cAACL,cAAAA,IAAAA,CAAAA,GAGH,sBAAA,cAACK,QAAAA,MACC,sBAAA,cAACJ,MAAM0B,OAAK,MAAC,qBAAA,GACb,sBAAA,cAAC1B,MAAM2B,aAAW,MAAC,qCAAA,CAAA,CAAA,CAAA;;AAOjC;",
+  "names": ["CheckCircle2", "Toast", "React", "Button", "XStack", "YStack", "ToastDuplicateDemo", "useState", "savedCount", "setSavedCount", "alignItems", "onPress", "old", "Array", "map", "_", "index", "viewportName", "key", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "space", "Title", "Description"]
 }

package/dist/jsx/ToggleGroupDemo.native.js

@@ -1,47 +1,63 @@
 import { AlignCenter, AlignLeft, AlignRight } from "@tamagui/lucide-icons";
 import { Label, ToggleGroup, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function ToggleGroupDemo() {
-  return /* @__PURE__ */ jsx(YStack, { paddingHorizontal: "$4", children: /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$10", children: [
-    /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: "$6", children: [
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "single", size: "$3", orientation: "horizontal" }),
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$6", children: [
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "single", size: "$3", orientation: "vertical" }),
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "vertical" })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    paddingHorizontal: "$4"
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    space: "$10"
+  }, /* @__PURE__ */ React.createElement(YStack, {
+    alignItems: "center",
+    space: "$6"
+  }, /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
+    type: "single",
+    size: "$3",
+    orientation: "horizontal"
+  }), /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
+    type: "multiple",
+    size: "$4",
+    orientation: "horizontal"
+  })), /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    space: "$6"
+  }, /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
+    type: "single",
+    size: "$3",
+    orientation: "vertical"
+  }), /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
+    type: "multiple",
+    size: "$4",
+    orientation: "vertical"
+  }))));
 }
 function ToggleGroupComponent(props) {
-  const id = `switch-${props.size.toString().slice(1)}-${props.type}`;
-  return /* @__PURE__ */ jsxs(
-    XStack,
-    {
-      flexDirection: props.orientation === "horizontal" ? "row" : "column",
-      alignItems: "center",
-      justifyContent: "center",
-      space: "$4",
-      children: [
-        /* @__PURE__ */ jsx(Label, { paddingRight: "$0", justifyContent: "flex-end", size: props.size, htmlFor: id, children: props.type === "single" ? "Single" : "Multiple" }),
-        /* @__PURE__ */ jsxs(
-          ToggleGroup,
-          {
-            orientation: props.orientation,
-            id,
-            type: props.type,
-            size: props.size,
-            disableDeactivation: props.type === "single" ? !0 : void 0,
-            children: [
-              /* @__PURE__ */ jsx(ToggleGroup.Item, { value: "left", "aria-label": "Left aligned", children: /* @__PURE__ */ jsx(AlignLeft, {}) }),
-              /* @__PURE__ */ jsx(ToggleGroup.Item, { value: "center", "aria-label": "Center aligned", children: /* @__PURE__ */ jsx(AlignCenter, {}) }),
-              /* @__PURE__ */ jsx(ToggleGroup.Item, { value: "right", "aria-label": "Right aligned", children: /* @__PURE__ */ jsx(AlignRight, {}) })
-            ]
-          }
-        )
-      ]
-    }
-  );
+  var id = "switch-".concat(props.size.toString().slice(1), "-").concat(props.type);
+  return /* @__PURE__ */ React.createElement(XStack, {
+    flexDirection: props.orientation === "horizontal" ? "row" : "column",
+    alignItems: "center",
+    justifyContent: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    paddingRight: "$0",
+    justifyContent: "flex-end",
+    size: props.size,
+    htmlFor: id
+  }, props.type === "single" ? "Single" : "Multiple"), /* @__PURE__ */ React.createElement(ToggleGroup, {
+    orientation: props.orientation,
+    id,
+    type: props.type,
+    size: props.size,
+    disableDeactivation: props.type === "single" ? !0 : void 0
+  }, /* @__PURE__ */ React.createElement(ToggleGroup.Item, {
+    value: "left",
+    "aria-label": "Left aligned"
+  }, /* @__PURE__ */ React.createElement(AlignLeft, null)), /* @__PURE__ */ React.createElement(ToggleGroup.Item, {
+    value: "center",
+    "aria-label": "Center aligned"
+  }, /* @__PURE__ */ React.createElement(AlignCenter, null)), /* @__PURE__ */ React.createElement(ToggleGroup.Item, {
+    value: "right",
+    "aria-label": "Right aligned"
+  }, /* @__PURE__ */ React.createElement(AlignRight, null))));
 }
 export {
   ToggleGroupDemo

package/dist/jsx/ToggleGroupDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ToggleGroupDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,kBAAkB;AAEnD,SAAS,OAAO,aAAa,QAAQ,cAAc;AAM3C,SACE,KADF;AAJD,SAAS,kBAAkB;AAChC,SACE,oBAAC,UAAO,mBAAkB,MACxB,+BAAC,UAAO,YAAW,UAAS,OAAM,OAChC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,oBAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,oBAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,IAAI;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,4BAAC,SAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,KAAO;AAAA,YAEtD;AAAA,kCAAC,YAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,8BAAC,aAAU,GACb;AAAA,cACA,oBAAC,YAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,8BAAC,eAAY,GACf;AAAA,cACA,oBAAC,YAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,8BAAC,cAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToggleGroupDemo.tsx"],
+  "mappings": "AAAA,SAASA,aAAaC,WAAWC,kBAAkB;AAEnD,SAASC,OAAOC,aAAaC,QAAQC,cAAc;AAE5C,SAASC,kBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,mBAAkB;KACxB,sBAAA,cAACH,QAAAA;IAAOI,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACJ,QAAAA;IAAOG,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACC,sBAAAA;IAAqBC,MAAK;IAASC,MAAK;IAAKC,aAAY;MAC1D,sBAAA,cAACH,sBAAAA;IAAqBC,MAAK;IAAWC,MAAK;IAAKC,aAAY;OAE9D,sBAAA,cAACT,QAAAA;IAAOI,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACC,sBAAAA;IAAqBC,MAAK;IAASC,MAAK;IAAKC,aAAY;MAC1D,sBAAA,cAACH,sBAAAA;IAAqBC,MAAK;IAAWC,MAAK;IAAKC,aAAY;;AAKtE;AAEA,SAASH,qBAAqBI,OAI7B;AACC,MAAMC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAAc,OAAXH,MAAMH,IAAI;AACjE,SACE,sBAAA,cAACP,QAAAA;IACCc,eAAeJ,MAAMD,gBAAgB,eAAe,QAAQ;IAC5DL,YAAW;IACXW,gBAAe;IACfV,OAAM;KAEN,sBAAA,cAACP,OAAAA;IAAMkB,cAAa;IAAKD,gBAAe;IAAWP,MAAME,MAAMF;IAAMS,SAASN;KAC3ED,MAAMH,SAAS,WAAW,WAAW,UAAA,GAGxC,sBAAA,cAACR,aAAAA;IACCU,aAAaC,MAAMD;IACnBE;IACAJ,MAAMG,MAAMH;IACZC,MAAME,MAAMF;IACZU,qBAAqBR,MAAMH,SAAS,WAAW,KAAOY;KAEtD,sBAAA,cAACpB,YAAYqB,MAAI;IAACC,OAAM;IAAOC,cAAW;KACxC,sBAAA,cAAC1B,WAAAA,IAAAA,CAAAA,GAEH,sBAAA,cAACG,YAAYqB,MAAI;IAACC,OAAM;IAASC,cAAW;KAC1C,sBAAA,cAAC3B,aAAAA,IAAAA,CAAAA,GAEH,sBAAA,cAACI,YAAYqB,MAAI;IAACC,OAAM;IAAQC,cAAW;KACzC,sBAAA,cAACzB,YAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAKX;",
+  "names": ["AlignCenter", "AlignLeft", "AlignRight", "Label", "ToggleGroup", "XStack", "YStack", "ToggleGroupDemo", "paddingHorizontal", "alignItems", "space", "ToggleGroupComponent", "type", "size", "orientation", "props", "id", "toString", "slice", "flexDirection", "justifyContent", "paddingRight", "htmlFor", "disableDeactivation", "undefined", "Item", "value", "aria-label"]
 }

package/dist/jsx/TokensDemo.native.js

@@ -1,8 +1,73 @@
 import { getConfig } from "@tamagui/core";
 import { useState } from "react";
 import { Button, H2, H3, H4, Separator, Square, XGroup, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const sections = [
+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 _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 _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 _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(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 _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 sections = [
   {
     name: "Size",
     key: "size"
@@ -21,58 +86,72 @@ const sections = [
   }
 ];
 function TokensDemo() {
-  const [section, setSection] = useState("size");
-  return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
-    /* @__PURE__ */ jsx(XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "$3",
-        theme: section === key ? "active" : null,
-        fontFamily: "$silkscreen",
-        onPress: () => setSection(key),
-        children: name
+  var _useState = _sliced_to_array(useState("size"), 2), section = _useState[0], setSection = _useState[1];
+  return /* @__PURE__ */ React.createElement(YStack, {
+    space: !0
+  }, /* @__PURE__ */ React.createElement(XGroup, {
+    alignItems: "center",
+    alignSelf: "center"
+  }, sections.map(function(param) {
+    var name = param.name, key = param.key;
+    return /* @__PURE__ */ React.createElement(XGroup.Item, {
+      key
+    }, /* @__PURE__ */ React.createElement(Button, {
+      size: "$3",
+      theme: section === key ? "active" : null,
+      fontFamily: "$silkscreen",
+      onPress: function() {
+        return setSection(key);
       }
-    ) }, key)) }),
-    (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ jsx(SizeSection, { section })
-  ] });
+    }, name));
+  })), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ React.createElement(SizeSection, {
+    section
+  }));
 }
-function SizeSection({ section }) {
-  const allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1), spaceTokens = st.filter((t) => parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */ jsxs(YStack, { flex: 1, space: !0, children: [
-    /* @__PURE__ */ jsx(H2, { children: "Sizes" }),
-    /* @__PURE__ */ jsx(YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ jsx(Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
-      (token) => {
-        var _a, _b, _c, _d, _e;
-        return /* @__PURE__ */ jsxs(XStack, { width: "100%", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(YStack, { width: "25%", children: /* @__PURE__ */ jsxs(H3, { size: "$6", children: [
-            "$",
-            token
-          ] }) }),
-          /* @__PURE__ */ jsx(YStack, { width: "20%", children: /* @__PURE__ */ jsxs(H4, { size: "$5", children: [
-            (_a = tokens[token]) == null ? void 0 : _a.val,
-            "px"
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            Square,
-            {
-              size: (_b = tokens[token]) == null ? void 0 : _b.val,
-              backgroundColor: "$color5",
-              ...section === "spaceNegative" && {
-                backgroundColor: "$red5",
-                size: -((_c = tokens[spaceTokensNegative.find(
-                  (t) => parseFloat(t) === -parseFloat(token)
-                ) ?? token]) == null ? void 0 : _c.val)
-              },
-              ...section === "radius" && {
-                size: (_d = allTokens.size[token]) == null ? void 0 : _d.val,
-                borderRadius: (_e = tokens[token]) == null ? void 0 : _e.val
-              }
-            }
-          )
-        ] }, token);
-      }
-    ) })
-  ] });
+function SizeSection(param) {
+  var section = param.section, allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(function(a, b) {
+    return parseFloat(a) > parseFloat(b) ? 1 : -1;
+  }), spaceTokens = st.filter(function(t) {
+    return parseFloat(t) >= 0;
+  }), spaceTokensNegative = st.filter(function(t) {
+    return parseFloat(t) < 0;
+  }).sort(function(a, b) {
+    return parseFloat(a) > parseFloat(b) ? -1 : 1;
+  });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    flex: 1,
+    space: !0
+  }, /* @__PURE__ */ React.createElement(H2, null, "Sizes"), /* @__PURE__ */ React.createElement(YStack, {
+    width: "100%",
+    space: "$2",
+    separator: /* @__PURE__ */ React.createElement(Separator, null)
+  }, (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function(token) {
+    var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
+    return /* @__PURE__ */ React.createElement(XStack, {
+      width: "100%",
+      alignItems: "center",
+      key: token
+    }, /* @__PURE__ */ React.createElement(YStack, {
+      width: "25%"
+    }, /* @__PURE__ */ React.createElement(H3, {
+      size: "$6"
+    }, "$", token)), /* @__PURE__ */ React.createElement(YStack, {
+      width: "20%"
+    }, /* @__PURE__ */ React.createElement(H4, {
+      size: "$5"
+    }, (_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px")), /* @__PURE__ */ React.createElement(Square, _object_spread({
+      size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
+      backgroundColor: "$color5"
+    }, section === "spaceNegative" && {
+      backgroundColor: "$red5",
+      size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
+        return parseFloat(t) === -parseFloat(token);
+      })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
+    }, section === "radius" && {
+      size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
+      borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
+    })));
+  })));
 }
 export {
   TokensDemo

package/dist/jsx/TokensDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAAU;AAtErB;AAuEY,eACE,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,8BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,YAAE;AAAA,aAAM,GACxB;AAAA,UACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAM;AAAA,yBAAO,KAAK,MAAZ,mBAAe;AAAA,YAAI;AAAA,aAAE,GACtC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,cACrB,iBAAgB;AAAA,cACf,GAAI,YAAY,mBAAmB;AAAA,gBAClC,iBAAiB;AAAA,gBACjB,MACE,GAAC,YACC,oBAAoB;AAAA,kBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,gBAC5C,KAAK,KACP,MAJC,mBAIE;AAAA,cACP;AAAA,cACC,GAAI,YAAY,YAAY;AAAA,gBAC3B,OAAM,eAAU,KAAK,KAAK,MAApB,mBAAuB;AAAA,gBAC7B,eAAc,YAAO,KAAK,MAAZ,mBAAe;AAAA,cAC/B;AAAA;AAAA,UACF;AAAA,aAvB4C,KAwB9C;AAAA,MAEJ;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TokensDemo.tsx"],
+  "mappings": "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",
+  "names": ["getConfig", "useState", "Button", "H2", "H3", "H4", "Separator", "Square", "XGroup", "XStack", "YStack", "sections", "name", "key", "TokensDemo", "section", "setSection", "space", "alignItems", "alignSelf", "map", "Item", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "width", "separator", "token", "val", "backgroundColor", "find", "borderRadius"]
 }