@locus-ui/components 0.0.15 → 0.1.0

package/dist/components/checkbox/indicator/checkbox-indicator.js

@@ -0,0 +1,114 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkbox_indicator_exports = {};
+__export(checkbox_indicator_exports, {
+  CheckboxIndicator: () => CheckboxIndicator
+});
+module.exports = __toCommonJS(checkbox_indicator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_icons = require("../../../icons");
+var import_props = require("../../../props");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_checkbox_context = require("../checkbox-context");
+var import_checkbox_indicator = require("./checkbox-indicator.props");
+const CheckboxIndicator = import_react.default.forwardRef((props, ref) => {
+  const {
+    value,
+    setValue,
+    hovered,
+    color,
+    disabled,
+    readonly,
+    highContrast,
+    indeterminate,
+    variant: contextVariant
+  } = (0, import_checkbox_context.useCheckboxContext)();
+  const { size, variant, className, style, dataAttrs } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_checkbox_indicator.CheckboxIndicatorPropDefs,
+    import_props.SizePropDef
+  );
+  const indicatorVariant = variant || contextVariant;
+  const handleKeyDown = (event) => {
+    if (disabled || readonly) return;
+    if (event.key === " " || event.key === "Enter") {
+      event.preventDefault();
+      setValue(!value);
+    }
+  };
+  const indicatorProps = {
+    ...value && { "data-checked": true },
+    ...disabled && { "data-disabled": true },
+    ...readonly && { "data-readonly": true },
+    ...highContrast && { "data-high-contrast": true },
+    ...indeterminate && { "data-indeterminate": true },
+    ...(variant || contextVariant) && { "data-variant": indicatorVariant }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      ref,
+      style,
+      role: "checkbox",
+      "data-color": color,
+      "data-hovered": hovered,
+      "aria-disabled": disabled,
+      "aria-readonly": readonly,
+      "aria-checked": indeterminate ? "mixed" : value,
+      onKeyDown: handleKeyDown,
+      tabIndex: disabled || readonly ? -1 : 0,
+      className: (0, import_clsx.default)("checkbox-indicator", className),
+      ...indicatorProps,
+      ...dataAttrs,
+      children: [
+        indeterminate && !value && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.Minus,
+          {
+            color: highContrast && indicatorVariant === "solid" ? "black" : "white"
+          }
+        ),
+        value && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons.CheckMark,
+          {
+            color: highContrast && indicatorVariant === "solid" ? "black" : "white"
+          }
+        )
+      ]
+    }
+  );
+});
+CheckboxIndicator.displayName = "Checkbox.Indicator";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxIndicator
+});
+//# sourceMappingURL=checkbox-indicator.js.map

