@tamagui/checkbox 1.110.5 → 1.111.0

package/dist/cjs/createCheckbox.native.js

@@ -27,130 +27,28 @@ __export(createCheckbox_exports, {
   createCheckbox: () => createCheckbox
 });
 module.exports = __toCommonJS(createCheckbox_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_focusable = require("@tamagui/focusable"), import_checkbox_headless = require("@tamagui/checkbox-headless"), import_core = require("@tamagui/core"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_Checkbox = require("./Checkbox"), import_CheckboxStyledContext = require("./CheckboxStyledContext");
-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] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), 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 _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _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 CheckboxContext = /* @__PURE__ */ import_react.default.createContext({
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_focusable = require("@tamagui/focusable"), import_checkbox_headless = require("@tamagui/checkbox-headless"), import_core = require("@tamagui/core"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_Checkbox = require("./Checkbox"), import_CheckboxStyledContext = require("./CheckboxStyledContext"), CheckboxContext = /* @__PURE__ */ import_react.default.createContext({
   checked: !1,
   disabled: !1
 }), ensureContext = function(x) {
   x.context || (x.context = CheckboxContext);
 };
 function createCheckbox(createProps) {
-  var disableActiveTheme = createProps.disableActiveTheme, _createProps_Frame = createProps.Frame, Frame = _createProps_Frame === void 0 ? import_Checkbox.CheckboxFrame : _createProps_Frame, _createProps_Indicator = createProps.Indicator, Indicator = _createProps_Indicator === void 0 ? import_Checkbox.CheckboxIndicatorFrame : _createProps_Indicator;
+  var { disableActiveTheme, Frame = import_Checkbox.CheckboxFrame, Indicator = import_Checkbox.CheckboxIndicatorFrame } = createProps;
   ensureContext(Frame), ensureContext(Indicator);
   var FrameComponent = Frame.styleable(function(_props, forwardedRef) {
-    var _props_scaleSize = _props.scaleSize, scaleSize = _props_scaleSize === void 0 ? 0.45 : _props_scaleSize, _props_sizeAdjust = _props.sizeAdjust, sizeAdjust = _props_sizeAdjust === void 0 ? 0 : _props_sizeAdjust, scaleIcon = _props.scaleIcon, checkedProp = _props.checked, defaultChecked = _props.defaultChecked, onCheckedChange = _props.onCheckedChange, native = _props.native, _props_unstyled = _props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, props = _object_without_properties(_props, [
-      "scaleSize",
-      "sizeAdjust",
-      "scaleIcon",
-      "checked",
-      "defaultChecked",
-      "onCheckedChange",
-      "native",
-      "unstyled"
-    ]), propsActive = (0, import_core.useProps)(props), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = 0, size = 0;
+    var { scaleSize = 0.45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = !1, ...props } = _props, propsActive = (0, import_core.useProps)(props), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = 0, size = 0;
     if (!unstyled) {
       var _propsActive_size, _ref;
       adjustedSize = (0, import_core.getVariableValue)((0, import_get_token.getSize)((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext == null ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true", {
         shift: sizeAdjust
       })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
     }
-    var _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
+    var [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
       prop: checkedProp,
       defaultProp: defaultChecked,
       onChange: onCheckedChange
-    }), 2), tmp = _useControllableState[0], checked = tmp === void 0 ? !1 : tmp, setChecked = _useControllableState[1], _useCheckbox = (0, import_checkbox_headless.useCheckbox)(
+    }), { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(
       // @ts-ignore
       propsActive,
       [
@@ -158,7 +56,7 @@ function createCheckbox(createProps) {
         setChecked
       ],
       forwardedRef
-    ), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
+    );
     import_react.default.useEffect(function() {
       if (props.id && !props.disabled)
         return (0, import_focusable.registerFocusable)(props.id, {
@@ -182,10 +80,11 @@ function createCheckbox(createProps) {
         tabIndex: -1,
         ref: checkboxRef,
         disabled: checkboxProps.disabled,
-        style: _object_spread({
+        style: {
           appearance: "auto",
-          accentColor: "var(--color6)"
-        }, checkboxProps.style)
+          accentColor: "var(--color6)",
+          ...checkboxProps.style
+        }
       });
     var _propsActive_size1, _ref1, _ref2;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
@@ -197,34 +96,37 @@ function createCheckbox(createProps) {
         size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
         scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Frame, _object_spread_props(_object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, !unstyled && {
-            width: size,
-            height: size
-          }), {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Frame, {
+            ...!unstyled && {
+              width: size,
+              height: size
+            },
             tag: "button",
             ref: checkboxRef,
-            unstyled
-          }), unstyled === !1 && {
-            size,
-            theme: checked ? "active" : null
-          }), {
+            unstyled,
+            ...unstyled === !1 && {
+              size,
+              theme: checked ? "active" : null
+            },
             // potential variant
             checked,
-            disabled: checkboxProps.disabled
-          }), checkboxProps), {
+            disabled: checkboxProps.disabled,
+            ...checkboxProps,
             children: propsActive.children
-          })),
+          }),
           bubbleInput
         ]
       })
     });
   }), IndicatorComponent = Indicator.styleable(function(props, forwardedRef) {
-    var childrenProp = props.children, forceMount = props.forceMount, disablePassStyles = props.disablePassStyles, _props_unstyled = props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, indicatorProps = _object_without_properties(props, [
-      "children",
-      "forceMount",
-      "disablePassStyles",
-      "unstyled"
-    ]), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), children = childrenProp;
+    var {
+      // __scopeCheckbox,
+      children: childrenProp,
+      forceMount,
+      disablePassStyles,
+      unstyled = !1,
+      ...indicatorProps
+    } = props, styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), children = childrenProp;
     if (!unstyled) {
       var iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
@@ -235,12 +137,12 @@ function createCheckbox(createProps) {
       });
     }
     var context = import_react.default.useContext(CheckboxContext);
