@tamagui/demos 1.89.25 → 1.89.27-1708112217600

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAAsD,oBAWlD;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,EAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,IAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAE1D;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,6CAAC,yBAAO,OAAM,MACZ;AAAA,8CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAS;AAAA,MACT,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
-  "names": ["React"]
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAAsD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMA,YAAY,WAAA;AACvB,MAA4BC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBF,gBAAAA,CAAAA,GAAbG,YAAaH,gBAAAA,CAAAA;AAE5B,SACE,6BAAAA,QAAA,cAACI,uBAAAA;IAAOC,OAAAA;IAAMC,YAAW;KACvB,6BAAAN,QAAA,cAACO,cAAAA;IAAaL;MACd,6BAAAF,QAAA,cAACQ,cAAAA,IAAAA,GAED,6BAAAR,QAAA,cAACS,eAAAA;IAAcP;IAAgBC;;AAGrC,GAEMK,eAAe,WAAA;AACnB,MAAME,mBAAeC,4BAAAA;AAErB,SAAI,CAACD,gBAAgBA,aAAaE,oBAA0B,OAE1D,6BAAAZ,QAAA,cAACa,oBAAAA;IACCC,KAAKJ,aAAaK;IAClBC,UAAUN,aAAaM;IACvBC,YAAY;MAAEC,SAAS;MAAGC,OAAO;MAAKC,GAAG;IAAI;IAC7CC,WAAW;MAAEH,SAAS;MAAGC,OAAO;MAAGC,GAAG;IAAI;IAC1CA,GAAG;IACHF,SAAS;IACTC,OAAO;IACPG,WAAU;IACVC,cAAcb,aAAaa;KAE3B,6BAAAvB,QAAA,cAACI,uBAAAA,MACC,6BAAAJ,QAAA,cAACa,mBAAMW,OAAK,MAAEd,aAAae,KAAK,GAC/B,CAAC,CAACf,aAAagB,WACd,6BAAA1B,QAAA,cAACa,mBAAMc,aAAW,MAAEjB,aAAagB,OAAO,CAAA,CAAA;AAKlD,GAEMnB,eAAe,SAAA,OAAA;MAAGL,SAAAA,MAAAA,QAChB0B,YAAQC,iCAAAA;AACd,SACE,6BAAA7B,QAAA,cAAC8B,uBAAAA;IAAOzB,OAAM;IAAK0B,gBAAe;KAChC,6BAAA/B,QAAA,cAACgC,uBAAAA;IACCC,SAAS,WAAA;AACPL,YAAMM,KAAK,uBAAuB;QAChCR,SAAS;QACTxB;MACF,CAAA;IACF;KACD,MAAA,GAGD,6BAAAF,QAAA,cAACgC,uBAAAA;IACCC,SAAS,WAAA;AACPL,YAAMO,KAAI;IACZ;KACD,MAAA,CAAA;AAKP,GAEM1B,gBAAgB,SAAA,OAAA;MACpBP,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,6BAAAH,QAAA,cAAC8B,uBAAAA;IAAOzB,OAAM;KACZ,6BAAAL,QAAA,cAACoC,sBAAAA;IAAMC,MAAK;IAAKJ,SAAS,WAAA;aAAM9B,UAAU,EAAA;;KAAQ,QAAA,GAGlD,6BAAAH,QAAA,cAACsC,uBAAAA;IACCvB,IAAG;IACHwB,UAAS;IACTC,OAAM;IACNH,MAAK;IACLI,SAAS,CAAC,CAACvC;IACXwC,iBAAiB,SAACC,KAAAA;aAAQxC,UAAUwC,GAAAA;;KAEpC,6BAAA3C,QAAA,cAACsC,sBAAOM,OAAK;IACXtB,WAAW;MACT;MACA;QACEuB,WAAW;UACTC,mBAAmB;QACrB;MACF;;OAKN,6BAAA9C,QAAA,cAACoC,sBAAAA;IAAMC,MAAK;IAAKJ,SAAS,WAAA;aAAM9B,UAAU,EAAA;;KAAO,QAAA,CAAA;AAKvD;",
+  "names": ["ToastDemo", "React", "useState", "native", "setNative", "YStack", "space", "alignItems", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "key", "id", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "toast", "useToastController", "XStack", "justifyContent", "Button", "onPress", "show", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
 }

