@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.
- package/dist/components/checkbox/checkbox-group-provider.cjs +19 -0
- package/dist/components/checkbox/checkbox-group-provider.d.cts +13 -0
- package/dist/components/checkbox/checkbox-group-provider.d.ts +13 -0
- package/dist/components/checkbox/checkbox-group-provider.js +15 -0
- package/dist/components/checkbox/checkbox.cjs +2 -0
- package/dist/components/checkbox/checkbox.d.cts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +1 -0
- package/dist/components/checkbox/checkbox.js +1 -0
- package/dist/components/checkbox/index.cjs +2 -0
- package/dist/components/checkbox/index.d.cts +1 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/checkbox/index.js +1 -0
- package/dist/components/collection/index.d.cts +1 -1
- package/dist/components/collection/index.d.ts +1 -1
- package/dist/components/color-picker/color-picker-value-text.cjs +3 -3
- package/dist/components/color-picker/color-picker-value-text.js +3 -3
- package/dist/components/field/use-field.cjs +2 -1
- package/dist/components/field/use-field.js +2 -1
- package/dist/components/fieldset/use-fieldset.cjs +2 -1
- package/dist/components/fieldset/use-fieldset.js +2 -1
- package/dist/components/file-upload/file-upload.d.cts +1 -1
- package/dist/components/file-upload/file-upload.d.ts +1 -1
- package/dist/components/file-upload/index.d.cts +1 -1
- package/dist/components/file-upload/index.d.ts +1 -1
- package/dist/components/index.cjs +2 -0
- package/dist/components/index.js +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.js +1 -0
- 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, ...
|
|
13
|
+
const { children, format, ...localProps } = props;
|
|
14
14
|
const colorPicker = useColorPickerContext.useColorPickerContext();
|
|
15
|
-
const mergedProps = react$1.mergeProps(colorPicker.getValueTextProps(),
|
|
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:
|
|
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, ...
|
|
9
|
+
const { children, format, ...localProps } = props;
|
|
10
10
|
const colorPicker = useColorPickerContext();
|
|
11
|
-
const mergedProps = mergeProps(colorPicker.getValueTextProps(),
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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;
|
package/dist/components/index.js
CHANGED
|
@@ -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.
|
|
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.
|
|
145
|
-
"@zag-js/angle-slider": "1.18.
|
|
146
|
-
"@zag-js/anatomy": "1.18.
|
|
147
|
-
"@zag-js/auto-resize": "1.18.
|
|
148
|
-
"@zag-js/avatar": "1.18.
|
|
149
|
-
"@zag-js/carousel": "1.18.
|
|
150
|
-
"@zag-js/checkbox": "1.18.
|
|
151
|
-
"@zag-js/clipboard": "1.18.
|
|
152
|
-
"@zag-js/collapsible": "1.18.
|
|
153
|
-
"@zag-js/collection": "1.18.
|
|
154
|
-
"@zag-js/color-picker": "1.18.
|
|
155
|
-
"@zag-js/color-utils": "1.18.
|
|
156
|
-
"@zag-js/combobox": "1.18.
|
|
157
|
-
"@zag-js/core": "1.18.
|
|
158
|
-
"@zag-js/date-picker": "1.18.
|
|
159
|
-
"@zag-js/date-utils": "1.18.
|
|
160
|
-
"@zag-js/dialog": "1.18.
|
|
161
|
-
"@zag-js/dom-query": "1.18.
|
|
162
|
-
"@zag-js/editable": "1.18.
|
|
163
|
-
"@zag-js/file-upload": "1.18.
|
|
164
|
-
"@zag-js/file-utils": "1.18.
|
|
165
|
-
"@zag-js/focus-trap": "1.18.
|
|
166
|
-
"@zag-js/floating-panel": "1.18.
|
|
167
|
-
"@zag-js/highlight-word": "1.18.
|
|
168
|
-
"@zag-js/hover-card": "1.18.
|
|
169
|
-
"@zag-js/i18n-utils": "1.18.
|
|
170
|
-
"@zag-js/listbox": "1.18.
|
|
171
|
-
"@zag-js/menu": "1.18.
|
|
172
|
-
"@zag-js/number-input": "1.18.
|
|
173
|
-
"@zag-js/pagination": "1.18.
|
|
174
|
-
"@zag-js/password-input": "1.18.
|
|
175
|
-
"@zag-js/pin-input": "1.18.
|
|
176
|
-
"@zag-js/popover": "1.18.
|
|
177
|
-
"@zag-js/presence": "1.18.
|
|
178
|
-
"@zag-js/progress": "1.18.
|
|
179
|
-
"@zag-js/qr-code": "1.18.
|
|
180
|
-
"@zag-js/radio-group": "1.18.
|
|
181
|
-
"@zag-js/rating-group": "1.18.
|
|
182
|
-
"@zag-js/react": "1.18.
|
|
183
|
-
"@zag-js/select": "1.18.
|
|
184
|
-
"@zag-js/signature-pad": "1.18.
|
|
185
|
-
"@zag-js/slider": "1.18.
|
|
186
|
-
"@zag-js/splitter": "1.18.
|
|
187
|
-
"@zag-js/steps": "1.18.
|
|
188
|
-
"@zag-js/switch": "1.18.
|
|
189
|
-
"@zag-js/tabs": "1.18.
|
|
190
|
-
"@zag-js/tags-input": "1.18.
|
|
191
|
-
"@zag-js/time-picker": "1.18.
|
|
192
|
-
"@zag-js/timer": "1.18.
|
|
193
|
-
"@zag-js/toast": "1.18.
|
|
194
|
-
"@zag-js/toggle": "1.18.
|
|
195
|
-
"@zag-js/toggle-group": "1.18.
|
|
196
|
-
"@zag-js/tooltip": "1.18.
|
|
197
|
-
"@zag-js/tour": "1.18.
|
|
198
|
-
"@zag-js/tree-view": "1.18.
|
|
199
|
-
"@zag-js/types": "1.18.
|
|
200
|
-
"@zag-js/utils": "1.18.
|
|
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.
|
|
205
|
-
"@storybook/react-vite": "9.0.
|
|
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.
|
|
223
|
+
"react-hook-form": "7.60.0",
|
|
224
224
|
"resize-observer-polyfill": "1.5.1",
|
|
225
|
-
"storybook": "9.0.
|
|
225
|
+
"storybook": "9.0.17",
|
|
226
226
|
"typescript": "5.8.3",
|
|
227
|
-
"vite": "7.0.
|
|
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",
|