package/dist/components/checkbox/indicator/checkbox-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/indicator/checkbox-indicator.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { CheckMark, Minus } from \"../../../icons\";\nimport { SizeProp, SizePropDef } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useCheckboxContext } from \"../checkbox-context\";\nimport {\n  CheckboxIndicatorInternalProps,\n  CheckboxIndicatorPropDefs,\n} from \"./checkbox-indicator.props\";\n\ninterface AllCheckboxIndicatorProps\n  extends CheckboxIndicatorInternalProps, SizeProp {}\n\ntype CheckboxIndicatorProps = AllCheckboxIndicatorProps &\n  Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\">;\n\n/**\n * Indicator for a checkbox component.\n * Supports checked, indeterminate, disabled, readonly, and high contrast states.\n */\nconst CheckboxIndicator: React.FC<CheckboxIndicatorProps> = React.forwardRef<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>((props, ref) => {\n  const {\n    value,\n    setValue,\n    hovered,\n    color,\n    disabled,\n    readonly,\n    highContrast,\n    indeterminate,\n    variant: contextVariant,\n  } = useCheckboxContext();\n  const { size, variant, className, style, dataAttrs } = getComponentProps(\n    props,\n    CheckboxIndicatorPropDefs,\n    SizePropDef,\n  );\n\n  const indicatorVariant = variant || contextVariant;\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (disabled || readonly) return;\n\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      setValue(!value);\n    }\n  };\n\n  const indicatorProps = {\n    ...(value && { \"data-checked\": true }),\n    ...(disabled && { \"data-disabled\": true }),\n    ...(readonly && { \"data-readonly\": true }),\n    ...(highContrast && { \"data-high-contrast\": true }),\n    ...(indeterminate && { \"data-indeterminate\": true }),\n    ...((variant || contextVariant) && { \"data-variant\": indicatorVariant }),\n  };\n\n  return (\n    <span\n      ref={ref}\n      style={style}\n      role=\"checkbox\"\n      data-color={color}\n      data-hovered={hovered}\n      aria-disabled={disabled}\n      aria-readonly={readonly}\n      aria-checked={indeterminate ? \"mixed\" : value}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled || readonly ? -1 : 0}\n      className={clsx(\"checkbox-indicator\", className)}\n      {...indicatorProps}\n      {...dataAttrs}\n    >\n      {indeterminate && !value && (\n        <Minus\n          color={\n            highContrast && indicatorVariant === \"solid\" ? \"black\" : \"white\"\n          }\n        />\n      )}\n\n      {value && (\n        <CheckMark\n          color={\n            highContrast && indicatorVariant === \"solid\" ? \"black\" : \"white\"\n          }\n        />\n      )}\n    </span>\n  );\n});\nCheckboxIndicator.displayName = \"Checkbox.Indicator\";\n\nexport { AllCheckboxIndicatorProps, CheckboxIndicator, CheckboxIndicatorProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEI;AA/DJ,kBAAiB;AACjB,mBAAkB;AAClB,mBAAiC;AACjC,mBAAsC;AACtC,iCAAkC;AAClC,8BAAmC;AACnC,gCAGO;AAYP,MAAM,oBAAsD,aAAAA,QAAM,WAGhE,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,QAAI,4CAAmB;AACvB,QAAM,EAAE,MAAM,SAAS,WAAW,OAAO,UAAU,QAAI;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,WAAW;AAEpC,QAAM,gBAAgB,CAAC,UAAgD;AACrE,QAAI,YAAY,SAAU;AAE1B,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAe;AACrB,eAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,GAAI,SAAS,EAAE,gBAAgB,KAAK;AAAA,IACpC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,GAAI,gBAAgB,EAAE,sBAAsB,KAAK;AAAA,IACjD,GAAI,iBAAiB,EAAE,sBAAsB,KAAK;AAAA,IAClD,IAAK,WAAW,mBAAmB,EAAE,gBAAgB,iBAAiB;AAAA,EACxE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAc,gBAAgB,UAAU;AAAA,MACxC,WAAW;AAAA,MACX,UAAU,YAAY,WAAW,KAAK;AAAA,MACtC,eAAW,YAAAC,SAAK,sBAAsB,SAAS;AAAA,MAC9C,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,yBAAiB,CAAC,SACjB;AAAA,UAAC;AAAA;AAAA,YACC,OACE,gBAAgB,qBAAqB,UAAU,UAAU;AAAA;AAAA,QAE7D;AAAA,QAGD,SACC;AAAA,UAAC;AAAA;AAAA,YACC,OACE,gBAAgB,qBAAqB,UAAU,UAAU;AAAA;AAAA,QAE7D;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AACD,kBAAkB,cAAc;","names":["React","clsx"]}

package/dist/components/checkbox/indicator/checkbox-indicator.mjs

