@ark-ui/react 5.23.0 → 5.24.0

package/README.md

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

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

@@ -11,7 +11,6 @@ const useAccordionItemContext = require('./use-accordion-item-context.cjs');
 const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
 require('@zag-js/color-picker');
 require('@zag-js/date-picker');
-require('@internationalized/date');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');

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

@@ -7,7 +7,6 @@ import { AccordionItemProvider } from './use-accordion-item-context.js';
 import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
 import '@zag-js/color-picker';
 import '@zag-js/date-picker';
-import '@internationalized/date';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { AccordionItemPropsProvider } from './use-accordion-item-props-context.js';

package/dist/components/anatomy.cjs

@@ -3,9 +3,199 @@
 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 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 radio = require('@zag-js/radio-group');
+const rating = 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, "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: () => radio.anatomy
+});
+Object.defineProperty(exports, "ratingGroupAnatomy", {
+	enumerable: true,
+	get: () => rating.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,45 @@
 export * from '@zag-js/anatomy';
+export { accordionAnatomy } from './accordion/accordion.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,45 @@
 export * from '@zag-js/anatomy';
+export { accordionAnatomy } from './accordion/accordion.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,45 @@
 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 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" | "group" | "control" | "indicator">;
+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" | "group" | "control" | "indicator">;
+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.cjs

@@ -18,6 +18,7 @@ const ComboboxImpl = (props, ref) => {
   const [presenceProps, comboboxProps] = splitPresenceProps.splitPresenceProps(props);
   const [useComboboxProps, localProps] = createSplitProps.createSplitProps()(comboboxProps, [
     "allowCustomValue",
+    "alwaysSubmitOnEnter",
     "autoFocus",
     "closeOnSelect",
     "collection",

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

@@ -14,6 +14,7 @@ const ComboboxImpl = (props, ref) => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
   const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, [
     "allowCustomValue",
+    "alwaysSubmitOnEnter",
     "autoFocus",
     "closeOnSelect",
     "collection",

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" | "content" | "list" | "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" | "content" | "list" | "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/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/field/field.anatomy.d.cts

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

@@ -12,7 +12,7 @@ const useFieldsetContext = require('./use-fieldset-context.cjs');
 const FieldsetLegend = react.forwardRef((props, ref) => {
   const fieldset = useFieldsetContext.useFieldsetContext();
   const mergedProps = react$1.mergeProps(fieldset.getLegendProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.legend, { ...mergedProps, ref });
 });
 FieldsetLegend.displayName = "FieldsetLegend";
 

package/dist/components/fieldset/fieldset-legend.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FieldsetLegendBaseProps extends PolymorphicProps {
 }
-export interface FieldsetLegendProps extends HTMLProps<'div'>, FieldsetLegendBaseProps {
+export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
 }
-export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLDivElement>>;
+export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLLegendElement>>;

package/dist/components/fieldset/fieldset-legend.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FieldsetLegendBaseProps extends PolymorphicProps {
 }
-export interface FieldsetLegendProps extends HTMLProps<'div'>, FieldsetLegendBaseProps {
+export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
 }
-export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLDivElement>>;
+export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLLegendElement>>;

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

@@ -8,7 +8,7 @@ import { useFieldsetContext } from './use-fieldset-context.js';
 const FieldsetLegend = forwardRef((props, ref) => {
   const fieldset = useFieldsetContext();
   const mergedProps = mergeProps(fieldset.getLegendProps(), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsx(ark.legend, { ...mergedProps, ref });
 });
 FieldsetLegend.displayName = "FieldsetLegend";
 

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>;

package/dist/components/file-upload/file-upload-item-group.cjs

@@ -6,13 +6,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
+const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
 
 const FileUploadItemGroup = react.forwardRef((props, ref) => {
+  const [itemGroupProps, localProps] = createSplitProps.createSplitProps()(props, ["type"]);
   const fileUpload = useFileUploadContext.useFileUploadContext();
-  const mergedProps = react$1.mergeProps(fileUpload.getItemGroupProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref });
+  const mergedProps = react$1.mergeProps(fileUpload.getItemGroupProps(itemGroupProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadItemGroupPropsContext.FileUploadItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref }) });
 });
 FileUploadItemGroup.displayName = "FileUploadItemGroup";
 

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

@@ -1,6 +1,7 @@
+import { ItemGroupProps } from '@zag-js/file-upload';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FileUploadItemGroupBaseProps extends PolymorphicProps {
+export interface FileUploadItemGroupBaseProps extends PolymorphicProps, ItemGroupProps {
 }
 export interface FileUploadItemGroupProps extends HTMLProps<'ul'>, FileUploadItemGroupBaseProps {
 }

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

@@ -1,6 +1,7 @@
+import { ItemGroupProps } from '@zag-js/file-upload';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FileUploadItemGroupBaseProps extends PolymorphicProps {
+export interface FileUploadItemGroupBaseProps extends PolymorphicProps, ItemGroupProps {
 }
 export interface FileUploadItemGroupProps extends HTMLProps<'ul'>, FileUploadItemGroupBaseProps {
 }

package/dist/components/file-upload/file-upload-item-group.js

@@ -2,13 +2,16 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
+import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context.js';
 
 const FileUploadItemGroup = forwardRef((props, ref) => {
+  const [itemGroupProps, localProps] = createSplitProps()(props, ["type"]);
   const fileUpload = useFileUploadContext();
-  const mergedProps = mergeProps(fileUpload.getItemGroupProps(), props);
-  return /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref });
+  const mergedProps = mergeProps(fileUpload.getItemGroupProps(itemGroupProps), localProps);
+  return /* @__PURE__ */ jsx(FileUploadItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref }) });
 });
 FileUploadItemGroup.displayName = "FileUploadItemGroup";
 

package/dist/components/file-upload/file-upload-item.cjs

@@ -9,13 +9,16 @@ const react = require('react');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
+const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
 const FileUploadItem = react.forwardRef((props, ref) => {
   const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["file"]);
   const fileUpload = useFileUploadContext.useFileUploadContext();
-  const mergedProps = react$1.mergeProps(fileUpload.getItemProps(itemProps), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadItemPropsContext.FileUploadItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref }) });
+  const itemGroupProps = useFileUploadItemGroupPropsContext.useFileUploadItemGroupPropsContext();
+  const itemPropsWithType = { ...itemProps, type: itemGroupProps.type };
+  const mergedProps = react$1.mergeProps(fileUpload.getItemProps(itemPropsWithType), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadItemPropsContext.FileUploadItemPropsProvider, { value: itemPropsWithType, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref }) });
 });
 FileUploadItem.displayName = "FileUploadItem";
 

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

@@ -1,8 +1,10 @@
 import { ItemProps } from '@zag-js/file-upload';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FileUploadItemBaseProps extends ItemProps, PolymorphicProps {
+type ItemBaseProps = Omit<ItemProps, 'type'>;
+export interface FileUploadItemBaseProps extends ItemBaseProps, PolymorphicProps {
 }
 export interface FileUploadItemProps extends HTMLProps<'li'>, FileUploadItemBaseProps {
 }
 export declare const FileUploadItem: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;
+export {};

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

@@ -1,8 +1,10 @@
 import { ItemProps } from '@zag-js/file-upload';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface FileUploadItemBaseProps extends ItemProps, PolymorphicProps {
+type ItemBaseProps = Omit<ItemProps, 'type'>;
+export interface FileUploadItemBaseProps extends ItemBaseProps, PolymorphicProps {
 }
 export interface FileUploadItemProps extends HTMLProps<'li'>, FileUploadItemBaseProps {
 }
 export declare const FileUploadItem: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;
+export {};