@ark-ui/react 5.16.1 → 5.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components/checkbox/checkbox-group-provider.cjs +19 -0
  2. package/dist/components/checkbox/checkbox-group-provider.d.cts +13 -0
  3. package/dist/components/checkbox/checkbox-group-provider.d.ts +13 -0
  4. package/dist/components/checkbox/checkbox-group-provider.js +15 -0
  5. package/dist/components/checkbox/checkbox.cjs +2 -0
  6. package/dist/components/checkbox/checkbox.d.cts +1 -0
  7. package/dist/components/checkbox/checkbox.d.ts +1 -0
  8. package/dist/components/checkbox/checkbox.js +1 -0
  9. package/dist/components/checkbox/index.cjs +2 -0
  10. package/dist/components/checkbox/index.d.cts +1 -0
  11. package/dist/components/checkbox/index.d.ts +1 -0
  12. package/dist/components/checkbox/index.js +1 -0
  13. package/dist/components/collection/index.d.cts +1 -1
  14. package/dist/components/collection/index.d.ts +1 -1
  15. package/dist/components/color-picker/color-picker-value-text.cjs +3 -3
  16. package/dist/components/color-picker/color-picker-value-text.js +3 -3
  17. package/dist/components/field/use-field.cjs +2 -1
  18. package/dist/components/field/use-field.js +2 -1
  19. package/dist/components/fieldset/use-fieldset.cjs +2 -1
  20. package/dist/components/fieldset/use-fieldset.js +2 -1
  21. package/dist/components/file-upload/file-upload.d.cts +1 -1
  22. package/dist/components/file-upload/file-upload.d.ts +1 -1
  23. package/dist/components/file-upload/index.d.cts +1 -1
  24. package/dist/components/file-upload/index.d.ts +1 -1
  25. package/dist/components/index.cjs +2 -0
  26. package/dist/components/index.js +1 -0
  27. package/dist/index.cjs +2 -0
  28. package/dist/index.js +1 -0
  29. package/package.json +63 -63
@@ -0,0 +1,19 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react = require('react');
8
+ const createSplitProps = require('../../utils/create-split-props.cjs');
9
+ const factory = require('../factory.cjs');
10
+ const checkbox_anatomy = require('./checkbox.anatomy.cjs');
11
+ const useCheckboxGroupContext = require('./use-checkbox-group-context.cjs');
12
+
13
+ const CheckboxGroupProvider = react.forwardRef((props, ref) => {
14
+ const [localProps, restProps] = createSplitProps.createSplitProps()(props, ["value"]);
15
+ return /* @__PURE__ */ jsxRuntime.jsx(useCheckboxGroupContext.CheckboxGroupContextProvider, { value: localProps.value, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ref, role: "group", ...restProps, ...checkbox_anatomy.checkboxAnatomy.build().group.attrs }) });
16
+ });
17
+ CheckboxGroupProvider.displayName = "CheckboxGroupProvider";
18
+
19
+ exports.CheckboxGroupProvider = CheckboxGroupProvider;
@@ -0,0 +1,13 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { UseCheckboxGroupContext } from './use-checkbox-group-context';
4
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
+ interface ProviderProps {
6
+ value: UseCheckboxGroupContext;
7
+ }
8
+ export interface CheckboxGroupProviderBaseProps extends ProviderProps, PolymorphicProps {
9
+ }
10
+ export interface CheckboxGroupProviderProps extends Assign<HTMLProps<'div'>, CheckboxGroupProviderBaseProps> {
11
+ }
12
+ export declare const CheckboxGroupProvider: ForwardRefExoticComponent<CheckboxGroupProviderProps & RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -0,0 +1,13 @@
1
+ import { Assign } from '../../types';
2
+ import { HTMLProps, PolymorphicProps } from '../factory';
3
+ import { UseCheckboxGroupContext } from './use-checkbox-group-context';
4
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
5
+ interface ProviderProps {
6
+ value: UseCheckboxGroupContext;
7
+ }
8
+ export interface CheckboxGroupProviderBaseProps extends ProviderProps, PolymorphicProps {
9
+ }
10
+ export interface CheckboxGroupProviderProps extends Assign<HTMLProps<'div'>, CheckboxGroupProviderBaseProps> {
11
+ }
12
+ export declare const CheckboxGroupProvider: ForwardRefExoticComponent<CheckboxGroupProviderProps & RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+ import { createSplitProps } from '../../utils/create-split-props.js';
5
+ import { ark } from '../factory.js';
6
+ import { checkboxAnatomy } from './checkbox.anatomy.js';
7
+ import { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';
8
+
9
+ const CheckboxGroupProvider = forwardRef((props, ref) => {
10
+ const [localProps, restProps] = createSplitProps()(props, ["value"]);
11
+ return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: localProps.value, children: /* @__PURE__ */ jsx(ark.div, { ref, role: "group", ...restProps, ...checkboxAnatomy.build().group.attrs }) });
12
+ });
13
+ CheckboxGroupProvider.displayName = "CheckboxGroupProvider";
14
+
15
+ export { CheckboxGroupProvider };
@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const checkboxContext = require('./checkbox-context.cjs');
6
6
  const checkboxControl = require('./checkbox-control.cjs');
