@yamada-ui/checkbox 1.1.8-dev-20240915031944 → 1.1.8-dev-20240917033401

package/dist/checkbox-context.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ChangeEvent } from 'react';
+import { ThemeProps } from '@yamada-ui/core';
+import { FormControlOptions } from '@yamada-ui/form-control';
+
+interface CheckboxGroupContext extends ThemeProps<"Checkbox">, FormControlOptions {
+    value: (string | number)[];
+    onChange: (evOrValue: ChangeEvent<HTMLInputElement> | string | number) => void;
+}
+declare const CheckboxGroupProvider: react.Provider<CheckboxGroupContext | undefined>;
+declare const useCheckboxGroupContext: () => CheckboxGroupContext | undefined;
+
+export { type CheckboxGroupContext, CheckboxGroupProvider, useCheckboxGroupContext };

package/dist/checkbox-context.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ChangeEvent } from 'react';
+import { ThemeProps } from '@yamada-ui/core';
+import { FormControlOptions } from '@yamada-ui/form-control';
+
+interface CheckboxGroupContext extends ThemeProps<"Checkbox">, FormControlOptions {
+    value: (string | number)[];
+    onChange: (evOrValue: ChangeEvent<HTMLInputElement> | string | number) => void;
+}
+declare const CheckboxGroupProvider: react.Provider<CheckboxGroupContext | undefined>;
+declare const useCheckboxGroupContext: () => CheckboxGroupContext | undefined;
+
+export { type CheckboxGroupContext, CheckboxGroupProvider, useCheckboxGroupContext };

package/dist/checkbox-context.js

@@ -0,0 +1,38 @@
+"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-context.tsx
+var checkbox_context_exports = {};
+__export(checkbox_context_exports, {
+  CheckboxGroupProvider: () => CheckboxGroupProvider,
+  useCheckboxGroupContext: () => useCheckboxGroupContext
+});
+module.exports = __toCommonJS(checkbox_context_exports);
+var import_utils = require("@yamada-ui/utils");
+var [CheckboxGroupProvider, useCheckboxGroupContext] = (0, import_utils.createContext)({
+  strict: false,
+  name: "CheckboxGroupContext"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxGroupProvider,
+  useCheckboxGroupContext
+});
+//# sourceMappingURL=checkbox-context.js.map

package/dist/checkbox-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox-context.tsx"],"sourcesContent":["import type { ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type { ChangeEvent } from \"react\"\n\nexport interface CheckboxGroupContext\n  extends ThemeProps<\"Checkbox\">,\n    FormControlOptions {\n  value: (string | number)[]\n  onChange: (evOrValue: ChangeEvent<HTMLInputElement> | string | number) => void\n}\n\nexport const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxGroupContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA8B;AAUvB,IAAM,CAAC,uBAAuB,uBAAuB,QAAI,4BAE9D;AAAA,EACA,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;","names":[]}

package/dist/checkbox-context.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  CheckboxGroupProvider,
+  useCheckboxGroupContext
+} from "./chunk-IZINMNYX.mjs";
+export {
+  CheckboxGroupProvider,
+  useCheckboxGroupContext
+};
+//# sourceMappingURL=checkbox-context.mjs.map

package/dist/checkbox-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/checkbox-group.d.mts

@@ -1,16 +1,16 @@
 import { CheckboxProps } from './checkbox.mjs';
 import * as react from 'react';
-import { ChangeEvent, Ref } from 'react';
-import { UIPropGetter, ThemeProps, ComponentArgs } from '@yamada-ui/core';
+import { ChangeEvent, RefAttributes } from 'react';
+import { PropGetter, ThemeProps, ComponentArgs } from '@yamada-ui/core';
 import { FormControlOptions } from '@yamada-ui/form-control';
 import { FlexProps } from '@yamada-ui/layouts';
-import { Dict, PropGetter } from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import '@yamada-ui/motion';
 