@@ -0,0 +1,82 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+import { CheckMark, Minus } from "../../../icons";
+import { SizePropDef } from "../../../props";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useCheckboxContext } from "../checkbox-context";
+import {
+  CheckboxIndicatorPropDefs
+} from "./checkbox-indicator.props";
+const CheckboxIndicator = React.forwardRef((props, ref) => {
+  const {
+    value,
+    setValue,
+    hovered,
+    color,
+    disabled,
+    readonly,
+    highContrast,
+    indeterminate,
+    variant: contextVariant
+  } = useCheckboxContext();
+  const { size, variant, className, style, dataAttrs } = getComponentProps(
+    props,
+    CheckboxIndicatorPropDefs,
+    SizePropDef
+  );
+  const indicatorVariant = variant || contextVariant;
+  const handleKeyDown = (event) => {
+    if (disabled || readonly) return;
+    if (event.key === " " || event.key === "Enter") {
+      event.preventDefault();
+      setValue(!value);
+    }
+  };
+  const indicatorProps = {
+    ...value && { "data-checked": true },
+    ...disabled && { "data-disabled": true },
+    ...readonly && { "data-readonly": true },
+    ...highContrast && { "data-high-contrast": true },
+    ...indeterminate && { "data-indeterminate": true },
+    ...(variant || contextVariant) && { "data-variant": indicatorVariant }
+  };
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      style,
+      role: "checkbox",
+      "data-color": color,
+      "data-hovered": hovered,
+      "aria-disabled": disabled,
+      "aria-readonly": readonly,
+      "aria-checked": indeterminate ? "mixed" : value,
+      onKeyDown: handleKeyDown,
+      tabIndex: disabled || readonly ? -1 : 0,
+      className: clsx("checkbox-indicator", className),
+      ...indicatorProps,
+      ...dataAttrs,
+      children: [
+        indeterminate && !value && /* @__PURE__ */ jsx(
+          Minus,
+          {
+            color: highContrast && indicatorVariant === "solid" ? "black" : "white"
+          }
+        ),
+        value && /* @__PURE__ */ jsx(
+          CheckMark,
+          {
+            color: highContrast && indicatorVariant === "solid" ? "black" : "white"
+          }
+        )
+      ]
+    }
+  );
+});
+CheckboxIndicator.displayName = "Checkbox.Indicator";
+export {
+  CheckboxIndicator
+};
+//# sourceMappingURL=checkbox-indicator.mjs.map

package/dist/components/checkbox/indicator/checkbox-indicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/indicator/checkbox-indicator.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { CheckMark, Minus } from \"../../../icons\";\nimport { SizeProp, SizePropDef } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useCheckboxContext } from \"../checkbox-context\";\nimport {\n  CheckboxIndicatorInternalProps,\n  CheckboxIndicatorPropDefs,\n} from \"./checkbox-indicator.props\";\n\ninterface AllCheckboxIndicatorProps\n  extends CheckboxIndicatorInternalProps, SizeProp {}\n\ntype CheckboxIndicatorProps = AllCheckboxIndicatorProps &\n  Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\">;\n\n/**\n * Indicator for a checkbox component.\n * Supports checked, indeterminate, disabled, readonly, and high contrast states.\n */\nconst CheckboxIndicator: React.FC<CheckboxIndicatorProps> = React.forwardRef<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>((props, ref) => {\n  const {\n    value,\n    setValue,\n    hovered,\n    color,\n    disabled,\n    readonly,\n    highContrast,\n    indeterminate,\n    variant: contextVariant,\n  } = useCheckboxContext();\n  const { size, variant, className, style, dataAttrs } = getComponentProps(\n    props,\n    CheckboxIndicatorPropDefs,\n    SizePropDef,\n  );\n\n  const indicatorVariant = variant || contextVariant;\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (disabled || readonly) return;\n\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      setValue(!value);\n    }\n  };\n\n  const indicatorProps = {\n    ...(value && { \"data-checked\": true }),\n    ...(disabled && { \"data-disabled\": true }),\n    ...(readonly && { \"data-readonly\": true }),\n    ...(highContrast && { \"data-high-contrast\": true }),\n    ...(indeterminate && { \"data-indeterminate\": true }),\n    ...((variant || contextVariant) && { \"data-variant\": indicatorVariant }),\n  };\n\n  return (\n    <span\n      ref={ref}\n      style={style}\n      role=\"checkbox\"\n      data-color={color}\n      data-hovered={hovered}\n      aria-disabled={disabled}\n      aria-readonly={readonly}\n      aria-checked={indeterminate ? \"mixed\" : value}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled || readonly ? -1 : 0}\n      className={clsx(\"checkbox-indicator\", className)}\n      {...indicatorProps}\n      {...dataAttrs}\n    >\n      {indeterminate && !value && (\n        <Minus\n          color={\n            highContrast && indicatorVariant === \"solid\" ? \"black\" : \"white\"\n          }\n        />\n      )}\n\n      {value && (\n        <CheckMark\n          color={\n            highContrast && indicatorVariant === \"solid\" ? \"black\" : \"white\"\n          }\n        />\n      )}\n    </span>\n  );\n});\nCheckboxIndicator.displayName = \"Checkbox.Indicator\";\n\nexport { AllCheckboxIndicatorProps, CheckboxIndicator, CheckboxIndicatorProps };\n"],"mappings":";AAiEI,SAgBI,KAhBJ;AA/DJ,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,WAAW,aAAa;AACjC,SAAmB,mBAAmB;AACtC,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC;AAAA,EAEE;AAAA,OACK;AAYP,MAAM,oBAAsD,MAAM,WAGhE,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,IAAI,mBAAmB;AACvB,QAAM,EAAE,MAAM,SAAS,WAAW,OAAO,UAAU,IAAI;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,WAAW;AAEpC,QAAM,gBAAgB,CAAC,UAAgD;AACrE,QAAI,YAAY,SAAU;AAE1B,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAe;AACrB,eAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,GAAI,SAAS,EAAE,gBAAgB,KAAK;AAAA,IACpC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,GAAI,gBAAgB,EAAE,sBAAsB,KAAK;AAAA,IACjD,GAAI,iBAAiB,EAAE,sBAAsB,KAAK;AAAA,IAClD,IAAK,WAAW,mBAAmB,EAAE,gBAAgB,iBAAiB;AAAA,EACxE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAc,gBAAgB,UAAU;AAAA,MACxC,WAAW;AAAA,MACX,UAAU,YAAY,WAAW,KAAK;AAAA,MACtC,WAAW,KAAK,sBAAsB,SAAS;AAAA,MAC9C,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,yBAAiB,CAAC,SACjB;AAAA,UAAC;AAAA;AAAA,YACC,OACE,gBAAgB,qBAAqB,UAAU,UAAU;AAAA;AAAA,QAE7D;AAAA,QAGD,SACC;AAAA,UAAC;AAAA;AAAA,YACC,OACE,gBAAgB,qBAAqB,UAAU,UAAU;AAAA;AAAA,QAE7D;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AACD,kBAAkB,cAAc;","names":[]}

