@tamagui/demos 1.89.28 → 1.89.29

package/dist/jsx/CheckboxHeadlessDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCheckbox } from "@tamagui/checkbox-headless";
 import { Check, Minus } from "@tamagui/lucide-icons";
 import { forwardRef, useState } from "react";
@@ -46,15 +47,30 @@ function _non_iterable_rest() {
 }
 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) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
       return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
+    }))), ownKeys2.forEach(function(key) {
       _define_property(target, key, source[key]);
     });
   }
   return target;
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
 function _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();
 }
@@ -70,26 +86,32 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function CheckboxHeadlessDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
     alignItems: "center",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(XStack, {
     space: "$3",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(HeadlessCheckbox, {
-    defaultChecked: "indeterminate",
-    id: "headless"
-  }), /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: "headless"
-  }, "Headless")));
+    children: /* @__PURE__ */ _jsxs(XStack, {
+      space: "$3",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ _jsx(HeadlessCheckbox, {
+          defaultChecked: "indeterminate",
+          id: "headless"
+        }),
+        /* @__PURE__ */ _jsx(Label, {
+          htmlFor: "headless",
+          children: "Headless"
+        })
+      ]
+    })
+  });
 }
 var HeadlessCheckbox = /* @__PURE__ */ forwardRef(function(props, ref) {
   var _useState = _sliced_to_array(useState(props.defaultChecked || !1), 2), checked = _useState[0], setChecked = _useState[1], _useCheckbox = useCheckbox(props, [
     checked,
     setChecked
   ], ref), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
-  return /* @__PURE__ */ React.createElement(Pressable, _object_spread({
+  return /* @__PURE__ */ _jsxs(Pressable, _object_spread_props(_object_spread({
     style: {
       width: 20,
       height: 20,
@@ -99,13 +121,19 @@ var HeadlessCheckbox = /* @__PURE__ */ forwardRef(function(props, ref) {
       backgroundColor: checked === !0 ? "lightblue" : "silver"
     },
     ref: checkboxRef
-  }, checkboxProps), checked === "indeterminate" && /* @__PURE__ */ React.createElement(Minus, {
-    width: 18,
-    height: 18
-  }), checked === !0 && /* @__PURE__ */ React.createElement(Check, {
-    width: 18,
-    height: 18
-  }), bubbleInput);
+  }, checkboxProps), {
+    children: [
+      checked === "indeterminate" && /* @__PURE__ */ _jsx(Minus, {
+        width: 18,
+        height: 18
+      }),
+      checked === !0 && /* @__PURE__ */ _jsx(Check, {
+        width: 18,
+        height: 18
+      }),
+      bubbleInput
+    ]
+  }));
 });
 export {
   CheckboxHeadlessDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/CheckboxHeadlessDemo.tsx"],
-  "mappings": "AACA,SAASA,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAC7B,SAASC,YAAYC,gBAAgB;AAErC,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,uBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACL,QAAAA;IAAOK,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAACE,kBAAAA;IAAiBC,gBAAe;IAAgBC,IAAG;MAEpD,sBAAA,cAACT,OAAAA;IAAMU,SAAQ;KAAW,UAAA,CAAA,CAAA;AAIlC;AAEA,IAAMH,mBAAmBV,2BAAwC,SAACc,OAAOC,KAAAA;AACvE,MAA8Bd,YAAAA,iBAAAA,SAASa,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAAxDK,UAAuBf,UAAAA,CAAAA,GAAdgB,aAAchB,UAAAA,CAAAA,GACsBJ,eAAAA,YAClDiB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,gBAA4CrB,aAA5CqB,eAAeC,cAA6BtB,aAA7BsB,aAAaC,cAAgBvB,aAAhBuB;AAMpC,SACE,sBAAA,cAAClB,WAAAA,eAAAA;IACCmB,OAAO;MACLd,OAAO;MACPe,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBhB,YAAY;MACZiB,iBAAiBT,YAAY,KAAO,cAAc;IACpD;IACAD,KAAKI;KACDD,aAAAA,GAEHF,YAAY,mBAAmB,sBAAA,cAACjB,OAAAA;IAAMQ,OAAO;IAAIe,QAAQ;MACzDN,YAAY,MAAQ,sBAAA,cAAClB,OAAAA;IAAMS,OAAO;IAAIe,QAAQ;MAC9CF,WAAAA;AAGP,CAAA;",
+  "mappings": ";AACA,SAASA,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAC7B,SAASC,YAAYC,gBAAgB;AAErC,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,sBAACL,QAAAA;MAAOK,OAAM;MAAKD,YAAW;;QAC5B,qBAACE,kBAAAA;UAAiBC,gBAAe;UAAgBC,IAAG;;QAEpD,qBAACT,OAAAA;UAAMU,SAAQ;oBAAW;;;;;AAIlC;AAEA,IAAMH,mBAAmBV,2BAAwC,SAACc,OAAOC,KAAAA;AACvE,MAA8Bd,YAAAA,iBAAAA,SAASa,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAAxDK,UAAuBf,UAAAA,CAAAA,GAAdgB,aAAchB,UAAAA,CAAAA,GACsBJ,eAAAA,YAClDiB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,gBAA4CrB,aAA5CqB,eAAeC,cAA6BtB,aAA7BsB,aAAaC,cAAgBvB,aAAhBuB;AAMpC,SACE,sBAAClB,WAAAA,qBAAAA,eAAAA;IACCmB,OAAO;MACLd,OAAO;MACPe,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBhB,YAAY;MACZiB,iBAAiBT,YAAY,KAAO,cAAc;IACpD;IACAD,KAAKI;KACDD,aAAAA,GAAAA;;MAEHF,YAAY,mBAAmB,qBAACjB,OAAAA;QAAMQ,OAAO;QAAIe,QAAQ;;MACzDN,YAAY,MAAQ,qBAAClB,OAAAA;QAAMS,OAAO;QAAIe,QAAQ;;MAC9CF;;;AAGP,CAAA;",
   "names": ["useCheckbox", "Check", "Minus", "forwardRef", "useState", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "space", "HeadlessCheckbox", "defaultChecked", "id", "htmlFor", "props", "ref", "checked", "setChecked", "checkboxProps", "checkboxRef", "bubbleInput", "style", "height", "borderRadius", "justifyContent", "backgroundColor"]
 }

package/dist/jsx/CheckboxUnstyledDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createCheckbox } from "@tamagui/checkbox";
 import { Stack, styled } from "@tamagui/core";
 import { Check } from "@tamagui/lucide-icons";
@@ -27,19 +28,28 @@ var Frame = styled(Stack, {
   Indicator
 });
 function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
     alignItems: "center",
-    gap: "$3"
-  }, /* @__PURE__ */ React.createElement(XStack, {
     gap: "$3",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(Checkbox, {
-    defaultChecked: !0,
-    id: "unstyled"
-  }, /* @__PURE__ */ React.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React.createElement(Check, null))), /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: "unstyled"
-  }, "Unstyled")));
+    children: /* @__PURE__ */ _jsxs(XStack, {
+      gap: "$3",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ _jsx(Checkbox, {
+          defaultChecked: !0,
+          id: "unstyled",
+          children: /* @__PURE__ */ _jsx(Checkbox.Indicator, {
+            children: /* @__PURE__ */ _jsx(Check, {})
+          })
+        }),
+        /* @__PURE__ */ _jsx(Label, {
+          htmlFor: "unstyled",
+          children: "Unstyled"
+        })
+      ]
+    })
+  });
 }
 export {
   Checkbox,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/CheckboxUnstyledDemo.tsx"],
-  "mappings": "AAAA,SAAgCA,sBAAsB;AACtD,SAASC,OAAOC,cAAc;AAC9B,SAASC,aAAa;AACtB,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQL,OAAOD,OAAO;EAC1BO,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,YAAY;EACZC,gBAAgB;EAChBC,UAAU;IACRC,SAAS;MACPC,eAAe,CAAC;MAChBC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EAEAE,iBAAiB;IACfL,SAAS;EACX;AACF,CAAA,GAEMM,YAAYlB,OAAOD,OAAO,CAAC,CAAA,GAEpBoB,WAAWrB,eAAe;EACrCO;EACAa;AACF,CAAA;AAEO,SAASE,uBAAAA;AACd,SACE,sBAAA,cAAChB,QAAAA;IAAOiB,OAAO;IAAKZ,YAAW;IAASa,KAAI;KAC1C,sBAAA,cAACnB,QAAAA;IAAOmB,KAAI;IAAKb,YAAW;KAC1B,sBAAA,cAACU,UAAAA;IAASI,gBAAAA;IAAeC,IAAG;KAC1B,sBAAA,cAACL,SAASD,WAAS,MACjB,sBAAA,cAACjB,OAAAA,IAAAA,CAAAA,CAAAA,GAGL,sBAAA,cAACC,OAAAA;IAAMuB,SAAQ;KAAW,UAAA,CAAA,CAAA;AAIlC;",
+  "mappings": ";AAAA,SAAgCA,sBAAsB;AACtD,SAASC,OAAOC,cAAc;AAC9B,SAASC,aAAa;AACtB,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQL,OAAOD,OAAO;EAC1BO,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,YAAY;EACZC,gBAAgB;EAChBC,UAAU;IACRC,SAAS;MACPC,eAAe,CAAC;MAChBC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EAEAE,iBAAiB;IACfL,SAAS;EACX;AACF,CAAA,GAEMM,YAAYlB,OAAOD,OAAO,CAAC,CAAA,GAEpBoB,WAAWrB,eAAe;EACrCO;EACAa;AACF,CAAA;AAEO,SAASE,uBAAAA;AACd,SACE,qBAAChB,QAAAA;IAAOiB,OAAO;IAAKZ,YAAW;IAASa,KAAI;cAC1C,sBAACnB,QAAAA;MAAOmB,KAAI;MAAKb,YAAW;;QAC1B,qBAACU,UAAAA;UAASI,gBAAc;UAACC,IAAG;oBAC1B,qBAACL,SAASD,WAAS;sBACjB,qBAACjB,OAAAA,CAAAA,CAAAA;;;QAGL,qBAACC,OAAAA;UAAMuB,SAAQ;oBAAW;;;;;AAIlC;",
   "names": ["createCheckbox", "Stack", "styled", "Check", "Label", "XStack", "YStack", "Frame", "borderWidth", "borderColor", "borderRadius", "alignItems", "justifyContent", "variants", "checked", "indeterminate", "true", "backgroundColor", "false", "defaultVariants", "Indicator", "Checkbox", "CheckboxUnstyledDemo", "width", "gap", "defaultChecked", "id", "htmlFor"]
 }