-type CheckboxItem<Y extends string | number = string> = CheckboxProps<Y> & {
+interface CheckboxItem<Y extends string | number = string> extends CheckboxProps<Y> {
     label?: string;
-};
-type UseCheckboxGroupProps<Y extends string | number = string> = {
+}
+interface UseCheckboxGroupProps<Y extends string | number = string> {
     /**
      * The value of the checkbox group.
      */
@@ -31,39 +31,32 @@ type UseCheckboxGroupProps<Y extends string | number = string> = {
      * @default false
      */
     isNative?: boolean;
-};
-declare const useCheckboxGroup: <Y extends string | number = string, M extends Dict = Dict>({ value: valueProp, defaultValue, onChange: onChangeProp, isNative, ...props }: UseCheckboxGroupProps<Y> & M) => {
+}
+declare const useCheckboxGroup: <Y extends string | number, M extends Dict = Dict<any>>({ value: valueProp, defaultValue, onChange: onChangeProp, isNative, ...props }: UseCheckboxGroupProps<Y> & M) => {
     props: Omit<UseCheckboxGroupProps<Y> & M, "defaultValue" | "onChange" | "value" | "isNative">;
     value: Y[];
     setValue: react.Dispatch<react.SetStateAction<Y[]>>;
     onChange: (evOrValue: ChangeEvent<HTMLInputElement> | Y) => void;
-    getContainerProps: PropGetter;
-    getCheckboxProps: UIPropGetter<"input", {
+    getContainerProps: PropGetter<"div", undefined>;
+    getCheckboxProps: PropGetter<{
         value?: Y;
     }, {
         value?: Y;
+        checked?: boolean;
         isChecked?: boolean;
     }>;
 };
 type UseCheckboxGroupReturn<Y extends string | number = string> = ReturnType<typeof useCheckboxGroup<Y>>;
-type CheckboxGroupProps<Y extends string | number = string> = ThemeProps<"Checkbox"> & Omit<FlexProps, "onChange"> & UseCheckboxGroupProps<Y> & FormControlOptions & {
+interface CheckboxGroupProps<Y extends string | number = string> extends ThemeProps<"Checkbox">, Omit<FlexProps, "defaultValue" | "onChange">, UseCheckboxGroupProps<Y>, FormControlOptions {
     /**
      * If provided, generate checkboxes based on items.
      *
      * @default '[]'
      */
     items?: CheckboxItem<Y>[];
-};
-type CheckboxContext = ThemeProps<"Checkbox"> & FormControlOptions & {
-    value: (string | number)[];
-    onChange: (evOrValue: ChangeEvent<HTMLInputElement> | string | number) => void;
-};
-declare const useCheckboxGroupContext: () => CheckboxContext | undefined;
-
+}
 declare const CheckboxGroup: {
-    <Y extends string | number = string>(props: CheckboxGroupProps<Y> & {
-        ref?: Ref<HTMLDivElement>;
-    }): JSX.Element;
+    <Y extends string | number = string>(props: CheckboxGroupProps<Y> & RefAttributes<HTMLDivElement>): JSX.Element;
 } & ComponentArgs;
 
-export { CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, useCheckboxGroup, useCheckboxGroupContext };
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, useCheckboxGroup };

package/dist/checkbox-group.d.ts

@@ -1,16 +1,16 @@
 import { CheckboxProps } from './checkbox.js';
 import * as react from 'react';
-import { ChangeEvent, Ref } from 'react';
-import { UIPropGetter, ThemeProps, ComponentArgs } from '@yamada-ui/core';
+import { ChangeEvent, RefAttributes } from 'react';
+import { PropGetter, ThemeProps, ComponentArgs } from '@yamada-ui/core';
 import { FormControlOptions } from '@yamada-ui/form-control';
 import { FlexProps } from '@yamada-ui/layouts';
-import { Dict, PropGetter } from '@yamada-ui/utils';
+import { Dict } from '@yamada-ui/utils';
 import '@yamada-ui/motion';
 
-type CheckboxItem<Y extends string | number = string> = CheckboxProps<Y> & {
+interface CheckboxItem<Y extends string | number = string> extends CheckboxProps<Y> {
     label?: string;
-};
-type UseCheckboxGroupProps<Y extends string | number = string> = {
+}
+interface UseCheckboxGroupProps<Y extends string | number = string> {
     /**
      * The value of the checkbox group.
      */
@@ -31,39 +31,32 @@ type UseCheckboxGroupProps<Y extends string | number = string> = {
      * @default false
      */
     isNative?: boolean;
-};
-declare const useCheckboxGroup: <Y extends string | number = string, M extends Dict = Dict>({ value: valueProp, defaultValue, onChange: onChangeProp, isNative, ...props }: UseCheckboxGroupProps<Y> & M) => {
+}
+declare const useCheckboxGroup: <Y extends string | number, M extends Dict = Dict<any>>({ value: valueProp, defaultValue, onChange: onChangeProp, isNative, ...props }: UseCheckboxGroupProps<Y> & M) => {
     props: Omit<UseCheckboxGroupProps<Y> & M, "defaultValue" | "onChange" | "value" | "isNative">;
     value: Y[];
     setValue: react.Dispatch<react.SetStateAction<Y[]>>;
     onChange: (evOrValue: ChangeEvent<HTMLInputElement> | Y) => void;
-    getContainerProps: PropGetter;
-    getCheckboxProps: UIPropGetter<"input", {
+    getContainerProps: PropGetter<"div", undefined>;
+    getCheckboxProps: PropGetter<{
         value?: Y;
     }, {
         value?: Y;
+        checked?: boolean;
         isChecked?: boolean;
     }>;
 };
 type UseCheckboxGroupReturn<Y extends string | number = string> = ReturnType<typeof useCheckboxGroup<Y>>;
-type CheckboxGroupProps<Y extends string | number = string> = ThemeProps<"Checkbox"> & Omit<FlexProps, "onChange"> & UseCheckboxGroupProps<Y> & FormControlOptions & {
+interface CheckboxGroupProps<Y extends string | number = string> extends ThemeProps<"Checkbox">, Omit<FlexProps, "defaultValue" | "onChange">, UseCheckboxGroupProps<Y>, FormControlOptions {
     /**
      * If provided, generate checkboxes based on items.
      *
      * @default '[]'
      */
     items?: CheckboxItem<Y>[];
-};
-type CheckboxContext = ThemeProps<"Checkbox"> & FormControlOptions & {
-    value: (string | number)[];
-    onChange: (evOrValue: ChangeEvent<HTMLInputElement> | string | number) => void;
-};
-declare const useCheckboxGroupContext: () => CheckboxContext | undefined;
-
+}
 declare const CheckboxGroup: {
-    <Y extends string | number = string>(props: CheckboxGroupProps<Y> & {
-        ref?: Ref<HTMLDivElement>;
-    }): JSX.Element;
+    <Y extends string | number = string>(props: CheckboxGroupProps<Y> & RefAttributes<HTMLDivElement>): JSX.Element;
 } & ComponentArgs;
 
-export { CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, useCheckboxGroup, useCheckboxGroupContext };
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, useCheckboxGroup };

package/dist/checkbox-group.js

@@ -22,14 +22,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var checkbox_group_exports = {};
 __export(checkbox_group_exports, {
   CheckboxGroup: () => CheckboxGroup,
-  useCheckboxGroup: () => useCheckboxGroup,
-  useCheckboxGroupContext: () => useCheckboxGroupContext
+  useCheckboxGroup: () => useCheckboxGroup
 });
 module.exports = __toCommonJS(checkbox_group_exports);
 var import_form_control2 = require("@yamada-ui/form-control");
 var import_layouts = require("@yamada-ui/layouts");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
-var import_utils2 = require("@yamada-ui/utils");
+var import_utils3 = require("@yamada-ui/utils");
 var import_react2 = require("react");
 
 // src/checkbox.tsx
@@ -37,8 +36,17 @@ var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
 var import_motion = require("@yamada-ui/motion");
 var import_use_focus_visible = require("@yamada-ui/use-focus-visible");
-var import_utils = require("@yamada-ui/utils");
+var import_utils2 = require("@yamada-ui/utils");
 var import_react = require("react");
+
+// src/checkbox-context.tsx
+var import_utils = require("@yamada-ui/utils");
+var [CheckboxGroupProvider, useCheckboxGroupContext] = (0, import_utils.createContext)({
+  strict: false,
+  name: "CheckboxGroupContext"
+});
+
+// src/checkbox.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var useCheckbox = ({
   id,
@@ -67,7 +75,7 @@ var useCheckbox = ({
       ...formControlProps
     },
     rest
-  ] = (0, import_utils.splitObject)(computedProps, import_form_control.formControlProperties);
+  ] = (0, import_utils2.splitObject)(computedProps, import_form_control.formControlProperties);
   const [isFocusVisible, setIsFocusVisible] = (0, import_react.useState)(false);
   const [isFocused, setFocused] = (0, import_react.useState)(false);
   const [isHovered, setHovered] = (0, import_react.useState)(false);
@@ -77,7 +85,7 @@ var useCheckbox = ({
   const [isChecked, setIsChecked] = (0, import_react.useState)(!!defaultIsChecked);
   const isControlled = isCheckedProp !== void 0;
   const checked = isControlled ? isCheckedProp : isChecked;
-  const onChange = (0, import_utils.useCallbackRef)(
+  const onChange = (0, import_utils2.useCallbackRef)(
     (ev) => {
       if (readOnly || disabled) {
         ev.preventDefault();
@@ -89,8 +97,8 @@ var useCheckbox = ({
     },
     [readOnly, disabled, isControlled, checked, isIndeterminate]
   );
-  const onFocus = (0, import_utils.useCallbackRef)(onFocusProp);
-  const onBlur = (0, import_utils.useCallbackRef)(onBlurProp);
+  const onFocus = (0, import_utils2.useCallbackRef)(onFocusProp);
+  const onBlur = (0, import_utils2.useCallbackRef)(onBlurProp);
   const onKeyDown = (0, import_react.useCallback)(
     ({ key }) => {
       if (key === " ") setActive(true);
@@ -106,19 +114,19 @@ var useCheckbox = ({
   (0, import_react.useEffect)(() => {
     return (0, import_use_focus_visible.trackFocusVisible)(setIsFocusVisible);
   }, []);
-  (0, import_utils.useSafeLayoutEffect)(() => {
+  (0, import_utils2.useSafeLayoutEffect)(() => {
     if (inputRef.current)
       inputRef.current.indeterminate = Boolean(isIndeterminate);
   }, [isIndeterminate]);
-  (0, import_utils.useUpdateEffect)(() => {
+  (0, import_utils2.useUpdateEffect)(() => {
     if (disabled) setFocused(false);
   }, [disabled, setFocused]);
-  (0, import_utils.useSafeLayoutEffect)(() => {
+  (0, import_utils2.useSafeLayoutEffect)(() => {
     var _a;
     if (!((_a = inputRef.current) == null ? void 0 : _a.form)) return;
     inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked);
   }, []);
-  (0, import_utils.useSafeLayoutEffect)(() => {
+  (0, import_utils2.useSafeLayoutEffect)(() => {
     if (!inputRef.current) return;
     if (inputRef.current.checked !== checked)
       setIsChecked(inputRef.current.checked);
@@ -127,11 +135,11 @@ var useCheckbox = ({
     (props2 = {}, ref = null) => ({
       ...formControlProps,
       ...props2,
-      ref: (0, import_utils.mergeRefs)(ref, (el) => {
+      ref: (0, import_utils2.mergeRefs)(ref, (el) => {
         if (el) setIsLabel(el.tagName === "LABEL");
       }),
-      "data-checked": (0, import_utils.dataAttr)(checked),
-      onClick: (0, import_utils.handlerAll)(props2.onClick, () => {
+      "data-checked": (0, import_utils2.dataAttr)(checked),
+      onClick: (0, import_utils2.handlerAll)(props2.onClick, () => {
         var _a;
         if (isLabel) return;
         (_a = inputRef.current) == null ? void 0 : _a.click();
@@ -148,20 +156,20 @@ var useCheckbox = ({
       ...formControlProps,
       ...props2,
       ref,
-      "data-active": (0, import_utils.dataAttr)(isActive),
-      "data-hover": (0, import_utils.dataAttr)(isHovered),
-      "data-checked": (0, import_utils.dataAttr)(checked),
-      "data-focus": (0, import_utils.dataAttr)(isFocused),
-      "data-focus-visible": (0, import_utils.dataAttr)(isFocused && isFocusVisible),
-      "data-indeterminate": (0, import_utils.dataAttr)(isIndeterminate),
+      "data-active": (0, import_utils2.dataAttr)(isActive),
+      "data-hover": (0, import_utils2.dataAttr)(isHovered),
+      "data-checked": (0, import_utils2.dataAttr)(checked),
+      "data-focus": (0, import_utils2.dataAttr)(isFocused),
+      "data-focus-visible": (0, import_utils2.dataAttr)(isFocused && isFocusVisible),
+      "data-indeterminate": (0, import_utils2.dataAttr)(isIndeterminate),
       "aria-hidden": true,
-      onMouseDown: (0, import_utils.handlerAll)(props2.onMouseDown, (ev) => {
+      onMouseDown: (0, import_utils2.handlerAll)(props2.onMouseDown, (ev) => {
         if (isFocused) ev.preventDefault();
         setActive(true);
       }),
-      onMouseUp: (0, import_utils.handlerAll)(props2.onMouseUp, () => setActive(false)),
-      onMouseEnter: (0, import_utils.handlerAll)(props2.onMouseEnter, () => setHovered(true)),
-      onMouseLeave: (0, import_utils.handlerAll)(props2.onMouseLeave, () => setHovered(false))
+      onMouseUp: (0, import_utils2.handlerAll)(props2.onMouseUp, () => setActive(false)),
+      onMouseEnter: (0, import_utils2.handlerAll)(props2.onMouseEnter, () => setHovered(true)),
+      onMouseLeave: (0, import_utils2.handlerAll)(props2.onMouseLeave, () => setHovered(false))
     }),
     [
       isActive,
@@ -177,7 +185,7 @@ var useCheckbox = ({
     (props2 = {}, ref = null) => ({
       ...formControlProps,
       ...props2,
-      ref: (0, import_utils.mergeRefs)(inputRef, ref),
+      ref: (0, import_utils2.mergeRefs)(inputRef, ref),
       id,
       type: "checkbox",
       name,
@@ -199,11 +207,11 @@ var useCheckbox = ({
         whiteSpace: "nowrap",
         position: "absolute"
       },
-      onChange: (0, import_utils.handlerAll)(props2.onChange, onChange),
-      onBlur: (0, import_utils.handlerAll)(props2.onBlur, onBlur, () => setFocused(false)),
-      onFocus: (0, import_utils.handlerAll)(props2.onFocus, onFocus, () => setFocused(true)),
-      onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, onKeyDown),
-      onKeyUp: (0, import_utils.handlerAll)(props2.onKeyUp, onKeyUp)
+      onChange: (0, import_utils2.handlerAll)(props2.onChange, onChange),
+      onBlur: (0, import_utils2.handlerAll)(props2.onBlur, onBlur, () => setFocused(false)),
+      onFocus: (0, import_utils2.handlerAll)(props2.onFocus, onFocus, () => setFocused(true)),
+      onKeyDown: (0, import_utils2.handlerAll)(props2.onKeyDown, onKeyDown),
+      onKeyUp: (0, import_utils2.handlerAll)(props2.onKeyUp, onKeyUp)
     }),
     [
       isIndeterminate,
@@ -228,12 +236,12 @@ var useCheckbox = ({
       ...formControlProps,
       ...props2,
       ref,
-      "data-checked": (0, import_utils.dataAttr)(checked),
-      onMouseDown: (0, import_utils.handlerAll)(props2.onMouseDown, (ev) => {
+      "data-checked": (0, import_utils2.dataAttr)(checked),
+      onMouseDown: (0, import_utils2.handlerAll)(props2.onMouseDown, (ev) => {
         ev.preventDefault();
         ev.stopPropagation();
       }),
-      onTouchStart: (0, import_utils.handlerAll)(props2.onTouchStart, (ev) => {
+      onTouchStart: (0, import_utils2.handlerAll)(props2.onTouchStart, (ev) => {
         ev.preventDefault();
         ev.stopPropagation();
       })
@@ -260,7 +268,7 @@ var Checkbox = (0, import_react.forwardRef)(
     const group = useCheckboxGroupContext();
     const { value: groupValue, ...groupProps } = { ...group };
     const control = (0, import_form_control.useFormControl)(props);
-    const [styles, mergedProps] = (0, import_core.useMultiComponentStyle)("Checkbox", {
+    const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Checkbox", {
       ...groupProps,
       ...props
     });
@@ -278,7 +286,7 @@ var Checkbox = (0, import_react.forwardRef)(
       ...computedProps
     } = (0, import_core.omitThemeProps)(mergedProps);
     const isCheckedProp = groupValue && computedProps.value ? groupValue.includes(computedProps.value) : computedProps.isChecked;
-    const onChange = groupProps.onChange && computedProps.value ? (0, import_utils.funcAll)(groupProps.onChange, computedProps.onChange) : computedProps.onChange;
+    const onChange = groupProps.onChange && computedProps.value ? (0, import_utils2.funcAll)(groupProps.onChange, computedProps.onChange) : computedProps.onChange;
     const {
       isChecked,
       isIndeterminate,
@@ -314,7 +322,7 @@ var Checkbox = (0, import_react.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_core.ui.label,
       {
-        className: (0, import_utils.cx)("ui-checkbox", className),
+        className: (0, import_utils2.cx)("ui-checkbox", className),
         ...getContainerProps(),
         __css: {
           cursor: "pointer",
@@ -460,7 +468,7 @@ var IndeterminateIcon = (props) => {
 
 // src/checkbox-group.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var isEvent = (value) => value && (0, import_utils2.isObject)(value) && (0, import_utils2.isObject)(value.target);
+var isEvent = (value) => value && (0, import_utils3.isObject)(value) && (0, import_utils3.isObject)(value.target);
 var useCheckboxGroup = ({
   value: valueProp,
   defaultValue = [],
@@ -468,7 +476,7 @@ var useCheckboxGroup = ({
   isNative,
   ...props
 }) => {
-  const onChangeRef = (0, import_utils2.useCallbackRef)(onChangeProp);
+  const onChangeRef = (0, import_utils3.useCallbackRef)(onChangeProp);
   const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
     value: valueProp,
     defaultValue,
@@ -492,7 +500,7 @@ var useCheckboxGroup = ({
     []
   );
   const getCheckboxProps = (0, import_react2.useCallback)(
-    (props2, ref = null) => ({
+    (props2 = {}, ref = null) => ({
       ...props2,
       ref,
       [isNative ? "checked" : "isChecked"]: value.some(
@@ -511,10 +519,6 @@ var useCheckboxGroup = ({
     getCheckboxProps
   };
 };
-var [CheckboxGroupProvider, useCheckboxGroupContext] = (0, import_utils2.createContext)({
-  strict: false,
-  name: "CheckboxGroupContext"
-});
 var CheckboxGroup = (0, import_react2.forwardRef)(
   ({
     className,
@@ -534,7 +538,7 @@ var CheckboxGroup = (0, import_react2.forwardRef)(
       getContainerProps
     } = useCheckboxGroup(props);
     const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } = (0, import_form_control2.useFormControl)(computedProps);
-    const validChildren = (0, import_utils2.getValidChildren)(children);
+    const validChildren = (0, import_utils3.getValidChildren)(children);
     let computedChildren = [];
     if (!validChildren.length && items.length) {
       computedChildren = items.map(({ label, value: value2, ...props2 }, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Checkbox, { value: value2, ...props2, children: label }, i));
@@ -557,7 +561,7 @@ var CheckboxGroup = (0, import_react2.forwardRef)(
           import_layouts.Flex,
           {
             ref,
-            className: (0, import_utils2.cx)("ui-checkbox-group", className),
+            className: (0, import_utils3.cx)("ui-checkbox-group", className),
             direction,
             gap: gap != null ? gap : direction === "row" ? "1rem" : void 0,
             ...getContainerProps({
@@ -575,7 +579,6 @@ CheckboxGroup.displayName = "CheckboxGroup";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CheckboxGroup,
-  useCheckboxGroup,
-  useCheckboxGroupContext
+  useCheckboxGroup
 });
 //# sourceMappingURL=checkbox-group.js.map