package/dist/components/checkbox/indicator/checkbox-indicator.props.d.mts

@@ -0,0 +1,15 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const CheckboxIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the checkbox ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type CheckboxIndicatorInternalProps = GetPropDefTypes<typeof CheckboxIndicatorPropDefs>;
+
+export { type CheckboxIndicatorInternalProps, CheckboxIndicatorPropDefs };

package/dist/components/checkbox/indicator/checkbox-indicator.props.d.ts

@@ -0,0 +1,15 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const CheckboxIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the checkbox ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type CheckboxIndicatorInternalProps = GetPropDefTypes<typeof CheckboxIndicatorPropDefs>;
+
+export { type CheckboxIndicatorInternalProps, CheckboxIndicatorPropDefs };

package/dist/components/checkbox/indicator/checkbox-indicator.props.js

@@ -0,0 +1,39 @@
+"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: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }), mod);
+var checkbox_indicator_props_exports = {};
+__export(checkbox_indicator_props_exports, {
+  CheckboxIndicatorPropDefs: () => CheckboxIndicatorPropDefs
+});
+module.exports = __toCommonJS(checkbox_indicator_props_exports);
+var import_checkbox_root = require("../root/checkbox-root.props");
+const CheckboxIndicatorPropDefs = {
+  /**
+   * Sets the variant style of the checkbox ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: import_checkbox_root.CheckboxVariants,
+    dataAttr: "variant"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxIndicatorPropDefs
+});
+//# sourceMappingURL=checkbox-indicator.props.js.map

package/dist/components/checkbox/indicator/checkbox-indicator.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/indicator/checkbox-indicator.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\nimport { CheckboxVariants } from \"../root/checkbox-root.props\";\n\nconst CheckboxIndicatorPropDefs = {\n  /**\n   * Sets the variant style of the checkbox (\"solid\" or \"outlined\").\n   */\n  variant: {\n    type: \"enum\",\n    values: CheckboxVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof CheckboxVariants)[number]>,\n} as const;\n\ntype CheckboxIndicatorInternalProps = GetPropDefTypes<\n  typeof CheckboxIndicatorPropDefs\n>;\n\nexport { CheckboxIndicatorInternalProps, CheckboxIndicatorPropDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAAiC;AAEjC,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAIhC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/checkbox/indicator/checkbox-indicator.props.mjs

@@ -0,0 +1,15 @@
+import { CheckboxVariants } from "../root/checkbox-root.props";
+const CheckboxIndicatorPropDefs = {
+  /**
+   * Sets the variant style of the checkbox ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: CheckboxVariants,
+    dataAttr: "variant"
+  }
+};
+export {
+  CheckboxIndicatorPropDefs
+};
+//# sourceMappingURL=checkbox-indicator.props.mjs.map

package/dist/components/checkbox/indicator/checkbox-indicator.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/indicator/checkbox-indicator.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\nimport { CheckboxVariants } from \"../root/checkbox-root.props\";\n\nconst CheckboxIndicatorPropDefs = {\n  /**\n   * Sets the variant style of the checkbox (\"solid\" or \"outlined\").\n   */\n  variant: {\n    type: \"enum\",\n    values: CheckboxVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof CheckboxVariants)[number]>,\n} as const;\n\ntype CheckboxIndicatorInternalProps = GetPropDefTypes<\n  typeof CheckboxIndicatorPropDefs\n>;\n\nexport { CheckboxIndicatorInternalProps, CheckboxIndicatorPropDefs };\n"],"mappings":"AACA,SAAS,wBAAwB;AAEjC,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAIhC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/checkbox/label/checkbox-label.d.mts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { CheckboxLabelInternalProps } from './checkbox-label.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllCheckboxLabelProps extends CheckboxLabelInternalProps {
+}
+type CheckboxLabelProps = AllCheckboxLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+/** Label for a checkbox component. */
+declare const CheckboxLabel: React__default.ForwardRefExoticComponent<AllCheckboxLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLLabelElement>>;
+
+export { type AllCheckboxLabelProps, CheckboxLabel, type CheckboxLabelProps };

package/dist/components/checkbox/label/checkbox-label.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { CheckboxLabelInternalProps } from './checkbox-label.props.js';
+import '../../../props/prop-def.js';
+
+interface AllCheckboxLabelProps extends CheckboxLabelInternalProps {
+}
+type CheckboxLabelProps = AllCheckboxLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+/** Label for a checkbox component. */
+declare const CheckboxLabel: React__default.ForwardRefExoticComponent<AllCheckboxLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLLabelElement>>;
+
+export { type AllCheckboxLabelProps, CheckboxLabel, type CheckboxLabelProps };

package/dist/components/checkbox/label/checkbox-label.js

@@ -0,0 +1,69 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkbox_label_exports = {};
+__export(checkbox_label_exports, {
+  CheckboxLabel: () => CheckboxLabel
+});
+module.exports = __toCommonJS(checkbox_label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_text = require("../../text");
+var import_checkbox_context = require("../checkbox-context");
+var import_checkbox_label = require("./checkbox-label.props");
+const CheckboxLabel = import_react.default.forwardRef(
+  (props, ref) => {
+    const context = (0, import_checkbox_context.useCheckboxContext)();
+    const { className, children, position } = (0, import_get_component_props.getComponentProps)(
+      props,
+      import_checkbox_label.CheckboxLabelPropDefs
+    );
+    import_react.default.useLayoutEffect(() => {
+      context.setLabelPosition?.(position ?? "right");
+    }, [position, context.setLabelPosition]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "label",
+      {
+        ref,
+        htmlFor: context.labelId,
+        className: (0, import_clsx.default)("checkbox-label", className),
+        ...position && { [`data-position`]: position },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { children })
+      }
+    );
+  }
+);
+CheckboxLabel.displayName = "Checkbox.Label";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxLabel
+});
+//# sourceMappingURL=checkbox-label.js.map