7
7
  const checkboxGroup = require('./checkbox-group.cjs');
8
+ const checkboxGroupProvider = require('./checkbox-group-provider.cjs');
8
9
  const checkboxHiddenInput = require('./checkbox-hidden-input.cjs');
9
10
  const checkboxIndicator = require('./checkbox-indicator.cjs');
10
11
  const checkboxLabel = require('./checkbox-label.cjs');
@@ -16,6 +17,7 @@ const checkboxRootProvider = require('./checkbox-root-provider.cjs');
16
17
  exports.Context = checkboxContext.CheckboxContext;
17
18
  exports.Control = checkboxControl.CheckboxControl;
18
19
  exports.Group = checkboxGroup.CheckboxGroup;
20
+ exports.GroupProvider = checkboxGroupProvider.CheckboxGroupProvider;
19
21
  exports.HiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
20
22
  exports.Indicator = checkboxIndicator.CheckboxIndicator;
21
23
  exports.Label = checkboxLabel.CheckboxLabel;
@@ -2,6 +2,7 @@ export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
2
2
  export { CheckboxContext as Context, type CheckboxContextProps as ContextProps } from './checkbox-context';
3
3
  export { CheckboxControl as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, } from './checkbox-control';
4
4
  export { CheckboxGroup as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, } from './checkbox-group';
5
+ export { CheckboxGroupProvider as GroupProvider, type CheckboxGroupProviderBaseProps as GroupProviderBaseProps, type CheckboxGroupProviderProps as GroupProviderProps, } from './checkbox-group-provider';
5
6
  export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
