@locus-ui/components 0.0.15 → 0.1.0

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

@@ -0,0 +1,160 @@
+"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_root_exports = {};
+__export(checkbox_root_exports, {
+  CheckboxRoot: () => CheckboxRoot
+});
+module.exports = __toCommonJS(checkbox_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_props = require("../../../props");
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_use_controllable_state = require("../../../utils/use-controllable-state");
+var import_checkbox_context = require("../checkbox-context");
+var import_checkbox_indicator = require("../indicator/checkbox-indicator");
+var import_checkbox_label = require("../label/checkbox-label");
+var import_checkbox_root = require("./checkbox-root.props");
+const ALLOWED_CHILDREN = [
+  import_checkbox_label.CheckboxLabel.displayName,
+  import_checkbox_indicator.CheckboxIndicator.displayName
+];
+const CheckboxRoot = (props) => {
+  const {
+    name,
+    size,
+    color,
+    variant,
+    checked,
+    dataAttrs,
+    onCheckedChange,
+    value: valueProp,
+    disabled = false,
+    required = false,
+    readonly = false,
+    highContrast = false,
+    indeterminate = false,
+    defaultChecked = false
+  } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_checkbox_root.CheckboxRootPropsDefs,
+    import_props.AlignPropDef,
+    import_props.MarginPropDefs,
+    import_props.SizePropDef
+  );
+  const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+    value: valueProp || checked,
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange
+  });
+  const labelId = (0, import_react.useId)();
+  const [labelPosition, setLabelPosition] = (0, import_react.useState)("right");
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  const validChildren = (0, import_filter_children.filterChildren)(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: CheckboxRoot.displayName,
+    allowedTypes: [import_checkbox_label.CheckboxLabel, import_checkbox_indicator.CheckboxIndicator]
+  });
+  const { indicator, otherChildren } = (0, import_react.useMemo)(() => {
+    const indicatorIndex = validChildren.findIndex(
+      (child) => (0, import_react.isValidElement)(child) && (0, import_filter_children.matchesComponent)(child.type, import_checkbox_indicator.CheckboxIndicator)
+    );
+    if (indicatorIndex > -1) {
+      return {
+        indicator: validChildren[indicatorIndex],
+        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex)
+      };
+    }
+    return {
+      indicator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_indicator.CheckboxIndicator, { size }),
+      otherChildren: validChildren
+    };
+  }, [validChildren, size]);
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      name,
+      value,
+      color,
+      setValue,
+      onCheckedChange,
+      labelId,
+      labelPosition,
+      setLabelPosition,
+      variant,
+      hovered,
+      setHovered,
+      disabled,
+      readonly,
+      required,
+      indeterminate,
+      highContrast
+    }),
+    [
+      name,
+      value,
+      color,
+      onCheckedChange,
+      setValue,
+      labelId,
+      labelPosition,
+      hovered,
+      disabled,
+      readonly,
+      required,
+      indeterminate,
+      highContrast
+    ]
+  );
+  const handleClick = () => {
+    if (disabled || readonly) return;
+    setValue(!value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_context.CheckboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx.default)("checkbox-root", props.className),
+      onClick: () => handleClick(),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...dataAttrs,
+      children: [
+        indicator,
+        otherChildren,
+        name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "hidden", name, value: String(value) })
+      ]
+    }
+  ) });
+};
+CheckboxRoot.displayName = "Checkbox";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxRoot
+});
+//# sourceMappingURL=checkbox-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/root/checkbox-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport {\n  FC,\n  HTMLAttributes,\n  isValidElement,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  AlignProp,\n  AlignPropDef,\n  ColorProp,\n  MarginPropDefs,\n  MarginProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  matchesComponent,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport { CheckboxContext } from \"../checkbox-context\";\nimport {\n  CheckboxIndicator,\n  CheckboxIndicatorProps,\n} from \"../indicator/checkbox-indicator\";\nimport { CheckboxLabel, CheckboxLabelProps } from \"../label/checkbox-label\";\nimport { LabelPosition } from \"../label/checkbox-label.props\";\nimport {\n  CheckboxRootInternalProps,\n  CheckboxRootPropsDefs,\n} from \"./checkbox-root.props\";\n\ninterface AllCheckboxRootProps\n  extends\n    CheckboxRootInternalProps,\n    AlignProp,\n    ColorProp,\n    MarginProps,\n    SizeProp {}\n\nconst ALLOWED_CHILDREN = [\n  CheckboxLabel.displayName!,\n  CheckboxIndicator.displayName!,\n];\n\n/**\n * A versatile Checkbox, managing state, context, and styling.\n */\ntype CheckboxRootProps = AllCheckboxRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    CheckboxLabelProps | CheckboxIndicatorProps\n  >;\n\nconst CheckboxRoot: FC<CheckboxRootProps> = (props) => {\n  const {\n    name,\n    size,\n    color,\n    variant,\n    checked,\n    dataAttrs,\n    onCheckedChange,\n    value: valueProp,\n    disabled = false,\n    required = false,\n    readonly = false,\n    highContrast = false,\n    indeterminate = false,\n    defaultChecked = false,\n  } = getComponentProps(\n    props,\n    CheckboxRootPropsDefs,\n    AlignPropDef,\n    MarginPropDefs,\n    SizePropDef,\n  );\n\n  const [value, setValue] = useControllableState<boolean>({\n    value: valueProp || checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  const labelId = useId();\n  const [labelPosition, setLabelPosition] = useState<LabelPosition>(\"right\");\n\n  const [hovered, setHovered] = useState(false);\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: CheckboxRoot.displayName,\n    allowedTypes: [CheckboxLabel, CheckboxIndicator],\n  });\n\n  const { indicator, otherChildren } = useMemo(() => {\n    const indicatorIndex = validChildren.findIndex(\n      (child) =>\n        isValidElement(child) &&\n        matchesComponent(child.type, CheckboxIndicator),\n    );\n\n    if (indicatorIndex > -1) {\n      return {\n        indicator: validChildren[indicatorIndex],\n        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex),\n      };\n    }\n\n    return {\n      indicator: <CheckboxIndicator size={size} />,\n      otherChildren: validChildren,\n    };\n  }, [validChildren, size]);\n\n  const contextValue = useMemo(\n    () => ({\n      name,\n      value,\n      color,\n      setValue,\n      onCheckedChange,\n      labelId,\n      labelPosition,\n      setLabelPosition,\n      variant,\n      hovered,\n      setHovered,\n      disabled,\n      readonly,\n      required,\n      indeterminate,\n      highContrast,\n    }),\n    [\n      name,\n      value,\n      color,\n      onCheckedChange,\n      setValue,\n      labelId,\n      labelPosition,\n      hovered,\n      disabled,\n      readonly,\n      required,\n      indeterminate,\n      highContrast,\n    ],\n  );\n\n  const handleClick = () => {\n    if (disabled || readonly) return;\n    setValue(!value);\n  };\n\n  return (\n    <CheckboxContext.Provider value={contextValue}>\n      <div\n        className={clsx(\"checkbox-root\", props.className)}\n        onClick={() => handleClick()}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        {...dataAttrs}\n      >\n        {indicator}\n        {otherChildren}\n        {name && <input type=\"hidden\" name={name} value={String(value)} />}\n      </div>\n    </CheckboxContext.Provider>\n  );\n};\nCheckboxRoot.displayName = \"Checkbox\";\n\nexport { AllCheckboxRootProps, CheckboxRoot, CheckboxRootProps };\n"],"mappings":"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","names":["clsx"]}

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