package/dist/components/checkbox/label/checkbox-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/label/checkbox-label.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Text } from \"../../text\";\nimport { useCheckboxContext } from \"../checkbox-context\";\nimport {\n  CheckboxLabelInternalProps,\n  CheckboxLabelPropDefs,\n} from \"./checkbox-label.props\";\n\ninterface AllCheckboxLabelProps extends CheckboxLabelInternalProps {}\n\ntype CheckboxLabelProps = AllCheckboxLabelProps &\n  Omit<React.HTMLAttributes<HTMLLabelElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Label for a checkbox component. */\nconst CheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(\n  (props, ref) => {\n    const context = useCheckboxContext();\n    const { className, children, position } = getComponentProps(\n      props,\n      CheckboxLabelPropDefs,\n    );\n\n    React.useLayoutEffect(() => {\n      context.setLabelPosition?.(position ?? \"right\");\n    }, [position, context.setLabelPosition]);\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={context.labelId}\n        className={clsx(\"checkbox-label\", className)}\n        {...(position && { [`data-position`]: position })}\n      >\n        <Text>{children}</Text>\n      </label>\n    );\n  },\n);\nCheckboxLabel.displayName = \"Checkbox.Label\";\n\nexport { AllCheckboxLabelProps, CheckboxLabel, CheckboxLabelProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AArCR,kBAAiB;AACjB,mBAAkB;AAClB,iCAAkC;AAClC,kBAAqB;AACrB,8BAAmC;AACnC,4BAGO;AAUP,MAAM,gBAAgB,aAAAA,QAAM;AAAA,EAC1B,CAAC,OAAO,QAAQ;AACd,UAAM,cAAU,4CAAmB;AACnC,UAAM,EAAE,WAAW,UAAU,SAAS,QAAI;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAEA,iBAAAA,QAAM,gBAAgB,MAAM;AAC1B,cAAQ,mBAAmB,YAAY,OAAO;AAAA,IAChD,GAAG,CAAC,UAAU,QAAQ,gBAAgB,CAAC;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,eAAW,YAAAC,SAAK,kBAAkB,SAAS;AAAA,QAC1C,GAAI,YAAY,EAAE,CAAC,eAAe,GAAG,SAAS;AAAA,QAE/C,sDAAC,oBAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":["React","clsx"]}

