@hanzogui/checkbox 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Radix
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/Checkbox.cjs

@@ -0,0 +1,111 @@
+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;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  CheckboxFrame: () => CheckboxFrame,
+  CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  import_CheckboxStyledContext = require("./CheckboxStyledContext.cjs");
+const INDICATOR_NAME = "CheckboxIndicator",
+  CheckboxIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    // use Checkbox for easier themes
+    name: INDICATOR_NAME,
+    context: import_CheckboxStyledContext.CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  }),
+  CHECKBOX_NAME = "Checkbox",
+  CheckboxFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: CHECKBOX_NAME,
+    render: "button",
+    context: import_CheckboxStyledContext.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: (0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(val)) / 8
+        })
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  });

package/dist/cjs/Checkbox.native.js

@@ -0,0 +1,117 @@
+"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;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  CheckboxFrame: () => CheckboxFrame,
+  CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  import_CheckboxStyledContext = require("./CheckboxStyledContext.native.js"),
+  INDICATOR_NAME = "CheckboxIndicator",
+  CheckboxIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    // use Checkbox for easier themes
+    name: INDICATOR_NAME,
+    context: import_CheckboxStyledContext.CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  }),
+  CHECKBOX_NAME = "Checkbox",
+  CheckboxFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: CHECKBOX_NAME,
+    render: "button",
+    context: import_CheckboxStyledContext.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 = (0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(val)) / 8;
+          return {
+            borderRadius: radiusToken
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
+  });
+//# sourceMappingURL=Checkbox.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Checkbox_exports","__export","CheckboxFrame","CheckboxIndicatorFrame","module","exports","import_gui_core","require","import_gui_get_token","import_gui_stacks","import_CheckboxStyledContext","INDICATOR_NAME","styled","YStack","name","context","CheckboxStyledContext","variants","unstyled","false","defaultVariants","process","env","HANZO_GUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","...size","val","radiusToken","getVariableValue","getSize","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAV,YAAyC,CAAAK,gBAAA;AASzC,IAAAM,eAAM,GAAAC,OAAiB,kBAEV;EAAAC,oBAAA,GAAyBD,OAAA;EAAAE,iBAAA,GAAAF,OAAA;EAAAG,4BAAA,GAAAH,OAAA;EAAAI,cAAA;EAAAR,sBAAA,OAAAG,eAAA,CAAAM,MAAA,EAAAH,iBAAA,CAAAI,MAAA;IACpC;IACAC,IAAA,EAAAH,cAAA;IAAAI,OAAA,EAAAL,4BAAA,CAAAM,qBAAA;IAAAC,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;EAAAxB,aAAA,OAAAI,eAAA,CAAAM,MAAA,EAAAH,iBAAA,CAAAI,MAAA;IAAAC,IACN,EAAAY,aAAa;IAAAC,MACf;IACFZ,OAAA,EAAAL,4BAAA,CAAAM,qBAAA;IACFC,QAMM;MAGJC,QAAA;QACAC,KAAA;UACES,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,GAAc,IAAA1C,eAAA,CAAA2C,gBAAA,MAAAzC,oBAAA,CAAA0C,OAAA,EAAAH,GAAA;UAAA,OAChB;YACFI,YAAA,EAAAH;UACF;QAEA;MAAM;IAGK;IAD8C5B,eAGrD;MAAAF,QAEJ,EAAAG,OAAA,CAAAC,GAAA,CAAAC,kBAAA;IAAA;EACF;IAEiBC,MACf;MACFC,WAAA;IACF;EAAA,EACA","ignoreList":[]}

package/dist/cjs/CheckboxStyledContext.cjs

@@ -0,0 +1,33 @@
+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;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var CheckboxStyledContext_exports = {};
+__export(CheckboxStyledContext_exports, {
+  CheckboxStyledContext: () => CheckboxStyledContext
+});
+module.exports = __toCommonJS(CheckboxStyledContext_exports);
+var import_gui_core = require("@hanzo/gui-core");
+const CheckboxStyledContext = (0, import_gui_core.createStyledContext)({
+  size: "$true",
+  scaleIcon: 1,
+  unstyled: process.env.HANZO_GUI_HEADLESS === "1",
+  active: !1,
+  disabled: !1
+});

package/dist/cjs/CheckboxStyledContext.native.js

@@ -0,0 +1,36 @@
+"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;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var CheckboxStyledContext_exports = {};
+__export(CheckboxStyledContext_exports, {
+  CheckboxStyledContext: () => CheckboxStyledContext
+});
+module.exports = __toCommonJS(CheckboxStyledContext_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  CheckboxStyledContext = (0, import_gui_core.createStyledContext)({
+    size: "$true",
+    scaleIcon: 1,
+    unstyled: process.env.HANZO_GUI_HEADLESS === "1",
+    active: !1,
+    disabled: !1
+  });
+//# sourceMappingURL=CheckboxStyledContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxStyledContext_exports","__export","CheckboxStyledContext","module","exports","import_gui_core","require","createStyledContext","size","scaleIcon","unstyled","process","env","HANZO_GUI_HEADLESS","active","disabled"],"sources":["../../src/CheckboxStyledContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,6BAAA;AAE7B,IAAAK,eAAM,GAAAC,OAAA,kBAAwB;EAAAJ,qBAMlC,OAAAG,eAAA,CAAAE,mBAAA;IACDC,IAAA,EAAM;IACNC,SAAA,EAAW;IACXC,QAAA,EAAUC,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC7CC,MAAA,EAAQ;IACRC,QAAA,EAAU;EACZ,CAAC","ignoreList":[]}

package/dist/cjs/createCheckbox.cjs

@@ -0,0 +1,184 @@
+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_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.cjs"),
+  import_CheckboxStyledContext = require("./CheckboxStyledContext.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const CheckboxContext = import_react.default.createContext({
+    checked: !1,
+    disabled: !1
+  }),
+  ensureContext = x => {
+    x.context || (x.context = CheckboxContext);
+  };
+function createCheckbox(createProps) {
+  const {
+    Frame = import_Checkbox.CheckboxFrame,
+    Indicator = import_Checkbox.CheckboxIndicatorFrame
+  } = createProps;
+  ensureContext(Frame), ensureContext(Indicator);
+  const FrameComponent = Frame.styleable(function (_props, forwardedRef) {
+      const {
+          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);
+      let adjustedSize = 0,
+        size = 0;
+      unstyled || (adjustedSize = (0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(propsActive.size ?? styledContext?.size ?? "$true", {
+        shift: sizeAdjust
+      })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
+      const [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);
+      if ((0, import_gui_core.shouldRenderNativePlatform)(native) === "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
+        }
+      });
+      const memoizedContext = (0, import_react.useMemo)(() => ({
+          checked,
+          disabled: checkboxProps.disabled
+        }), [checked, checkboxProps.disabled]),
+        isActive = !!checked,
+        disabled = checkboxProps.disabled;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
+        value: memoizedContext,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
+          size: propsActive.size ?? styledContext?.size ?? "$true",
+          scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 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((props, forwardedRef) => {
+      const {
+          children: childrenProp,
+          forceMount,
+          disablePassStyles,
+          unstyled = !1,
+          activeStyle,
+          ...indicatorProps
+        } = props,
+        styledContext = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext(),
+        {
+          active
+        } = styledContext;
+      let children = childrenProp;
+      if (!unstyled) {
+        const 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
+          });
+        children = import_react.default.Children.toArray(childrenProp).map(child => disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child));
+      }
+      const 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
+  });
+}