@ark-ui/vue 5.16.1 → 5.17.0

package/dist/components/checkbox/checkbox-group-provider.vue.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useCheckboxGroupContext = require('./use-checkbox-group-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const checkbox_anatomy = require('./checkbox.anatomy.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "checkbox-group-provider",
+  props: {
+    value: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const checkboxGroup = vue.computed(() => props.value);
+    useCheckboxGroupContext.CheckboxGroupContextProvider(checkboxGroup);
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ role: "group" }, vue.unref(checkbox_anatomy.checkboxAnatomy).build().group.attrs, { "as-child": _ctx.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/checkbox/checkbox-group-provider.vue.d.cts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+import { UseCheckboxGroupReturn } from './use-checkbox-group';
+interface GroupProviderProps {
+    value: UnwrapRef<UseCheckboxGroupReturn>;
+}
+export interface CheckboxGroupProviderBaseProps extends GroupProviderProps, PolymorphicProps {
+}
+export interface CheckboxGroupProviderProps extends CheckboxGroupProviderBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CheckboxGroupProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CheckboxGroupProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/checkbox/checkbox-group-provider.vue.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+import { UseCheckboxGroupReturn } from './use-checkbox-group';
+interface GroupProviderProps {
+    value: UnwrapRef<UseCheckboxGroupReturn>;
+}
+export interface CheckboxGroupProviderBaseProps extends GroupProviderProps, PolymorphicProps {
+}
+export interface CheckboxGroupProviderProps extends CheckboxGroupProviderBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<CheckboxGroupProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CheckboxGroupProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/checkbox/checkbox-group-provider.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { checkboxAnatomy } from './checkbox.anatomy.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkbox-group-provider",
+  props: {
+    value: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const checkboxGroup = computed(() => props.value);
+    CheckboxGroupContextProvider(checkboxGroup);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps({ role: "group" }, unref(checkboxAnatomy).build().group.attrs, { "as-child": _ctx.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/checkbox/checkbox-group-provider.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const checkboxGroupProvider_vue_vue_type_script_setup_true_lang = require('./checkbox-group-provider.vue.cjs');
+
+
+
+exports.default = checkboxGroupProvider_vue_vue_type_script_setup_true_lang.default;

package/dist/components/checkbox/checkbox-group-provider.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './checkbox-group-provider.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/checkbox/checkbox-group.vue.cjs

@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emits = __emit;
     const checkboxGroup = useCheckboxGroup.useCheckboxGroup(props, emits);
-    useCheckboxGroupContext.CheckboxGroupProvider(checkboxGroup);
+    useCheckboxGroupContext.CheckboxGroupContextProvider(checkboxGroup);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ role: "group" }, { ...vue.unref(checkbox_anatomy.checkboxAnatomy).build().group.attrs }, { "as-child": _ctx.asChild }), {

package/dist/components/checkbox/checkbox-group.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergePro
 import { ark } from '../factory.js';
 import { checkboxAnatomy } from './checkbox.anatomy.js';
 import { useCheckboxGroup } from './use-checkbox-group.js';
-import { CheckboxGroupProvider } from './use-checkbox-group-context.js';
+import { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const checkboxGroup = useCheckboxGroup(props, emits);
-    CheckboxGroupProvider(checkboxGroup);
+    CheckboxGroupContextProvider(checkboxGroup);
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).div, mergeProps({ role: "group" }, { ...unref(checkboxAnatomy).build().group.attrs }, { "as-child": _ctx.asChild }), {

package/dist/components/checkbox/checkbox.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./checkbox-group.vue.cjs');
+const checkboxGroupProvider_vue_vue_type_script_setup_true_lang = require('./checkbox-group-provider.vue.cjs');
 const checkboxHiddenInput_vue_vue_type_script_setup_true_lang = require('./checkbox-hidden-input.vue.cjs');
 const checkboxIndicator_vue_vue_type_script_setup_true_lang = require('./checkbox-indicator.vue.cjs');
 const checkboxLabel_vue_vue_type_script_setup_true_lang = require('./checkbox-label.vue.cjs');
@@ -16,6 +17,7 @@ const checkboxRoot_vue_vue_type_script_setup_true_lang = require('./checkbox-roo
 exports.Context = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.Control = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.Group = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
+exports.GroupProvider = checkboxGroupProvider_vue_vue_type_script_setup_true_lang.default;
 exports.HiddenInput = checkboxHiddenInput_vue_vue_type_script_setup_true_lang.default;
 exports.Indicator = checkboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.Label = checkboxLabel_vue_vue_type_script_setup_true_lang.default;

package/dist/components/checkbox/checkbox.d.cts

@@ -2,6 +2,7 @@ export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { default as Context, type CheckboxContextProps as ContextProps } from './checkbox-context.vue';
 export { default as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, } from './checkbox-control.vue';
 export { default as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, } from './checkbox-group.vue';
+export { default as GroupProvider, type CheckboxGroupProviderBaseProps as GroupProviderBaseProps, type CheckboxGroupProviderProps as GroupProviderProps, } from './checkbox-group-provider.vue';
 export { default as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input.vue';
 export { default as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator.vue';
 export { default as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, } from './checkbox-label.vue';

package/dist/components/checkbox/checkbox.d.ts

@@ -2,6 +2,7 @@ export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { default as Context, type CheckboxContextProps as ContextProps } from './checkbox-context.vue';
 export { default as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, } from './checkbox-control.vue';
 export { default as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, } from './checkbox-group.vue';
+export { default as GroupProvider, type CheckboxGroupProviderBaseProps as GroupProviderBaseProps, type CheckboxGroupProviderProps as GroupProviderProps, } from './checkbox-group-provider.vue';
 export { default as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input.vue';
 export { default as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator.vue';
 export { default as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, } from './checkbox-label.vue';

package/dist/components/checkbox/checkbox.js

@@ -1,6 +1,7 @@
 export { default as Context } from './checkbox-context.vue.js';
 export { default as Control } from './checkbox-control.vue.js';
 export { default as Group } from './checkbox-group.vue.js';
+export { default as GroupProvider } from './checkbox-group-provider.vue.js';
 export { default as HiddenInput } from './checkbox-hidden-input.vue.js';
 export { default as Indicator } from './checkbox-indicator.vue.js';
 export { default as Label } from './checkbox-label.vue.js';

package/dist/components/checkbox/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./checkbox-group.vue.cjs');
+const checkboxGroupProvider_vue_vue_type_script_setup_true_lang = require('./checkbox-group-provider.vue.cjs');
 const checkboxHiddenInput_vue_vue_type_script_setup_true_lang = require('./checkbox-hidden-input.vue.cjs');
 const checkboxIndicator_vue_vue_type_script_setup_true_lang = require('./checkbox-indicator.vue.cjs');
 const checkboxLabel_vue_vue_type_script_setup_true_lang = require('./checkbox-label.vue.cjs');
@@ -22,6 +23,7 @@ const checkbox = require('./checkbox.cjs');
 exports.CheckboxContext = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxControl = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxGroup = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
+exports.CheckboxGroupProvider = checkboxGroupProvider_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxHiddenInput = checkboxHiddenInput_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxIndicator = checkboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxLabel = checkboxLabel_vue_vue_type_script_setup_true_lang.default;

package/dist/components/checkbox/index.d.cts

@@ -2,6 +2,7 @@ export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState
 export { default as CheckboxContext, type CheckboxContextProps } from './checkbox-context.vue';
 export { default as CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control.vue';
 export { default as CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps } from './checkbox-group.vue';
+export { default as CheckboxGroupProvider, type CheckboxGroupProviderProps, type CheckboxGroupProviderBaseProps, } from './checkbox-group-provider.vue';
 export { default as CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input.vue';
 export { default as CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator.vue';
 export { default as CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps } from './checkbox-label.vue';

package/dist/components/checkbox/index.d.ts

@@ -2,6 +2,7 @@ export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState
 export { default as CheckboxContext, type CheckboxContextProps } from './checkbox-context.vue';
 export { default as CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control.vue';
 export { default as CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps } from './checkbox-group.vue';
+export { default as CheckboxGroupProvider, type CheckboxGroupProviderProps, type CheckboxGroupProviderBaseProps, } from './checkbox-group-provider.vue';
 export { default as CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input.vue';
 export { default as CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator.vue';
 export { default as CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps } from './checkbox-label.vue';

package/dist/components/checkbox/index.js

@@ -1,6 +1,7 @@
 export { default as CheckboxContext } from './checkbox-context.vue.js';
 export { default as CheckboxControl } from './checkbox-control.vue.js';
 export { default as CheckboxGroup } from './checkbox-group.vue.js';
+export { default as CheckboxGroupProvider } from './checkbox-group-provider.vue.js';
 export { default as CheckboxHiddenInput } from './checkbox-hidden-input.vue.js';
 export { default as CheckboxIndicator } from './checkbox-indicator.vue.js';
 export { default as CheckboxLabel } from './checkbox-label.vue.js';

package/dist/components/checkbox/use-checkbox-group-context.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createContext = require('../../utils/create-context.cjs');
 
-const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext.createContext('CheckboxGroupContext');
+const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext.createContext('CheckboxGroupContext');
 
-exports.CheckboxGroupProvider = CheckboxGroupProvider;
+exports.CheckboxGroupContextProvider = CheckboxGroupContextProvider;
 exports.useCheckboxGroupContext = useCheckboxGroupContext;

package/dist/components/checkbox/use-checkbox-group-context.d.cts

@@ -1,4 +1,4 @@
 import { UseCheckboxGroupReturn } from './use-checkbox-group';
 export interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
 }
-export declare const CheckboxGroupProvider: (opts: UseCheckboxGroupContext | undefined) => void, useCheckboxGroupContext: (fallback?: UseCheckboxGroupContext | undefined) => UseCheckboxGroupContext | undefined;
+export declare const CheckboxGroupContextProvider: (opts: UseCheckboxGroupContext | undefined) => void, useCheckboxGroupContext: (fallback?: UseCheckboxGroupContext | undefined) => UseCheckboxGroupContext | undefined;

package/dist/components/checkbox/use-checkbox-group-context.d.ts

@@ -1,4 +1,4 @@
 import { UseCheckboxGroupReturn } from './use-checkbox-group';
 export interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
 }
-export declare const CheckboxGroupProvider: (opts: UseCheckboxGroupContext | undefined) => void, useCheckboxGroupContext: (fallback?: UseCheckboxGroupContext | undefined) => UseCheckboxGroupContext | undefined;
+export declare const CheckboxGroupContextProvider: (opts: UseCheckboxGroupContext | undefined) => void, useCheckboxGroupContext: (fallback?: UseCheckboxGroupContext | undefined) => UseCheckboxGroupContext | undefined;

package/dist/components/checkbox/use-checkbox-group-context.js

@@ -1,5 +1,5 @@
 import { createContext } from '../../utils/create-context.js';
 
-const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext('CheckboxGroupContext');
+const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext('CheckboxGroupContext');
 
-export { CheckboxGroupProvider, useCheckboxGroupContext };
+export { CheckboxGroupContextProvider, useCheckboxGroupContext };

package/dist/components/collapsible/collapsible-trigger.vue.cjs

@@ -16,12 +16,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const collapsible = useCollapsibleContext.useCollapsibleContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.normalizeProps(vue.guardReactiveProps(vue.unref(collapsible).getTriggerProps())), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(collapsible).getTriggerProps(), { "as-child": _ctx.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["as-child"]);
     };
   }
 });

package/dist/components/collapsible/collapsible-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useCollapsibleContext } from './use-collapsible-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
@@ -12,12 +12,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const collapsible = useCollapsibleContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).button, normalizeProps(guardReactiveProps(unref(collapsible).getTriggerProps())), {
+      return openBlock(), createBlock(unref(ark).button, mergeProps(unref(collapsible).getTriggerProps(), { "as-child": _ctx.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["as-child"]);
     };
   }
 });

package/dist/components/collection/index.d.cts

@@ -1,4 +1,4 @@
 export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
 export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
 export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
-export { useListCollection, type UseListCollectionProps } from './use-list-collection';
+export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';

package/dist/components/collection/index.d.ts

@@ -1,4 +1,4 @@
 export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
 export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
 export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
-export { useListCollection, type UseListCollectionProps } from './use-list-collection';
+export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';

package/dist/components/combobox/combobox-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const combobox = useComboboxContext.useComboboxContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     useComboboxItemGroupPropsContext.ComboboxItemGroupPropsProvider({ id });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/combobox/combobox-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const combobox = useComboboxContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     ComboboxItemGroupPropsProvider({ id });
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/date-picker/date-picker-table.vue.cjs

@@ -21,7 +21,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const datePicker = useDatePickerContext.useDatePickerContext();
     const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     useDatePickerTablePropsContext.DatePickerTablePropsProvider({ ...props, id, ...viewProps });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/date-picker/date-picker-table.vue.js

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const datePicker = useDatePickerContext();
     const viewProps = useDatePickerViewPropsContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     DatePickerTablePropsProvider({ ...props, id, ...viewProps });
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/date-picker/use-date-picker.cjs

@@ -58,7 +58,6 @@ const useDatePicker = (props = {}, emit) => {
       },
       onValueChange: (details) => {
         emit?.("valueChange", details);
-        console.log("valueChange", details);
         emit?.("update:modelValue", details.value);
         localeProps.onValueChange?.(details);
       }

package/dist/components/date-picker/use-date-picker.js

@@ -35,7 +35,6 @@ const useDatePicker = (props = {}, emit) => {
       },
       onValueChange: (details) => {
         emit?.("valueChange", details);
-        console.log("valueChange", details);
         emit?.("update:modelValue", details.value);
         localeProps.onValueChange?.(details);
       }

package/dist/components/file-upload/file-upload.d.cts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails } from '@zag-js/file-upload';
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, FileError, FileMimeType, FileRejection, } from '@zag-js/file-upload';
 export { default as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger.vue';
 export { default as Context, type FileUploadContextProps as ContextProps } from './file-upload-context.vue';
 export { default as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone.vue';

package/dist/components/file-upload/file-upload.d.ts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails } from '@zag-js/file-upload';
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, FileError, FileMimeType, FileRejection, } from '@zag-js/file-upload';
 export { default as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger.vue';
 export { default as Context, type FileUploadContextProps as ContextProps } from './file-upload-context.vue';
 export { default as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone.vue';

package/dist/components/file-upload/index.d.cts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, } from '@zag-js/file-upload';
+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';
 export { default as FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger.vue';
 export { default as FileUploadContext, type FileUploadContextProps } from './file-upload-context.vue';
 export { default as FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone.vue';

package/dist/components/file-upload/index.d.ts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, } from '@zag-js/file-upload';
+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';
 export { default as FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger.vue';
 export { default as FileUploadContext, type FileUploadContextProps } from './file-upload-context.vue';
 export { default as FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone.vue';

package/dist/components/index.cjs

@@ -52,6 +52,7 @@ const carousel$1 = require('./carousel/carousel.cjs');
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-group.vue.cjs');
+const checkboxGroupProvider_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-group-provider.vue.cjs');
 const checkboxHiddenInput_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-hidden-input.vue.cjs');
 const checkboxIndicator_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-indicator.vue.cjs');
 const checkboxLabel_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-label.vue.cjs');
@@ -761,6 +762,7 @@ exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxControl = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxGroup = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
+exports.CheckboxGroupProvider = checkboxGroupProvider_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxHiddenInput = checkboxHiddenInput_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxIndicator = checkboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxLabel = checkboxLabel_vue_vue_type_script_setup_true_lang.default;

package/dist/components/index.js

@@ -52,6 +52,7 @@ export { carousel as Carousel };
 export { default as CheckboxContext } from './checkbox/checkbox-context.vue.js';
 export { default as CheckboxControl } from './checkbox/checkbox-control.vue.js';
 export { default as CheckboxGroup } from './checkbox/checkbox-group.vue.js';
+export { default as CheckboxGroupProvider } from './checkbox/checkbox-group-provider.vue.js';
 export { default as CheckboxHiddenInput } from './checkbox/checkbox-hidden-input.vue.js';
 export { default as CheckboxIndicator } from './checkbox/checkbox-indicator.vue.js';
 export { default as CheckboxLabel } from './checkbox/checkbox-label.vue.js';

package/dist/components/listbox/listbox-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const listbox = useListboxContext.useListboxContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     useListboxItemGroupPropsContext.ListboxItemGroupPropsProvider({ id });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/listbox/listbox-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const listbox = useListboxContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     ListboxItemGroupPropsProvider({ id });
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/menu/menu-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const menu = useMenuContext.useMenuContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     const itemGroupProps = vue.computed(() => ({ id }));
     useMenuItemGroupContext.MenuItemGroupProvider(itemGroupProps);
     useForwardExpose.useForwardExpose();

package/dist/components/menu/menu-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const menu = useMenuContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     const itemGroupProps = computed(() => ({ id }));
     MenuItemGroupProvider(itemGroupProps);
     useForwardExpose();

package/dist/components/menu/menu-radio-item-group.vue.cjs

@@ -20,7 +20,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emits = __emit;
     const menu = useMenuContext.useMenuContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     const itemGroupProps = vue.computed(() => ({
       id,
       value: props.modelValue,

package/dist/components/menu/menu-radio-item-group.vue.js

@@ -16,7 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const menu = useMenuContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     const itemGroupProps = computed(() => ({
       id,
       value: props.modelValue,

package/dist/components/select/select-item-group.vue.cjs

@@ -17,7 +17,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const select = useSelectContext.useSelectContext();
-    const id = props.id ?? vue.useId();
+    const uid = vue.useId();
+    const id = props.id ?? uid;
     useSelectItemGroupPropsContext.SelectItemGroupPropsProvider({ id });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/select/select-item-group.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const select = useSelectContext();
-    const id = props.id ?? useId();
+    const uid = useId();
+    const id = props.id ?? uid;
     SelectItemGroupPropsProvider({ id });
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/index.cjs

@@ -52,6 +52,7 @@ const carousel$1 = require('./components/carousel/carousel.cjs');
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-group.vue.cjs');
+const checkboxGroupProvider_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-group-provider.vue.cjs');
 const checkboxHiddenInput_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-hidden-input.vue.cjs');
 const checkboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-indicator.vue.cjs');
 const checkboxLabel_vue_vue_type_script_setup_true_lang = require('./components/checkbox/checkbox-label.vue.cjs');
@@ -770,6 +771,7 @@ exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxControl = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxGroup = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
+exports.CheckboxGroupProvider = checkboxGroupProvider_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxHiddenInput = checkboxHiddenInput_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxIndicator = checkboxIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxLabel = checkboxLabel_vue_vue_type_script_setup_true_lang.default;

package/dist/index.js

@@ -52,6 +52,7 @@ export { carousel as Carousel };
 export { default as CheckboxContext } from './components/checkbox/checkbox-context.vue.js';
 export { default as CheckboxControl } from './components/checkbox/checkbox-control.vue.js';
 export { default as CheckboxGroup } from './components/checkbox/checkbox-group.vue.js';
+export { default as CheckboxGroupProvider } from './components/checkbox/checkbox-group-provider.vue.js';
 export { default as CheckboxHiddenInput } from './components/checkbox/checkbox-hidden-input.vue.js';
 export { default as CheckboxIndicator } from './components/checkbox/checkbox-indicator.vue.js';
 export { default as CheckboxLabel } from './components/checkbox/checkbox-label.vue.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.16.1",
+  "version": "5.17.0",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -140,63 +140,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.18.2",
-    "@zag-js/angle-slider": "1.18.2",
-    "@zag-js/anatomy": "1.18.2",
-    "@zag-js/auto-resize": "1.18.2",
-    "@zag-js/avatar": "1.18.2",
-    "@zag-js/carousel": "1.18.2",
-    "@zag-js/checkbox": "1.18.2",
-    "@zag-js/clipboard": "1.18.2",
-    "@zag-js/collapsible": "1.18.2",
-    "@zag-js/collection": "1.18.2",
-    "@zag-js/color-picker": "1.18.2",
-    "@zag-js/color-utils": "1.18.2",
-    "@zag-js/combobox": "1.18.2",
-    "@zag-js/core": "1.18.2",
-    "@zag-js/date-picker": "1.18.2",
-    "@zag-js/date-utils": "1.18.2",
-    "@zag-js/dialog": "1.18.2",
-    "@zag-js/dom-query": "1.18.2",
-    "@zag-js/editable": "1.18.2",
-    "@zag-js/file-upload": "1.18.2",
-    "@zag-js/file-utils": "1.18.2",
-    "@zag-js/focus-trap": "1.18.2",
-    "@zag-js/floating-panel": "1.18.2",
-    "@zag-js/highlight-word": "1.18.2",
-    "@zag-js/hover-card": "1.18.2",
-    "@zag-js/i18n-utils": "1.18.2",
-    "@zag-js/listbox": "1.18.2",
-    "@zag-js/menu": "1.18.2",
-    "@zag-js/number-input": "1.18.2",
-    "@zag-js/pagination": "1.18.2",
-    "@zag-js/password-input": "1.18.2",
-    "@zag-js/pin-input": "1.18.2",
-    "@zag-js/popover": "1.18.2",
-    "@zag-js/presence": "1.18.2",
-    "@zag-js/progress": "1.18.2",
-    "@zag-js/qr-code": "1.18.2",
-    "@zag-js/radio-group": "1.18.2",
-    "@zag-js/rating-group": "1.18.2",
-    "@zag-js/select": "1.18.2",
-    "@zag-js/signature-pad": "1.18.2",
-    "@zag-js/slider": "1.18.2",
-    "@zag-js/splitter": "1.18.2",
-    "@zag-js/switch": "1.18.2",
-    "@zag-js/tabs": "1.18.2",
-    "@zag-js/tags-input": "1.18.2",
-    "@zag-js/time-picker": "1.18.2",
-    "@zag-js/timer": "1.18.2",
-    "@zag-js/toast": "1.18.2",
-    "@zag-js/toggle": "1.18.2",
-    "@zag-js/toggle-group": "1.18.2",
-    "@zag-js/tooltip": "1.18.2",
-    "@zag-js/tour": "1.18.2",
-    "@zag-js/tree-view": "1.18.2",
-    "@zag-js/types": "1.18.2",
-    "@zag-js/utils": "1.18.2",
-    "@zag-js/steps": "1.18.2",
-    "@zag-js/vue": "1.18.2"
+    "@zag-js/accordion": "1.18.4",
+    "@zag-js/angle-slider": "1.18.4",
+    "@zag-js/anatomy": "1.18.4",
+    "@zag-js/auto-resize": "1.18.4",
+    "@zag-js/avatar": "1.18.4",
+    "@zag-js/carousel": "1.18.4",
+    "@zag-js/checkbox": "1.18.4",
+    "@zag-js/clipboard": "1.18.4",
+    "@zag-js/collapsible": "1.18.4",
+    "@zag-js/collection": "1.18.4",
+    "@zag-js/color-picker": "1.18.4",
+    "@zag-js/color-utils": "1.18.4",
+    "@zag-js/combobox": "1.18.4",
+    "@zag-js/core": "1.18.4",
+    "@zag-js/date-picker": "1.18.4",
+    "@zag-js/date-utils": "1.18.4",
+    "@zag-js/dialog": "1.18.4",
+    "@zag-js/dom-query": "1.18.4",
+    "@zag-js/editable": "1.18.4",
+    "@zag-js/file-upload": "1.18.4",
+    "@zag-js/file-utils": "1.18.4",
+    "@zag-js/focus-trap": "1.18.4",
+    "@zag-js/floating-panel": "1.18.4",
+    "@zag-js/highlight-word": "1.18.4",
+    "@zag-js/hover-card": "1.18.4",
+    "@zag-js/i18n-utils": "1.18.4",
+    "@zag-js/listbox": "1.18.4",
+    "@zag-js/menu": "1.18.4",
+    "@zag-js/number-input": "1.18.4",
+    "@zag-js/pagination": "1.18.4",
+    "@zag-js/password-input": "1.18.4",
+    "@zag-js/pin-input": "1.18.4",
+    "@zag-js/popover": "1.18.4",
+    "@zag-js/presence": "1.18.4",
+    "@zag-js/progress": "1.18.4",
+    "@zag-js/qr-code": "1.18.4",
+    "@zag-js/radio-group": "1.18.4",
+    "@zag-js/rating-group": "1.18.4",
+    "@zag-js/select": "1.18.4",
+    "@zag-js/signature-pad": "1.18.4",
+    "@zag-js/slider": "1.18.4",
+    "@zag-js/splitter": "1.18.4",
+    "@zag-js/switch": "1.18.4",
+    "@zag-js/tabs": "1.18.4",
+    "@zag-js/tags-input": "1.18.4",
+    "@zag-js/time-picker": "1.18.4",
+    "@zag-js/timer": "1.18.4",
+    "@zag-js/toast": "1.18.4",
+    "@zag-js/toggle": "1.18.4",
+    "@zag-js/toggle-group": "1.18.4",
+    "@zag-js/tooltip": "1.18.4",
+    "@zag-js/tour": "1.18.4",
+    "@zag-js/tree-view": "1.18.4",
+    "@zag-js/types": "1.18.4",
+    "@zag-js/utils": "1.18.4",
+    "@zag-js/steps": "1.18.4",
+    "@zag-js/vue": "1.18.4"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -216,12 +216,12 @@
     "lucide-vue-next": "0.525.0",
     "resize-observer-polyfill": "1.5.1",
     "typescript": "5.8.3",
-    "vite": "7.0.2",
+    "vite": "7.0.5",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",
     "vue": "3.5.17",
-    "vue-tsc": "3.0.1"
+    "vue-tsc": "3.0.2"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"