@ark-ui/react 5.22.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-provider.d.cts

@@ -1,4 +1,5 @@
 import { JSX, RefAttributes } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
@@ -10,6 +11,6 @@ export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends
 }
 export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRootProvider: ComboboxComponent;
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRootProvider: ComboboxRootProviderComponent;
 export {};

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

@@ -1,4 +1,5 @@
 import { JSX, RefAttributes } from 'react';
+import { Assign } from '../../types';
 import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
@@ -10,6 +11,6 @@ export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends
 }
 export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRootProvider: ComboboxComponent;
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRootProvider: ComboboxRootProviderComponent;
 export {};

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.d.cts

@@ -8,5 +8,5 @@ export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComb
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRoot: ComboboxComponent;
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRoot: ComboboxRootComponent;

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

@@ -8,5 +8,5 @@ export interface ComboboxRootBaseProps<T extends CollectionItem> extends UseComb
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, ComboboxRootBaseProps<T>> {
 }
-export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
-export declare const ComboboxRoot: ComboboxComponent;
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRoot: ComboboxRootComponent;

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/combobox/combobox.d.cts

@@ -15,6 +15,6 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

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

@@ -15,6 +15,6 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

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

@@ -15,8 +15,8 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps } from './combobox-root';
-export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger';
 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 { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps } from './combobox-root';
-export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger';
 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">;

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/field/use-field.cjs

@@ -62,9 +62,10 @@ const useField = (props = {}) => {
       "data-disabled": domQuery.dataAttr(disabled),
       "data-invalid": domQuery.dataAttr(invalid),
       "data-readonly": domQuery.dataAttr(readOnly),
+      "data-required": domQuery.dataAttr(required),
       htmlFor: id
     }),
-    [disabled, invalid, readOnly, id, labelId]
+    [disabled, invalid, readOnly, required, id, labelId]
   );
   const getControlProps = react.useMemo(
     () => () => ({

package/dist/components/field/use-field.js

@@ -58,9 +58,10 @@ const useField = (props = {}) => {
       "data-disabled": dataAttr(disabled),
       "data-invalid": dataAttr(invalid),
       "data-readonly": dataAttr(readOnly),
+      "data-required": dataAttr(required),
       htmlFor: id
     }),
-    [disabled, invalid, readOnly, id, labelId]
+    [disabled, invalid, readOnly, required, id, labelId]
   );
   const getControlProps = useMemo(
     () => () => ({

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