-    return forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === !0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Indicator, _object_spread_props(_object_spread({
-      pointerEvents: "none"
-    }, indicatorProps), {
+    return forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === !0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Indicator, {
+      pointerEvents: "none",
+      ...indicatorProps,
       ref: forwardedRef,
       children
-    })) : null;
+    }) : null;
   });
   return (0, import_core.withStaticProperties)(FrameComponent, {
     Indicator: IndicatorComponent

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/checkbox/src/createCheckbox.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAKlB,mBAAkC,+BAClC,2BAA6C,uCAE7C,cAMO,0BACP,mBAA4B,+BAC5B,mBAAwB,+BACxB,yBAAiC,qCACjC,gCAAqC,4CAErC,kBAAsD,uBACtD,+BAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0C/B,IAAMA,kBAAkBC,6BAAAA,QAAMC,cAGlC;EACDC,SAAS;EACTC,UAAU;AACZ,CAAA,GAEMC,gBAAgB,SAACC,GAAAA;AACrB,EAAKA,EAAEC,YACLD,EAAEC,UAAUP;AAEhB;AAEO,SAASQ,eAGdC,aAAuE;AACvE,MACEC,qBAGED,YAHFC,oBAAAA,qBAGED,YAFFE,OAAAA,QAAAA,uBAAAA,SAAQC,gCAAAA,oBAAAA,yBAENH,YADFI,WAAAA,YAAAA,2BAAAA,SAAYC,yCAAAA;AAOdT,gBAAcM,KAAAA,GACdN,cAAcQ,SAAAA;AAEd,MAAME,iBAAiBJ,MAAMK,UAC3B,SAAkBC,QAAQC,cAAY;AACpC,QAAA,mBAUID,OATFE,WAAAA,YAAAA,qBAAAA,SAAY,OAAA,kBAAA,oBASVF,OARFG,YAAAA,aAAAA,sBAAAA,SAAa,IAAA,mBACbC,YAOEJ,OAPFI,WACSC,cAMPL,OANFd,SACAoB,iBAKEN,OALFM,gBACAC,kBAIEP,OAJFO,iBACAC,SAGER,OAHFQ,QAAAA,kBAGER,OAFFS,UAAAA,WAAAA,oBAAAA,SAAW,KAAA,iBACRC,QAAAA,2BACDV,QAAAA;MATFE;MACAC;MACAC;MACAlB;MACAoB;MACAC;MACAC;MACAC;QAGIE,kBAAcC,sBAASF,KAAAA,GAGvBG,gBAAgB7B,aAAAA,QAAM8B,WAAWC,kDAAAA,GACnCC,eAAe,GACfC,OAAO;AACX,QAAI,CAACR,UAAU;UAEHE,mBAAAA;AADVK,yBAAeE,kCACbC,2BAAQR,QAAAA,oBAAAA,YAAYM,UAAI,QAAhBN,sBAAAA,SAAAA,oBAAoBE,iBAAAA,OAAAA,SAAAA,cAAeI,UAAI,QAAvCN,SAAAA,SAAAA,OAA2C,SAAS;QAC1DS,OAAOjB;MACT,CAAA,CAAA,GAEFc,OAAOf,YAAYmB,KAAKC,MAAMN,eAAed,SAAAA,IAAac;IAC5D;AAEA,QAAsCO,wBAAAA,qBAAAA,oDAAqB;MACzDC,MAAMnB;MACNoB,aAAanB;MACboB,UAAUnB;IACZ,CAAA,GAAA,CAAA,GAJOrB,MAA+BqC,sBAAAA,CAAAA,GAA/BrC,UAAAA,QAAAA,SAAU,KAAVA,KAAiByC,aAAcJ,sBAAAA,CAAAA,GAMcK,mBAAAA;;MAElDjB;MACA;QAACzB;QAASyC;;MACV1B;IAAAA,GAJM4B,gBAA4CD,aAA5CC,eAAeC,cAA6BF,aAA7BE,aAAaC,cAAgBH,aAAhBG;AAQlC/C,iBAAAA,QAAMgD,UAAU,WAAA;AACd,UAAKtB,MAAMuB,MACPvB,OAAMvB;AAEV,mBAAO+C,oCAAkBxB,MAAMuB,IAAI;UACjCE,gBAAgB,WAAA;AACdR,0BAAAA,QAAAA,WAAa,SAACS,OAAAA;qBAAU,CAACA;;UAC3B;UACAC,OAAO,WAAA;UAAO;QAChB,CAAA;IACF,GAAG;MAAC3B,MAAMuB;MAAIvB,MAAMvB;KAAS;AAG/B,QAAMmD,mBAAeC,wCAA2B/B,MAAAA;AAChD,QAAI8B,iBAAiB;AACnB,aACE,uCAAAE,KAACC,SAAAA;QACCC,MAAK;QACLpC,oBAAgBqC,0CAAgBzD,OAAAA,IAAW,KAAQA;QACnD0D,UAAU;QACVC,KAAKf;QACL3C,UAAU0C,cAAc1C;QACxB2D,OAAO,eAAA;UACLC,YAAY;UACZC,aAAa;WACTnB,cAAciB,KAAK;;QAcnBnC,oBAAAA,OACKP;AATjB,WACE,uCAAAoC,KAACzD,gBAAgBkE,UAAQ;MACvBb,OAAO;QACLlD;QACAC,UAAU0C,cAAc1C;MAC1B;gBAEA,uCAAA+D,MAACnC,mDAAsBkC,UAAQ;QAC7BhC,OAAMN,SAAAA,qBAAAA,YAAYM,UAAI,QAAhBN,uBAAAA,SAAAA,qBAAoBE,iBAAAA,OAAAA,SAAAA,cAAeI,UAAI,QAAvCN,UAAAA,SAAAA,QAA2C;QACjDP,YAAWA,QAAAA,cAAaS,iBAAAA,OAAAA,SAAAA,cAAeT,gBAAS,QAArCA,UAAAA,SAAAA,QAAyC;;UAEpD,uCAAAoC,KAAC9C,OAAAA,qBAAAA,eAAAA,qBAAAA,eAAAA,qBAAAA,eAAAA,CAAAA,GACM,CAACe,YAAY;YAChB0C,OAAOlC;YACPmC,QAAQnC;UACV,CAAA,GAAA;YACAoC,KAAI;YACJR,KAAKf;YACLrB;cACKA,aAAa,MAAS;YACzBQ;YACAqC,OAAOpE,UAAU,WAAW;UAC9B,CAAA,GAAA;;YAEAA;YACAC,UAAU0C,cAAc1C;cACpB0C,aAAAA,GAAAA;sBAEHlB,YAAY4C;;UAEdxB;;;;EAIT,CAAA,GAGIyB,qBAAqB5D,UAAUG,UACnC,SAACW,OAAOT,cAAAA;AACN,QAEYwD,eAKR/C,MALF6C,UACAG,aAIEhD,MAJFgD,YACAC,oBAGEjD,MAHFiD,mBAAAA,kBAGEjD,MAFFD,UAAAA,WAAAA,oBAAAA,SAAW,KAAA,iBACRmD,iBAAAA,2BACDlD,OAAAA;MALF6C;MACAG;MACAC;MACAlD;QAGII,gBAAgB7B,aAAAA,QAAM8B,WAAWC,kDAAAA,GACnCwC,WAAWE;AAEf,QAAI,CAAChD,UAAU;AACb,UAAMoD,YACH,OAAOhD,cAAcI,QAAS,WAC3BJ,cAAcI,OAAO,WACrB6C,8BAAYjD,cAAcI,IAAI,KAAYJ,cAAcT,WACxDkD,YAAQS,sBAAAA,GACRC,oBAAgBC,yCAAiB;QAAEhD,MAAM4C;QAAUK,OAAOZ,MAAMY;MAAM,CAAA,GAEtEC,YAAYnF,aAAAA,QAAMoF,SAASC,QAAQZ,YAAAA;AACzCF,iBAAWY,UAAUG,IAAI,SAACC,OAAAA;AACxB,eAAIZ,qBAAqB,CAAC3E,6BAAAA,QAAMwF,eAAeD,KAAAA,IACtCA,QAEFP,cAAcO,KAAAA;MACvB,CAAA;IACF;AAEA,QAAMjF,UAAUN,aAAAA,QAAM8B,WAAW/B,eAAAA;AACjC,WAAI2E,kBAAcf,0CAAgBrD,QAAQJ,OAAO,KAAKI,QAAQJ,YAAY,KAEtE,uCAAAsD,KAAC5C,WAAAA,qBAAAA,eAAAA;MAAU6E,eAAc;OAAWb,cAAAA,GAAAA;MAAgBf,KAAK5C;;UAKtD;EACT,CAAA;AAGF,aAAOyE,kCAAqB5E,gBAAgB;IAC1CF,WAAW4D;EACb,CAAA;AACF;",
-  "names": ["CheckboxContext", "React", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "CheckboxFrame", "Indicator", "CheckboxIndicatorFrame", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "useProps", "styledContext", "useContext", "CheckboxStyledContext", "adjustedSize", "size", "getVariableValue", "getSize", "shift", "Math", "round", "useControllableState", "prop", "defaultProp", "onChange", "setChecked", "useCheckbox", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "registerFocusable", "focusAndSelect", "value", "focus", "renderNative", "shouldRenderNativePlatform", "_jsx", "input", "type", "isIndeterminate", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "_jsxs", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getFontSize", "useTheme", "getThemedIcon", "useGetThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents", "withStaticProperties"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAKlB,mBAAkC,+BAClC,2BAA6C,uCAE7C,cAMO,0BACP,mBAA4B,+BAC5B,mBAAwB,+BACxB,yBAAiC,qCACjC,gCAAqC,4CAErC,kBAAsD,uBACtD,+BAAsC,oCA0CzBA,kBAAkBC,6BAAAA,QAAMC,cAGlC;EACDC,SAAS;EACTC,UAAU;AACZ,CAAA,GAEMC,gBAAgB,SAACC,GAAAA;AACrB,EAAKA,EAAEC,YACLD,EAAEC,UAAUP;AAEhB;AAEO,SAASQ,eAGdC,aAAuE;AACvE,MAAM,EACJC,oBACAC,QAAQC,+BACRC,YAAYC,uCAAsB,IAChCL;AAMJJ,gBAAcM,KAAAA,GACdN,cAAcQ,SAAAA;AAEd,MAAME,iBAAiBJ,MAAMK,UAC3B,SAAkBC,QAAQC,cAAY;AACpC,QAAM,EACJC,YAAY,MACZC,aAAa,GACbC,WACAlB,SAASmB,aACTC,gBACAC,iBACAC,QACAC,WAAW,IACX,GAAGC,MAAAA,IACDV,QACEW,kBAAcC,sBAASF,KAAAA,GAGvBG,gBAAgB7B,aAAAA,QAAM8B,WAAWC,kDAAAA,GACnCC,eAAe,GACfC,OAAO;AACX,QAAI,CAACR,UAAU;UAEHE,mBAAAA;AADVK,yBAAeE,kCACbC,2BAAQR,QAAAA,oBAAAA,YAAYM,UAAI,QAAhBN,sBAAAA,SAAAA,oBAAoBE,iBAAAA,OAAAA,SAAAA,cAAeI,UAAI,QAAvCN,SAAAA,SAAAA,OAA2C,SAAS;QAC1DS,OAAOjB;MACT,CAAA,CAAA,GAEFc,OAAOf,YAAYmB,KAAKC,MAAMN,eAAed,SAAAA,IAAac;IAC5D;AAEA,QAAM,CAAC9B,UAAU,IAAOqC,UAAAA,QAAcC,oDAAqB;MACzDC,MAAMpB;MACNqB,aAAapB;MACbqB,UAAUpB;IACZ,CAAA,GAEM,EAAEqB,eAAeC,aAAaC,YAAW,QAAKC;;MAElDpB;MACA;QAACzB;QAASqC;;MACVtB;IAAAA;AAIAjB,iBAAAA,QAAMgD,UAAU,WAAA;AACd,UAAKtB,MAAMuB,MACPvB,OAAMvB;AAEV,mBAAO+C,oCAAkBxB,MAAMuB,IAAI;UACjCE,gBAAgB,WAAA;AACdZ,0BAAAA,QAAAA,WAAa,SAACa,OAAAA;qBAAU,CAACA;;UAC3B;UACAC,OAAO,WAAA;UAAO;QAChB,CAAA;IACF,GAAG;MAAC3B,MAAMuB;MAAIvB,MAAMvB;KAAS;AAG/B,QAAMmD,mBAAeC,wCAA2B/B,MAAAA;AAChD,QAAI8B,iBAAiB;AACnB,aACE,uCAAAE,KAACC,SAAAA;QACCC,MAAK;QACLpC,oBAAgBqC,0CAAgBzD,OAAAA,IAAW,KAAQA;QACnD0D,UAAU;QACVC,KAAKhB;QACL1C,UAAUyC,cAAczC;QACxB2D,OAAO;UACLC,YAAY;UACZC,aAAa;UACb,GAAIpB,cAAckB;QACpB;;QAaMnC,oBAAAA,OACKP;AATjB,WACE,uCAAAoC,KAACzD,gBAAgBkE,UAAQ;MACvBb,OAAO;QACLlD;QACAC,UAAUyC,cAAczC;MAC1B;gBAEA,uCAAA+D,MAACnC,mDAAsBkC,UAAQ;QAC7BhC,OAAMN,SAAAA,qBAAAA,YAAYM,UAAI,QAAhBN,uBAAAA,SAAAA,qBAAoBE,iBAAAA,OAAAA,SAAAA,cAAeI,UAAI,QAAvCN,UAAAA,SAAAA,QAA2C;QACjDP,YAAWA,QAAAA,cAAaS,iBAAAA,OAAAA,SAAAA,cAAeT,gBAAS,QAArCA,UAAAA,SAAAA,QAAyC;;UAEpD,uCAAAoC,KAAC9C,OAAAA;YACE,GAAI,CAACe,YAAY;cAChB0C,OAAOlC;cACPmC,QAAQnC;YACV;YACAoC,KAAI;YACJR,KAAKhB;YACLpB;YACC,GAAIA,aAAa,MAAS;cACzBQ;cACAqC,OAAOpE,UAAU,WAAW;YAC9B;;YAEAA;YACAC,UAAUyC,cAAczC;YACvB,GAAGyC;sBAEHjB,YAAY4C;;UAEdzB;;;;EAIT,CAAA,GAGI0B,qBAAqB5D,UAAUG,UACnC,SAACW,OAAOT,cAAAA;AACN,QAAM;;MAEJsD,UAAUE;MACVC;MACAC;MACAlD,WAAW;MACX,GAAGmD;IAAAA,IACDlD,OACEG,gBAAgB7B,aAAAA,QAAM8B,WAAWC,kDAAAA,GACnCwC,WAAWE;AAEf,QAAI,CAAChD,UAAU;AACb,UAAMoD,YACH,OAAOhD,cAAcI,QAAS,WAC3BJ,cAAcI,OAAO,WACrB6C,8BAAYjD,cAAcI,IAAI,KAAYJ,cAAcT,WACxDkD,YAAQS,sBAAAA,GACRC,oBAAgBC,yCAAiB;QAAEhD,MAAM4C;QAAUK,OAAOZ,MAAMY;MAAM,CAAA,GAEtEC,YAAYnF,aAAAA,QAAMoF,SAASC,QAAQZ,YAAAA;AACzCF,iBAAWY,UAAUG,IAAI,SAACC,OAAAA;AACxB,eAAIZ,qBAAqB,CAAC3E,6BAAAA,QAAMwF,eAAeD,KAAAA,IACtCA,QAEFP,cAAcO,KAAAA;MACvB,CAAA;IACF;AAEA,QAAMjF,UAAUN,aAAAA,QAAM8B,WAAW/B,eAAAA;AACjC,WAAI2E,kBAAcf,0CAAgBrD,QAAQJ,OAAO,KAAKI,QAAQJ,YAAY,KAEtE,uCAAAsD,KAAC5C,WAAAA;MAAU6E,eAAc;MAAQ,GAAGb;MAAgBf,KAAK5C;;SAKtD;EACT,CAAA;AAGF,aAAOyE,kCAAqB5E,gBAAgB;IAC1CF,WAAW4D;EACb,CAAA;AACF;",
+  "names": ["CheckboxContext", "React", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "CheckboxFrame", "Indicator", "CheckboxIndicatorFrame", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "useProps", "styledContext", "useContext", "CheckboxStyledContext", "adjustedSize", "size", "getVariableValue", "getSize", "shift", "Math", "round", "setChecked", "useControllableState", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useCheckbox", "useEffect", "id", "registerFocusable", "focusAndSelect", "value", "focus", "renderNative", "shouldRenderNativePlatform", "_jsx", "input", "type", "isIndeterminate", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "_jsxs", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getFontSize", "useTheme", "getThemedIcon", "useGetThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents", "withStaticProperties"]
 }

package/dist/esm/Checkbox.native.mjs

@@ -0,0 +1,80 @@
+import { getVariableValue, styled } from "@tamagui/core";
+import { getSize } from "@tamagui/get-token";
+import { ThemeableStack } from "@tamagui/stacks";
+import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
+var INDICATOR_NAME = "CheckboxIndicator",
+  CheckboxIndicatorFrame = styled(ThemeableStack, {
+    // use Checkbox for easier themes
+    name: INDICATOR_NAME,
+    context: CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  CHECKBOX_NAME = "Checkbox",
+  CheckboxFrame = styled(ThemeableStack, {
+    name: CHECKBOX_NAME,
+    tag: "button",
+    context: CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          pressTheme: !0,
+          focusable: !0,
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          hoverStyle: {
+            borderColor: "$borderColorHover"
+          },
+          focusStyle: {
+            borderColor: "$borderColorFocus"
+          },
+          focusVisibleStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          }
+        }
+      },
+      disabled: {
+        true: {
+          pointerEvents: "none",
+          userSelect: "none",
+          cursor: "not-allowed",
+          hoverStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$background"
+          },
+          pressStyle: {
+            borderColor: "$borderColor",
+            backgroundColor: "$backgroundColor"
+          },
+          focusStyle: {
+            outlineWidth: 0
+          }
+        }
+      },
+      size: {
+        "...size": function (val) {
+          var radiusToken = getVariableValue(getSize(val)) / 8;
+          return {
+            borderRadius: radiusToken
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  });
+export { CheckboxFrame, CheckboxIndicatorFrame };
+//# sourceMappingURL=Checkbox.native.mjs.map

package/dist/esm/Checkbox.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","styled","getSize","ThemeableStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","CHECKBOX_NAME","CheckboxFrame","tag","size","backgroundColor","alignItems","justifyContent","pressTheme","focusable","borderWidth","borderColor","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","pressStyle","...size","val","radiusToken","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,cAAA,QAAsB;AAE/B,SAASC,qBAAA,QAA6B;AAKtC,IAAAC,cAAM,sBAAiB;EAAAC,sBAEV,GAAAL,MAAyB,CAAAE,cAAO;IAAgB;IAE3DI,IAAA,EAAMF,cAAA;IACNG,OAAA,EAASJ,qBAAA;IACTK,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO,CAAC;MACV;IACF;IACAC,eAAA,EAAiB;MACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAMKC,aAAA,GAAgB;EAETC,aAAA,GAAgBhB,MAAA,CAAOE,cAAA,EAAgB;IAClDI,IAAA,EAAMS,aAAA;IACNE,GAAA,EAAK;IAELV,OAAA,EAASJ,qBAAA;IACTK,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLQ,IAAA,EAAM;UACNC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,UAAA,EAAY;UACZC,SAAA,EAAW;UACXC,WAAA,EAAa;UACbC,WAAA,EAAa;UAEbC,UAAA,EAAY;YACVD,WAAA,EAAa;UACf;UAEAE,UAAA,EAAY;YACVF,WAAA,EAAa;UACf;UAEAG,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAC,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERV,UAAA,EAAY;YACVD,WAAA,EAAa;YACbN,eAAA,EAAiB;UACnB;UAEAkB,UAAA,EAAY;YACVZ,WAAA,EAAa;YACbN,eAAA,EAAiB;UACnB;UAEAQ,UAAA,EAAY;YACVG,YAAA,EAAc;UAChB;QACF;MACF;MAEAZ,IAAA,EAAM;QACJ,WAAW,SAAAoB,CAACC,GAEH;UACL,IAAAC,WAFkB,GAAAzC,gBAAiB,CAAAE,OAAW,CAACsC,GAAA,CAAI;UAGrD;YAEJE,YAAA,EAAAD;UACF;QAEA;MACE;IACF;IACD7B,eAAA","ignoreList":[]}

package/dist/esm/CheckboxStyledContext.native.mjs

@@ -0,0 +1,7 @@
+import { createStyledContext } from "@tamagui/core";
+var CheckboxStyledContext = createStyledContext({
+  size: "$true",
+  scaleIcon: 1
+});
+export { CheckboxStyledContext };
+//# sourceMappingURL=CheckboxStyledContext.native.mjs.map

package/dist/esm/CheckboxStyledContext.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","CheckboxStyledContext","size","scaleIcon"],"sources":["../../src/CheckboxStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,qBAAM,GAAAD,mBAAwB;EACnCE,IAAA,EAAM;EACNC,SAAA,EAAW;AACb,CAAC","ignoreList":[]}

package/dist/esm/createCheckbox.native.js

@@ -9,98 +9,6 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox";
 import { CheckboxStyledContext } from "./CheckboxStyledContext";
-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] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), 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 _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _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 CheckboxContext = /* @__PURE__ */ React.createContext({
   checked: !1,
   disabled: !1
@@ -108,30 +16,21 @@ var CheckboxContext = /* @__PURE__ */ React.createContext({
   x.context || (x.context = CheckboxContext);
 };
 function createCheckbox(createProps) {
-  var disableActiveTheme = createProps.disableActiveTheme, _createProps_Frame = createProps.Frame, Frame = _createProps_Frame === void 0 ? CheckboxFrame : _createProps_Frame, _createProps_Indicator = createProps.Indicator, Indicator = _createProps_Indicator === void 0 ? CheckboxIndicatorFrame : _createProps_Indicator;
+  var { disableActiveTheme, Frame = CheckboxFrame, Indicator = CheckboxIndicatorFrame } = createProps;
   ensureContext(Frame), ensureContext(Indicator);
   var FrameComponent = Frame.styleable(function(_props, forwardedRef) {
-    var _props_scaleSize = _props.scaleSize, scaleSize = _props_scaleSize === void 0 ? 0.45 : _props_scaleSize, _props_sizeAdjust = _props.sizeAdjust, sizeAdjust = _props_sizeAdjust === void 0 ? 0 : _props_sizeAdjust, scaleIcon = _props.scaleIcon, checkedProp = _props.checked, defaultChecked = _props.defaultChecked, onCheckedChange = _props.onCheckedChange, native = _props.native, _props_unstyled = _props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, props = _object_without_properties(_props, [
-      "scaleSize",
-      "sizeAdjust",
-      "scaleIcon",
-      "checked",
-      "defaultChecked",
-      "onCheckedChange",
-      "native",
-      "unstyled"
-    ]), propsActive = useProps(props), styledContext = React.useContext(CheckboxStyledContext), adjustedSize = 0, size = 0;
+    var { scaleSize = 0.45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = !1, ...props } = _props, propsActive = useProps(props), styledContext = React.useContext(CheckboxStyledContext), adjustedSize = 0, size = 0;
     if (!unstyled) {
       var _propsActive_size, _ref;
-      adjustedSize = getVariableValue(getSize((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext == null ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true", {
+      adjustedSize = getVariableValue(getSize((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext?.size) !== null && _ref !== void 0 ? _ref : "$true", {
         shift: sizeAdjust
       })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
     }
-    var _useControllableState = _sliced_to_array(useControllableState({
+    var [checked = !1, setChecked] = useControllableState({
       prop: checkedProp,
       defaultProp: defaultChecked,
       onChange: onCheckedChange
-    }), 2), tmp = _useControllableState[0], checked = tmp === void 0 ? !1 : tmp, setChecked = _useControllableState[1], _useCheckbox = useCheckbox(
+    }), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
       // @ts-ignore
       propsActive,
       [
@@ -139,12 +38,12 @@ function createCheckbox(createProps) {
         setChecked
       ],
       forwardedRef
-    ), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
+    );
     React.useEffect(function() {
       if (props.id && !props.disabled)
         return registerFocusable(props.id, {
           focusAndSelect: function() {
-            setChecked == null || setChecked(function(value) {
+            setChecked?.(function(value) {
               return !value;
             });
           },
@@ -163,10 +62,11 @@ function createCheckbox(createProps) {
         tabIndex: -1,
         ref: checkboxRef,
         disabled: checkboxProps.disabled,
-        style: _object_spread({
+        style: {
           appearance: "auto",
-          accentColor: "var(--color6)"
-        }, checkboxProps.style)
+          accentColor: "var(--color6)",
+          ...checkboxProps.style
+        }
       });
     var _propsActive_size1, _ref1, _ref2;
     return /* @__PURE__ */ _jsx(CheckboxContext.Provider, {
@@ -175,37 +75,40 @@ function createCheckbox(createProps) {
         disabled: checkboxProps.disabled
       },
       children: /* @__PURE__ */ _jsxs(CheckboxStyledContext.Provider, {
-        size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
-        scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
+        size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext?.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
+        scaleIcon: (_ref2 = scaleIcon ?? styledContext?.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,
         children: [
-          /* @__PURE__ */ _jsx(Frame, _object_spread_props(_object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, !unstyled && {
-            width: size,
-            height: size
-          }), {
+          /* @__PURE__ */ _jsx(Frame, {
+            ...!unstyled && {
+              width: size,
+              height: size
+            },
             tag: "button",
             ref: checkboxRef,
-            unstyled
-          }), unstyled === !1 && {
-            size,
-            theme: checked ? "active" : null
-          }), {
+            unstyled,
+            ...unstyled === !1 && {
+              size,
+              theme: checked ? "active" : null
+            },
             // potential variant
             checked,
-            disabled: checkboxProps.disabled
-          }), checkboxProps), {
+            disabled: checkboxProps.disabled,
+            ...checkboxProps,
             children: propsActive.children
-          })),
+          }),
           bubbleInput
         ]
       })
     });
   }), IndicatorComponent = Indicator.styleable(function(props, forwardedRef) {
-    var childrenProp = props.children, forceMount = props.forceMount, disablePassStyles = props.disablePassStyles, _props_unstyled = props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, indicatorProps = _object_without_properties(props, [
-      "children",
-      "forceMount",
-      "disablePassStyles",
-      "unstyled"
-    ]), styledContext = React.useContext(CheckboxStyledContext), children = childrenProp;
+    var {
+      // __scopeCheckbox,
+      children: childrenProp,
+      forceMount,
+      disablePassStyles,
+      unstyled = !1,
+      ...indicatorProps
+    } = props, styledContext = React.useContext(CheckboxStyledContext), children = childrenProp;
     if (!unstyled) {
       var iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon, theme = useTheme(), getThemedIcon = useGetThemedIcon({
         size: iconSize,
@@ -216,12 +119,12 @@ function createCheckbox(createProps) {
       });
     }
     var context = React.useContext(CheckboxContext);
-    return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */ _jsx(Indicator, _object_spread_props(_object_spread({
-      pointerEvents: "none"
-    }, indicatorProps), {
+    return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */ _jsx(Indicator, {
+      pointerEvents: "none",
+      ...indicatorProps,
       ref: forwardedRef,
       children
-    })) : null;
+    }) : null;
   });
   return withStaticProperties(FrameComponent, {
     Indicator: IndicatorComponent

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/checkbox/src/createCheckbox.tsx"],
-  "mappings": "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",
-  "names": ["React", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "prop", "defaultProp", "onChange", "setChecked", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAKlB,SAASC,yBAAyB;AAClC,SAASC,iBAAiBC,mBAAmB;AAE7C,SACEC,kBACAC,4BACAC,UACAC,UACAC,4BACK;AACP,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,wBAAwB;AACjC,SAASC,4BAA4B;AAErC,SAASC,eAAeC,8BAA8B;AACtD,SAASC,6BAA6B;AA0C/B,IAAMC,kBAAkBhB,sBAAMiB,cAGlC;EACDC,SAAS;EACTC,UAAU;AACZ,CAAA,GAEMC,gBAAgB,SAACC,GAAAA;AACrB,EAAKA,EAAEC,YACLD,EAAEC,UAAUN;AAEhB;AAEO,SAASO,eAGdC,aAAuE;AACvE,MAAM,EACJC,oBACAC,QAAQb,eACRc,YAAYb,uBAAsB,IAChCU;AAMJJ,gBAAcM,KAAAA,GACdN,cAAcO,SAAAA;AAEd,MAAMC,iBAAiBF,MAAMG,UAC3B,SAAkBC,QAAQC,cAAY;AACpC,QAAM,EACJC,YAAY,MACZC,aAAa,GACbC,WACAhB,SAASiB,aACTC,gBACAC,iBACAC,QACAC,WAAW,IACX,GAAGC,MAAAA,IACDV,QACEW,cAAcnC,SAASkC,KAAAA,GAGvBE,gBAAgB1C,MAAM2C,WAAW5B,qBAAAA,GACnC6B,eAAe,GACfC,OAAO;AACX,QAAI,CAACN,UAAU;UAEHE,mBAAAA;AADVG,qBAAexC,iBACbM,SAAQ+B,QAAAA,oBAAAA,YAAYI,UAAI,QAAhBJ,sBAAAA,SAAAA,oBAAoBC,eAAeG,UAAI,QAAvCJ,SAAAA,SAAAA,OAA2C,SAAS;QAC1DK,OAAOb;MACT,CAAA,CAAA,GAEFY,OAAOb,YAAYe,KAAKC,MAAMJ,eAAeZ,SAAAA,IAAaY;IAC5D;AAEA,QAAM,CAAC1B,UAAU,IAAO+B,UAAAA,IAAcrC,qBAAqB;MACzDsC,MAAMf;MACNgB,aAAaf;MACbgB,UAAUf;IACZ,CAAA,GAEM,EAAEgB,eAAeC,aAAaC,YAAW,IAAKpD;;MAElDsC;MACA;QAACvB;QAAS+B;;MACVlB;IAAAA;AAIA/B,UAAMwD,UAAU,WAAA;AACd,UAAKhB,MAAMiB,MACPjB,OAAMrB;AAEV,eAAOlB,kBAAkBuC,MAAMiB,IAAI;UACjCC,gBAAgB,WAAA;AACdT,YAAAA,aAAa,SAACU,OAAAA;qBAAU,CAACA;;UAC3B;UACAC,OAAO,WAAA;UAAO;QAChB,CAAA;IACF,GAAG;MAACpB,MAAMiB;MAAIjB,MAAMrB;KAAS;AAG/B,QAAM0C,eAAexD,2BAA2BiC,MAAAA;AAChD,QAAIuB,iBAAiB;AACnB,aACE,qBAACC,SAAAA;QACCC,MAAK;QACL3B,gBAAgBlC,gBAAgBgB,OAAAA,IAAW,KAAQA;QACnD8C,UAAU;QACVC,KAAKX;QACLnC,UAAUkC,cAAclC;QACxB+C,OAAO;UACLC,YAAY;UACZC,aAAa;UACb,GAAIf,cAAca;QACpB;;QAaMzB,oBAAAA,OACKP;AATjB,WACE,qBAAClB,gBAAgBqD,UAAQ;MACvBV,OAAO;QACLzC;QACAC,UAAUkC,cAAclC;MAC1B;gBAEA,sBAACJ,sBAAsBsD,UAAQ;QAC7BxB,OAAMJ,SAAAA,qBAAAA,YAAYI,UAAI,QAAhBJ,uBAAAA,SAAAA,qBAAoBC,eAAeG,UAAI,QAAvCJ,UAAAA,SAAAA,QAA2C;QACjDP,YAAWA,QAAAA,aAAaQ,eAAeR,eAAS,QAArCA,UAAAA,SAAAA,QAAyC;;UAEpD,qBAACR,OAAAA;YACE,GAAI,CAACa,YAAY;cAChB+B,OAAOzB;cACP0B,QAAQ1B;YACV;YACA2B,KAAI;YACJP,KAAKX;YACLf;YACC,GAAIA,aAAa,MAAS;cACzBM;cACA4B,OAAOvD,UAAU,WAAW;YAC9B;;YAEAA;YACAC,UAAUkC,cAAclC;YACvB,GAAGkC;sBAEHZ,YAAYiC;;UAEdnB;;;;EAIT,CAAA,GAGIoB,qBAAqBhD,UAAUE,UACnC,SAACW,OAAOT,cAAAA;AACN,QAAM;;MAEJ2C,UAAUE;MACVC;MACAC;MACAvC,WAAW;MACX,GAAGwC;IAAAA,IACDvC,OACEE,gBAAgB1C,MAAM2C,WAAW5B,qBAAAA,GACnC2D,WAAWE;AAEf,QAAI,CAACrC,UAAU;AACb,UAAMyC,YACH,OAAOtC,cAAcG,QAAS,WAC3BH,cAAcG,OAAO,OACrBpC,YAAYiC,cAAcG,IAAI,KAAYH,cAAcR,WACxDuC,QAAQlE,SAAAA,GACR0E,gBAAgBtE,iBAAiB;QAAEkC,MAAMmC;QAAUE,OAAOT,MAAMS;MAAM,CAAA,GAEtEC,YAAYnF,MAAMoF,SAASC,QAAQT,YAAAA;AACzCF,iBAAWS,UAAUG,IAAI,SAACC,OAAAA;AACxB,eAAIT,qBAAqB,CAAC9E,sBAAMwF,eAAeD,KAAAA,IACtCA,QAEFN,cAAcM,KAAAA;MACvB,CAAA;IACF;AAEA,QAAMjE,UAAUtB,MAAM2C,WAAW3B,eAAAA;AACjC,WAAI6D,cAAc3E,gBAAgBoB,QAAQJ,OAAO,KAAKI,QAAQJ,YAAY,KAEtE,qBAACS,WAAAA;MAAU8D,eAAc;MAAQ,GAAGV;MAAgBd,KAAKlC;;SAKtD;EACT,CAAA;AAGF,SAAOvB,qBAAqBoB,gBAAgB;IAC1CD,WAAWgD;EACb,CAAA;AACF;",
+  "names": ["React", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "setChecked", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
 }

package/dist/esm/createCheckbox.native.mjs

@@ -0,0 +1,149 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { registerFocusable } from "@tamagui/focusable";
+import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
+import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
+import { getFontSize } from "@tamagui/font-size";
+import { getSize } from "@tamagui/get-token";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
+import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
+var CheckboxContext = /* @__PURE__ */React.createContext({
+    checked: !1,
+    disabled: !1
+  }),
+  ensureContext = function (x) {
+    x.context || (x.context = CheckboxContext);
+  };
+function createCheckbox(createProps) {
+  var {
+    disableActiveTheme,
+    Frame = CheckboxFrame,
+    Indicator = CheckboxIndicatorFrame
+  } = createProps;
+  ensureContext(Frame), ensureContext(Indicator);
+  var FrameComponent = Frame.styleable(function (_props, forwardedRef) {
+      var {
+          scaleSize = 0.45,
+          sizeAdjust = 0,
+          scaleIcon,
+          checked: checkedProp,
+          defaultChecked,
+          onCheckedChange,
+          native,
+          unstyled = !1,
+          ...props
+        } = _props,
+        propsActive = useProps(props),
+        styledContext = React.useContext(CheckboxStyledContext),
+        adjustedSize = 0,
+        size = 0;
+      if (!unstyled) {
+        var _propsActive_size, _ref;
+        adjustedSize = getVariableValue(getSize((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext?.size) !== null && _ref !== void 0 ? _ref : "$true", {
+          shift: sizeAdjust
+        })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
+      }
+      var [checked = !1, setChecked] = useControllableState({
+          prop: checkedProp,
+          defaultProp: defaultChecked,
+          onChange: onCheckedChange
+        }),
+        {
+          checkboxProps,
+          checkboxRef,
+          bubbleInput
+        } = useCheckbox(
+        // @ts-ignore
+        propsActive, [checked, setChecked], forwardedRef);
+      React.useEffect(function () {
+        if (props.id && !props.disabled) return registerFocusable(props.id, {
+          focusAndSelect: function () {
+            setChecked?.(function (value) {
+              return !value;
+            });
+          },
+          focus: function () {}
+        });
+      }, [props.id, props.disabled]);
+      var renderNative = shouldRenderNativePlatform(native);
+      if (renderNative === "web") return /* @__PURE__ */_jsx("input", {
+        type: "checkbox",
+        defaultChecked: isIndeterminate(checked) ? !1 : checked,
+        tabIndex: -1,
+        ref: checkboxRef,
+        disabled: checkboxProps.disabled,
+        style: {
+          appearance: "auto",
+          accentColor: "var(--color6)",
+          ...checkboxProps.style
+        }
+      });
+      var _propsActive_size1, _ref1, _ref2;
+      return /* @__PURE__ */_jsx(CheckboxContext.Provider, {
+        value: {
+          checked,
+          disabled: checkboxProps.disabled
+        },
+        children: /* @__PURE__ */_jsxs(CheckboxStyledContext.Provider, {
+          size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext?.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
+          scaleIcon: (_ref2 = scaleIcon ?? styledContext?.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,
+          children: [/* @__PURE__ */_jsx(Frame, {
+            ...(!unstyled && {
+              width: size,
+              height: size
+            }),
+            tag: "button",
+            ref: checkboxRef,
+            unstyled,
+            ...(unstyled === !1 && {
+              size,
+              theme: checked ? "active" : null
+            }),
+            // potential variant
+            checked,
+            disabled: checkboxProps.disabled,
+            ...checkboxProps,
+            children: propsActive.children
+          }), bubbleInput]
+        })
+      });
+    }),
+    IndicatorComponent = Indicator.styleable(function (props, forwardedRef) {
+      var {
+          // __scopeCheckbox,
+          children: childrenProp,
+          forceMount,
+          disablePassStyles,
+          unstyled = !1,
+          ...indicatorProps
+        } = props,
+        styledContext = React.useContext(CheckboxStyledContext),
+        children = childrenProp;
+      if (!unstyled) {
+        var iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
+          theme = useTheme(),
+          getThemedIcon = useGetThemedIcon({
+            size: iconSize,
+            color: theme.color
+          }),
+          childrens = React.Children.toArray(childrenProp);
+        children = childrens.map(function (child) {
+          return disablePassStyles || ! /* @__PURE__ */React.isValidElement(child) ? child : getThemedIcon(child);
+        });
+      }
+      var context = React.useContext(CheckboxContext);
+      return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */_jsx(Indicator, {
+        pointerEvents: "none",
+        ...indicatorProps,
+        ref: forwardedRef,
+        children
+      }) : null;
+    });
+  return withStaticProperties(FrameComponent, {
+    Indicator: IndicatorComponent
+  });
+}
+export { CheckboxContext, createCheckbox };
+//# sourceMappingURL=createCheckbox.native.mjs.map

package/dist/esm/createCheckbox.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","registerFocusable","isIndeterminate","useCheckbox","getVariableValue","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","getFontSize","getSize","useGetThemedIcon","useControllableState","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","disableActiveTheme","Frame","Indicator","FrameComponent","styleable","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","props","propsActive","styledContext","useContext","adjustedSize","size","_propsActive_size","_ref","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","useEffect","id","focusAndSelect","value","focus","renderNative","type","tabIndex","ref","style","appearance","accentColor","_propsActive_size1","_ref1","_ref2","Provider","children","width","height","tag","theme","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","iconSize","getThemedIcon","color","childrens","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.native.mjs

@@ -0,0 +1,11 @@
+import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
+import { createCheckbox } from "./createCheckbox.mjs";
+export * from "./createCheckbox.mjs";
+export * from "./Checkbox.mjs";
+export * from "./CheckboxStyledContext.mjs";
+var Checkbox = createCheckbox({
+  Frame: CheckboxFrame,
+  Indicator: CheckboxIndicatorFrame
+});
+export { Checkbox };
+//# sourceMappingURL=index.native.mjs.map

package/dist/esm/index.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["CheckboxFrame","CheckboxIndicatorFrame","createCheckbox","Checkbox","Frame","Indicator"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,sBAAA,QAA8B;AACtD,SAASC,cAAA,QAAsB;AAE/B,cAAc;AACd,cAAc;AACd,cAAc;AAGP,IAAAC,QAAM,GAAAD,cAAW;EACtBE,KAAA,EAAOJ,aAAA;EACPK,SAAA,EAAWJ;AACb,CAAC","ignoreList":[]}

package/dist/jsx/createCheckbox.native.js

@@ -9,98 +9,6 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox";
 import { CheckboxStyledContext } from "./CheckboxStyledContext";
-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] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), 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 _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _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 CheckboxContext = /* @__PURE__ */ React.createContext({
   checked: !1,
   disabled: !1
@@ -108,30 +16,21 @@ var CheckboxContext = /* @__PURE__ */ React.createContext({
   x.context || (x.context = CheckboxContext);
 };
 function createCheckbox(createProps) {
-  var disableActiveTheme = createProps.disableActiveTheme, _createProps_Frame = createProps.Frame, Frame = _createProps_Frame === void 0 ? CheckboxFrame : _createProps_Frame, _createProps_Indicator = createProps.Indicator, Indicator = _createProps_Indicator === void 0 ? CheckboxIndicatorFrame : _createProps_Indicator;
+  var { disableActiveTheme, Frame = CheckboxFrame, Indicator = CheckboxIndicatorFrame } = createProps;
   ensureContext(Frame), ensureContext(Indicator);
   var FrameComponent = Frame.styleable(function(_props, forwardedRef) {
-    var _props_scaleSize = _props.scaleSize, scaleSize = _props_scaleSize === void 0 ? 0.45 : _props_scaleSize, _props_sizeAdjust = _props.sizeAdjust, sizeAdjust = _props_sizeAdjust === void 0 ? 0 : _props_sizeAdjust, scaleIcon = _props.scaleIcon, checkedProp = _props.checked, defaultChecked = _props.defaultChecked, onCheckedChange = _props.onCheckedChange, native = _props.native, _props_unstyled = _props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, props = _object_without_properties(_props, [
-      "scaleSize",
-      "sizeAdjust",
-      "scaleIcon",
-      "checked",
-      "defaultChecked",
-      "onCheckedChange",
-      "native",
-      "unstyled"
-    ]), propsActive = useProps(props), styledContext = React.useContext(CheckboxStyledContext), adjustedSize = 0, size = 0;
+    var { scaleSize = 0.45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = !1, ...props } = _props, propsActive = useProps(props), styledContext = React.useContext(CheckboxStyledContext), adjustedSize = 0, size = 0;
     if (!unstyled) {
       var _propsActive_size, _ref;
       adjustedSize = getVariableValue(getSize((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext == null ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true", {
         shift: sizeAdjust
       })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
     }
-    var _useControllableState = _sliced_to_array(useControllableState({
+    var [checked = !1, setChecked] = useControllableState({
       prop: checkedProp,
       defaultProp: defaultChecked,
       onChange: onCheckedChange
-    }), 2), tmp = _useControllableState[0], checked = tmp === void 0 ? !1 : tmp, setChecked = _useControllableState[1], _useCheckbox = useCheckbox(
+    }), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
       // @ts-ignore
       propsActive,
       [
@@ -139,7 +38,7 @@ function createCheckbox(createProps) {
         setChecked
       ],
       forwardedRef
-    ), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
+    );
     React.useEffect(function() {
       if (props.id && !props.disabled)
         return registerFocusable(props.id, {
@@ -163,10 +62,11 @@ function createCheckbox(createProps) {
         tabIndex: -1,
         ref: checkboxRef,
         disabled: checkboxProps.disabled,
-        style: _object_spread({
+        style: {
           appearance: "auto",
-          accentColor: "var(--color6)"
-        }, checkboxProps.style)
+          accentColor: "var(--color6)",
+          ...checkboxProps.style
+        }
       });
     var _propsActive_size1, _ref1, _ref2;
     return /* @__PURE__ */ _jsx(CheckboxContext.Provider, {
@@ -178,34 +78,37 @@ function createCheckbox(createProps) {
         size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
         scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
         children: [
-          /* @__PURE__ */ _jsx(Frame, _object_spread_props(_object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, !unstyled && {
-            width: size,
-            height: size
-          }), {
+          /* @__PURE__ */ _jsx(Frame, {
+            ...!unstyled && {
+              width: size,
+              height: size
+            },
             tag: "button",
             ref: checkboxRef,
-            unstyled
-          }), unstyled === !1 && {
-            size,
-            theme: checked ? "active" : null
-          }), {
+            unstyled,
+            ...unstyled === !1 && {
+              size,
+              theme: checked ? "active" : null
+            },
             // potential variant
             checked,
-            disabled: checkboxProps.disabled
-          }), checkboxProps), {
+            disabled: checkboxProps.disabled,
+            ...checkboxProps,
             children: propsActive.children
-          })),
+          }),
           bubbleInput
         ]
       })
     });
   }), IndicatorComponent = Indicator.styleable(function(props, forwardedRef) {
-    var childrenProp = props.children, forceMount = props.forceMount, disablePassStyles = props.disablePassStyles, _props_unstyled = props.unstyled, unstyled = _props_unstyled === void 0 ? !1 : _props_unstyled, indicatorProps = _object_without_properties(props, [
-      "children",
-      "forceMount",
-      "disablePassStyles",
-      "unstyled"
-    ]), styledContext = React.useContext(CheckboxStyledContext), children = childrenProp;
+    var {
+      // __scopeCheckbox,
+      children: childrenProp,
+      forceMount,
+      disablePassStyles,
+      unstyled = !1,
+      ...indicatorProps
+    } = props, styledContext = React.useContext(CheckboxStyledContext), children = childrenProp;
     if (!unstyled) {
       var iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon, theme = useTheme(), getThemedIcon = useGetThemedIcon({
         size: iconSize,
@@ -216,12 +119,12 @@ function createCheckbox(createProps) {
       });
     }
     var context = React.useContext(CheckboxContext);
-    return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */ _jsx(Indicator, _object_spread_props(_object_spread({
-      pointerEvents: "none"
-    }, indicatorProps), {
+    return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */ _jsx(Indicator, {
+      pointerEvents: "none",
+      ...indicatorProps,
       ref: forwardedRef,
       children
-    })) : null;
+    }) : null;
   });
   return withStaticProperties(FrameComponent, {
     Indicator: IndicatorComponent

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/checkbox/src/createCheckbox.tsx"],
-  "mappings": "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",
-  "names": ["React", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "prop", "defaultProp", "onChange", "setChecked", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
+  "mappings": "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",
+  "names": ["React", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "setChecked", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/checkbox",
-  "version": "1.110.5",
+  "version": "1.111.0",
   "sideEffects": [
     "*.css"
   ],
@@ -24,20 +24,20 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/checkbox-headless": "1.110.5",
-    "@tamagui/compose-refs": "1.110.5",
-    "@tamagui/constants": "1.110.5",
-    "@tamagui/core": "1.110.5",
-    "@tamagui/create-context": "1.110.5",
-    "@tamagui/focusable": "1.110.5",
-    "@tamagui/font-size": "1.110.5",
-    "@tamagui/get-token": "1.110.5",
-    "@tamagui/helpers": "1.110.5",
-    "@tamagui/helpers-tamagui": "1.110.5",
-    "@tamagui/label": "1.110.5",
-    "@tamagui/stacks": "1.110.5",
-    "@tamagui/use-controllable-state": "1.110.5",
-    "@tamagui/use-previous": "1.110.5"
+    "@tamagui/checkbox-headless": "1.111.0",
+    "@tamagui/compose-refs": "1.111.0",
+    "@tamagui/constants": "1.111.0",
+    "@tamagui/core": "1.111.0",
+    "@tamagui/create-context": "1.111.0",
+    "@tamagui/focusable": "1.111.0",
+    "@tamagui/font-size": "1.111.0",
+    "@tamagui/get-token": "1.111.0",
+    "@tamagui/helpers": "1.111.0",
+    "@tamagui/helpers-tamagui": "1.111.0",
+    "@tamagui/label": "1.111.0",
+    "@tamagui/stacks": "1.111.0",
+    "@tamagui/use-controllable-state": "1.111.0",
+    "@tamagui/use-previous": "1.111.0"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -50,7 +50,7 @@
     }
   },
   "devDependencies": {
-    "@tamagui/build": "1.110.5",
+    "@tamagui/build": "1.111.0",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {