@hanzogui/checkbox 2.0.0

package/dist/cjs/createCheckbox.native.js

@@ -0,0 +1,209 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var createCheckbox_exports = {};
+__export(createCheckbox_exports, {
+  CheckboxContext: () => CheckboxContext,
+  createCheckbox: () => createCheckbox
+});
+module.exports = __toCommonJS(createCheckbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_checkbox_headless = require("@hanzo/gui-checkbox-headless"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_focusable = require("@hanzo/gui-focusable"),
+  import_gui_font_size = require("@hanzo/gui-font-size"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_use_controllable_state = require("@hanzo/gui-use-controllable-state"),
+  import_react = __toESM(require("react"), 1),
+  import_Checkbox = require("./Checkbox.native.js"),
+  import_CheckboxStyledContext = require("./CheckboxStyledContext.native.js"),
+  CheckboxContext = /* @__PURE__ */import_react.default.createContext({
+    checked: !1,
+    disabled: !1
+  }),
+  ensureContext = function (x) {
+    x.context || (x.context = CheckboxContext);
+  };
+function createCheckbox(createProps) {
+  var {
+    Frame = import_Checkbox.CheckboxFrame,
+    Indicator = import_Checkbox.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,
+          activeStyle,
+          activeTheme,
+          ...props
+        } = _props,
+        propsActive = (0, import_gui_core.useProps)(props),
+        styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context),
+        adjustedSize = 0,
+        size = 0;
+      if (!unstyled) {
+        var _propsActive_size, _ref;
+        adjustedSize = (0, import_gui_core.getVariableValue)((0, import_gui_get_token.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] = (0, import_gui_use_controllable_state.useControllableState)({
+          prop: checkedProp,
+          defaultProp: defaultChecked,
+          onChange: onCheckedChange
+        }),
+        {
+          checkboxProps,
+          checkboxRef,
+          bubbleInput
+        } = (0, import_gui_checkbox_headless.useCheckbox)(
+        // @ts-ignore
+        propsActive, [checked, setChecked], forwardedRef);
+      import_react.default.useEffect(function () {
+        if (props.id && !props.disabled) return (0, import_gui_focusable.registerFocusable)(props.id, {
+          focusAndSelect: function () {
+            setChecked?.(function (value) {
+              return !value;
+            });
+          },
+          focus: function () {}
+        });
+      }, [props.id, props.disabled]);
+      var renderNative = (0, import_gui_core.shouldRenderNativePlatform)(native);
+      if (renderNative === "web") return /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+        type: "checkbox",
+        defaultChecked: (0, import_gui_checkbox_headless.isIndeterminate)(checked) ? !1 : checked,
+        tabIndex: -1,
+        ref: checkboxRef,
+        disabled: checkboxProps.disabled,
+        style: {
+          appearance: "auto",
+          accentColor: "var(--color6)",
+          ...checkboxProps.style
+        }
+      });
+      var memoizedContext = (0, import_react.useMemo)(function () {
+          return {
+            checked,
+            disabled: checkboxProps.disabled
+          };
+        }, [checked, checkboxProps.disabled]),
+        isActive = !!checked,
+        disabled = checkboxProps.disabled,
+        _propsActive_size1,
+        _ref1,
+        _ref2;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
+        value: memoizedContext,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.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,
+          unstyled,
+          active: isActive,
+          disabled,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
+            render: "button",
+            ref: checkboxRef,
+            unstyled,
+            theme: activeTheme ?? null,
+            ...(import_gui_core.isWeb && {
+              type: "button"
+            }),
+            ...(!unstyled && {
+              width: size,
+              height: size,
+              size
+            }),
+            checked,
+            disabled,
+            ...checkboxProps,
+            ...props,
+            ...(isActive && {
+              ...(!unstyled && !activeStyle && {
+                backgroundColor: "$backgroundActive"
+              }),
+              ...activeStyle
+            }),
+            children: propsActive.children
+          }), bubbleInput]
+        })
+      });
+    }),
+    IndicatorComponent = Indicator.styleable(function (props, forwardedRef) {
+      var {
+          children: childrenProp,
+          forceMount,
+          disablePassStyles,
+          unstyled = !1,
+          activeStyle,
+          ...indicatorProps
+        } = props,
+        styledContext = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext(),
+        {
+          active
+        } = styledContext,
+        children = childrenProp;
+      if (!unstyled) {
+        var iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_gui_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon,
+          theme = (0, import_gui_core.useTheme)(),
+          getThemedIcon = (0, import_gui_helpers.useGetThemedIcon)({
+            size: iconSize,
+            color: theme.color
+          }),
+          childrens = import_react.default.Children.toArray(childrenProp);
+        children = childrens.map(function (child) {
+          return disablePassStyles || ! /* @__PURE__ */import_react.default.isValidElement(child) ? child : getThemedIcon(child);
+        });
+      }
+      var context = import_react.default.useContext(CheckboxContext);
+      return forceMount || (0, import_gui_checkbox_headless.isIndeterminate)(context.checked) || context.checked === !0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
+        pointerEvents: "none",
+        ...indicatorProps,
+        ...(active && activeStyle),
+        ref: forwardedRef,
+        children
+      }) : null;
+    });
+  return (0, import_gui_core.withStaticProperties)(FrameComponent, {
+    Indicator: IndicatorComponent
+  });
+}
+//# sourceMappingURL=createCheckbox.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createCheckbox_exports","__export","CheckboxContext","createCheckbox","module","exports","import_jsx_runtime","require","import_gui_checkbox_headless","import_gui_core","import_gui_focusable","import_gui_font_size","import_gui_get_token","import_gui_helpers","import_gui_use_controllable_state","import_react","__toESM","import_Checkbox","import_CheckboxStyledContext","default","createContext","checked","disabled","ensureContext","x","context","createProps","Frame","CheckboxFrame","Indicator","CheckboxIndicatorFrame","FrameComponent","styleable","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","activeStyle","activeTheme","props","propsActive","useProps","styledContext","useContext","CheckboxStyledContext","adjustedSize","size","_propsActive_size","_ref","getVariableValue","getSize","shift","Math","round","setChecked","useControllableState","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","useCheckbox","useEffect","id","registerFocusable","focusAndSelect","focus","renderNative","shouldRenderNativePlatform","jsx","type","isIndeterminate","tabIndex","ref","style","appearance","accentColor","memoizedContext","useMemo","isActive","_propsActive_size1","_ref1","_ref2","Provider","children","jsxs","active","render","theme","isWeb","width","height","backgroundColor","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","useStyledContext","iconSize","getFontSize","useTheme","getThemedIcon","useGetThemedIcon","color","childrens","Children","toArray","map","child","isValidElement","pointerEvents","withStaticProperties"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(index_exports);
+var import_Checkbox = require("./Checkbox.cjs"),
+  import_createCheckbox = require("./createCheckbox.cjs");
+__reExport(index_exports, require("./createCheckbox.cjs"), module.exports);
+__reExport(index_exports, require("./Checkbox.cjs"), module.exports);
+__reExport(index_exports, require("./CheckboxStyledContext.cjs"), module.exports);
+const Checkbox = (0, import_createCheckbox.createCheckbox)({
+  Frame: import_Checkbox.CheckboxFrame,
+  Indicator: import_Checkbox.CheckboxIndicatorFrame
+});

package/dist/cjs/index.native.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(index_exports);
+var import_Checkbox = require("./Checkbox.native.js"),
+  import_createCheckbox = require("./createCheckbox.native.js");
+__reExport(index_exports, require("./createCheckbox.native.js"), module.exports);
+__reExport(index_exports, require("./Checkbox.native.js"), module.exports);
+__reExport(index_exports, require("./CheckboxStyledContext.native.js"), module.exports);
+var Checkbox = (0, import_createCheckbox.createCheckbox)({
+  Frame: import_Checkbox.CheckboxFrame,
+  Indicator: import_Checkbox.CheckboxIndicatorFrame
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","Checkbox","module","exports","import_Checkbox","require","import_createCheckbox","__reExport","createCheckbox","Frame","CheckboxFrame","Indicator","CheckboxIndicatorFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsD,CAAAK,aAAA;AAGtD,IAAAK,eAAA,GAAAC,OAAc;EAAAC,qBAHd,GAAAD,OAAA;AAIAE,UAAA,CAAAR,aAAA,EAAcM,OAAA,6BAJd,GAAAH,MAAA,CAAAC,OAAA;AAKAI,UAAA,CAAAR,aAAA,EAAcM,OAAA,0BAAAH,MAAA,CAAAC,OALd;AAQOI,UAAM,CAAAR,aAAW,EAAAM,OAAA,oCAAe,GAAAH,MAAA,CAAAC,OAAA;AAAA,IACrCF,QAAO,OAAAK,qBAAA,CAAAE,cAAA;EACPC,KAAA,EAAAL,eAAW,CAAAM,aAAA;EACZC,SAAA,EAAAP,eAAA,CAAAQ","ignoreList":[]}

package/dist/esm/Checkbox.mjs

@@ -0,0 +1,87 @@
+import { getVariableValue, styled } from "@hanzo/gui-core";
+import { getSize } from "@hanzo/gui-get-token";
+import { YStack } from "@hanzo/gui-stacks";
+import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
+const INDICATOR_NAME = "CheckboxIndicator",
+  CheckboxIndicatorFrame = styled(YStack, {
+    // use Checkbox for easier themes
+    name: INDICATOR_NAME,
+    context: CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  }),
+  CHECKBOX_NAME = "Checkbox",
+  CheckboxFrame = styled(YStack, {
+    name: CHECKBOX_NAME,
+    render: "button",
+    context: CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          hoverStyle: {
+            borderColor: "$borderColorHover"
+          },
+          pressStyle: {
+            backgroundColor: "$backgroundPress",
+            borderColor: "$borderColorPress"
+          },
+          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: "$background"
+          },
+          focusStyle: {
+            outlineWidth: 0
+          }
+        }
+      },
+      size: {
+        "...size": val => ({
+          borderRadius: getVariableValue(getSize(val)) / 8
+        })
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  });
+export { CheckboxFrame, CheckboxIndicatorFrame };
+//# sourceMappingURL=Checkbox.mjs.map