package/dist/components/checkbox/label/checkbox-label.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { Text } from "../../text";
+import { useCheckboxContext } from "../checkbox-context";
+import {
+  CheckboxLabelPropDefs
+} from "./checkbox-label.props";
+const CheckboxLabel = React.forwardRef(
+  (props, ref) => {
+    const context = useCheckboxContext();
+    const { className, children, position } = getComponentProps(
+      props,
+      CheckboxLabelPropDefs
+    );
+    React.useLayoutEffect(() => {
+      context.setLabelPosition?.(position ?? "right");
+    }, [position, context.setLabelPosition]);
+    return /* @__PURE__ */ jsx(
+      "label",
+      {
+        ref,
+        htmlFor: context.labelId,
+        className: clsx("checkbox-label", className),
+        ...position && { [`data-position`]: position },
+        children: /* @__PURE__ */ jsx(Text, { children })
+      }
+    );
+  }
+);
+CheckboxLabel.displayName = "Checkbox.Label";
+export {
+  CheckboxLabel
+};
+//# sourceMappingURL=checkbox-label.mjs.map

package/dist/components/checkbox/label/checkbox-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/label/checkbox-label.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Text } from \"../../text\";\nimport { useCheckboxContext } from \"../checkbox-context\";\nimport {\n  CheckboxLabelInternalProps,\n  CheckboxLabelPropDefs,\n} from \"./checkbox-label.props\";\n\ninterface AllCheckboxLabelProps extends CheckboxLabelInternalProps {}\n\ntype CheckboxLabelProps = AllCheckboxLabelProps &\n  Omit<React.HTMLAttributes<HTMLLabelElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Label for a checkbox component. */\nconst CheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(\n  (props, ref) => {\n    const context = useCheckboxContext();\n    const { className, children, position } = getComponentProps(\n      props,\n      CheckboxLabelPropDefs,\n    );\n\n    React.useLayoutEffect(() => {\n      context.setLabelPosition?.(position ?? \"right\");\n    }, [position, context.setLabelPosition]);\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={context.labelId}\n        className={clsx(\"checkbox-label\", className)}\n        {...(position && { [`data-position`]: position })}\n      >\n        <Text>{children}</Text>\n      </label>\n    );\n  },\n);\nCheckboxLabel.displayName = \"Checkbox.Label\";\n\nexport { AllCheckboxLabelProps, CheckboxLabel, CheckboxLabelProps };\n"],"mappings":";AAuCQ;AArCR,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC;AAAA,EAEE;AAAA,OACK;AAUP,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,OAAO,QAAQ;AACd,UAAM,UAAU,mBAAmB;AACnC,UAAM,EAAE,WAAW,UAAU,SAAS,IAAI;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,gBAAgB,MAAM;AAC1B,cAAQ,mBAAmB,YAAY,OAAO;AAAA,IAChD,GAAG,CAAC,UAAU,QAAQ,gBAAgB,CAAC;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,WAAW,KAAK,kBAAkB,SAAS;AAAA,QAC1C,GAAI,YAAY,EAAE,CAAC,eAAe,GAAG,SAAS;AAAA,QAE/C,8BAAC,QAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/components/checkbox/label/checkbox-label.props.d.mts