package/dist/cjs/ToastDuplicateDemo.native.js

@@ -26,41 +26,102 @@ __export(ToastDuplicateDemo_exports, {
   ToastDuplicateDemo: () => ToastDuplicateDemo
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = import_react.default.useState(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        onPress: () => {
-          setSavedCount((old) => old + 1);
-        },
-        children: "Show toast"
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(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 _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__ */ (0, import_jsx_runtime.jsx)(
-      import_toast.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(import_react.default.useState(0), 2), savedCount = _React_useState[0], setSavedCount = _React_useState[1];
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    alignItems: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    onPress: function() {
+      setSavedCount(function(old) {
+        return old + 1;
+      });
+    }
+  }, "Show toast"), _to_consumable_array(Array(savedCount)).map(function(_, index) {
+    return /* @__PURE__ */ import_react.default.createElement(import_toast.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: "Successfully saved!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: "Don't worry... We've got your data." })
-          ] })
-        ] })
+        y: -20
       },
-      index
-    ))
-  ] });
+      y: 0,
+      opacity: 1,
+      scale: 1,
+      animation: "100ms"
+    }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+      space: !0,
+      alignItems: "center"
+    }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_lucide_icons.CheckCircle2, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Title, null, "Successfully saved!"), /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Description, null, "Don't worry... We've got your data."))));
+  }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ToastDuplicateDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B,kCAC7B,eAAsB,2BACtB,eAAkB,2BAClB,iBAAuC,oBAUjC;AALC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEpD,SACE,6CAAC,yBAAO,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,uDAAC,yBAAO,OAAK,IAAC,YAAW,UACvB;AAAA,sDAAC,yBACC,sDAAC,oCAAa,GAChB;AAAA,UAEA,6CAAC,yBACC;AAAA,wDAAC,mBAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,4CAAC,mBAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
-  "names": ["React"]
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDuplicateDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA6B,kCAC7B,eAAsB,2BACtB,eAAkB,2BAClB,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKhC,IAAMA,qBAAqB,WAAA;AAChC,MAAoCC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,CAAA,GAAA,CAAA,GAA5CC,aAA6BF,gBAAAA,CAAAA,GAAjBG,gBAAiBH,gBAAAA,CAAAA;AAEpC,SACE,6BAAAA,QAAA,cAACI,uBAAAA;IAAOC,YAAW;KACjB,6BAAAL,QAAA,cAACM,uBAAAA;IACCC,SAAS,WAAA;AACPJ,oBAAc,SAACK,KAAAA;eAAQA,MAAM;;IAC/B;KACD,YAAA,GAGC,qBAAGC,MAAMP,UAAAA,CAAAA,EAAaQ,IAAI,SAACC,GAAGC,OAAAA;WAC9B,6BAAAZ,QAAA,cAACa,oBAAAA;MACCC,cAAa;MACbC,KAAKH;MACLI,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,6BAAAtB,QAAA,cAACuB,uBAAAA;MAAOC,OAAAA;MAAMnB,YAAW;OACvB,6BAAAL,QAAA,cAACI,uBAAAA,MACC,6BAAAJ,QAAA,cAACyB,kCAAAA,IAAAA,CAAAA,GAGH,6BAAAzB,QAAA,cAACI,uBAAAA,MACC,6BAAAJ,QAAA,cAACa,mBAAMa,OAAK,MAAC,qBAAA,GACb,6BAAA1B,QAAA,cAACa,mBAAMc,aAAW,MAAC,qCAAA,CAAA,CAAA,CAAA;;AAOjC;",
+  "names": ["ToastDuplicateDemo", "React", "useState", "savedCount", "setSavedCount", "YStack", "alignItems", "Button", "onPress", "old", "Array", "map", "_", "index", "Toast", "viewportName", "key", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "XStack", "space", "CheckCircle2", "Title", "Description"]
 }

