@kopexa/checkbox 1.0.5 → 1.0.7

package/dist/checkbox-icon.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { CheckboxIconProps } from './use-checkbox.mjs';
+import '@kopexa/react-utils';
+import '@kopexa/theme';
+import '@radix-ui/react-checkbox';
+
+type IconProps = ComponentProps<"svg"> & CheckboxIconProps;
+/**
+ * CheckboxIcon is used to visually indicate the checked or indeterminate
+ * state of a checkbox.
+ */
+declare function CheckboxIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+
+export { CheckboxIcon };

package/dist/checkbox-icon.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { CheckboxIconProps } from './use-checkbox.js';
+import '@kopexa/react-utils';
+import '@kopexa/theme';
+import '@radix-ui/react-checkbox';
+
+type IconProps = ComponentProps<"svg"> & CheckboxIconProps;
+/**
+ * CheckboxIcon is used to visually indicate the checked or indeterminate
+ * state of a checkbox.
+ */
+declare function CheckboxIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+
+export { CheckboxIcon };

package/dist/checkbox-icon.js

@@ -0,0 +1,37 @@
+"use client";
+"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);
+
+// src/checkbox-icon.tsx
+var checkbox_icon_exports = {};
+__export(checkbox_icon_exports, {
+  CheckboxIcon: () => CheckboxIcon
+});
+module.exports = __toCommonJS(checkbox_icon_exports);
+var import_icons = require("@kopexa/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CheckboxIcon(props) {
+  const { isIndeterminate, ...otherProps } = props;
+  const BaseIcon = isIndeterminate ? import_icons.MinusIcon : import_icons.CheckIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseIcon, { ...otherProps });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxIcon
+});

package/dist/checkbox-icon.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  CheckboxIcon
+} from "./chunk-STJ7PQ25.mjs";
+export {
+  CheckboxIcon
+};

package/dist/checkbox.d.mts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { ComponentProps } from 'react';
+import { UseCheckboxProps } from './use-checkbox.mjs';
+import '@kopexa/react-utils';
+import '@kopexa/theme';
+import 'react';
 
 type CheckboxCheckedState = CheckboxPrimitive.CheckedState;
-type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
-    checked?: CheckboxCheckedState | undefined;
-};
+type CheckboxProps = UseCheckboxProps;
 declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 export { Checkbox, type CheckboxCheckedState, type CheckboxProps };

package/dist/checkbox.d.ts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { ComponentProps } from 'react';
+import { UseCheckboxProps } from './use-checkbox.js';
+import '@kopexa/react-utils';
+import '@kopexa/theme';
+import 'react';
 
 type CheckboxCheckedState = CheckboxPrimitive.CheckedState;
-type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root> & {
-    checked?: CheckboxCheckedState | undefined;
-};
+type CheckboxProps = UseCheckboxProps;
 declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 export { Checkbox, type CheckboxCheckedState, type CheckboxProps };

package/dist/checkbox.js

@@ -34,30 +34,81 @@ __export(checkbox_exports, {
   Checkbox: () => Checkbox
 });
 module.exports = __toCommonJS(checkbox_exports);
-var import_icons = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+
+// src/checkbox-icon.tsx
+var import_icons = require("@kopexa/icons");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Checkbox = (props) => {
-  const { className, checked, ...rest } = props;
-  const styles = (0, import_theme.checkbox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    CheckboxPrimitive.Root,
-    {
+function CheckboxIcon(props) {
+  const { isIndeterminate, ...otherProps } = props;
+  const BaseIcon = isIndeterminate ? import_icons.MinusIcon : import_icons.CheckIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseIcon, { ...otherProps });
+}
+
+// src/use-checkbox.ts
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+function useCheckbox({
+  disabled,
+  checked,
+  className,
+  color,
+  size,
+  ...restProps
+}) {
+  const slots = (0, import_react.useMemo)(() => (0, import_theme.checkbox)({ color, size }), [color, size]);
+  const getRootProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.base({ className }),
       "data-slot": "checkbox",
-      className: styles.base({ className }),
+      "data-disabled": (0, import_shared_utils.dataAttr)(disabled),
+      "data-selected": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": (0, import_shared_utils.dataAttr)(checked === "indeterminate"),
+      disabled,
       checked,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: styles.indicator(),
-          children: checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusIcon, { className: styles.icon() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: styles.icon() })
-        }
+      ...restProps
+    }),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: eslint does not understand the dependencies
+    [slots, disabled, checked, restProps, className]
+  );
+  const getIndicatorProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.indicator(),
+      "data-slot": "checkbox-indicator",
+      "data-selected": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": (0, import_shared_utils.dataAttr)(checked === "indeterminate")
+    }),
+    [slots, checked]
+  );
+  const getIconProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.icon(),
+      isSelected: typeof checked === "boolean" ? checked : false,
+      isIndeterminate: checked === "indeterminate",
+      "data-checked": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
       )