6
7
  export { CheckboxIndicator as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
7
8
  export { CheckboxLabel as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, } from './checkbox-label';
@@ -2,6 +2,7 @@ export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
2
2
  export { CheckboxContext as Context, type CheckboxContextProps as ContextProps } from './checkbox-context';
3
3
  export { CheckboxControl as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, } from './checkbox-control';
4
4
  export { CheckboxGroup as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, } from './checkbox-group';
5
+ export { CheckboxGroupProvider as GroupProvider, type CheckboxGroupProviderBaseProps as GroupProviderBaseProps, type CheckboxGroupProviderProps as GroupProviderProps, } from './checkbox-group-provider';
5
6
  export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
6
7
  export { CheckboxIndicator as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
7
8
  export { CheckboxLabel as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, } from './checkbox-label';
@@ -1,6 +1,7 @@
1
1
  export { CheckboxContext as Context } from './checkbox-context.js';
2
2
  export { CheckboxControl as Control } from './checkbox-control.js';
3
3
  export { CheckboxGroup as Group } from './checkbox-group.js';
4
+ export { CheckboxGroupProvider as GroupProvider } from './checkbox-group-provider.js';
4
5
  export { CheckboxHiddenInput as HiddenInput } from './checkbox-hidden-input.js';
5
6
  export { CheckboxIndicator as Indicator } from './checkbox-indicator.js';
6
7
  export { CheckboxLabel as Label } from './checkbox-label.js';
@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
  const checkboxContext = require('./checkbox-context.cjs');
6
6
  const checkboxControl = require('./checkbox-control.cjs');
7
7
  const checkboxGroup = require('./checkbox-group.cjs');
8
+ const checkboxGroupProvider = require('./checkbox-group-provider.cjs');
8
9
  const checkboxHiddenInput = require('./checkbox-hidden-input.cjs');
9
10
  const checkboxIndicator = require('./checkbox-indicator.cjs');
10
11
  const checkboxLabel = require('./checkbox-label.cjs');
@@ -22,6 +23,7 @@ const checkbox = require('./checkbox.cjs');
22
23
  exports.CheckboxContext = checkboxContext.CheckboxContext;
23
24
  exports.CheckboxControl = checkboxControl.CheckboxControl;
24
25
  exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
26
+ exports.CheckboxGroupProvider = checkboxGroupProvider.CheckboxGroupProvider;
25
27
  exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
26
28
  exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
27
29
  exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
@@ -2,6 +2,7 @@ export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState
2
2
  export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
3
3
  export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps } from './checkbox-control';
4
4
  export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './checkbox-group';
5
+ export { CheckboxGroupProvider, type CheckboxGroupProviderBaseProps, type CheckboxGroupProviderProps, } from './checkbox-group-provider';
5
6
  export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, } from './checkbox-hidden-input';
6
7
  export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps } from './checkbox-indicator';
7
8
  export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './checkbox-label';
@@ -2,6 +2,7 @@ export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState
2
2
  export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
3
3
  export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps } from './checkbox-control';
4
4
  export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './checkbox-group';
5
+ export { CheckboxGroupProvider, type CheckboxGroupProviderBaseProps, type CheckboxGroupProviderProps, } from './checkbox-group-provider';
5
6
  export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, } from './checkbox-hidden-input';
6
7
  export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps } from './checkbox-indicator';
7
8
  export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './checkbox-label';
@@ -1,6 +1,7 @@
1
1
  export { CheckboxContext } from './checkbox-context.js';
2
2
  export { CheckboxControl } from './checkbox-control.js';
3
3
  export { CheckboxGroup } from './checkbox-group.js';
4
+ export { CheckboxGroupProvider } from './checkbox-group-provider.js';
4
5
  export { CheckboxHiddenInput } from './checkbox-hidden-input.js';
5
6
  export { CheckboxIndicator } from './checkbox-indicator.js';
6
7
  export { CheckboxLabel } from './checkbox-label.js';
@@ -1,4 +1,4 @@
1
1
  export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
2
2
  export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
3
3
  export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
4
- export { useListCollection, type UseListCollectionProps } from './use-list-collection';
4
+ export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
@@ -1,4 +1,4 @@
1
1
  export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
2
2
  export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
3
3
  export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
4
- export { useListCollection, type UseListCollectionProps } from './use-list-collection';
4
+ export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
@@ -10,11 +10,11 @@ const factory = require('../factory.cjs');
10
10
  const useColorPickerContext = require('./use-color-picker-context.cjs');
11
11
 
12
12
  const ColorPickerValueText = react.forwardRef((props, ref) => {
13
- const { children, format, ...localprops } = props;
13
+ const { children, format, ...localProps } = props;
14
14
  const colorPicker = useColorPickerContext.useColorPickerContext();
15
- const mergedProps = react$1.mergeProps(colorPicker.getValueTextProps(), localprops);
15
+ const mergedProps = react$1.mergeProps(colorPicker.getValueTextProps(), localProps);
16
16
  const valueAsString = format ? colorPicker.value.toString(format) : colorPicker.valueAsString;
17
- return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: props.children || valueAsString });
17
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || valueAsString });
18
18
  });
19
19
  ColorPickerValueText.displayName = "ColorPickerValueText";
20
20
 
@@ -6,11 +6,11 @@ import { ark } from '../factory.js';
6
6
  import { useColorPickerContext } from './use-color-picker-context.js';
7
7
 
8
8
  const ColorPickerValueText = forwardRef((props, ref) => {
9
- const { children, format, ...localprops } = props;
9
+ const { children, format, ...localProps } = props;
10
10
  const colorPicker = useColorPickerContext();
11
- const mergedProps = mergeProps(colorPicker.getValueTextProps(), localprops);
11
+ const mergedProps = mergeProps(colorPicker.getValueTextProps(), localProps);
12
12
  const valueAsString = format ? colorPicker.value.toString(format) : colorPicker.valueAsString;
13
- return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: props.children || valueAsString });
13
+ return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || valueAsString });
14
14
  });
15
15
  ColorPickerValueText.displayName = "ColorPickerValueText";
16
16
 
@@ -16,7 +16,8 @@ const useField = (props = {}) => {
16
16
  const { ids, disabled = Boolean(fieldset?.disabled), invalid = false, readOnly = false, required = false } = props;
17
17
  const [hasErrorText, setHasErrorText] = react.useState(false);
18
18
  const [hasHelperText, setHasHelperText] = react.useState(false);
19
- const id = props.id ?? react.useId();
19
+ const uid = react.useId();
20
+ const id = props.id ?? uid;
20
21
  const rootRef = react.useRef(null);
21
22
  const rootId = ids?.control ?? `field::${id}`;
22
23
  const errorTextId = ids?.errorText ?? `field::${id}::error-text`;
@@ -12,7 +12,8 @@ const useField = (props = {}) => {
12
12
  const { ids, disabled = Boolean(fieldset?.disabled), invalid = false, readOnly = false, required = false } = props;
13
13
  const [hasErrorText, setHasErrorText] = useState(false);
14
14
  const [hasHelperText, setHasHelperText] = useState(false);
15
- const id = props.id ?? useId();
15
+ const uid = useId();
16
+ const id = props.id ?? uid;
16
17
  const rootRef = useRef(null);
17
18
  const rootId = ids?.control ?? `field::${id}`;
18
19
  const errorTextId = ids?.errorText ?? `field::${id}::error-text`;
@@ -14,7 +14,8 @@ const useFieldset = (props = {}) => {
14
14
  const env = useEnvironmentContext.useEnvironmentContext();
15
15
  const hasErrorText = react.useRef(false);
16
16
  const hasHelperText = react.useRef(false);
17
- const id = props.id ?? react.useId();
17
+ const uid = react.useId();
18
+ const id = props.id ?? uid;
18
19
  const rootRef = react.useRef(null);
19
20
  const errorTextId = `fieldset::${id}::error-text`;
20
21
  const helperTextId = `fieldset::${id}::helper-text`;
@@ -10,7 +10,8 @@ const useFieldset = (props = {}) => {
10
10
  const env = useEnvironmentContext();
11
11
  const hasErrorText = useRef(false);
12
12
  const hasHelperText = useRef(false);
13
- const id = props.id ?? useId();
13
+ const uid = useId();
14
+ const id = props.id ?? uid;
14
15
  const rootRef = useRef(null);
15
16
  const errorTextId = `fieldset::${id}::error-text`;
16
17
  const helperTextId = `fieldset::${id}::helper-text`;
@@ -1,4 +1,4 @@
1
- export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails } from '@zag-js/file-upload';
1
+ export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, FileError, FileMimeType, FileRejection, } from '@zag-js/file-upload';
2
2
  export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger';
3
3
  export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context';
4
4
  export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone';
@@ -1,4 +1,4 @@
1
- export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails } from '@zag-js/file-upload';
1
+ export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, FileError, FileMimeType, FileRejection, } from '@zag-js/file-upload';
2
2
  export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger';
3
3
  export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context';
4
4
  export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone';
@@ -1,4 +1,4 @@
1
- export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, } from '@zag-js/file-upload';
1
+ export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, FileError as FileUploadFileError, FileMimeType as FileUploadFileMimeType, FileRejection as FileUploadFileRejection, } from '@zag-js/file-upload';
2
2
  export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger';
3
3
  export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
4
4
  export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone';