package/dist/cjs/ToggleGroupDemo.native.js

@@ -18,48 +18,65 @@ __export(ToggleGroupDemo_exports, {
   ToggleGroupDemo: () => ToggleGroupDemo
 });
 module.exports = __toCommonJS(ToggleGroupDemo_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 ToggleGroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { paddingHorizontal: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: "$6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", size: "$3", orientation: "horizontal" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "horizontal" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", size: "$3", orientation: "vertical" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "vertical" })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    paddingHorizontal: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    alignItems: "center",
+    space: "$10"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.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(import_tamagui.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__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.XStack,
-    {
-      flexDirection: props.orientation === "horizontal" ? "row" : "column",
-      alignItems: "center",
-      justifyContent: "center",
-      space: "$4",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { paddingRight: "$0", justifyContent: "flex-end", size: props.size, htmlFor: id, children: props.type === "single" ? "Single" : "Multiple" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_tamagui.ToggleGroup,
-          {
-            orientation: props.orientation,
-            id,
-            type: props.type,
-            size: props.size,
-            disableDeactivation: props.type === "single" ? !0 : void 0,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "left", "aria-label": "Left aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "center", "aria-label": "Center aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "right", "aria-label": "Right aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {}) })
-            ]
-          }
-        )
-      ]
-    }
-  );
+  var id = "switch-".concat(props.size.toString().slice(1), "-").concat(props.type);
+  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    flexDirection: props.orientation === "horizontal" ? "row" : "column",
+    alignItems: "center",
+    justifyContent: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    paddingRight: "$0",
+    justifyContent: "flex-end",
+    size: props.size,
+    htmlFor: id
+  }, props.type === "single" ? "Single" : "Multiple"), /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup, {
+    orientation: props.orientation,
+    id,
+    type: props.type,
+    size: props.size,
+    disableDeactivation: props.type === "single" ? !0 : void 0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup.Item, {
+    value: "left",
+    "aria-label": "Left aligned"
+  }, /* @__PURE__ */ React.createElement(import_lucide_icons.AlignLeft, null)), /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup.Item, {
+    value: "center",
+    "aria-label": "Center aligned"
+  }, /* @__PURE__ */ React.createElement(import_lucide_icons.AlignCenter, null)), /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup.Item, {
+    value: "right",
+    "aria-label": "Right aligned"
+  }, /* @__PURE__ */ React.createElement(import_lucide_icons.AlignRight, null))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ToggleGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmD,kCAEnD,iBAAmD,oBAM3C;AAJD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,mBAAkB,MACxB,uDAAC,yBAAO,YAAW,UAAS,OAAM,OAChC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,4CAAC,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,oDAAC,wBAAM,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,0DAAC,2BAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,sDAAC,iCAAU,GACb;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,sDAAC,mCAAY,GACf;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,sDAAC,kCAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToggleGroupDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAAmD,kCAEnD,iBAAmD;AAE5C,SAASA,kBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,mBAAkB;KACxB,sBAAA,cAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACJ,uBAAAA;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,cAACN,uBAAAA;IAAOC,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,cAACJ,uBAAAA;IACCW,eAAeJ,MAAMD,gBAAgB,eAAe,QAAQ;IAC5DL,YAAW;IACXW,gBAAe;IACfV,OAAM;KAEN,sBAAA,cAACW,sBAAAA;IAAMC,cAAa;IAAKF,gBAAe;IAAWP,MAAME,MAAMF;IAAMU,SAASP;KAC3ED,MAAMH,SAAS,WAAW,WAAW,UAAA,GAGxC,sBAAA,cAACY,4BAAAA;IACCV,aAAaC,MAAMD;IACnBE;IACAJ,MAAMG,MAAMH;IACZC,MAAME,MAAMF;IACZY,qBAAqBV,MAAMH,SAAS,WAAW,KAAOc;KAEtD,sBAAA,cAACF,2BAAYG,MAAI;IAACC,OAAM;IAAOC,cAAW;KACxC,sBAAA,cAACC,+BAAAA,IAAAA,CAAAA,GAEH,sBAAA,cAACN,2BAAYG,MAAI;IAACC,OAAM;IAASC,cAAW;KAC1C,sBAAA,cAACE,iCAAAA,IAAAA,CAAAA,GAEH,sBAAA,cAACP,2BAAYG,MAAI;IAACC,OAAM;IAAQC,cAAW;KACzC,sBAAA,cAACG,gCAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAKX;",
+  "names": ["ToggleGroupDemo", "YStack", "paddingHorizontal", "XStack", "alignItems", "space", "ToggleGroupComponent", "type", "size", "orientation", "props", "id", "toString", "slice", "flexDirection", "justifyContent", "Label", "paddingRight", "htmlFor", "ToggleGroup", "disableDeactivation", "undefined", "Item", "value", "aria-label", "AlignLeft", "AlignCenter", "AlignRight"]
 }

