@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/CheckboxDemo.native.js

@@ -19,24 +19,77 @@ __export(CheckboxDemo_exports, {
   CheckboxWithLabel: () => CheckboxWithLabel
 });
 module.exports = __toCommonJS(CheckboxDemo_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 _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, 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 _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 CheckboxDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: 300,
+    alignItems: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(CheckboxWithLabel, {
+    size: "$3"
+  }), /* @__PURE__ */ React.createElement(CheckboxWithLabel, {
+    size: "$4",
+    defaultChecked: !0
+  }), /* @__PURE__ */ React.createElement(CheckboxWithLabel, {
+    size: "$5",
+    disabled: !0,
+    label: "Accept terms (disabled)"
+  }));
 }
-function CheckboxWithLabel({
-  size,
-  label = "Accept terms and conditions",
-  ...checkboxProps
-}) {
-  const id = `checkbox-${size.toString().slice(1)}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size, htmlFor: id, children: label })
-  ] });
+function CheckboxWithLabel(_param) {
+  var size = _param.size, _param_label = _param.label, label = _param_label === void 0 ? "Accept terms and conditions" : _param_label, checkboxProps = _object_without_properties(_param, [
+    "size",
+    "label"
+  ]), id = "checkbox-".concat(size.toString().slice(1));
+  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    width: 300,
+    alignItems: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Checkbox, _object_spread({
+    id,
+    size
+  }, checkboxProps), /* @__PURE__ */ React.createElement(import_tamagui.Checkbox.Indicator, null, /* @__PURE__ */ React.createElement(import_lucide_icons.Check, null))), /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    size,
+    htmlFor: id
+  }, label));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/CheckboxDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmC,kCAEnC,iBAAgD,oBAI5C;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,4CAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,4CAAC,qBAAkB,MAAK,MAAK,UAAQ,IAAC,OAAM,2BAA0B;AAAA,KACxE;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAS,IAAQ,MAAa,GAAG,eAChC,sDAAC,wBAAS,WAAT,EACC,sDAAC,oBAAAA,OAAA,EAAU,GACb,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAY,SAAS,IACzB,iBACH;AAAA,KACF;AAEJ;",
-  "names": ["CheckIcon"]
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/CheckboxDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA,0BAAmC,kCAEnC,iBAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzC,SAASA,eAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,mBAAAA;IAAkBC,MAAK;MACxB,sBAAA,cAACD,mBAAAA;IAAkBC,MAAK;IAAKC,gBAAAA;MAC7B,sBAAA,cAACF,mBAAAA;IAAkBC,MAAK;IAAKE,UAAAA;IAASC,OAAM;;AAGlD;AAEO,SAASJ,kBAAkB,QAAA;MAChCC,OADgC,OAChCA,MAAAA,eADgC,OAEhCG,OAAAA,QAAAA,iBAAAA,SAAQ,gCAAA,cACLC,gBAAAA,2BAH6B,QAAA;IAChCJ;IACAG;MAGME,KAAM,YAAoC,OAAzBL,KAAKM,SAAQ,EAAGC,MAAM,CAAA,CAAA;AAC7C,SACE,sBAAA,cAACC,uBAAAA;IAAOZ,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACW,yBAAAA,eAAAA;IAASJ;IAAQL;KAAgBI,aAAAA,GAChC,sBAAA,cAACK,wBAASC,WAAS,MACjB,sBAAA,cAACC,oBAAAA,OAAAA,IAAAA,CAAAA,CAAAA,GAIL,sBAAA,cAACC,sBAAAA;IAAMZ;IAAYa,SAASR;KACzBF,KAAAA,CAAAA;AAIT;",
+  "names": ["CheckboxDemo", "YStack", "width", "alignItems", "space", "CheckboxWithLabel", "size", "defaultChecked", "disabled", "label", "checkboxProps", "id", "toString", "slice", "XStack", "Checkbox", "Indicator", "CheckIcon", "Label", "htmlFor"]
 }

package/dist/cjs/CheckboxHeadlessDemo.native.js

@@ -18,39 +18,110 @@ __export(CheckboxHeadlessDemo_exports, {
   CheckboxHeadlessDemo: () => CheckboxHeadlessDemo
 });
 module.exports = __toCommonJS(CheckboxHeadlessDemo_exports);
-var import_checkbox_headless = require("@tamagui/checkbox-headless"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function CheckboxHeadlessDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessCheckbox, { defaultChecked: "indeterminate", id: "headless" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "headless", children: "Headless" })
-  ] }) });
-}
-const HeadlessCheckbox = (0, import_react.forwardRef)((props, ref) => {
-  const [checked, setChecked] = (0, import_react.useState)(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(
-    props,
-    [checked, setChecked],
-    ref
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_react_native.Pressable,
-    {
-      style: {
-        width: 20,
-        height: 20,
-        borderRadius: 4,
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: checked === !0 ? "lightblue" : "silver"
-      },
-      ref: checkboxRef,
-      ...checkboxProps,
-      children: [
-        checked === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Minus, { width: 18, height: 18 }),
-        checked === !0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { width: 18, height: 18 }),
-        bubbleInput
-      ]
+var import_checkbox_headless = require("@tamagui/checkbox-headless"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_react_native = require("react-native"), 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);
+  }
+}
+function CheckboxHeadlessDemo() {
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: 200,
+    alignItems: "center",
+    space: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$3",
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(HeadlessCheckbox, {
+    defaultChecked: "indeterminate",
+    id: "headless"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    htmlFor: "headless"
+  }, "Headless")));
+}
+var HeadlessCheckbox = /* @__PURE__ */ (0, import_react.forwardRef)(function(props, ref) {
+  var _useState = _sliced_to_array((0, import_react.useState)(props.defaultChecked || !1), 2), checked = _useState[0], setChecked = _useState[1], _useCheckbox = (0, import_checkbox_headless.useCheckbox)(props, [
+    checked,
+    setChecked
+  ], ref), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
+  return /* @__PURE__ */ React.createElement(import_react_native.Pressable, _object_spread({
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 4,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: checked === !0 ? "lightblue" : "silver"
+    },
+    ref: checkboxRef
+  }, checkboxProps), checked === "indeterminate" && /* @__PURE__ */ React.createElement(import_lucide_icons.Minus, {
+    width: 18,
+    height: 18
+  }), checked === !0 && /* @__PURE__ */ React.createElement(import_lucide_icons.Check, {
+    width: 18,
+    height: 18
+  }), bubbleInput);
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/CheckboxHeadlessDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,+BAA4B,uCAC5B,sBAA6B,kCAC7B,eAAqC,kBAErC,sBAA0B,yBAC1B,iBAAsC,oBAKhC;AAHC,SAAS,uBAAuB;AACrC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAE/D,4CAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,uBAAmB,yBAAwC,CAAC,OAAO,QAAQ;AAC/E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,eAAe,aAAa,YAAY,QAAI;AAAA,IAClD;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,iBAAiB,YAAY,KAAO,cAAc;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,oBAAY,mBAAmB,4CAAC,6BAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,4CAAC,6BAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/CheckboxHeadlessDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AACA,+BAA4B,uCAC5B,sBAA6B,kCAC7B,eAAqC,kBAErC,sBAA0B,yBAC1B,iBAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASA,uBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,uBAAAA;IAAOD,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAACG,kBAAAA;IAAiBC,gBAAe;IAAgBC,IAAG;MAEpD,sBAAA,cAACC,sBAAAA;IAAMC,SAAQ;KAAW,UAAA,CAAA,CAAA;AAIlC;AAEA,IAAMJ,mBAAmBK,6CAAwC,SAACC,OAAOC,KAAAA;AACvE,MAA8BC,YAAAA,qBAAAA,uBAASF,MAAML,kBAAkB,EAAA,GAAA,CAAA,GAAxDQ,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA,GACsBG,mBAAAA,sCAClDL,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMK,gBAA4CD,aAA5CC,eAAeC,cAA6BF,aAA7BE,aAAaC,cAAgBH,aAAhBG;AAMpC,SACE,sBAAA,cAACC,+BAAAA,eAAAA;IACCC,OAAO;MACLpB,OAAO;MACPqB,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBtB,YAAY;MACZuB,iBAAiBX,YAAY,KAAO,cAAc;IACpD;IACAF,KAAKM;KACDD,aAAAA,GAEHH,YAAY,mBAAmB,sBAAA,cAACY,2BAAAA;IAAMzB,OAAO;IAAIqB,QAAQ;MACzDR,YAAY,MAAQ,sBAAA,cAACa,2BAAAA;IAAM1B,OAAO;IAAIqB,QAAQ;MAC9CH,WAAAA;AAGP,CAAA;",
+  "names": ["CheckboxHeadlessDemo", "YStack", "width", "alignItems", "space", "XStack", "HeadlessCheckbox", "defaultChecked", "id", "Label", "htmlFor", "forwardRef", "props", "ref", "useState", "checked", "setChecked", "useCheckbox", "checkboxProps", "checkboxRef", "bubbleInput", "Pressable", "style", "height", "borderRadius", "justifyContent", "backgroundColor", "Minus", "Check"]
 }

package/dist/cjs/CheckboxUnstyledDemo.native.js

@@ -19,8 +19,7 @@ __export(CheckboxUnstyledDemo_exports, {
   CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
 });
 module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_checkbox = require("@tamagui/checkbox"), import_core = require("@tamagui/core"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const Frame = (0, import_core.styled)(import_core.Stack, {
+var import_checkbox = require("@tamagui/checkbox"), import_core = require("@tamagui/core"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), Frame = (0, import_core.styled)(import_core.Stack, {
   borderWidth: 1,
   borderColor: "$borderColor",
   borderRadius: 5,
@@ -45,10 +44,19 @@ const Frame = (0, import_core.styled)(import_core.Stack, {
   Indicator
 });
 function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkbox, { defaultChecked: !0, id: "unstyled", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "unstyled", children: "Unstyled" })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    width: 200,
+    alignItems: "center",
+    gap: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    gap: "$3",
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(Checkbox, {
+    defaultChecked: !0,
+    id: "unstyled"
+  }, /* @__PURE__ */ React.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React.createElement(import_lucide_icons.Check, null))), /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    htmlFor: "unstyled"
+  }, "Unstyled")));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/CheckboxUnstyledDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAsD,8BACtD,cAA8B,0BAC9B,sBAAsB,kCACtB,iBAAsC,oBAmChC;AAjCN,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EAC1B,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,eAAe,CAAC;AAAA,MAChB,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,gBAAY,oBAAO,mBAAO,CAAC,CAAC,GAErB,eAAW,gCAAe;AAAA,EACrC;AAAA,EACA;AACF,CAAC;AAEM,SAAS,uBAAuB;AACrC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,uDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,gDAAC,YAAS,gBAAc,IAAC,IAAG,YAC1B,sDAAC,SAAS,WAAT,EACC,sDAAC,6BAAM,GACT,GACF;AAAA,IACA,4CAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/CheckboxUnstyledDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;sBAAsD,8BACtD,cAA8B,0BAC9B,sBAAsB,kCACtB,iBAAsC,oBAEhCA,YAAQC,oBAAOC,mBAAO;EAC1BC,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,gBAAYd,oBAAOC,mBAAO,CAAC,CAAA,GAEpBc,eAAWC,gCAAe;EACrCjB;EACAe;AACF,CAAA;AAEO,SAASG,uBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAO;IAAKd,YAAW;IAASe,KAAI;KAC1C,sBAAA,cAACC,uBAAAA;IAAOD,KAAI;IAAKf,YAAW;KAC1B,sBAAA,cAACU,UAAAA;IAASO,gBAAAA;IAAeC,IAAG;KAC1B,sBAAA,cAACR,SAASD,WAAS,MACjB,sBAAA,cAACU,2BAAAA,IAAAA,CAAAA,CAAAA,GAGL,sBAAA,cAACC,sBAAAA;IAAMC,SAAQ;KAAW,UAAA,CAAA,CAAA;AAIlC;",
+  "names": ["Frame", "styled", "Stack", "borderWidth", "borderColor", "borderRadius", "alignItems", "justifyContent", "variants", "checked", "indeterminate", "true", "backgroundColor", "false", "defaultVariants", "Indicator", "Checkbox", "createCheckbox", "CheckboxUnstyledDemo", "YStack", "width", "gap", "XStack", "defaultChecked", "id", "Check", "Label", "htmlFor"]
 }

package/dist/cjs/ColorsDemo.native.js

@@ -18,80 +18,116 @@ __export(ColorsDemo_exports, {
   ColorsDemo: () => ColorsDemo
 });
 module.exports = __toCommonJS(ColorsDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
+var import_tamagui = require("tamagui"), colorGroups = [
+  "orange",
+  "yellow",
+  "green",
+  "blue",
+  "purple",
+  "pink",
+  "red"
+];
 function ColorsDemo() {
-  const colors = (0, import_tamagui.getTokens)({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { marginTop: "$4", space: "$8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Light", colors: colorsLight }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Dark", colors: colorsDark })
-  ] });
+  var colors = (0, import_tamagui.getTokens)({
+    prefixed: !1
+  }).color, _ref = [
+    getColors(colors),
+    getColors(colors, !0)
+  ], colorsLight = _ref[0], colorsDark = _ref[1];
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    marginTop: "$4",
+    space: "$8"
+  }, /* @__PURE__ */ React.createElement(ColorsRow, {
+    title: "Light",
+    colors: colorsLight
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Separator, null), /* @__PURE__ */ React.createElement(ColorsRow, {
+    title: "Dark",
+    colors: colorsDark
+  }));
 }
-function ColorsRow({ title, colors }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, $sm: { space: "$2" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { size: "$2", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, alignSelf: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
-        colors.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", children: group.map((color) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Square,
-          {
-            borderRadius: "$2",
-            size: "$4",
-            height: "$4",
-            borderWidth: 1,
-            backgroundColor: (0, import_tamagui.getVariableValue)(color),
-            borderColor: "$color7",
-            $sm: {
-              size: "$2"
-            },
-            $xs: {
-              size: "$1"
-            }
-          },
-          `${color.key}${index}`
-        )) }, index)),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Paragraph,
-          {
-            color: "$color10",
-            textAlign: "center",
-            width: "$4",
-            $sm: {
-              width: "$2"
-            },
-            $xs: {
-              width: "$1"
-            },
-            children: index
-          },
-          index
-        )) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Paragraph,
-        {
-          theme: name,
-          color: "$color10",
-          height: "$4",
-          rotate: "-10deg",
-          $sm: {
-            height: "$2"
-          },
-          $xs: {
-            height: "$1"
-          },
-          children: name
+function ColorsRow(param) {
+  var title = param.title, colors = param.colors;
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: !0,
+    $sm: {
+      space: "$2"
+    }
+  }, /* @__PURE__ */ React.createElement(import_tamagui.H2, {
+    size: "$2"
+  }, title), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: !0,
+    alignSelf: "center"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: !0,
+    $sm: {
+      space: "$2"
+    },
+    alignSelf: "center"
+  }, colors.map(function(group, index) {
+    return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+      space: "$2",
+      key: index
+    }, group.map(function(color) {
+      return /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+        key: "".concat(color.key).concat(index),
+        borderRadius: "$2",
+        size: "$4",
+        height: "$4",
+        borderWidth: 1,
+        backgroundColor: (0, import_tamagui.getVariableValue)(color),
+        borderColor: "$color7",
+        $sm: {
+          size: "$2"
         },
-        name
-      )) })
-    ] })
-  ] });
+        $xs: {
+          size: "$1"
+        }
+      });
+    }));
+  }), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    space: "$2",
+    alignSelf: "center"
+  }, new Array(13).fill(0).slice(1).map(function(_, index) {
+    return /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
+      color: "$color10",
+      textAlign: "center",
+      width: "$4",
+      $sm: {
+        width: "$2"
+      },
+      $xs: {
+        width: "$1"
+      },
+      key: index
+    }, index);
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    space: "$4",
+    marginTop: "$2"
+  }, colorGroups.map(function(name) {
+    return /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
+      theme: name,
+      color: "$color10",
+      height: "$4",
+      rotate: "-10deg",
+      $sm: {
+        height: "$2"
+      },
+      $xs: {
+        height: "$1"
+      },
+      key: name
+    }, name);
+  }))));
 }
-function getColors(colors, dark = !1) {
-  return colorGroups.map((group) => Object.keys(colors).filter(
-    (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
-  ).map((key) => colors[key]));
+function getColors(colors) {
+  var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  return colorGroups.map(function(group) {
+    return Object.keys(colors).filter(function(color) {
+      return color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"));
+    }).map(function(key) {
+      return colors[key];
+    });
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBASO,oBASH;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,aAAS,0BAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,6CAAC,yBAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,gDAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,4CAAC,4BAAU;AAAA,IACX,4CAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,6CAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,gDAAC,qBAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,6CAAC,yBAAO,OAAK,IAAC,WAAU,UACtB;AAAA,mDAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,4CAAC,yBAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,qBAAiB,iCAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBqB,KAoBxB,CAEH;AAAA,QAED,4CAAC,yBAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,4CAAC,yBAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ColorsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;qBASO,oBAEDA,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,aAASC,0BAAU;IAAEC,UAAU;EAAM,CAAA,EAAGC,OACZ,OAAA;IAACC,UAAUJ,MAAAA;IAASI,UAAUJ,QAAQ,EAAA;KAAjEK,cAA2B,KAAA,CAAA,GAAdC,aAAc,KAAA,CAAA;AAElC,SACE,sBAAA,cAACC,uBAAAA;IAAOC,WAAU;IAAKC,OAAM;KAC3B,sBAAA,cAACC,WAAAA;IAAUC,OAAM;IAAQX,QAAQK;MACjC,sBAAA,cAACO,0BAAAA,IAAAA,GACD,sBAAA,cAACF,WAAAA;IAAUC,OAAM;IAAOX,QAAQM;;AAGtC;AAEA,SAASI,UAAU,OAA0D;MAAxDC,QAAF,MAAEA,OAAOX,SAAT,MAASA;AAC1B,SACE,sBAAA,cAACO,uBAAAA;IAAOE,OAAAA;IAAMI,KAAK;MAAEJ,OAAO;IAAK;KAC/B,sBAAA,cAACK,mBAAAA;IAAGC,MAAK;KAAMJ,KAAAA,GAEf,sBAAA,cAACK,uBAAAA;IAAOP,OAAAA;IAAMQ,WAAU;KACtB,sBAAA,cAACV,uBAAAA;IAAOE,OAAAA;IAAMI,KAAK;MAAEJ,OAAO;IAAK;IAAGQ,WAAU;KAC3CjB,OAAOkB,IAAI,SAACC,OAAOC,OAAAA;AAClB,WACE,sBAAA,cAACJ,uBAAAA;MAAOP,OAAM;MAAKY,KAAKD;OACrBD,MAAMD,IAAI,SAACf,OAAAA;AACV,aACE,sBAAA,cAACmB,uBAAAA;QACCD,KAAM,GAAcD,OAAZjB,MAAMkB,GAAG,EAAS,OAAND,KAAAA;QACpBG,cAAa;QACbR,MAAK;QACLS,QAAO;QACPC,aAAa;QACbC,qBAAiBC,iCAAiBxB,KAAAA;QAClCyB,aAAY;QACZf,KAAK;UACHE,MAAM;QACR;QACAc,KAAK;UACHd,MAAM;QACR;;IAGN,CAAA,CAAA;EAGN,CAAA,GAEA,sBAAA,cAACC,uBAAAA;IAAOP,OAAM;IAAKQ,WAAU;KAC1B,IAAIa,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNd,IAAI,SAACe,GAAGb,OAAAA;AACP,WACE,sBAAA,cAACc,0BAAAA;MACC/B,OAAM;MACNgC,WAAU;MACVC,OAAM;MACNvB,KAAK;QACHuB,OAAO;MACT;MACAP,KAAK;QACHO,OAAO;MACT;MACAf,KAAKD;OAEJA,KAAAA;EAGP,CAAA,CAAA,CAAA,GAIN,sBAAA,cAACb,uBAAAA;IAAOE,OAAM;IAAKD,WAAU;KAC1BV,YAAYoB,IAAI,SAACmB,MAAAA;WAChB,sBAAA,cAACH,0BAAAA;MACCI,OAAOD;MACPlC,OAAM;MACNqB,QAAO;MACPe,QAAO;MACP1B,KAAK;QACHW,QAAQ;MACV;MACAK,KAAK;QACHL,QAAQ;MACV;MACAH,KAAKgB;OAEJA,IAAAA;;AAOf;AAEA,SAASjC,UAAUJ,QAAgC;MAAEwC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAO1C,YAAYoB,IAAI,SAACC,OAAAA;AACtB,WAAOsB,OAAOC,KAAK1C,MAAAA,EAChB2C,OACC,SAACxC,OAAAA;aACCA,MAAMyC,WAAWzB,KAAAA,MAChBqB,OAAOrC,MAAM0C,SAAS,MAAA,IAAU,CAAC1C,MAAM0C,SAAS,MAAA;OAEpD3B,IAAI,SAACG,KAAAA;aAAQrB,OAAOqB,GAAAA;;EACzB,CAAA;AACF;",
+  "names": ["colorGroups", "ColorsDemo", "colors", "getTokens", "prefixed", "color", "getColors", "colorsLight", "colorsDark", "YStack", "marginTop", "space", "ColorsRow", "title", "Separator", "$sm", "H2", "size", "XStack", "alignSelf", "map", "group", "index", "key", "Square", "borderRadius", "height", "borderWidth", "backgroundColor", "getVariableValue", "borderColor", "$xs", "Array", "fill", "slice", "_", "Paragraph", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
 }