package/dist/jsx/ColorsDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
 var colorGroups = [
   "orange",
@@ -15,90 +16,109 @@ function ColorsDemo() {
     getColors(colors),
     getColors(colors, !0)
   ], colorsLight = _ref[0], colorsDark = _ref[1];
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     marginTop: "$4",
-    space: "$8"
-  }, /* @__PURE__ */ React.createElement(ColorsRow, {
-    title: "Light",
-    colors: colorsLight
-  }), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(ColorsRow, {
-    title: "Dark",
-    colors: colorsDark
-  }));
+    space: "$8",
+    children: [
+      /* @__PURE__ */ _jsx(ColorsRow, {
+        title: "Light",
+        colors: colorsLight
+      }),
+      /* @__PURE__ */ _jsx(Separator, {}),
+      /* @__PURE__ */ _jsx(ColorsRow, {
+        title: "Dark",
+        colors: colorsDark
+      })
+    ]
+  });
 }
 function ColorsRow(param) {
   var title = param.title, colors = param.colors;
-  return /* @__PURE__ */ React.createElement(YStack, {
-    space: !0,
-    $sm: {
-      space: "$2"
-    }
-  }, /* @__PURE__ */ React.createElement(H2, {
-    size: "$2"
-  }, title), /* @__PURE__ */ React.createElement(XStack, {
-    space: !0,
-    alignSelf: "center"
-  }, /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     space: !0,
     $sm: {
       space: "$2"
     },
-    alignSelf: "center"
-  }, colors.map(function(group, index) {
-    return /* @__PURE__ */ React.createElement(XStack, {
-      space: "$2",
-      key: index
-    }, group.map(function(color) {
-      return /* @__PURE__ */ React.createElement(Square, {
-        key: "".concat(color.key).concat(index),
-        borderRadius: "$2",
-        size: "$4",
-        height: "$4",
-        borderWidth: 1,
-        backgroundColor: getVariableValue(color),
-        borderColor: "$color7",
-        $sm: {
-          size: "$2"
-        },
-        $xs: {
-          size: "$1"
-        }
-      });
-    }));
-  }), /* @__PURE__ */ React.createElement(XStack, {
-    space: "$2",
-    alignSelf: "center"
-  }, new Array(13).fill(0).slice(1).map(function(_, index) {
-    return /* @__PURE__ */ React.createElement(Paragraph, {
-      color: "$color10",
-      textAlign: "center",
-      width: "$4",
-      $sm: {
-        width: "$2"
-      },
-      $xs: {
-        width: "$1"
-      },
-      key: index
-    }, index);
-  }))), /* @__PURE__ */ React.createElement(YStack, {
-    space: "$4",
-    marginTop: "$2"
-  }, colorGroups.map(function(name) {
-    return /* @__PURE__ */ React.createElement(Paragraph, {
-      theme: name,
-      color: "$color10",
-      height: "$4",
-      rotate: "-10deg",
-      $sm: {
-        height: "$2"
-      },
-      $xs: {
-        height: "$1"
-      },
-      key: name
-    }, name);
-  }))));
+    children: [
+      /* @__PURE__ */ _jsx(H2, {
+        size: "$2",
+        children: title
+      }),
+      /* @__PURE__ */ _jsxs(XStack, {
+        space: !0,
+        alignSelf: "center",
+        children: [
+          /* @__PURE__ */ _jsxs(YStack, {
+            space: !0,
+            $sm: {
+              space: "$2"
+            },
+            alignSelf: "center",
+            children: [
+              colors.map(function(group, index) {
+                return /* @__PURE__ */ _jsx(XStack, {
+                  space: "$2",
+                  children: group.map(function(color) {
+                    return /* @__PURE__ */ _jsx(Square, {
+                      borderRadius: "$2",
+                      size: "$4",
+                      height: "$4",
+                      borderWidth: 1,
+                      backgroundColor: getVariableValue(color),
+                      borderColor: "$color7",
+                      $sm: {
+                        size: "$2"
+                      },
+                      $xs: {
+                        size: "$1"
+                      }
+                    }, "".concat(color.key).concat(index));
+                  })
+                }, index);
+              }),
+              /* @__PURE__ */ _jsx(XStack, {
+                space: "$2",
+                alignSelf: "center",
+                children: new Array(13).fill(0).slice(1).map(function(_, index) {
+                  return /* @__PURE__ */ _jsx(Paragraph, {
+                    color: "$color10",
+                    textAlign: "center",
+                    width: "$4",
+                    $sm: {
+                      width: "$2"
+                    },
+                    $xs: {
+                      width: "$1"
+                    },
+                    children: index
+                  }, index);
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ _jsx(YStack, {
+            space: "$4",
+            marginTop: "$2",
+            children: colorGroups.map(function(name) {
+              return /* @__PURE__ */ _jsx(Paragraph, {
+                theme: name,
+                color: "$color10",
+                height: "$4",
+                rotate: "-10deg",
+                $sm: {
+                  height: "$2"
+                },
+                $xs: {
+                  height: "$1"
+                },
+                children: name
+              }, name);
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
 function getColors(colors) {
   var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ColorsDemo.tsx"],
-  "mappings": "AACA,SACEA,IACAC,WACAC,WACAC,QACAC,QACAC,QACAC,WACAC,wBACK;AAEP,IAAMC,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,SAASJ,UAAU;IAAEK,UAAU;EAAM,CAAA,EAAGC,OACZ,OAAA;IAACC,UAAUH,MAAAA;IAASG,UAAUH,QAAQ,EAAA;KAAjEI,cAA2B,KAAA,CAAA,GAAdC,aAAc,KAAA,CAAA;AAElC,SACE,sBAAA,cAACV,QAAAA;IAAOW,WAAU;IAAKC,OAAM;KAC3B,sBAAA,cAACC,WAAAA;IAAUC,OAAM;IAAQT,QAAQI;MACjC,sBAAA,cAACZ,WAAAA,IAAAA,GACD,sBAAA,cAACgB,WAAAA;IAAUC,OAAM;IAAOT,QAAQK;;AAGtC;AAEA,SAASG,UAAU,OAA0D;MAAxDC,QAAF,MAAEA,OAAOT,SAAT,MAASA;AAC1B,SACE,sBAAA,cAACL,QAAAA;IAAOY,OAAAA;IAAMG,KAAK;MAAEH,OAAO;IAAK;KAC/B,sBAAA,cAACjB,IAAAA;IAAGqB,MAAK;KAAMF,KAAAA,GAEf,sBAAA,cAACf,QAAAA;IAAOa,OAAAA;IAAMK,WAAU;KACtB,sBAAA,cAACjB,QAAAA;IAAOY,OAAAA;IAAMG,KAAK;MAAEH,OAAO;IAAK;IAAGK,WAAU;KAC3CZ,OAAOa,IAAI,SAACC,OAAOC,OAAAA;AAClB,WACE,sBAAA,cAACrB,QAAAA;MAAOa,OAAM;MAAKS,KAAKD;OACrBD,MAAMD,IAAI,SAACX,OAAAA;AACV,aACE,sBAAA,cAACT,QAAAA;QACCuB,KAAM,GAAcD,OAAZb,MAAMc,GAAG,EAAS,OAAND,KAAAA;QACpBE,cAAa;QACbN,MAAK;QACLO,QAAO;QACPC,aAAa;QACbC,iBAAiBvB,iBAAiBK,KAAAA;QAClCmB,aAAY;QACZX,KAAK;UACHC,MAAM;QACR;QACAW,KAAK;UACHX,MAAM;QACR;;IAGN,CAAA,CAAA;EAGN,CAAA,GAEA,sBAAA,cAACjB,QAAAA;IAAOa,OAAM;IAAKK,WAAU;KAC1B,IAAIW,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNZ,IAAI,SAACa,GAAGX,OAAAA;AACP,WACE,sBAAA,cAACxB,WAAAA;MACCW,OAAM;MACNyB,WAAU;MACVC,OAAM;MACNlB,KAAK;QACHkB,OAAO;MACT;MACAN,KAAK;QACHM,OAAO;MACT;MACAZ,KAAKD;OAEJA,KAAAA;EAGP,CAAA,CAAA,CAAA,GAIN,sBAAA,cAACpB,QAAAA;IAAOY,OAAM;IAAKD,WAAU;KAC1BR,YAAYe,IAAI,SAACgB,MAAAA;WAChB,sBAAA,cAACtC,WAAAA;MACCuC,OAAOD;MACP3B,OAAM;MACNgB,QAAO;MACPa,QAAO;MACPrB,KAAK;QACHQ,QAAQ;MACV;MACAI,KAAK;QACHJ,QAAQ;MACV;MACAF,KAAKa;OAEJA,IAAAA;;AAOf;AAEA,SAAS1B,UAAUH,QAAgC;MAAEgC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAOlC,YAAYe,IAAI,SAACC,OAAAA;AACtB,WAAOmB,OAAOC,KAAKlC,MAAAA,EAChBmC,OACC,SAACjC,OAAAA;aACCA,MAAMkC,WAAWtB,KAAAA,MAChBkB,OAAO9B,MAAMmC,SAAS,MAAA,IAAU,CAACnC,MAAMmC,SAAS,MAAA;OAEpDxB,IAAI,SAACG,KAAAA;aAAQhB,OAAOgB,GAAAA;;EACzB,CAAA;AACF;",
-  "names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "getColors", "colorsLight", "colorsDark", "marginTop", "space", "ColorsRow", "title", "$sm", "size", "alignSelf", "map", "group", "index", "key", "borderRadius", "height", "borderWidth", "backgroundColor", "borderColor", "$xs", "Array", "fill", "slice", "_", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
+  "mappings": ";AACA,SACEA,IACAC,WACAC,WACAC,QACAC,QACAC,QACAC,WACAC,wBACK;AAEP,IAAMC,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,SAASJ,UAAU;IAAEK,UAAU;EAAM,CAAA,EAAGC,OACZ,OAAA;IAACC,UAAUH,MAAAA;IAASG,UAAUH,QAAQ,EAAA;KAAjEI,cAA2B,KAAA,CAAA,GAAdC,aAAc,KAAA,CAAA;AAElC,SACE,sBAACV,QAAAA;IAAOW,WAAU;IAAKC,OAAM;;MAC3B,qBAACC,WAAAA;QAAUC,OAAM;QAAQT,QAAQI;;MACjC,qBAACZ,WAAAA,CAAAA,CAAAA;MACD,qBAACgB,WAAAA;QAAUC,OAAM;QAAOT,QAAQK;;;;AAGtC;AAEA,SAASG,UAAU,OAA0D;MAAxDC,QAAF,MAAEA,OAAOT,SAAT,MAASA;AAC1B,SACE,sBAACL,QAAAA;IAAOY,OAAK;IAACG,KAAK;MAAEH,OAAO;IAAK;;MAC/B,qBAACjB,IAAAA;QAAGqB,MAAK;kBAAMF;;MAEf,sBAACf,QAAAA;QAAOa,OAAK;QAACK,WAAU;;UACtB,sBAACjB,QAAAA;YAAOY,OAAK;YAACG,KAAK;cAAEH,OAAO;YAAK;YAAGK,WAAU;;cAC3CZ,OAAOa,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,qBAACrB,QAAAA;kBAAOa,OAAM;4BACXO,MAAMD,IAAI,SAACX,OAAAA;AACV,2BACE,qBAACT,QAAAA;sBAECuB,cAAa;sBACbL,MAAK;sBACLM,QAAO;sBACPC,aAAa;sBACbC,iBAAiBtB,iBAAiBK,KAAAA;sBAClCkB,aAAY;sBACZV,KAAK;wBACHC,MAAM;sBACR;sBACAU,KAAK;wBACHV,MAAM;sBACR;uBAZM,GAAcI,OAAZb,MAAMoB,GAAG,EAAS,OAANP,KAAAA,CAAAA;kBAe1B,CAAA;mBAnBsBA,KAAAA;cAsB5B,CAAA;cAEA,qBAACrB,QAAAA;gBAAOa,OAAM;gBAAKK,WAAU;0BAC1B,IAAIW,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNZ,IAAI,SAACa,GAAGX,OAAAA;AACP,yBACE,qBAACxB,WAAAA;oBACCW,OAAM;oBACNyB,WAAU;oBACVC,OAAM;oBACNlB,KAAK;sBACHkB,OAAO;oBACT;oBACAP,KAAK;sBACHO,OAAO;oBACT;8BAGCb;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,qBAACpB,QAAAA;YAAOY,OAAM;YAAKD,WAAU;sBAC1BR,YAAYe,IAAI,SAACgB,MAAAA;qBAChB,qBAACtC,WAAAA;gBACCuC,OAAOD;gBACP3B,OAAM;gBACNe,QAAO;gBACPc,QAAO;gBACPrB,KAAK;kBACHO,QAAQ;gBACV;gBACAI,KAAK;kBACHJ,QAAQ;gBACV;0BAGCY;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAAS1B,UAAUH,QAAgC;MAAEgC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAOlC,YAAYe,IAAI,SAACC,OAAAA;AACtB,WAAOmB,OAAOC,KAAKlC,MAAAA,EAChBmC,OACC,SAACjC,OAAAA;aACCA,MAAMkC,WAAWtB,KAAAA,MAChBkB,OAAO9B,MAAMmC,SAAS,MAAA,IAAU,CAACnC,MAAMmC,SAAS,MAAA;OAEpDxB,IAAI,SAACS,KAAAA;aAAQtB,OAAOsB,GAAAA;;EACzB,CAAA;AACF;",
+  "names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "getColors", "colorsLight", "colorsDark", "marginTop", "space", "ColorsRow", "title", "$sm", "size", "alignSelf", "map", "group", "index", "borderRadius", "height", "borderWidth", "backgroundColor", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
 }