package/dist/cjs/TokensDemo.native.js

@@ -18,8 +18,74 @@ __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const sections = [
+var import_core = require("@tamagui/core"), 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 _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"
@@ -38,58 +104,72 @@ const sections = [
   }
 ];
 function TokensDemo() {
-  const [section, setSection] = (0, import_react.useState)("size");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { alignItems: "center", alignSelf: "center", children: sections.map(({ name, key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.Button,
-      {
-        size: "$3",
-        theme: section === key ? "active" : null,
-        fontFamily: "$silkscreen",
-        onPress: () => setSection(key),
-        children: name
+  var _useState = _sliced_to_array((0, import_react.useState)("size"), 2), section = _useState[0], setSection = _useState[1];
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XGroup, {
+    alignItems: "center",
+    alignSelf: "center"
+  }, sections.map(function(param) {
+    var name = param.name, key = param.key;
+    return /* @__PURE__ */ React.createElement(import_tamagui.XGroup.Item, {
+      key
+    }, /* @__PURE__ */ React.createElement(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })
-  ] });
+    }, name));
+  })), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ React.createElement(SizeSection, {
+    section
+  }));
 }
-function SizeSection({ section }) {
-  const allTokens = (0, import_core.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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
-      (token) => {
-        var _a, _b, _c, _d, _e;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: "100%", alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
-            "$",
-            token
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: "20%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, { size: "$5", children: [
-            (_a = tokens[token]) == null ? void 0 : _a.val,
-            "px"
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.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 = (0, import_core.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(import_tamagui.YStack, {
+    flex: 1,
+    space: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.H2, null, "Sizes"), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: "100%",
+    space: "$2",
+    separator: /* @__PURE__ */ React.createElement(import_tamagui.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(import_tamagui.XStack, {
+      width: "100%",
+      alignItems: "center",
+      key: token
+    }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+      width: "25%"
+    }, /* @__PURE__ */ React.createElement(import_tamagui.H3, {
+      size: "$6"
+    }, "$", token)), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+      width: "20%"
+    }, /* @__PURE__ */ React.createElement(import_tamagui.H4, {
+      size: "$5"
+    }, (_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px")), /* @__PURE__ */ React.createElement(import_tamagui.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
+    })));
+  })));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/TokensDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA0B,0BAC1B,eAAyB,kBACzB,iBAA8E,oBA2B1E;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,QAAI,uBAAkB,MAAM;AAEtD,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,yBAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,4CAAC,sBAAO,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,4CAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,gBAAY,uBAAU,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,6CAAC,yBAAO,MAAM,GAAG,OAAK,IACpB;AAAA,gDAAC,qBAAG,mBAAK;AAAA,IACT,4CAAC,yBAAO,OAAM,QAAO,OAAM,MAAK,WAAW,4CAAC,4BAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAAU;AAtErB;AAuEY,eACE,6CAAC,yBAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,sDAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,MAAK,MAAK;AAAA;AAAA,YAAE;AAAA,aAAM,GACxB;AAAA,UACA,4CAAC,yBAAO,OAAM,OACZ,uDAAC,qBAAG,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": ["sections", "name", "key", "TokensDemo", "useState", "section", "setSection", "YStack", "space", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "separator", "Separator", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
 }