@ark-ui/vue 5.22.0 → 5.24.0

package/README.md

@@ -52,7 +52,6 @@ Ark UI is available for the following JavaScript frameworks:
 - [Switch](https://ark-ui.com/vue/docs/components/switch)
 - [Tabs](https://ark-ui.com/vue/docs/components/tabs)
 - [Tags Input](https://ark-ui.com/vue/docs/components/tags-input)
-- [Time Picker](https://ark-ui.com/vue/docs/components/time-picker)
 - [Toast](https://ark-ui.com/vue/docs/components/toast)
 - [Toggle Group](https://ark-ui.com/vue/docs/components/toggle-group)
 - [Tooltip](https://ark-ui.com/vue/docs/components/tooltip)

package/dist/components/accordion/accordion-item-content.vue.cjs

@@ -7,7 +7,6 @@ const useAccordionContext = require('./use-accordion-context.cjs');
 const collapsible = require('../collapsible/collapsible.cjs');
 require('@zag-js/color-picker');
 require('@zag-js/date-picker');
-require('@internationalized/date');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const createSplitProps = require('../create-split-props.cjs');
 const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');

package/dist/components/accordion/accordion-item-content.vue.js

@@ -3,7 +3,6 @@ import { useAccordionContext } from './use-accordion-context.js';
 import * as collapsible from '../collapsible/collapsible.js';
 import '@zag-js/color-picker';
 import '@zag-js/date-picker';
-import '@internationalized/date';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { createSplitProps } from '../create-split-props.js';
 import { useAccordionItemPropsContext } from './use-accordion-item-props-context.js';

package/dist/components/anatomy.cjs

@@ -3,9 +3,204 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const anatomy = require('@zag-js/anatomy');
+const checkbox_anatomy = require('./checkbox/checkbox.anatomy.cjs');
+const colorPicker_anatomy = require('./color-picker/color-picker.anatomy.cjs');
+const combobox_anatomy = require('./combobox/combobox.anatomy.cjs');
+const datePicker_anatomy = require('./date-picker/date-picker.anatomy.cjs');
+const field_anatomy = require('./field/field.anatomy.cjs');
+const fieldset_anatomy = require('./fieldset/fieldset.anatomy.cjs');
+const listbox_anatomy = require('./listbox/listbox.anatomy.cjs');
+const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
+const toggle_anatomy = require('./toggle/toggle.anatomy.cjs');
+const tour_anatomy = require('./tour/tour.anatomy.cjs');
+const accordion = require('@zag-js/accordion');
+const angleSlider = require('@zag-js/angle-slider');
+const avatar = require('@zag-js/avatar');
+const carousel = require('@zag-js/carousel');
+const clipboard = require('@zag-js/clipboard');
+const collapsible = require('@zag-js/collapsible');
+const dialog = require('@zag-js/dialog');
+const editable = require('@zag-js/editable');
+const fileUpload = require('@zag-js/file-upload');
+const floatingPanel = require('@zag-js/floating-panel');
+const hoverCard = require('@zag-js/hover-card');
+const menu = require('@zag-js/menu');
+const numberInput = require('@zag-js/number-input');
+const pagination = require('@zag-js/pagination');
+const passwordInput = require('@zag-js/password-input');
+const pinInput = require('@zag-js/pin-input');
+const popover = require('@zag-js/popover');
+const progress = require('@zag-js/progress');
+const qrcode = require('@zag-js/qr-code');
+const radioGroup = require('@zag-js/radio-group');
+const ratingGroup = require('@zag-js/rating-group');
+const scrollArea = require('@zag-js/scroll-area');
+const select = require('@zag-js/select');
+const signaturepad = require('@zag-js/signature-pad');
+const slider = require('@zag-js/slider');
+const splitter = require('@zag-js/splitter');
+const steps = require('@zag-js/steps');
+const zagSwitch = require('@zag-js/switch');
+const tabs = require('@zag-js/tabs');
+const tagsInput = require('@zag-js/tags-input');
+const timer = require('@zag-js/timer');
+const toast = require('@zag-js/toast');
+const toggleGroup = require('@zag-js/toggle-group');
+const tooltip = require('@zag-js/tooltip');
+const treeView = require('@zag-js/tree-view');
 
 
 
+exports.checkboxAnatomy = checkbox_anatomy.checkboxAnatomy;
+exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
+exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
+exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
+exports.fieldAnatomy = field_anatomy.fieldAnatomy;
+exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
+exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
+exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
+exports.toggleAnatomy = toggle_anatomy.toggleAnatomy;
+exports.tourAnatomy = tour_anatomy.tourAnatomy;
+Object.defineProperty(exports, "accordionAnatomy", {
+	enumerable: true,
+	get: () => accordion.anatomy
+});
+Object.defineProperty(exports, "angleSliderAnatomy", {
+	enumerable: true,
+	get: () => angleSlider.anatomy
+});
+Object.defineProperty(exports, "avatarAnatomy", {
+	enumerable: true,
+	get: () => avatar.anatomy
+});
+Object.defineProperty(exports, "carouselAnatomy", {
+	enumerable: true,
+	get: () => carousel.anatomy
+});
+Object.defineProperty(exports, "clipboardAnatomy", {
+	enumerable: true,
+	get: () => clipboard.anatomy
+});
+Object.defineProperty(exports, "collapsibleAnatomy", {
+	enumerable: true,
+	get: () => collapsible.anatomy
+});
+Object.defineProperty(exports, "dialogAnatomy", {
+	enumerable: true,
+	get: () => dialog.anatomy
+});
+Object.defineProperty(exports, "editableAnatomy", {
+	enumerable: true,
+	get: () => editable.anatomy
+});
+Object.defineProperty(exports, "fileUploadAnatomy", {
+	enumerable: true,
+	get: () => fileUpload.anatomy
+});
+Object.defineProperty(exports, "floatingPanelAnatomy", {
+	enumerable: true,
+	get: () => floatingPanel.anatomy
+});
+Object.defineProperty(exports, "hoverCardAnatomy", {
+	enumerable: true,
+	get: () => hoverCard.anatomy
+});
+Object.defineProperty(exports, "menuAnatomy", {
+	enumerable: true,
+	get: () => menu.anatomy
+});
+Object.defineProperty(exports, "numberInputAnatomy", {
+	enumerable: true,
+	get: () => numberInput.anatomy
+});
+Object.defineProperty(exports, "paginationAnatomy", {
+	enumerable: true,
+	get: () => pagination.anatomy
+});
+Object.defineProperty(exports, "passwordInputAnatomy", {
+	enumerable: true,
+	get: () => passwordInput.anatomy
+});
+Object.defineProperty(exports, "pinInputAnatomy", {
+	enumerable: true,
+	get: () => pinInput.anatomy
+});
+Object.defineProperty(exports, "popoverAnatomy", {
+	enumerable: true,
+	get: () => popover.anatomy
+});
+Object.defineProperty(exports, "progressAnatomy", {
+	enumerable: true,
+	get: () => progress.anatomy
+});
+Object.defineProperty(exports, "qrCodeAnatomy", {
+	enumerable: true,
+	get: () => qrcode.anatomy
+});
+Object.defineProperty(exports, "radioGroupAnatomy", {
+	enumerable: true,
+	get: () => radioGroup.anatomy
+});
+Object.defineProperty(exports, "ratingGroupAnatomy", {
+	enumerable: true,
+	get: () => ratingGroup.anatomy
+});
+Object.defineProperty(exports, "scrollAreaAnatomy", {
+	enumerable: true,
+	get: () => scrollArea.anatomy
+});
+Object.defineProperty(exports, "selectAnatomy", {
+	enumerable: true,
+	get: () => select.anatomy
+});
+Object.defineProperty(exports, "signaturePadAnatomy", {
+	enumerable: true,
+	get: () => signaturepad.anatomy
+});
+Object.defineProperty(exports, "sliderAnatomy", {
+	enumerable: true,
+	get: () => slider.anatomy
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+	enumerable: true,
+	get: () => splitter.anatomy
+});
+Object.defineProperty(exports, "stepsAnatomy", {
+	enumerable: true,
+	get: () => steps.anatomy
+});
+Object.defineProperty(exports, "switchAnatomy", {
+	enumerable: true,
+	get: () => zagSwitch.anatomy
+});
+Object.defineProperty(exports, "tabsAnatomy", {
+	enumerable: true,
+	get: () => tabs.anatomy
+});
+Object.defineProperty(exports, "tagsInputAnatomy", {
+	enumerable: true,
+	get: () => tagsInput.anatomy
+});
+Object.defineProperty(exports, "timerAnatomy", {
+	enumerable: true,
+	get: () => timer.anatomy
+});
+Object.defineProperty(exports, "toastAnatomy", {
+	enumerable: true,
+	get: () => toast.anatomy
+});
+Object.defineProperty(exports, "toggleGroupAnatomy", {
+	enumerable: true,
+	get: () => toggleGroup.anatomy
+});
+Object.defineProperty(exports, "tooltipAnatomy", {
+	enumerable: true,
+	get: () => tooltip.anatomy
+});
+Object.defineProperty(exports, "treeViewAnatomy", {
+	enumerable: true,
+	get: () => treeView.anatomy
+});
 Object.keys(anatomy).forEach(k => {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,

package/dist/components/anatomy.d.cts

@@ -1 +1,46 @@
 export * from '@zag-js/anatomy';
+export { accordionAnatomy } from './accordion/accordion.anatomy';
+export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
+export { avatarAnatomy } from './avatar/avatar.anatomy';
+export { carouselAnatomy } from './carousel/carousel.anatomy';
+export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
+export { clipboardAnatomy } from './clipboard/clipboard.anatomy';
+export { collapsibleAnatomy } from './collapsible/collapsible.anatomy';
+export { colorPickerAnatomy } from './color-picker/color-picker.anatomy';
+export { comboboxAnatomy } from './combobox/combobox.anatomy';
+export { datePickerAnatomy } from './date-picker/date-picker.anatomy';
+export { dialogAnatomy } from './dialog/dialog.anatomy';
+export { editableAnatomy } from './editable/editable.anatomy';
+export { fieldAnatomy } from './field/field.anatomy';
+export { fieldsetAnatomy } from './fieldset/fieldset.anatomy';
+export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
+export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
+export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
+export { listboxAnatomy } from './listbox/listbox.anatomy';
+export { menuAnatomy } from './menu/menu.anatomy';
+export { numberInputAnatomy } from './number-input/number-input.anatomy';
+export { paginationAnatomy } from './pagination/pagination.anatomy';
+export { passwordInputAnatomy } from './password-input/password-input.anatomy';
+export { pinInputAnatomy } from './pin-input/pin-input.anatomy';
+export { popoverAnatomy } from './popover/popover.anatomy';
+export { progressAnatomy } from './progress/progress.anatomy';
+export { qrCodeAnatomy } from './qr-code/qr-code.anatomy';
+export { radioGroupAnatomy } from './radio-group/radio-group.anatomy';
+export { ratingGroupAnatomy } from './rating-group/rating-group.anatomy';
+export { scrollAreaAnatomy } from './scroll-area/scroll-area.anatomy';
+export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy';
+export { selectAnatomy } from './select/select.anatomy';
+export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy';
+export { sliderAnatomy } from './slider/slider.anatomy';
+export { splitterAnatomy } from './splitter/splitter.anatomy';
+export { stepsAnatomy } from './steps/steps.anatomy';
+export { switchAnatomy } from './switch/switch.anatomy';
+export { tabsAnatomy } from './tabs/tabs.anatomy';
+export { tagsInputAnatomy } from './tags-input/tags-input.anatomy';
+export { timerAnatomy } from './timer/timer.anatomy';
+export { toastAnatomy } from './toast/toast.anatomy';
+export { toggleAnatomy } from './toggle/toggle.anatomy';
+export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy';
+export { tooltipAnatomy } from './tooltip/tooltip.anatomy';
+export { tourAnatomy } from './tour/tour.anatomy';
+export { treeViewAnatomy } from './tree-view/tree-view.anatomy';

package/dist/components/anatomy.d.ts

@@ -1 +1,46 @@
 export * from '@zag-js/anatomy';
+export { accordionAnatomy } from './accordion/accordion.anatomy';
+export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
+export { avatarAnatomy } from './avatar/avatar.anatomy';
+export { carouselAnatomy } from './carousel/carousel.anatomy';
+export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
+export { clipboardAnatomy } from './clipboard/clipboard.anatomy';
+export { collapsibleAnatomy } from './collapsible/collapsible.anatomy';
+export { colorPickerAnatomy } from './color-picker/color-picker.anatomy';
+export { comboboxAnatomy } from './combobox/combobox.anatomy';
+export { datePickerAnatomy } from './date-picker/date-picker.anatomy';
+export { dialogAnatomy } from './dialog/dialog.anatomy';
+export { editableAnatomy } from './editable/editable.anatomy';
+export { fieldAnatomy } from './field/field.anatomy';
+export { fieldsetAnatomy } from './fieldset/fieldset.anatomy';
+export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
+export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
+export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
+export { listboxAnatomy } from './listbox/listbox.anatomy';
+export { menuAnatomy } from './menu/menu.anatomy';
+export { numberInputAnatomy } from './number-input/number-input.anatomy';
+export { paginationAnatomy } from './pagination/pagination.anatomy';
+export { passwordInputAnatomy } from './password-input/password-input.anatomy';
+export { pinInputAnatomy } from './pin-input/pin-input.anatomy';
+export { popoverAnatomy } from './popover/popover.anatomy';
+export { progressAnatomy } from './progress/progress.anatomy';
+export { qrCodeAnatomy } from './qr-code/qr-code.anatomy';
+export { radioGroupAnatomy } from './radio-group/radio-group.anatomy';
+export { ratingGroupAnatomy } from './rating-group/rating-group.anatomy';
+export { scrollAreaAnatomy } from './scroll-area/scroll-area.anatomy';
+export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy';
+export { selectAnatomy } from './select/select.anatomy';
+export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy';
+export { sliderAnatomy } from './slider/slider.anatomy';
+export { splitterAnatomy } from './splitter/splitter.anatomy';
+export { stepsAnatomy } from './steps/steps.anatomy';
+export { switchAnatomy } from './switch/switch.anatomy';
+export { tabsAnatomy } from './tabs/tabs.anatomy';
+export { tagsInputAnatomy } from './tags-input/tags-input.anatomy';
+export { timerAnatomy } from './timer/timer.anatomy';
+export { toastAnatomy } from './toast/toast.anatomy';
+export { toggleAnatomy } from './toggle/toggle.anatomy';
+export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy';
+export { tooltipAnatomy } from './tooltip/tooltip.anatomy';
+export { tourAnatomy } from './tour/tour.anatomy';
+export { treeViewAnatomy } from './tree-view/tree-view.anatomy';

package/dist/components/anatomy.js

@@ -1 +1,46 @@
 export * from '@zag-js/anatomy';
+export { checkboxAnatomy } from './checkbox/checkbox.anatomy.js';
+export { colorPickerAnatomy } from './color-picker/color-picker.anatomy.js';
+export { comboboxAnatomy } from './combobox/combobox.anatomy.js';
+export { datePickerAnatomy } from './date-picker/date-picker.anatomy.js';
+export { fieldAnatomy } from './field/field.anatomy.js';
+export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.js';
+export { listboxAnatomy } from './listbox/listbox.anatomy.js';
+export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.js';
+export { toggleAnatomy } from './toggle/toggle.anatomy.js';
+export { tourAnatomy } from './tour/tour.anatomy.js';
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
+export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
+export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export { anatomy as editableAnatomy } from '@zag-js/editable';
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
+export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as menuAnatomy } from '@zag-js/menu';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+export { anatomy as paginationAnatomy } from '@zag-js/pagination';
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';
+export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';
+export { anatomy as progressAnatomy } from '@zag-js/progress';
+export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
+export { anatomy as selectAnatomy } from '@zag-js/select';
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';
+export { anatomy as stepsAnatomy } from '@zag-js/steps';
+export { anatomy as switchAnatomy } from '@zag-js/switch';
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+export { anatomy as timerAnatomy } from '@zag-js/timer';
+export { anatomy as toastAnatomy } from '@zag-js/toast';
+export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const checkboxAnatomy: AnatomyInstance<"label" | "root" | "control" | "indicator" | "group">;
+export declare const checkboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const checkboxAnatomy: AnatomyInstance<"label" | "root" | "control" | "indicator" | "group">;
+export declare const checkboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;

package/dist/components/color-picker/color-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+export declare const colorPickerAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "area" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;

package/dist/components/color-picker/color-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+export declare const colorPickerAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "area" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;

package/dist/components/combobox/combobox-root-provider.vue.d.cts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface ComboboxRootProviderProps<T extends CollectionItem> extends Com
  */
 HTMLAttributes {
 }
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P>) => any;
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ComboboxRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

package/dist/components/combobox/combobox-root-provider.vue.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface ComboboxRootProviderProps<T extends CollectionItem> extends Com
  */
 HTMLAttributes {
 }
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P>) => any;
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ComboboxRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

package/dist/components/combobox/combobox-root.vue.cjs

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "combobox-root",
   props: /* @__PURE__ */ vue.mergeDefaults({
     allowCustomValue: { type: Boolean },
+    alwaysSubmitOnEnter: { type: Boolean },
     autoFocus: { type: Boolean },
     closeOnSelect: { type: Boolean },
     collection: {},
@@ -51,6 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     asChild: { type: Boolean }
   }, {
     allowCustomValue: void 0,
+    alwaysSubmitOnEnter: void 0,
     autoFocus: void 0,
     closeOnSelect: void 0,
     composite: void 0,

package/dist/components/combobox/combobox-root.vue.d.cts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -13,6 +14,7 @@ export interface ComboboxRootProps<T extends CollectionItem> extends ComboboxRoo
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P>) => any;
 export type { RootEmits as ComboboxRootEmits } from './combobox.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/components/combobox/combobox-root.vue.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -13,6 +14,7 @@ export interface ComboboxRootProps<T extends CollectionItem> extends ComboboxRoo
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P>) => any;
 export type { RootEmits as ComboboxRootEmits } from './combobox.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/components/combobox/combobox-root.vue.js

@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-root",
   props: /* @__PURE__ */ mergeDefaults({
     allowCustomValue: { type: Boolean },
+    alwaysSubmitOnEnter: { type: Boolean },
     autoFocus: { type: Boolean },
     closeOnSelect: { type: Boolean },
     collection: {},
@@ -47,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     asChild: { type: Boolean }
   }, {
     allowCustomValue: void 0,
+    alwaysSubmitOnEnter: void 0,
     autoFocus: void 0,
     closeOnSelect: void 0,
     composite: void 0,

package/dist/components/combobox/combobox.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const comboboxAnatomy: AnatomyInstance<"input" | "label" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const comboboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "trigger" | "positioner" | "list" | "input" | "item" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/combobox/combobox.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const comboboxAnatomy: AnatomyInstance<"input" | "label" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const comboboxAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "trigger" | "positioner" | "list" | "input" | "item" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/combobox/combobox.d.cts

@@ -14,6 +14,6 @@ export { default as Item, type ComboboxItemProps as ItemProps, type ComboboxItem
 export { default as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from './combobox-label.vue';
 export { default as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from './combobox-list.vue';
 export { default as Positioner, type ComboboxPositionerProps as PositionerProps, type ComboboxPositionerBaseProps as PositionerBaseProps, } from './combobox-positioner.vue';
-export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, } from './combobox-root-provider.vue';
-export { default as Root, type ComboboxRootEmits as RootEmits, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
+export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider.vue';
+export { default as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootEmits as RootEmits, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
 export { default as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from './combobox-trigger.vue';

package/dist/components/combobox/combobox.d.ts

@@ -14,6 +14,6 @@ export { default as Item, type ComboboxItemProps as ItemProps, type ComboboxItem
 export { default as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from './combobox-label.vue';
 export { default as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from './combobox-list.vue';
 export { default as Positioner, type ComboboxPositionerProps as PositionerProps, type ComboboxPositionerBaseProps as PositionerBaseProps, } from './combobox-positioner.vue';
-export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, } from './combobox-root-provider.vue';
-export { default as Root, type ComboboxRootEmits as RootEmits, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
+export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider.vue';
+export { default as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootEmits as RootEmits, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
 export { default as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from './combobox-trigger.vue';

package/dist/components/combobox/combobox.types.d.cts

@@ -5,6 +5,12 @@ export interface RootProps<T extends CollectionItem> {
      * Whether to allow typing custom values in the input
      */
     allowCustomValue?: boolean;
+    /**
+     * Whether to allow bypassing the default two-step behavior (Enter to close combobox, then Enter to submit form)
+     * and instead submit the form immediately on Enter press. This is useful for single-field autocomplete forms
+     * where Enter should submit the form directly.
+     */
+    alwaysSubmitOnEnter?: boolean;
     /**
      * Whether to autofocus the input on mount
      */

package/dist/components/combobox/combobox.types.d.ts

@@ -5,6 +5,12 @@ export interface RootProps<T extends CollectionItem> {
      * Whether to allow typing custom values in the input
      */
     allowCustomValue?: boolean;
+    /**
+     * Whether to allow bypassing the default two-step behavior (Enter to close combobox, then Enter to submit form)
+     * and instead submit the form immediately on Enter press. This is useful for single-field autocomplete forms
+     * where Enter should submit the form directly.
+     */
+    alwaysSubmitOnEnter?: boolean;
     /**
      * Whether to autofocus the input on mount
      */

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

@@ -15,8 +15,8 @@ export { default as ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemP
 export { default as ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.vue';
 export { default as ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.vue';
 export { default as ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner.vue';
-export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider.vue';
-export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
+export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider.vue';
+export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
 export { default as ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger.vue';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';

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

@@ -15,8 +15,8 @@ export { default as ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemP
 export { default as ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.vue';
 export { default as ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.vue';
 export { default as ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner.vue';
-export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider.vue';
-export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
+export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider.vue';
+export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
 export { default as ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger.vue';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';

package/dist/components/date-picker/date-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
+export declare const datePickerAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "trigger" | "positioner" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;
+export declare const datePickerAnatomy: AnatomyInstance<"root" | "label" | "control" | "content" | "trigger" | "positioner" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;