@ark-ui/vue 5.16.0 → 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/collection/use-list-collection.cjs

@@ -10,72 +10,94 @@ function useListCollection(props) {
     const { initialItems = [], filter, limit, ...collectionOptions } = vue.toValue(props);
     return [{ initialItems, filter, limit }, collectionOptions];
   });
-  const create = (items) => {
-    const [, collectionOptions] = resolvedProps.value;
-    return listCollection.createListCollection({ ...collectionOptions, items });
-  };
   const init = () => {
-    const [localProps] = resolvedProps.value;
-    return create(
-      localProps.limit != null ? localProps.initialItems.slice(0, localProps.limit) : localProps.initialItems
-    );
+    const { initialItems } = resolvedProps.value[0];
+    return initialItems;
   };
-  const collection = vue.ref(init());
-  const setCollection = (newCollection) => {
-    const [localProps] = resolvedProps.value;
-    collection.value = localProps.limit == null ? newCollection : newCollection.copy(newCollection.items.slice(0, localProps.limit));
+  const items = vue.ref(init());
+  const filterText = vue.ref("");
+  const setItems = (newItems) => {
+    items.value = newItems;
+    filterText.value = "";
+  };
+  const create = (itemsToCreate) => {
+    const [, collectionOptions] = resolvedProps.value;
+    return listCollection.createListCollection({ ...collectionOptions, items: itemsToCreate });
   };
+  const collection = vue.computed(() => {
+    const [localProps, collectionOptions] = resolvedProps.value;
+    let activeItems = items.value;
+    const filter = localProps.filter;
+    if (filterText.value && filter) {
+      activeItems = create(items.value).filter(
+        (itemString, _index, item) => filter(itemString, filterText.value, item)
+      ).items;
+    }
+    const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+    return listCollection.createListCollection({ ...collectionOptions, items: limitedItems });
+  });
   return {
     collection,
-    filter: (inputValue) => {
-      const [localProps] = resolvedProps.value;
-      const filter = localProps.filter;
-      if (!filter) return;
-      const filtered = create(localProps.initialItems).filter((itemString) => filter(itemString, inputValue));
-      setCollection(filtered);
+    filter: (inputValue = "") => {
+      filterText.value = inputValue;
     },
-    set: (items) => {
-      setCollection(create(items));
+    set: (newItems) => {
+      setItems(newItems);
     },
     reset: () => {
       const [localProps] = resolvedProps.value;
-      setCollection(create(localProps.initialItems));
+      setItems(localProps.initialItems);
     },
     clear: () => {
-      setCollection(create([]));
+      setItems([]);
     },
-    insert: (index, ...items) => {
-      setCollection(collection.value.insert(index, ...items));
+    insert: (index, ...itemsToInsert) => {
+      const newItems = create(items.value).insert(index, ...itemsToInsert).items;
+      setItems(newItems);
     },
-    insertBefore: (value, ...items) => {
-      setCollection(collection.value.insertBefore(value, ...items));
+    insertBefore: (value, ...itemsToInsert) => {
+      const newItems = create(items.value).insertBefore(value, ...itemsToInsert).items;
+      setItems(newItems);
     },
-    insertAfter: (value, ...items) => {
-      setCollection(collection.value.insertAfter(value, ...items));
+    insertAfter: (value, ...itemsToInsert) => {
+      const newItems = create(items.value).insertAfter(value, ...itemsToInsert).items;
+      setItems(newItems);
     },
     remove: (...itemOrValues) => {
-      setCollection(collection.value.remove(...itemOrValues));
+      const newItems = create(items.value).remove(...itemOrValues).items;
+      setItems(newItems);
     },
     move: (value, to) => {
-      setCollection(collection.value.move(value, to));
+      const newItems = create(items.value).move(value, to).items;
+      setItems(newItems);
     },
     moveBefore: (value, ...values) => {
-      setCollection(collection.value.moveBefore(value, ...values));
+      const newItems = create(items.value).moveBefore(value, ...values).items;
+      setItems(newItems);
     },
     moveAfter: (value, ...values) => {
-      setCollection(collection.value.moveAfter(value, ...values));
+      const newItems = create(items.value).moveAfter(value, ...values).items;
+      setItems(newItems);
     },
     reorder: (from, to) => {
-      setCollection(collection.value.reorder(from, to));
+      const newItems = create(items.value).reorder(from, to).items;
+      setItems(newItems);
+    },
+    append: (...itemsToAppend) => {
+      const newItems = create(items.value).append(...itemsToAppend).items;
+      setItems(newItems);
     },
-    append: (...items) => {
-      setCollection(collection.value.append(...items));
+    upsert: (value, item, mode = "append") => {
+      const newItems = create(items.value).upsert(value, item, mode).items;
+      setItems(newItems);
     },
-    prepend: (...items) => {
-      setCollection(collection.value.prepend(...items));
+    prepend: (...itemsToPrepend) => {
+      const newItems = create(items.value).prepend(...itemsToPrepend).items;
+      setItems(newItems);
     },
     update: (value, item) => {
-      setCollection(collection.value.update(value, item));
+      const newItems = create(items.value).update(value, item).items;
+      setItems(newItems);
     }
   };
 }

package/dist/components/collection/use-list-collection.d.cts

@@ -8,28 +8,81 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The filter function to use to filter the items.
      */
-    filter?: (itemText: string, filterText: string) => boolean;
+    filter?: (itemText: string, filterText: string, item: T) => boolean;
     /**
      * The maximum number of items to display in the collection.
      * Useful for performance when you have a large number of items.
      */
     limit?: number;
 }
-export declare function useListCollection<T>(props: MaybeRef<UseListCollectionProps<T>>): {
-    collection: Ref<ListCollection<T>, ListCollection<T>>;
+export declare function useListCollection<T>(props: MaybeRef<UseListCollectionProps<T>>): UseListCollectionReturn<T>;
+export interface UseListCollectionReturn<T> {
+    /**
+     * The collection of items.
+     */
+    collection: Ref<ListCollection<T>>;
+    /**
+     * The function to filter the items.
+     */
     filter: (inputValue: string) => void;
+    /**
+     * The function to set the items.
+     */
     set: (items: T[]) => void;
+    /**
+     * The function to reset the items.
+     */
     reset: () => void;
+    /**
+     * The function to clear the items.
+     */
     clear: () => void;
+    /**
+     * The function to insert items at a specific index.
+     */
     insert: (index: number, ...items: T[]) => void;
+    /**
+     * The function to insert items before a specific value.
+     */
     insertBefore: (value: string, ...items: T[]) => void;
+    /**
+     * The function to insert items after a specific value.
+     */
     insertAfter: (value: string, ...items: T[]) => void;
-    remove: (...itemOrValues: T[]) => void;
+    /**
+     * The function to remove items.
+     */
+    remove: (...itemOrValues: Array<T | string>) => void;
+    /**
+     * The function to move an item to a specific index.
+     */
     move: (value: string, to: number) => void;
+    /**
+     * The function to move an item before a specific value.
+     */
     moveBefore: (value: string, ...values: string[]) => void;
+    /**
+     * The function to move an item after a specific value.
+     */
     moveAfter: (value: string, ...values: string[]) => void;
+    /**
+     * The function to reorder items.
+     */
     reorder: (from: number, to: number) => void;
+    /**
+     * The function to append items.
+     */
     append: (...items: T[]) => void;
+    /**
+     * The function to upsert an item.
+     */
+    upsert: (value: string, item: T, mode?: 'append' | 'prepend') => void;
+    /**
+     * The function to prepend items.
+     */
     prepend: (...items: T[]) => void;
+    /**
+     * The function to update an item.
+     */
     update: (value: string, item: T) => void;
-};
+}

package/dist/components/collection/use-list-collection.d.ts

@@ -8,28 +8,81 @@ export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'i
     /**
      * The filter function to use to filter the items.
      */
-    filter?: (itemText: string, filterText: string) => boolean;
+    filter?: (itemText: string, filterText: string, item: T) => boolean;
     /**
      * The maximum number of items to display in the collection.
      * Useful for performance when you have a large number of items.
      */
     limit?: number;
 }
-export declare function useListCollection<T>(props: MaybeRef<UseListCollectionProps<T>>): {
-    collection: Ref<ListCollection<T>, ListCollection<T>>;
+export declare function useListCollection<T>(props: MaybeRef<UseListCollectionProps<T>>): UseListCollectionReturn<T>;
+export interface UseListCollectionReturn<T> {
+    /**
+     * The collection of items.
+     */
+    collection: Ref<ListCollection<T>>;
+    /**
+     * The function to filter the items.
+     */
     filter: (inputValue: string) => void;
+    /**
+     * The function to set the items.
+     */
     set: (items: T[]) => void;
+    /**
+     * The function to reset the items.
+     */
     reset: () => void;
+    /**
+     * The function to clear the items.
+     */
     clear: () => void;
+    /**
+     * The function to insert items at a specific index.
+     */
     insert: (index: number, ...items: T[]) => void;
+    /**
+     * The function to insert items before a specific value.
+     */
     insertBefore: (value: string, ...items: T[]) => void;
+    /**
+     * The function to insert items after a specific value.
+     */
     insertAfter: (value: string, ...items: T[]) => void;
-    remove: (...itemOrValues: T[]) => void;
+    /**
+     * The function to remove items.
+     */
+    remove: (...itemOrValues: Array<T | string>) => void;
+    /**
+     * The function to move an item to a specific index.
+     */
     move: (value: string, to: number) => void;
+    /**
+     * The function to move an item before a specific value.
+     */
     moveBefore: (value: string, ...values: string[]) => void;
+    /**
+     * The function to move an item after a specific value.
+     */
     moveAfter: (value: string, ...values: string[]) => void;
+    /**
+     * The function to reorder items.
+     */
     reorder: (from: number, to: number) => void;
+    /**
+     * The function to append items.
+     */
     append: (...items: T[]) => void;
+    /**
+     * The function to upsert an item.
+     */
+    upsert: (value: string, item: T, mode?: 'append' | 'prepend') => void;
+    /**
+     * The function to prepend items.
+     */
     prepend: (...items: T[]) => void;
+    /**
+     * The function to update an item.
+     */
     update: (value: string, item: T) => void;
-};
+}

package/dist/components/collection/use-list-collection.js

@@ -6,72 +6,94 @@ function useListCollection(props) {
     const { initialItems = [], filter, limit, ...collectionOptions } = toValue(props);
     return [{ initialItems, filter, limit }, collectionOptions];
   });
-  const create = (items) => {
-    const [, collectionOptions] = resolvedProps.value;
-    return createListCollection({ ...collectionOptions, items });
-  };
   const init = () => {
-    const [localProps] = resolvedProps.value;
-    return create(
-      localProps.limit != null ? localProps.initialItems.slice(0, localProps.limit) : localProps.initialItems
-    );
+    const { initialItems } = resolvedProps.value[0];
+    return initialItems;
   };
-  const collection = ref(init());
-  const setCollection = (newCollection) => {
-    const [localProps] = resolvedProps.value;
-    collection.value = localProps.limit == null ? newCollection : newCollection.copy(newCollection.items.slice(0, localProps.limit));
+  const items = ref(init());
+  const filterText = ref("");
+  const setItems = (newItems) => {
+    items.value = newItems;
+    filterText.value = "";
+  };
+  const create = (itemsToCreate) => {
+    const [, collectionOptions] = resolvedProps.value;
+    return createListCollection({ ...collectionOptions, items: itemsToCreate });
   };
+  const collection = computed(() => {
+    const [localProps, collectionOptions] = resolvedProps.value;
+    let activeItems = items.value;
+    const filter = localProps.filter;
+    if (filterText.value && filter) {
+      activeItems = create(items.value).filter(
+        (itemString, _index, item) => filter(itemString, filterText.value, item)
+      ).items;
+    }
+    const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+    return createListCollection({ ...collectionOptions, items: limitedItems });
+  });
   return {
     collection,
-    filter: (inputValue) => {
-      const [localProps] = resolvedProps.value;
-      const filter = localProps.filter;
-      if (!filter) return;
-      const filtered = create(localProps.initialItems).filter((itemString) => filter(itemString, inputValue));
-      setCollection(filtered);
+    filter: (inputValue = "") => {
+      filterText.value = inputValue;
     },
-    set: (items) => {
-      setCollection(create(items));
+    set: (newItems) => {
+      setItems(newItems);
     },
     reset: () => {
       const [localProps] = resolvedProps.value;
-      setCollection(create(localProps.initialItems));
+      setItems(localProps.initialItems);
     },
     clear: () => {
-      setCollection(create([]));
+      setItems([]);
     },
-    insert: (index, ...items) => {
-      setCollection(collection.value.insert(index, ...items));
+    insert: (index, ...itemsToInsert) => {
+      const newItems = create(items.value).insert(index, ...itemsToInsert).items;
+      setItems(newItems);
     },
-    insertBefore: (value, ...items) => {
-      setCollection(collection.value.insertBefore(value, ...items));
+    insertBefore: (value, ...itemsToInsert) => {
+      const newItems = create(items.value).insertBefore(value, ...itemsToInsert).items;
+      setItems(newItems);
     },
-    insertAfter: (value, ...items) => {
-      setCollection(collection.value.insertAfter(value, ...items));
+    insertAfter: (value, ...itemsToInsert) => {
+      const newItems = create(items.value).insertAfter(value, ...itemsToInsert).items;
+      setItems(newItems);
     },
     remove: (...itemOrValues) => {
-      setCollection(collection.value.remove(...itemOrValues));
+      const newItems = create(items.value).remove(...itemOrValues).items;
+      setItems(newItems);
     },
     move: (value, to) => {
-      setCollection(collection.value.move(value, to));
+      const newItems = create(items.value).move(value, to).items;
+      setItems(newItems);
     },
     moveBefore: (value, ...values) => {
-      setCollection(collection.value.moveBefore(value, ...values));
+      const newItems = create(items.value).moveBefore(value, ...values).items;
+      setItems(newItems);
     },
     moveAfter: (value, ...values) => {
-      setCollection(collection.value.moveAfter(value, ...values));
+      const newItems = create(items.value).moveAfter(value, ...values).items;
+      setItems(newItems);
     },
     reorder: (from, to) => {
-      setCollection(collection.value.reorder(from, to));
+      const newItems = create(items.value).reorder(from, to).items;
+      setItems(newItems);
+    },
+    append: (...itemsToAppend) => {
+      const newItems = create(items.value).append(...itemsToAppend).items;
+      setItems(newItems);
     },
-    append: (...items) => {
-      setCollection(collection.value.append(...items));
+    upsert: (value, item, mode = "append") => {
+      const newItems = create(items.value).upsert(value, item, mode).items;
+      setItems(newItems);
     },
-    prepend: (...items) => {
-      setCollection(collection.value.prepend(...items));
+    prepend: (...itemsToPrepend) => {
+      const newItems = create(items.value).prepend(...itemsToPrepend).items;
+      setItems(newItems);
     },
     update: (value, item) => {
-      setCollection(collection.value.update(value, item));
+      const newItems = create(items.value).update(value, item).items;
+      setItems(newItems);
     }
   };
 }

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.0",
+  "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.0",
-    "@zag-js/angle-slider": "1.18.0",
-    "@zag-js/anatomy": "1.18.0",
-    "@zag-js/auto-resize": "1.18.0",
-    "@zag-js/avatar": "1.18.0",
-    "@zag-js/carousel": "1.18.0",
-    "@zag-js/checkbox": "1.18.0",
-    "@zag-js/clipboard": "1.18.0",
-    "@zag-js/collapsible": "1.18.0",
-    "@zag-js/collection": "1.18.0",
-    "@zag-js/color-picker": "1.18.0",
-    "@zag-js/color-utils": "1.18.0",
-    "@zag-js/combobox": "1.18.0",
-    "@zag-js/core": "1.18.0",
-    "@zag-js/date-picker": "1.18.0",
-    "@zag-js/date-utils": "1.18.0",
-    "@zag-js/dialog": "1.18.0",
-    "@zag-js/dom-query": "1.18.0",
-    "@zag-js/editable": "1.18.0",
-    "@zag-js/file-upload": "1.18.0",
-    "@zag-js/file-utils": "1.18.0",
-    "@zag-js/focus-trap": "1.18.0",
-    "@zag-js/floating-panel": "1.18.0",
-    "@zag-js/highlight-word": "1.18.0",
-    "@zag-js/hover-card": "1.18.0",
-    "@zag-js/i18n-utils": "1.18.0",
-    "@zag-js/listbox": "1.18.0",
-    "@zag-js/menu": "1.18.0",
-    "@zag-js/number-input": "1.18.0",
-    "@zag-js/pagination": "1.18.0",
-    "@zag-js/password-input": "1.18.0",
-    "@zag-js/pin-input": "1.18.0",
-    "@zag-js/popover": "1.18.0",
-    "@zag-js/presence": "1.18.0",
-    "@zag-js/progress": "1.18.0",
-    "@zag-js/qr-code": "1.18.0",
-    "@zag-js/radio-group": "1.18.0",
-    "@zag-js/rating-group": "1.18.0",
-    "@zag-js/select": "1.18.0",
-    "@zag-js/signature-pad": "1.18.0",
-    "@zag-js/slider": "1.18.0",
-    "@zag-js/splitter": "1.18.0",
-    "@zag-js/switch": "1.18.0",
-    "@zag-js/tabs": "1.18.0",
-    "@zag-js/tags-input": "1.18.0",
-    "@zag-js/time-picker": "1.18.0",
-    "@zag-js/timer": "1.18.0",
-    "@zag-js/toast": "1.18.0",
-    "@zag-js/toggle": "1.18.0",
-    "@zag-js/toggle-group": "1.18.0",
-    "@zag-js/tooltip": "1.18.0",
-    "@zag-js/tour": "1.18.0",
-    "@zag-js/tree-view": "1.18.0",
-    "@zag-js/types": "1.18.0",
-    "@zag-js/utils": "1.18.0",
-    "@zag-js/steps": "1.18.0",
-    "@zag-js/vue": "1.18.0"
+    "@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",
@@ -208,20 +208,20 @@
     "@types/jsdom": "21.1.7",
     "@vitejs/plugin-vue": "6.0.0",
     "@vitejs/plugin-vue-jsx": "5.0.1",
-    "@vue/compiler-sfc": "3.5.16",
+    "@vue/compiler-sfc": "3.5.17",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "histoire": "0.17.17",
     "jsdom": "26.1.0",
-    "lucide-vue-next": "0.515.0",
+    "lucide-vue-next": "0.525.0",
     "resize-observer-polyfill": "1.5.1",
     "typescript": "5.8.3",
-    "vite": "6.3.5",
+    "vite": "7.0.5",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "3.2.3",
-    "@vitest/coverage-v8": "3.2.3",
-    "vue": "3.5.16",
-    "vue-tsc": "2.2.10"
+    "vitest": "3.2.4",
+    "@vitest/coverage-v8": "3.2.4",
+    "vue": "3.5.17",
+    "vue-tsc": "3.0.2"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"