@@ -0,0 +1,20 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const labelPositions: readonly ["top", "left", "right", "bottom"];
+type LabelPosition = (typeof labelPositions)[number];
+declare const CheckboxLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the checkbox.
+     *
+     * @example position="left" // positions the label to the left of the checkbox
+     * @example position="top" // positions the label above the checkbox
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type CheckboxLabelInternalProps = GetPropDefTypes<typeof CheckboxLabelPropDefs>;
+
+export { type CheckboxLabelInternalProps, CheckboxLabelPropDefs, type LabelPosition, labelPositions };

package/dist/components/checkbox/label/checkbox-label.props.d.ts

@@ -0,0 +1,20 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const labelPositions: readonly ["top", "left", "right", "bottom"];
+type LabelPosition = (typeof labelPositions)[number];
+declare const CheckboxLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the checkbox.
+     *
+     * @example position="left" // positions the label to the left of the checkbox
+     * @example position="top" // positions the label above the checkbox
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type CheckboxLabelInternalProps = GetPropDefTypes<typeof CheckboxLabelPropDefs>;
+
+export { type CheckboxLabelInternalProps, CheckboxLabelPropDefs, type LabelPosition, labelPositions };

package/dist/components/checkbox/label/checkbox-label.props.js

@@ -0,0 +1,44 @@
+"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: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }), mod);
+var checkbox_label_props_exports = {};
+__export(checkbox_label_props_exports, {
+  CheckboxLabelPropDefs: () => CheckboxLabelPropDefs,
+  labelPositions: () => labelPositions
+});
+module.exports = __toCommonJS(checkbox_label_props_exports);
+const labelPositions = ["top", "left", "right", "bottom"];
+const CheckboxLabelPropDefs = {
+  /**
+   * Sets the position of the label relative to the checkbox.
+   *
+   * @example position="left" // positions the label to the left of the checkbox
+   * @example position="top" // positions the label above the checkbox
+   */
+  position: {
+    type: "enum",
+    values: labelPositions,
+    dataAttr: "position"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxLabelPropDefs,
+  labelPositions
+});
+//# sourceMappingURL=checkbox-label.props.js.map