@@ -0,0 +1,142 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  isValidElement,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import {
+  AlignPropDef,
+  MarginPropDefs,
+  SizePropDef
+} from "../../../props";
+import {
+  filterChildren,
+  matchesComponent
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useControllableState } from "../../../utils/use-controllable-state";
+import { CheckboxContext } from "../checkbox-context";
+import {
+  CheckboxIndicator
+} from "../indicator/checkbox-indicator";
+import { CheckboxLabel } from "../label/checkbox-label";
+import {
+  CheckboxRootPropsDefs
+} from "./checkbox-root.props";
+const ALLOWED_CHILDREN = [
+  CheckboxLabel.displayName,
+  CheckboxIndicator.displayName
+];
+const CheckboxRoot = (props) => {
+  const {
+    name,
+    size,
+    color,
+    variant,
+    checked,
+    dataAttrs,
+    onCheckedChange,
+    value: valueProp,
+    disabled = false,
+    required = false,
+    readonly = false,
+    highContrast = false,
+    indeterminate = false,
+    defaultChecked = false
+  } = getComponentProps(
+    props,
+    CheckboxRootPropsDefs,
+    AlignPropDef,
+    MarginPropDefs,
+    SizePropDef
+  );
+  const [value, setValue] = useControllableState({
+    value: valueProp || checked,
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange
+  });
+  const labelId = useId();
+  const [labelPosition, setLabelPosition] = useState("right");
+  const [hovered, setHovered] = useState(false);
+  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: CheckboxRoot.displayName,
+    allowedTypes: [CheckboxLabel, CheckboxIndicator]
+  });
+  const { indicator, otherChildren } = useMemo(() => {
+    const indicatorIndex = validChildren.findIndex(
+      (child) => isValidElement(child) && matchesComponent(child.type, CheckboxIndicator)
+    );
+    if (indicatorIndex > -1) {
+      return {
+        indicator: validChildren[indicatorIndex],
+        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex)
+      };
+    }
+    return {
+      indicator: /* @__PURE__ */ jsx(CheckboxIndicator, { size }),
+      otherChildren: validChildren
+    };
+  }, [validChildren, size]);
+  const contextValue = useMemo(
+    () => ({
+      name,
+      value,
+      color,
+      setValue,
+      onCheckedChange,
+      labelId,
+      labelPosition,
+      setLabelPosition,
+      variant,
+      hovered,
+      setHovered,
+      disabled,
+      readonly,
+      required,
+      indeterminate,
+      highContrast
+    }),
+    [
+      name,
+      value,
+      color,
+      onCheckedChange,
+      setValue,
+      labelId,
+      labelPosition,
+      hovered,
+      disabled,
+      readonly,
+      required,
+      indeterminate,
+      highContrast
+    ]
+  );
+  const handleClick = () => {
+    if (disabled || readonly) return;
+    setValue(!value);
+  };
+  return /* @__PURE__ */ jsx(CheckboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx("checkbox-root", props.className),
+      onClick: () => handleClick(),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...dataAttrs,
+      children: [
+        indicator,
+        otherChildren,
+        name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: String(value) })
+      ]
+    }
+  ) });
+};
+CheckboxRoot.displayName = "Checkbox";
+export {
+  CheckboxRoot
+};
+//# sourceMappingURL=checkbox-root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/root/checkbox-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport {\n  FC,\n  HTMLAttributes,\n  isValidElement,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  AlignProp,\n  AlignPropDef,\n  ColorProp,\n  MarginPropDefs,\n  MarginProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  matchesComponent,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport { CheckboxContext } from \"../checkbox-context\";\nimport {\n  CheckboxIndicator,\n  CheckboxIndicatorProps,\n} from \"../indicator/checkbox-indicator\";\nimport { CheckboxLabel, CheckboxLabelProps } from \"../label/checkbox-label\";\nimport { LabelPosition } from \"../label/checkbox-label.props\";\nimport {\n  CheckboxRootInternalProps,\n  CheckboxRootPropsDefs,\n} from \"./checkbox-root.props\";\n\ninterface AllCheckboxRootProps\n  extends\n    CheckboxRootInternalProps,\n    AlignProp,\n    ColorProp,\n    MarginProps,\n    SizeProp {}\n\nconst ALLOWED_CHILDREN = [\n  CheckboxLabel.displayName!,\n  CheckboxIndicator.displayName!,\n];\n\n/**\n * A versatile Checkbox, managing state, context, and styling.\n */\ntype CheckboxRootProps = AllCheckboxRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    CheckboxLabelProps | CheckboxIndicatorProps\n  >;\n\nconst CheckboxRoot: FC<CheckboxRootProps> = (props) => {\n  const {\n    name,\n    size,\n    color,\n    variant,\n    checked,\n    dataAttrs,\n    onCheckedChange,\n    value: valueProp,\n    disabled = false,\n    required = false,\n    readonly = false,\n    highContrast = false,\n    indeterminate = false,\n    defaultChecked = false,\n  } = getComponentProps(\n    props,\n    CheckboxRootPropsDefs,\n    AlignPropDef,\n    MarginPropDefs,\n    SizePropDef,\n  );\n\n  const [value, setValue] = useControllableState<boolean>({\n    value: valueProp || checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  const labelId = useId();\n  const [labelPosition, setLabelPosition] = useState<LabelPosition>(\"right\");\n\n  const [hovered, setHovered] = useState(false);\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: CheckboxRoot.displayName,\n    allowedTypes: [CheckboxLabel, CheckboxIndicator],\n  });\n\n  const { indicator, otherChildren } = useMemo(() => {\n    const indicatorIndex = validChildren.findIndex(\n      (child) =>\n        isValidElement(child) &&\n        matchesComponent(child.type, CheckboxIndicator),\n    );\n\n    if (indicatorIndex > -1) {\n      return {\n        indicator: validChildren[indicatorIndex],\n        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex),\n      };\n    }\n\n    return {\n      indicator: <CheckboxIndicator size={size} />,\n      otherChildren: validChildren,\n    };\n  }, [validChildren, size]);\n\n  const contextValue = useMemo(\n    () => ({\n      name,\n      value,\n      color,\n      setValue,\n      onCheckedChange,\n      labelId,\n      labelPosition,\n      setLabelPosition,\n      variant,\n      hovered,\n      setHovered,\n      disabled,\n      readonly,\n      required,\n      indeterminate,\n      highContrast,\n    }),\n    [\n      name,\n      value,\n      color,\n      onCheckedChange,\n      setValue,\n      labelId,\n      labelPosition,\n      hovered,\n      disabled,\n      readonly,\n      required,\n      indeterminate,\n      highContrast,\n    ],\n  );\n\n  const handleClick = () => {\n    if (disabled || readonly) return;\n    setValue(!value);\n  };\n\n  return (\n    <CheckboxContext.Provider value={contextValue}>\n      <div\n        className={clsx(\"checkbox-root\", props.className)}\n        onClick={() => handleClick()}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        {...dataAttrs}\n      >\n        {indicator}\n        {otherChildren}\n        {name && <input type=\"hidden\" name={name} value={String(value)} />}\n      </div>\n    </CheckboxContext.Provider>\n  );\n};\nCheckboxRoot.displayName = \"Checkbox\";\n\nexport { AllCheckboxRootProps, CheckboxRoot, CheckboxRootProps };\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,92 @@
+import { GetPropDefTypes, FunctionPropDef } from '../../../props/prop-def.mjs';
+
+declare const CheckboxVariants: readonly ["solid", "outlined", "muted"];
+declare const CheckboxRootPropsDefs: {
+    /**
+     * Sets the variant style of the checkbox ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the checkbox.
+     *
+     * When using an uncontrolled checkbox, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the indeterminate state of the checkbox.
+     * @default undefined
+     */
+    readonly indeterminate: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Enables high contrast mode for better visibility.
+     * @default undefined
+     */
+    readonly highContrast: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the checkbox (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the checkbox.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the checkbox component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the checkbox read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the checkbox as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the checkbox input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type CheckboxRootInternalProps = GetPropDefTypes<typeof CheckboxRootPropsDefs>;
+
+export { type CheckboxRootInternalProps, CheckboxRootPropsDefs, CheckboxVariants };

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

@@ -0,0 +1,92 @@
+import { GetPropDefTypes, FunctionPropDef } from '../../../props/prop-def.js';
+
+declare const CheckboxVariants: readonly ["solid", "outlined", "muted"];
+declare const CheckboxRootPropsDefs: {
+    /**
+     * Sets the variant style of the checkbox ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the checkbox.
+     *
+     * When using an uncontrolled checkbox, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the indeterminate state of the checkbox.
+     * @default undefined
+     */
+    readonly indeterminate: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Enables high contrast mode for better visibility.
+     * @default undefined
+     */
+    readonly highContrast: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the checkbox (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the checkbox.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the checkbox component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the checkbox read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the checkbox as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the checkbox input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type CheckboxRootInternalProps = GetPropDefTypes<typeof CheckboxRootPropsDefs>;
+
+export { type CheckboxRootInternalProps, CheckboxRootPropsDefs, CheckboxVariants };

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

@@ -0,0 +1,119 @@
+"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_root_props_exports = {};
+__export(checkbox_root_props_exports, {
+  CheckboxRootPropsDefs: () => CheckboxRootPropsDefs,
+  CheckboxVariants: () => CheckboxVariants
+});
+module.exports = __toCommonJS(checkbox_root_props_exports);
+const CheckboxVariants = ["solid", "outlined", "muted"];
+const CheckboxRootPropsDefs = {
+  /**
+   * Sets the variant style of the checkbox ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: CheckboxVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * Sets the checked state of the checkbox.
+   *
+   * When using an uncontrolled checkbox, use `defaultChecked` instead.
+   * @default undefined
+   */
+  checked: {
+    type: "boolean",
+    dataAttr: "checked"
+  },
+  /**
+   * Sets the indeterminate state of the checkbox.
+   * @default undefined
+   */
+  indeterminate: {
+    type: "boolean",
+    dataAttr: "indeterminate"
+  },
+  /**
+   * Enables high contrast mode for better visibility.
+   * @default undefined
+   */
+  highContrast: {
+    type: "boolean",
+    dataAttr: "high-contrast"
+  },
+  /**
+   * The value of the checkbox (checked state).
+   */
+  value: {
+    type: "boolean"
+  },
+  /**
+   * Sets the default checked state of the checkbox.
+   * @default undefined
+   */
+  defaultChecked: {
+    type: "boolean"
+  },
+  /**
+   * Disables the checkbox component.
+   * @default undefined
+   */
+  disabled: {
+    type: "boolean",
+    dataAttr: "disabled"
+  },
+  /**
+   * Makes the checkbox read-only.
+   * @default undefined
+   */
+  readonly: {
+    type: "boolean",
+    dataAttr: "readonly"
+  },
+  /**
+   * Marks the checkbox as required.
+   * @default undefined
+   */
+  required: {
+    type: "boolean",
+    dataAttr: "required"
+  },
+  /**
+   * Sets the name attribute of the checkbox input for form control.
+   * @default undefined
+   */
+  name: {
+    type: "string"
+  },
+  /**
+   * Callback fired when the checked state changes.
+   *
+   * @param value - The new checked state.
+   */
+  onCheckedChange: {
+    type: "function"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxRootPropsDefs,
+  CheckboxVariants
+});
+//# sourceMappingURL=checkbox-root.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/root/checkbox-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n} from \"../../../props/prop-def\";\n\nconst CheckboxVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst CheckboxRootPropsDefs = {\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\n  /**\n   * Sets the checked state of the checkbox.\n   *\n   * When using an uncontrolled checkbox, use `defaultChecked` instead.\n   * @default undefined\n   */\n  checked: {\n    type: \"boolean\",\n    dataAttr: \"checked\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the indeterminate state of the checkbox.\n   * @default undefined\n   */\n  indeterminate: {\n    type: \"boolean\",\n    dataAttr: \"indeterminate\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Enables high contrast mode for better visibility.\n   * @default undefined\n   */\n  highContrast: {\n    type: \"boolean\",\n    dataAttr: \"high-contrast\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the checkbox (checked state).\n   */\n  value: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the default checked state of the checkbox.\n   * @default undefined\n   */\n  defaultChecked: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Disables the checkbox component.\n   * @default undefined\n   */\n  disabled: {\n    type: \"boolean\",\n    dataAttr: \"disabled\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Makes the checkbox read-only.\n   * @default undefined\n   */\n  readonly: {\n    type: \"boolean\",\n    dataAttr: \"readonly\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Marks the checkbox as required.\n   * @default undefined\n   */\n  required: {\n    type: \"boolean\",\n    dataAttr: \"required\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the name attribute of the checkbox input for form control.\n   * @default undefined\n   */\n  name: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  /**\n   * Callback fired when the checked state changes.\n   *\n   * @param value - The new checked state.\n   */\n  onCheckedChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<(value: boolean) => void> as FunctionPropDef<\n    (value: boolean) => void\n  >,\n} as const;\n\ntype CheckboxRootInternalProps = GetPropDefTypes<typeof CheckboxRootPropsDefs>;\n\nexport { CheckboxRootInternalProps, CheckboxRootPropsDefs, CheckboxVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,mBAAmB,CAAC,SAAS,YAAY,OAAO;AAEtD,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA,EAI5B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB;AAAA,IACd,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AAGF;","names":[]}