package/dist/esm/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","HANZO_GUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","CheckboxFrame","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","val","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,SAASC,qBAAA,QAA6B;AAKtC,MAAMC,cAAA,GAAiB;EAEVC,sBAAA,GAAyBL,MAAA,CACpCE,MAAA,EACA;IAAA;IAEEI,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,kBAAA,KAAuB;IAC/C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF;EAMMC,aAAA,GAAgB;EAETC,aAAA,GAAgBlB,MAAA,CAC3BE,MAAA,EACA;IACEI,IAAA,EAAMW,aAAA;IACNE,MAAA,EAAQ;IAERZ,OAAA,EAASJ,qBAAA;IACTK,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLU,IAAA,EAAM;UACNC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,WAAA,EAAa;UACbC,WAAA,EAAa;UAEbC,UAAA,EAAY;YACVD,WAAA,EAAa;UACf;UAEAE,UAAA,EAAY;YACVN,eAAA,EAAiB;YACjBI,WAAA,EAAa;UACf;UAEAG,UAAA,EAAY;YACVH,WAAA,EAAa;UACf;UAEAI,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;UAERX,UAAA,EAAY;YACVD,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAM,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAO,UAAA,EAAY;YACVG,YAAA,EAAc;UAChB;QACF;MACF;MAEAX,IAAA,EAAM;QACJ,WAAYkB,GAAA,KAEH;UACLC,YAAA,EAFkBxC,gBAAA,CAAiBE,OAAA,CAAQqC,GAAG,CAAC,IAAI;QAGrD;MAEJ;IACF;IAEA3B,eAAA,EAAiB;MACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF","ignoreList":[]}

package/dist/esm/Checkbox.native.js