package/dist/components/checkbox/label/checkbox-label.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/label/checkbox-label.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\n\nconst labelPositions = [\"top\", \"left\", \"right\", \"bottom\"] as const;\ntype LabelPosition = (typeof labelPositions)[number];\n\nconst CheckboxLabelPropDefs = {\n  /**\n   * Sets the position of the label relative to the checkbox.\n   *\n   * @example position=\"left\" // positions the label to the left of the checkbox\n   * @example position=\"top\" // positions the label above the checkbox\n   */\n  position: {\n    type: \"enum\",\n    values: labelPositions,\n    dataAttr: \"position\",\n  } satisfies PropDef<LabelPosition>,\n} as const;\n\ntype CheckboxLabelInternalProps = GetPropDefTypes<typeof CheckboxLabelPropDefs>;\n\nexport {\n  CheckboxLabelInternalProps,\n  CheckboxLabelPropDefs,\n  LabelPosition,\n  labelPositions,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,iBAAiB,CAAC,OAAO,QAAQ,SAAS,QAAQ;AAGxD,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/checkbox/label/checkbox-label.props.mjs

@@ -0,0 +1,19 @@
+const labelPositions = ["top", "left", "right", "bottom"];
+const CheckboxLabelPropDefs = {
+  /**
+   * Sets the position of the label relative to the checkbox.
+   *
+   * @example position="left" // positions the label to the left of the checkbox
+   * @example position="top" // positions the label above the checkbox
+   */
+  position: {
+    type: "enum",
+    values: labelPositions,
+    dataAttr: "position"
+  }
+};
+export {
+  CheckboxLabelPropDefs,
+  labelPositions
+};
+//# sourceMappingURL=checkbox-label.props.mjs.map

package/dist/components/checkbox/label/checkbox-label.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/label/checkbox-label.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\n\nconst labelPositions = [\"top\", \"left\", \"right\", \"bottom\"] as const;\ntype LabelPosition = (typeof labelPositions)[number];\n\nconst CheckboxLabelPropDefs = {\n  /**\n   * Sets the position of the label relative to the checkbox.\n   *\n   * @example position=\"left\" // positions the label to the left of the checkbox\n   * @example position=\"top\" // positions the label above the checkbox\n   */\n  position: {\n    type: \"enum\",\n    values: labelPositions,\n    dataAttr: \"position\",\n  } satisfies PropDef<LabelPosition>,\n} as const;\n\ntype CheckboxLabelInternalProps = GetPropDefTypes<typeof CheckboxLabelPropDefs>;\n\nexport {\n  CheckboxLabelInternalProps,\n  CheckboxLabelPropDefs,\n  LabelPosition,\n  labelPositions,\n};\n"],"mappings":"AAEA,MAAM,iBAAiB,CAAC,OAAO,QAAQ,SAAS,QAAQ;AAGxD,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/checkbox/root/checkbox-root.d.mts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, FC } from 'react';
+import { AlignProp } from '../../../props/align.prop.mjs';
+import { ColorProp } from '../../../props/color.prop.mjs';
+import { MarginProps } from '../../../props/margin.prop.mjs';
+import { SizeProp } from '../../../props/size.prop.mjs';
+import { WithStrictChildren } from '../../../utils/filter-children.mjs';
+import { CheckboxIndicatorProps } from '../indicator/checkbox-indicator.mjs';
+import { CheckboxLabelProps } from '../label/checkbox-label.mjs';
+import { CheckboxRootInternalProps } from './checkbox-root.props.mjs';
+import '../../../props/prop-def.mjs';
+import '../../../utils/parse-color.mjs';
+import '../indicator/checkbox-indicator.props.mjs';
+import '../label/checkbox-label.props.mjs';
+
+interface AllCheckboxRootProps extends CheckboxRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Checkbox, managing state, context, and styling.
+ */
+type CheckboxRootProps = AllCheckboxRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, CheckboxLabelProps | CheckboxIndicatorProps>;
+declare const CheckboxRoot: FC<CheckboxRootProps>;
+
+export { type AllCheckboxRootProps, CheckboxRoot, type CheckboxRootProps };

package/dist/components/checkbox/root/checkbox-root.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, FC } from 'react';
+import { AlignProp } from '../../../props/align.prop.js';
+import { ColorProp } from '../../../props/color.prop.js';
+import { MarginProps } from '../../../props/margin.prop.js';
+import { SizeProp } from '../../../props/size.prop.js';
+import { WithStrictChildren } from '../../../utils/filter-children.js';
+import { CheckboxIndicatorProps } from '../indicator/checkbox-indicator.js';
+import { CheckboxLabelProps } from '../label/checkbox-label.js';
+import { CheckboxRootInternalProps } from './checkbox-root.props.js';
+import '../../../props/prop-def.js';
+import '../../../utils/parse-color.js';
+import '../indicator/checkbox-indicator.props.js';
+import '../label/checkbox-label.props.js';
+
+interface AllCheckboxRootProps extends CheckboxRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Checkbox, managing state, context, and styling.
+ */
+type CheckboxRootProps = AllCheckboxRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, CheckboxLabelProps | CheckboxIndicatorProps>;
+declare const CheckboxRoot: FC<CheckboxRootProps>;
+
+export { type AllCheckboxRootProps, CheckboxRoot, type CheckboxRootProps };