@@ -1,4 +1,4 @@
1
- export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, } from '@zag-js/file-upload';
1
+ export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, FileError as FileUploadFileError, FileMimeType as FileUploadFileMimeType, FileRejection as FileUploadFileRejection, } from '@zag-js/file-upload';
2
2
  export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger';
3
3
  export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
4
4
  export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone';
@@ -52,6 +52,7 @@ const carousel$1 = require('./carousel/carousel.cjs');
52
52
  const checkboxContext = require('./checkbox/checkbox-context.cjs');
53
53
  const checkboxControl = require('./checkbox/checkbox-control.cjs');
54
54
  const checkboxGroup = require('./checkbox/checkbox-group.cjs');
55
+ const checkboxGroupProvider = require('./checkbox/checkbox-group-provider.cjs');
55
56
  const checkboxHiddenInput = require('./checkbox/checkbox-hidden-input.cjs');
56
57
  const checkboxIndicator = require('./checkbox/checkbox-indicator.cjs');
57
58
  const checkboxLabel = require('./checkbox/checkbox-label.cjs');
@@ -763,6 +764,7 @@ exports.Carousel = carousel$1;
763
764
  exports.CheckboxContext = checkboxContext.CheckboxContext;
764
765
  exports.CheckboxControl = checkboxControl.CheckboxControl;
765
766
  exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
767
+ exports.CheckboxGroupProvider = checkboxGroupProvider.CheckboxGroupProvider;
766
768
  exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
767
769
  exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
768
770
  exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
@@ -52,6 +52,7 @@ export { carousel as Carousel };
52
52
  export { CheckboxContext } from './checkbox/checkbox-context.js';
53
53
  export { CheckboxControl } from './checkbox/checkbox-control.js';
54
54
  export { CheckboxGroup } from './checkbox/checkbox-group.js';
55
+ export { CheckboxGroupProvider } from './checkbox/checkbox-group-provider.js';
55
56
  export { CheckboxHiddenInput } from './checkbox/checkbox-hidden-input.js';
56
57
  export { CheckboxIndicator } from './checkbox/checkbox-indicator.js';
57
58
  export { CheckboxLabel } from './checkbox/checkbox-label.js';
package/dist/index.cjs CHANGED
@@ -52,6 +52,7 @@ const carousel$1 = require('./components/carousel/carousel.cjs');
52
52
  const checkboxContext = require('./components/checkbox/checkbox-context.cjs');
53
53
  const checkboxControl = require('./components/checkbox/checkbox-control.cjs');
54
54
  const checkboxGroup = require('./components/checkbox/checkbox-group.cjs');
55
+ const checkboxGroupProvider = require('./components/checkbox/checkbox-group-provider.cjs');
55
56
  const checkboxHiddenInput = require('./components/checkbox/checkbox-hidden-input.cjs');
56
57
  const checkboxIndicator = require('./components/checkbox/checkbox-indicator.cjs');
57
58
  const checkboxLabel = require('./components/checkbox/checkbox-label.cjs');
@@ -768,6 +769,7 @@ exports.Carousel = carousel$1;
768
769
  exports.CheckboxContext = checkboxContext.CheckboxContext;
769
770
  exports.CheckboxControl = checkboxControl.CheckboxControl;
770
771
  exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
772
+ exports.CheckboxGroupProvider = checkboxGroupProvider.CheckboxGroupProvider;
771
773
  exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
772
774
  exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
773
775
  exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
package/dist/index.js CHANGED
@@ -52,6 +52,7 @@ export { carousel as Carousel };
52
52
  export { CheckboxContext } from './components/checkbox/checkbox-context.js';
53
53
  export { CheckboxControl } from './components/checkbox/checkbox-control.js';
54
54
  export { CheckboxGroup } from './components/checkbox/checkbox-group.js';
55
+ export { CheckboxGroupProvider } from './components/checkbox/checkbox-group-provider.js';
55
56
  export { CheckboxHiddenInput } from './components/checkbox/checkbox-hidden-input.js';
56
57
  export { CheckboxIndicator } from './components/checkbox/checkbox-indicator.js';