-    }
+    }),
+    [slots, checked]
   );
+  return {
+    checked,
+    getRootProps,
+    getIndicatorProps,
+    getIconProps
+  };
+}
+
+// src/checkbox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Checkbox = (props) => {
+  const { getRootProps, getIndicatorProps, getIconProps } = useCheckbox(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxPrimitive.Root, { ...getRootProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxPrimitive.Indicator, { ...getIndicatorProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxIcon, { ...getIconProps() }) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/checkbox.mjs

@@ -1,7 +1,9 @@
 "use client";
 import {
   Checkbox
-} from "./chunk-IZSKR7ZE.mjs";
+} from "./chunk-KKH6XBT3.mjs";
+import "./chunk-STJ7PQ25.mjs";
+import "./chunk-6JWVKZ3G.mjs";
 export {
   Checkbox
 };

package/dist/chunk-6JWVKZ3G.mjs

@@ -0,0 +1,64 @@
+"use client";
+
+// src/use-checkbox.ts
+import { dataAttr } from "@kopexa/shared-utils";
+import { checkbox } from "@kopexa/theme";
+import { useCallback, useMemo } from "react";
+function useCheckbox({
+  disabled,
+  checked,
+  className,
+  color,
+  size,
+  ...restProps
+}) {
+  const slots = useMemo(() => checkbox({ color, size }), [color, size]);
+  const getRootProps = useCallback(
+    () => ({
+      className: slots.base({ className }),
+      "data-slot": "checkbox",
+      "data-disabled": dataAttr(disabled),
+      "data-selected": dataAttr(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": dataAttr(checked === "indeterminate"),
+      disabled,
+      checked,
+      ...restProps
+    }),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: eslint does not understand the dependencies
+    [slots, disabled, checked, restProps, className]
+  );
+  const getIndicatorProps = useCallback(
+    () => ({
+      className: slots.indicator(),
+      "data-slot": "checkbox-indicator",
+      "data-selected": dataAttr(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": dataAttr(checked === "indeterminate")
+    }),
+    [slots, checked]
+  );
+  const getIconProps = useCallback(
+    () => ({
+      className: slots.icon(),
+      isSelected: typeof checked === "boolean" ? checked : false,
+      isIndeterminate: checked === "indeterminate",
+      "data-checked": dataAttr(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      )
+    }),
+    [slots, checked]
+  );
+  return {
+    checked,
+    getRootProps,
+    getIndicatorProps,
+    getIconProps
+  };
+}
+
+export {
+  useCheckbox
+};

package/dist/chunk-KKH6XBT3.mjs

@@ -0,0 +1,19 @@
+"use client";
+import {
+  CheckboxIcon
+} from "./chunk-STJ7PQ25.mjs";
+import {
+  useCheckbox
+} from "./chunk-6JWVKZ3G.mjs";
+
+// src/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { jsx } from "react/jsx-runtime";
+var Checkbox = (props) => {
+  const { getRootProps, getIndicatorProps, getIconProps } = useCheckbox(props);
+  return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, { ...getRootProps(), children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { ...getIndicatorProps(), children: /* @__PURE__ */ jsx(CheckboxIcon, { ...getIconProps() }) }) });
+};
+
+export {
+  Checkbox
+};

package/dist/chunk-STJ7PQ25.mjs

@@ -0,0 +1,14 @@
+"use client";
+
+// src/checkbox-icon.tsx
+import { CheckIcon, MinusIcon } from "@kopexa/icons";
+import { jsx } from "react/jsx-runtime";
+function CheckboxIcon(props) {
+  const { isIndeterminate, ...otherProps } = props;
+  const BaseIcon = isIndeterminate ? MinusIcon : CheckIcon;
+  return /* @__PURE__ */ jsx(BaseIcon, { ...otherProps });
+}
+
+export {
+  CheckboxIcon
+};

package/dist/index.d.mts

@@ -1,4 +1,7 @@
 export { Checkbox, CheckboxCheckedState, CheckboxProps } from './checkbox.mjs';
+export { CheckboxIconProps } from './use-checkbox.mjs';
 import 'react/jsx-runtime';
 import '@radix-ui/react-checkbox';
+import '@kopexa/react-utils';
+import '@kopexa/theme';
 import 'react';

package/dist/index.d.ts

@@ -1,4 +1,7 @@
 export { Checkbox, CheckboxCheckedState, CheckboxProps } from './checkbox.js';
+export { CheckboxIconProps } from './use-checkbox.js';
 import 'react/jsx-runtime';
 import '@radix-ui/react-checkbox';
+import '@kopexa/react-utils';
+import '@kopexa/theme';
 import 'react';

package/dist/index.js

@@ -36,30 +36,81 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/checkbox.tsx
-var import_icons = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+
+// src/checkbox-icon.tsx
+var import_icons = require("@kopexa/icons");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Checkbox = (props) => {
-  const { className, checked, ...rest } = props;
-  const styles = (0, import_theme.checkbox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    CheckboxPrimitive.Root,
-    {
+function CheckboxIcon(props) {
+  const { isIndeterminate, ...otherProps } = props;
+  const BaseIcon = isIndeterminate ? import_icons.MinusIcon : import_icons.CheckIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseIcon, { ...otherProps });
+}
+
+// src/use-checkbox.ts
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+function useCheckbox({
+  disabled,
+  checked,
+  className,
+  color,
+  size,
+  ...restProps
+}) {
+  const slots = (0, import_react.useMemo)(() => (0, import_theme.checkbox)({ color, size }), [color, size]);
+  const getRootProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.base({ className }),
       "data-slot": "checkbox",
-      className: styles.base({ className }),
+      "data-disabled": (0, import_shared_utils.dataAttr)(disabled),
+      "data-selected": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": (0, import_shared_utils.dataAttr)(checked === "indeterminate"),
+      disabled,
       checked,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: styles.indicator(),
-          children: checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusIcon, { className: styles.icon() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckIcon, { className: styles.icon() })
-        }
+      ...restProps
+    }),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: eslint does not understand the dependencies
+    [slots, disabled, checked, restProps, className]
+  );
+  const getIndicatorProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.indicator(),
+      "data-slot": "checkbox-indicator",
+      "data-selected": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": (0, import_shared_utils.dataAttr)(checked === "indeterminate")
+    }),
+    [slots, checked]
+  );
+  const getIconProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.icon(),
+      isSelected: typeof checked === "boolean" ? checked : false,
+      isIndeterminate: checked === "indeterminate",
+      "data-checked": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
       )