@@ -0,0 +1,90 @@
+import { getVariableValue, styled } from "@hanzo/gui-core";
+import { getSize } from "@hanzo/gui-get-token";
+import { YStack } from "@hanzo/gui-stacks";
+import { CheckboxStyledContext } from "./CheckboxStyledContext.native.js";
+var INDICATOR_NAME = "CheckboxIndicator",
+  CheckboxIndicatorFrame = styled(YStack, {
+    // use Checkbox for easier themes
+    name: INDICATOR_NAME,
+    context: CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  }),
+  CHECKBOX_NAME = "Checkbox",
+  CheckboxFrame = styled(YStack, {
+    name: CHECKBOX_NAME,
+    render: "button",
+    context: CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          hoverStyle: {
+            borderColor: "$borderColorHover"
+          },
+          pressStyle: {
+            backgroundColor: "$backgroundPress",
+            borderColor: "$borderColorPress"
+          },
+          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: "$background"
+          },
+          focusStyle: {
+            outlineWidth: 0
+          }
+        }
+      },
+      size: {
+        "...size": function (val) {
+          var radiusToken = getVariableValue(getSize(val)) / 8;
+          return {
+            borderRadius: radiusToken
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  });
+export { CheckboxFrame, CheckboxIndicatorFrame };
+//# sourceMappingURL=Checkbox.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","HANZO_GUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","CheckboxFrame","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","...size","val","radiusToken","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,SAASC,qBAAA,QAA6B;AAKtC,IAAAC,cAAM,sBAAiB;EAAAC,sBAEV,GAAAL,MAAyB,CAAAE,MAAA;IACpC;IACAI,IAAA,EAAAF,cAAA;IAAAG,OAAA,EAAAJ,qBAAA;IAAAK,QAEQ;MACNC,QAAA,EAAS;QACTC,KAAA,GAAU;MAAA;IACE;IACAC,eACV;MACFF,QAAA,EAAAG,OAAA,CAAAC,GAAA,CAAAC,kBAAA;IAAA;EACiB;IAC8BC,MAC/C;MACFC,WAAA;IACA;EAAA;EACEC,aAAQ;EAAAC,aAAA,GAAAlB,MAAA,CAAAE,MAAA;IAAAI,IACN,EAAAW,aAAa;IAAAE,MACf;IACFZ,OAAA,EAAAJ,qBAAA;IACFK,QAMM;MAGJC,QAAA;QACAC,KAAA;UACEU,IAAM;UACNC,eAAQ;UAERC,UAAS;UACTC,cAAU;UACRC,WAAU;UACRC,WAAO;UAAAC,UACC;YACND,WAAA;UAAiB;UACLE,UACZ;YACAN,eAAa;YACbI,WAAA,EAAa;UAAA;UAEDG,UACV;YACFH,WAAA;UAAA;UAEYI,iBACV;YAAiBC,YACjB,SAAa;YACfC,YAAA;YAEAC,YAAY;UAAA;QACG;MACf;MAEmBC,QACjB;QAAcC,IAAA,EACd;UAAcC,aACd,QAAc;UAAAC,UAChB;UACFC,MAAA;UACFX,UAAA;YAEAD,WAAU;YACRJ,eAAM;UAAA;UACWM,UACf;YACAF,WAAQ;YAERJ,eAAY;UAAA;UACGO,UACb;YACFG,YAAA;UAAA;QAEY;MACG;MACIX,IAAA,EACnB;QAAA,SAEA,WAAAkB,CAAYC,GAAA;UAAA,IACVC,WAAA,GAAczC,gBAAA,CAAAE,OAAA,CAAAsC,GAAA;UAAA,OAChB;YACFE,YAAA,EAAAD;UACF;QAEA;MAAM;IAGK;IAD8C7B,eAGrD;MAAAF,QAEJ,EAAAG,OAAA,CAAAC,GAAA,CAAAC,kBAAA;IAAA;EACF;IAEiBC,MACf;MACFC,WAAA;IACF;EAAA,EACA;AAAA,SACUE,aACN,EAAab,sBACf","ignoreList":[]}

package/dist/esm/CheckboxStyledContext.mjs

@@ -0,0 +1,10 @@
+import { createStyledContext } from "@hanzo/gui-core";
+const CheckboxStyledContext = createStyledContext({
+  size: "$true",
+  scaleIcon: 1,
+  unstyled: process.env.HANZO_GUI_HEADLESS === "1",
+  active: !1,
+  disabled: !1
+});
+export { CheckboxStyledContext };
+//# sourceMappingURL=CheckboxStyledContext.mjs.map

package/dist/esm/CheckboxStyledContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","CheckboxStyledContext","size","scaleIcon","unstyled","process","env","HANZO_GUI_HEADLESS","active","disabled"],"sources":["../../src/CheckboxStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,qBAAA,GAAwBD,mBAAA,CAMlC;EACDE,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,QAAA,EAAUC,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;EAC7CC,MAAA,EAAQ;EACRC,QAAA,EAAU;AACZ,CAAC","ignoreList":[]}

package/dist/esm/CheckboxStyledContext.native.js

@@ -0,0 +1,10 @@
+import { createStyledContext } from "@hanzo/gui-core";
+var CheckboxStyledContext = createStyledContext({
+  size: "$true",
+  scaleIcon: 1,
+  unstyled: process.env.HANZO_GUI_HEADLESS === "1",
+  active: !1,
+  disabled: !1
+});
+export { CheckboxStyledContext };
+//# sourceMappingURL=CheckboxStyledContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","CheckboxStyledContext","size","scaleIcon","unstyled","process","env","HANZO_GUI_HEADLESS","active","disabled"],"sources":["../../src/CheckboxStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,qBAAM,GAAAD,mBAAwB;EAOnCE,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,QAAA,EAAUC,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;EAC7CC,MAAA,EAAQ;EACRC,QAAA,EAAU;AACZ,CAAC","ignoreList":[]}