57
58
  export { CheckboxLabel } from './components/checkbox/checkbox-label.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
3
  "type": "module",
4
- "version": "5.16.1",
4
+ "version": "5.17.0",
5
5
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -141,68 +141,68 @@
141
141
  "sideEffects": false,
142
142
  "dependencies": {
143
143
  "@internationalized/date": "3.8.2",
144
- "@zag-js/accordion": "1.18.2",
145
- "@zag-js/angle-slider": "1.18.2",
146
- "@zag-js/anatomy": "1.18.2",
147
- "@zag-js/auto-resize": "1.18.2",
148
- "@zag-js/avatar": "1.18.2",
149
- "@zag-js/carousel": "1.18.2",
150
- "@zag-js/checkbox": "1.18.2",
151
- "@zag-js/clipboard": "1.18.2",
152
- "@zag-js/collapsible": "1.18.2",
153
- "@zag-js/collection": "1.18.2",
154
- "@zag-js/color-picker": "1.18.2",
155
- "@zag-js/color-utils": "1.18.2",
156
- "@zag-js/combobox": "1.18.2",
157
- "@zag-js/core": "1.18.2",
158
- "@zag-js/date-picker": "1.18.2",
159
- "@zag-js/date-utils": "1.18.2",
160
- "@zag-js/dialog": "1.18.2",
161
- "@zag-js/dom-query": "1.18.2",
162
- "@zag-js/editable": "1.18.2",
163
- "@zag-js/file-upload": "1.18.2",
164
- "@zag-js/file-utils": "1.18.2",
165
- "@zag-js/focus-trap": "1.18.2",
166
- "@zag-js/floating-panel": "1.18.2",
167
- "@zag-js/highlight-word": "1.18.2",
168
- "@zag-js/hover-card": "1.18.2",
169
- "@zag-js/i18n-utils": "1.18.2",
170
- "@zag-js/listbox": "1.18.2",
171
- "@zag-js/menu": "1.18.2",
172
- "@zag-js/number-input": "1.18.2",
173
- "@zag-js/pagination": "1.18.2",
174
- "@zag-js/password-input": "1.18.2",
175
- "@zag-js/pin-input": "1.18.2",
176
- "@zag-js/popover": "1.18.2",
177
- "@zag-js/presence": "1.18.2",
178
- "@zag-js/progress": "1.18.2",
179
- "@zag-js/qr-code": "1.18.2",
180
- "@zag-js/radio-group": "1.18.2",
181
- "@zag-js/rating-group": "1.18.2",
182
- "@zag-js/react": "1.18.2",
183
- "@zag-js/select": "1.18.2",
184
- "@zag-js/signature-pad": "1.18.2",
185
- "@zag-js/slider": "1.18.2",
186
- "@zag-js/splitter": "1.18.2",
187
- "@zag-js/steps": "1.18.2",
188
- "@zag-js/switch": "1.18.2",
189
- "@zag-js/tabs": "1.18.2",
190
- "@zag-js/tags-input": "1.18.2",
191
- "@zag-js/time-picker": "1.18.2",
192
- "@zag-js/timer": "1.18.2",
193
- "@zag-js/toast": "1.18.2",
194
- "@zag-js/toggle": "1.18.2",
195
- "@zag-js/toggle-group": "1.18.2",
196
- "@zag-js/tooltip": "1.18.2",
197
- "@zag-js/tour": "1.18.2",
198
- "@zag-js/tree-view": "1.18.2",
199
- "@zag-js/types": "1.18.2",
200
- "@zag-js/utils": "1.18.2"
144
+ "@zag-js/accordion": "1.18.4",
145
+ "@zag-js/angle-slider": "1.18.4",
146
+ "@zag-js/anatomy": "1.18.4",
147
+ "@zag-js/auto-resize": "1.18.4",
148
+ "@zag-js/avatar": "1.18.4",
149
+ "@zag-js/carousel": "1.18.4",
150
+ "@zag-js/checkbox": "1.18.4",
151
+ "@zag-js/clipboard": "1.18.4",
152
+ "@zag-js/collapsible": "1.18.4",
153
+ "@zag-js/collection": "1.18.4",
154
+ "@zag-js/color-picker": "1.18.4",
155
+ "@zag-js/color-utils": "1.18.4",
156
+ "@zag-js/combobox": "1.18.4",
157
+ "@zag-js/core": "1.18.4",
158
+ "@zag-js/date-picker": "1.18.4",
159
+ "@zag-js/date-utils": "1.18.4",
160
+ "@zag-js/dialog": "1.18.4",
161
+ "@zag-js/dom-query": "1.18.4",
162
+ "@zag-js/editable": "1.18.4",
163
+ "@zag-js/file-upload": "1.18.4",
164
+ "@zag-js/file-utils": "1.18.4",
165
+ "@zag-js/focus-trap": "1.18.4",
166
+ "@zag-js/floating-panel": "1.18.4",
167
+ "@zag-js/highlight-word": "1.18.4",
168
+ "@zag-js/hover-card": "1.18.4",
169
+ "@zag-js/i18n-utils": "1.18.4",
170
+ "@zag-js/listbox": "1.18.4",
171
+ "@zag-js/menu": "1.18.4",
172
+ "@zag-js/number-input": "1.18.4",
173
+ "@zag-js/pagination": "1.18.4",
174
+ "@zag-js/password-input": "1.18.4",
175
+ "@zag-js/pin-input": "1.18.4",
176
+ "@zag-js/popover": "1.18.4",
177
+ "@zag-js/presence": "1.18.4",
178
+ "@zag-js/progress": "1.18.4",
179
+ "@zag-js/qr-code": "1.18.4",
180
+ "@zag-js/radio-group": "1.18.4",
181
+ "@zag-js/rating-group": "1.18.4",
182
+ "@zag-js/react": "1.18.4",
183
+ "@zag-js/select": "1.18.4",
184
+ "@zag-js/signature-pad": "1.18.4",
185
+ "@zag-js/slider": "1.18.4",
186
+ "@zag-js/splitter": "1.18.4",
187
+ "@zag-js/steps": "1.18.4",
188
+ "@zag-js/switch": "1.18.4",
189
+ "@zag-js/tabs": "1.18.4",
190
+ "@zag-js/tags-input": "1.18.4",
191
+ "@zag-js/time-picker": "1.18.4",
192
+ "@zag-js/timer": "1.18.4",
193
+ "@zag-js/toast": "1.18.4",
194
+ "@zag-js/toggle": "1.18.4",
195
+ "@zag-js/toggle-group": "1.18.4",
196
+ "@zag-js/tooltip": "1.18.4",
197
+ "@zag-js/tour": "1.18.4",
198
+ "@zag-js/tree-view": "1.18.4",
199
+ "@zag-js/types": "1.18.4",
200
+ "@zag-js/utils": "1.18.4"
201
201
  },
202
202
  "devDependencies": {
203
203
  "@biomejs/biome": "1.9.4",
204
- "@storybook/addon-a11y": "9.0.15",
205
- "@storybook/react-vite": "9.0.15",
204
+ "@storybook/addon-a11y": "9.0.17",
205
+ "@storybook/react-vite": "9.0.17",
206
206
  "@testing-library/dom": "10.4.0",
207
207
  "@testing-library/jest-dom": "6.6.3",
208
208
  "@testing-library/react": "16.3.0",
@@ -220,11 +220,11 @@
220
220
  "react-shadow": "20.6.0",
221
221
  "react-use": "17.6.0",
222
222
  "react-frame-component": "5.2.7",
223
- "react-hook-form": "7.57.0",
223
+ "react-hook-form": "7.60.0",
224
224
  "resize-observer-polyfill": "1.5.1",
225
- "storybook": "9.0.15",
225
+ "storybook": "9.0.17",
226
226
  "typescript": "5.8.3",
227
- "vite": "7.0.2",
227
+ "vite": "7.0.5",
228
228
  "vite-plugin-dts": "4.5.4",
229
229
  "vitest": "3.2.4",
230
230
  "@vitest/coverage-v8": "3.2.4",