-    }
+    }),
+    [slots, checked]
   );
+  return {
+    checked,
+    getRootProps,
+    getIndicatorProps,
+    getIconProps
+  };
+}
+
+// src/checkbox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Checkbox = (props) => {
+  const { getRootProps, getIndicatorProps, getIconProps } = useCheckbox(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxPrimitive.Root, { ...getRootProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxPrimitive.Indicator, { ...getIndicatorProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckboxIcon, { ...getIconProps() }) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1,7 +1,9 @@
 "use client";
 import {
   Checkbox
-} from "./chunk-IZSKR7ZE.mjs";
+} from "./chunk-KKH6XBT3.mjs";
+import "./chunk-STJ7PQ25.mjs";
+import "./chunk-6JWVKZ3G.mjs";
 export {
   Checkbox
 };

package/dist/use-checkbox.d.mts

@@ -0,0 +1,24 @@
+import { PropGetter } from '@kopexa/react-utils';
+import { CheckboxVariantProps } from '@kopexa/theme';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ComponentProps } from 'react';
+
+type CheckboxCheckedState = CheckboxPrimitive.CheckedState;
+type CheckboxIconProps = {
+    "data-checked": string;
+    isSelected: boolean;
+    isIndeterminate: boolean;
+    className: string;
+};
+interface Props extends Omit<ComponentProps<typeof CheckboxPrimitive.Root>, keyof CheckboxVariantProps> {
+    checked?: CheckboxCheckedState | undefined;
+}
+type UseCheckboxProps = Props & CheckboxVariantProps;
+declare function useCheckbox({ disabled, checked, className, color, size, ...restProps }: UseCheckboxProps): {
+    checked: CheckboxPrimitive.CheckedState | undefined;
+    getRootProps: PropGetter;
+    getIndicatorProps: PropGetter;
+    getIconProps: () => CheckboxIconProps;
+};
+
+export { type CheckboxCheckedState, type CheckboxIconProps, type UseCheckboxProps, useCheckbox };

