@ark-ui/vue 5.23.0 → 5.24.1

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.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.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.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/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">;

package/dist/components/factory.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const vue = require('vue');
 const dynamic = require('../utils/dynamic.cjs');
 
+const SELF_CLOSING_TAGS = "br, hr, img, input, area, textarea".split(", ");
+const isSelfClosingTag = (tag) => typeof tag === "string" && SELF_CLOSING_TAGS.includes(tag);
 const withAsChild = (component) => {
   return vue.defineComponent({
     name: "Polymorphic",
@@ -16,8 +18,8 @@ const withAsChild = (component) => {
       }
     },
     setup(props, { attrs, slots }) {
-      if (!props.asChild) return () => vue.h(component, { ...attrs }, slots.default?.());
-      return () => vue.h(dynamic.Dynamic, attrs, { default: slots.default });
+      if (!props.asChild) return () => vue.h(component, attrs, isSelfClosingTag(component) ? void 0 : slots.default?.());
+      return () => vue.h(dynamic.Dynamic, attrs, slots);
     }
   });
 };
@@ -28,11 +30,10 @@ function jsxFactory() {
       return withAsChild(argArray[0]);
     },
     get(_, element) {
-      const asElement = element;
-      if (!cache.has(asElement)) {
-        cache.set(asElement, withAsChild(asElement));
+      if (!cache.has(element)) {
+        cache.set(element, withAsChild(element));
       }
-      return cache.get(asElement);
+      return cache.get(element);
     }
   });
   return factory;

package/dist/components/factory.js

@@ -1,6 +1,8 @@
 import { defineComponent, h } from 'vue';
 import { Dynamic } from '../utils/dynamic.js';
 
+const SELF_CLOSING_TAGS = "br, hr, img, input, area, textarea".split(", ");
+const isSelfClosingTag = (tag) => typeof tag === "string" && SELF_CLOSING_TAGS.includes(tag);
 const withAsChild = (component) => {
   return defineComponent({
     name: "Polymorphic",
@@ -12,8 +14,8 @@ const withAsChild = (component) => {
       }
     },
     setup(props, { attrs, slots }) {
-      if (!props.asChild) return () => h(component, { ...attrs }, slots.default?.());
-      return () => h(Dynamic, attrs, { default: slots.default });
+      if (!props.asChild) return () => h(component, attrs, isSelfClosingTag(component) ? void 0 : slots.default?.());
+      return () => h(Dynamic, attrs, slots);
     }
   });
 };
@@ -24,11 +26,10 @@ function jsxFactory() {
       return withAsChild(argArray[0]);
     },
     get(_, element) {
-      const asElement = element;
-      if (!cache.has(asElement)) {
-        cache.set(asElement, withAsChild(asElement));
+      if (!cache.has(element)) {
+        cache.set(element, withAsChild(element));
       }
-      return cache.get(asElement);
+      return cache.get(element);
     }
   });
   return factory;

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

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldAnatomy: AnatomyInstance<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
-export declare const parts: Record<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", AnatomyPart>;
+export declare const fieldAnatomy: AnatomyInstance<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator">;
+export declare const parts: Record<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", AnatomyPart>;

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

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldAnatomy: AnatomyInstance<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
-export declare const parts: Record<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", AnatomyPart>;
+export declare const fieldAnatomy: AnatomyInstance<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator">;
+export declare const parts: Record<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", AnatomyPart>;

package/dist/components/fieldset/fieldset-legend.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const fieldset = useFieldsetContext.useFieldsetContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(fieldset).getLegendProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).legend, vue.mergeProps(vue.unref(fieldset).getLegendProps(), { "as-child": _ctx.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/fieldset/fieldset-legend.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fieldset = useFieldsetContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(fieldset).getLegendProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).legend, mergeProps(unref(fieldset).getLegendProps(), { "as-child": _ctx.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldsetAnatomy: AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
-export declare const parts: Record<"legend" | "root" | "errorText" | "helperText", AnatomyPart>;
+export declare const fieldsetAnatomy: AnatomyInstance<"root" | "errorText" | "helperText" | "legend">;
+export declare const parts: Record<"root" | "errorText" | "helperText" | "legend", AnatomyPart>;

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

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldsetAnatomy: AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
-export declare const parts: Record<"legend" | "root" | "errorText" | "helperText", AnatomyPart>;
+export declare const fieldsetAnatomy: AnatomyInstance<"root" | "errorText" | "helperText" | "legend">;
+export declare const parts: Record<"root" | "errorText" | "helperText" | "legend", AnatomyPart>;