package/dist/use-checkbox.d.ts

@@ -0,0 +1,24 @@
+import { PropGetter } from '@kopexa/react-utils';
+import { CheckboxVariantProps } from '@kopexa/theme';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ComponentProps } from 'react';
+
+type CheckboxCheckedState = CheckboxPrimitive.CheckedState;
+type CheckboxIconProps = {
+    "data-checked": string;
+    isSelected: boolean;
+    isIndeterminate: boolean;
+    className: string;
+};
+interface Props extends Omit<ComponentProps<typeof CheckboxPrimitive.Root>, keyof CheckboxVariantProps> {
+    checked?: CheckboxCheckedState | undefined;
+}
+type UseCheckboxProps = Props & CheckboxVariantProps;
+declare function useCheckbox({ disabled, checked, className, color, size, ...restProps }: UseCheckboxProps): {
+    checked: CheckboxPrimitive.CheckedState | undefined;
+    getRootProps: PropGetter;
+    getIndicatorProps: PropGetter;
+    getIconProps: () => CheckboxIconProps;
+};
+
+export { type CheckboxCheckedState, type CheckboxIconProps, type UseCheckboxProps, useCheckbox };

package/dist/use-checkbox.js

@@ -0,0 +1,87 @@
+"use client";
+"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);
+
+// src/use-checkbox.ts
+var use_checkbox_exports = {};
+__export(use_checkbox_exports, {
+  useCheckbox: () => useCheckbox
+});
+module.exports = __toCommonJS(use_checkbox_exports);
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+function useCheckbox({
+  disabled,
+  checked,
+  className,
+  color,
+  size,
+  ...restProps
+}) {
+  const slots = (0, import_react.useMemo)(() => (0, import_theme.checkbox)({ color, size }), [color, size]);
+  const getRootProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.base({ className }),
+      "data-slot": "checkbox",
+      "data-disabled": (0, import_shared_utils.dataAttr)(disabled),
+      "data-selected": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": (0, import_shared_utils.dataAttr)(checked === "indeterminate"),
+      disabled,
+      checked,
+      ...restProps
+    }),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: eslint does not understand the dependencies
+    [slots, disabled, checked, restProps, className]
+  );
+  const getIndicatorProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.indicator(),
+      "data-slot": "checkbox-indicator",
+      "data-selected": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      ),
+      "data-indeterminate": (0, import_shared_utils.dataAttr)(checked === "indeterminate")
+    }),
+    [slots, checked]
+  );
+  const getIconProps = (0, import_react.useCallback)(
+    () => ({
+      className: slots.icon(),
+      isSelected: typeof checked === "boolean" ? checked : false,
+      isIndeterminate: checked === "indeterminate",
+      "data-checked": (0, import_shared_utils.dataAttr)(
+        typeof checked === "boolean" ? checked : checked === "indeterminate"
+      )
+    }),
+    [slots, checked]
+  );
+  return {
+    checked,
+    getRootProps,
+    getIndicatorProps,
+    getIconProps
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCheckbox
+});

package/dist/use-checkbox.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  useCheckbox
+} from "./chunk-6JWVKZ3G.mjs";
+export {
+  useCheckbox
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/checkbox",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
   "keywords": [
     "checkbox"
@@ -28,13 +28,13 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "1.6.5"
+    "@kopexa/theme": "1.6.7"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.3.2",
     "@kopexa/react-utils": "2.0.6",
     "@kopexa/shared-utils": "1.1.5",
-    "@kopexa/icons": "9.0.5"
+    "@kopexa/icons": "9.0.7"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",

package/dist/chunk-IZSKR7ZE.mjs

@@ -1,32 +0,0 @@
-"use client";
-
-// src/checkbox.tsx
-import { CheckIcon, MinusIcon } from "@kopexa/icons";
-import { checkbox } from "@kopexa/theme";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx } from "react/jsx-runtime";
-var Checkbox = (props) => {
-  const { className, checked, ...rest } = props;
-  const styles = checkbox();
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    {
-      "data-slot": "checkbox",
-      className: styles.base({ className }),
-      checked,
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: styles.indicator(),
-          children: checked === "indeterminate" ? /* @__PURE__ */ jsx(MinusIcon, { className: styles.icon() }) : /* @__PURE__ */ jsx(CheckIcon, { className: styles.icon() })
-        }
-      )
-    }
-  );
-};
-
-export {
-  Checkbox
-};