@ark-ui/react 5.39.3 → 6.0.0-next.0

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

@@ -8,7 +8,7 @@ export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerCh
 export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track.js';
 export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text.js';
-export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, } from './color-picker-content.js';
+export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, type ColorPickerContentState as ContentState, } from './color-picker-content.js';
 export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps } from './color-picker-context.js';
 export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, } from './color-picker-control.js';
 export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger.js';
@@ -17,14 +17,14 @@ export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTrigge
 export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input.js';
 export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, } from './color-picker-label.js';
 export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner.js';
-export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, } from './color-picker-root.js';
-export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, } from './color-picker-root-provider.js';
+export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, type ColorPickerRootState as RootState, } from './color-picker-root.js';
+export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, type ColorPickerRootProviderState as RootProviderState, } from './color-picker-root-provider.js';
 export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch.js';
 export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group.js';
 export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator.js';
-export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger.js';
+export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, type ColorPickerSwatchTriggerState as SwatchTriggerState, } from './color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid.js';
-export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger.js';
+export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, type ColorPickerTriggerState as TriggerState, } from './color-picker-trigger.js';
 export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, } from './color-picker-value-swatch.js';
 export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text.js';
 export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, } from './color-picker-view.js';

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

@@ -9,7 +9,7 @@ export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBasePr
 export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track.js';
 export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text.js';
-export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, } from './color-picker-content.js';
+export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, type ColorPickerContentState, } from './color-picker-content.js';
 export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context.js';
 export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, } from './color-picker-control.js';
 export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger.js';
@@ -18,14 +18,14 @@ export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type
 export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input.js';
 export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps } from './color-picker-label.js';
 export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, } from './color-picker-positioner.js';
-export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps } from './color-picker-root.js';
-export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, } from './color-picker-root-provider.js';
+export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, type ColorPickerRootState, } from './color-picker-root.js';
+export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, type ColorPickerRootProviderState, } from './color-picker-root-provider.js';
 export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps, } from './color-picker-swatch.js';
 export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group.js';
 export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator.js';
-export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger.js';
+export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, type ColorPickerSwatchTriggerState, } from './color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid.js';
-export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, } from './color-picker-trigger.js';
+export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, type ColorPickerTriggerState, } from './color-picker-trigger.js';
 export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch.js';
 export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text.js';
 export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps } from './color-picker-view.js';

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

@@ -9,7 +9,7 @@ export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBasePr
 export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track.js';
 export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text.js';
-export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, } from './color-picker-content.js';
+export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, type ColorPickerContentState, } from './color-picker-content.js';
 export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context.js';
 export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, } from './color-picker-control.js';
 export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger.js';
@@ -18,14 +18,14 @@ export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type
 export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input.js';
 export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps } from './color-picker-label.js';
 export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, } from './color-picker-positioner.js';
-export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps } from './color-picker-root.js';
-export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, } from './color-picker-root-provider.js';
+export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, type ColorPickerRootState, } from './color-picker-root.js';
+export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, type ColorPickerRootProviderState, } from './color-picker-root-provider.js';
 export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps, } from './color-picker-swatch.js';
 export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group.js';
 export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator.js';
-export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger.js';
+export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, type ColorPickerSwatchTriggerState, } from './color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid.js';
-export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, } from './color-picker-trigger.js';
+export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, type ColorPickerTriggerState, } from './color-picker-trigger.js';
 export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch.js';
 export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text.js';
 export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps } from './color-picker-view.js';

package/dist/components/color-picker/use-color-picker.cjs

@@ -5,8 +5,8 @@ const require_use_locale_context = require("../../providers/locale/use-locale-co
 const require_use_field_context = require("../field/use-field-context.cjs");
 let _zag_js_color_picker = require("@zag-js/color-picker");
 _zag_js_color_picker = require_runtime.__toESM(_zag_js_color_picker, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/color-picker/use-color-picker.ts
 var useColorPicker = (props) => {
 	const id = (0, react.useId)();

package/dist/components/color-picker/use-color-picker.js

@@ -3,8 +3,8 @@ import { useEnvironmentContext } from "../../providers/environment/use-environme
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
 import { useFieldContext } from "../field/use-field-context.js";
 import * as colorPicker from "@zag-js/color-picker";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/color-picker/use-color-picker.ts
 var useColorPicker = (props) => {
 	const id = useId();

package/dist/components/combobox/combobox-clear-trigger.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-clear-trigger.tsx
 var ComboboxClearTrigger = (0, react.forwardRef)((props, ref) => {

package/dist/components/combobox/combobox-clear-trigger.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-clear-trigger.tsx
 var ComboboxClearTrigger = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-content.cjs

@@ -4,8 +4,8 @@ const require_factory = require("../factory.cjs");
 const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-content.tsx
 var ComboboxContent = (0, react.forwardRef)((props, ref) => {
@@ -17,7 +17,8 @@ var ComboboxContent = (0, react.forwardRef)((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: combobox.getContentState()
 		})
 	});
 });

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ContentState } from '@zag-js/combobox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ComboboxContentBaseProps extends PolymorphicProps {
+export interface ComboboxContentState extends ContentState {
+}
+export interface ComboboxContentBaseProps extends PolymorphicProps<ComboboxContentState> {
 }
 export interface ComboboxContentProps extends HTMLProps<'div'>, ComboboxContentBaseProps {
 }

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ContentState } from '@zag-js/combobox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ComboboxContentBaseProps extends PolymorphicProps {
+export interface ComboboxContentState extends ContentState {
+}
+export interface ComboboxContentBaseProps extends PolymorphicProps<ComboboxContentState> {
 }
 export interface ComboboxContentProps extends HTMLProps<'div'>, ComboboxContentBaseProps {
 }

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

@@ -4,8 +4,8 @@ import { ark } from "../factory.js";
 import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-content.tsx
 var ComboboxContent = forwardRef((props, ref) => {
@@ -17,7 +17,8 @@ var ComboboxContent = forwardRef((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: combobox.getContentState()
 		})
 	});
 });

package/dist/components/combobox/combobox-control.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-control.tsx
 var ComboboxControl = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-control.tsx
 var ComboboxControl = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-empty.cjs

@@ -7,12 +7,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-empty.tsx
 var parts = require_combobox_anatomy.comboboxAnatomy.build();
 var ComboboxEmpty = (0, react.forwardRef)((props, ref) => {
-	if (require_use_combobox_context.useComboboxContext().collection.size !== 0) return null;
+	const { children, ...rest } = props;
+	const combobox = require_use_combobox_context.useComboboxContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-		...parts.empty.attrs,
-		...props,
-		role: "presentation",
-		ref
+		...parts.empty.attrs(""),
+		role: "status",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		...rest,
+		ref,
+		children: combobox.collection.size === 0 ? children : null
 	});
 });
 ComboboxEmpty.displayName = "ComboboxEmpty";

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

@@ -7,12 +7,16 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-empty.tsx
 var parts = comboboxAnatomy.build();
 var ComboboxEmpty = forwardRef((props, ref) => {
-	if (useComboboxContext().collection.size !== 0) return null;
+	const { children, ...rest } = props;
+	const combobox = useComboboxContext();
 	return /* @__PURE__ */ jsx(ark.div, {
-		...parts.empty.attrs,
-		...props,
-		role: "presentation",
-		ref
+		...parts.empty.attrs(""),
+		role: "status",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		...rest,
+		ref,
+		children: combobox.collection.size === 0 ? children : null
 	});
 });
 ComboboxEmpty.displayName = "ComboboxEmpty";

package/dist/components/combobox/combobox-input.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_field_context = require("../field/use-field-context.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-input.tsx
 var ComboboxInput = (0, react.forwardRef)((props, ref) => {

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useFieldContext } from "../field/use-field-context.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-input.tsx
 var ComboboxInput = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-item-group-label.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
 const require_use_combobox_item_group_props_context = require("./use-combobox-item-group-props-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-item-group-label.tsx
 var ComboboxItemGroupLabel = (0, react.forwardRef)((props, ref) => {

package/dist/components/combobox/combobox-item-group-label.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
 import { useComboboxItemGroupPropsContext } from "./use-combobox-item-group-props-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-item-group-label.tsx
 var ComboboxItemGroupLabel = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-item-group.cjs

@@ -1,10 +1,10 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
 const require_use_combobox_item_group_props_context = require("./use-combobox-item-group-props-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-item-group.tsx
 var splitItemGroupProps = require_create_split_props.createSplitProps();

package/dist/components/combobox/combobox-item-group.js

@@ -1,10 +1,10 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useComboboxContext } from "./use-combobox-context.js";
 import { ComboboxItemGroupPropsProvider } from "./use-combobox-item-group-props-context.js";
-import { forwardRef, useId } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef, useId } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-item-group.tsx
 var splitItemGroupProps = createSplitProps();

package/dist/components/combobox/combobox-item-indicator.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
 const require_use_combobox_item_props_context = require("./use-combobox-item-props-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-item-indicator.tsx
 var ComboboxItemIndicator = (0, react.forwardRef)((props, ref) => {

package/dist/components/combobox/combobox-item-indicator.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
 import { useComboboxItemPropsContext } from "./use-combobox-item-props-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-item-indicator.tsx
 var ComboboxItemIndicator = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-item-text.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
 const require_use_combobox_item_props_context = require("./use-combobox-item-props-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-item-text.tsx
 var ComboboxItemText = (0, react.forwardRef)((props, ref) => {

package/dist/components/combobox/combobox-item-text.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
 import { useComboboxItemPropsContext } from "./use-combobox-item-props-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-item-text.tsx
 var ComboboxItemText = forwardRef((props, ref) => {

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

@@ -1,11 +1,11 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
 const require_use_combobox_item_context = require("./use-combobox-item-context.cjs");
 const require_use_combobox_item_props_context = require("./use-combobox-item-props-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-item.tsx
 var splitItemProps = require_create_split_props.createSplitProps();
@@ -20,7 +20,8 @@ var ComboboxItem = (0, react.forwardRef)((props, ref) => {
 			value: itemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: itemState
 			})
 		})
 	});

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

@@ -1,7 +1,9 @@
-import { ItemProps } from '@zag-js/combobox';
+import { ItemProps, ItemState } from '@zag-js/combobox';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps {
+export interface ComboboxItemState extends ItemState {
+}
+export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps<ComboboxItemState> {
 }
 export interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {
 }

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

@@ -1,7 +1,9 @@
-import { ItemProps } from '@zag-js/combobox';
+import { ItemProps, ItemState } from '@zag-js/combobox';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps {
+export interface ComboboxItemState extends ItemState {
+}
+export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps<ComboboxItemState> {
 }
 export interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {
 }

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

@@ -1,11 +1,11 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useComboboxContext } from "./use-combobox-context.js";
 import { ComboboxItemProvider } from "./use-combobox-item-context.js";
 import { ComboboxItemPropsProvider } from "./use-combobox-item-props-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-item.tsx
 var splitItemProps = createSplitProps();
@@ -20,7 +20,8 @@ var ComboboxItem = forwardRef((props, ref) => {
 			value: itemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: itemState
 			})
 		})
 	});

package/dist/components/combobox/combobox-label.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-label.tsx
 var ComboboxLabel = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-label.tsx
 var ComboboxLabel = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-list.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-list.tsx
 var ComboboxList = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-list.tsx
 var ComboboxList = forwardRef((props, ref) => {

package/dist/components/combobox/combobox-positioner.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-positioner.tsx
 var ComboboxPositioner = (0, react.forwardRef)((props, ref) => {

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useComboboxContext } from "./use-combobox-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-positioner.tsx
 var ComboboxPositioner = forwardRef((props, ref) => {

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

@@ -1,12 +1,12 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_split_presence_props = require("../presence/split-presence-props.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_combobox_context = require("./use-combobox-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/combobox/combobox-root-provider.tsx
 var ComboboxImpl = (props, ref) => {
@@ -20,7 +20,8 @@ var ComboboxImpl = (props, ref) => {
 			value: presence,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: combobox.getRootState()
 			})
 		})
 	});

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

@@ -4,10 +4,13 @@ import { CollectionItem } from '../collection/index.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UsePresenceProps } from '../presence/index.js';
 import { UseComboboxReturn } from './use-combobox.js';
+import { RootState } from '@zag-js/combobox';
 interface RootProviderProps<T extends CollectionItem> {
     value: UseComboboxReturn<T>;
 }
-export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps {
+export interface ComboboxRootProviderState extends RootState {
+}
+export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps<ComboboxRootProviderState> {
 }
 export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }

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

@@ -4,10 +4,13 @@ import { CollectionItem } from '../collection/index.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UsePresenceProps } from '../presence/index.js';
 import { UseComboboxReturn } from './use-combobox.js';
+import { RootState } from '@zag-js/combobox';
 interface RootProviderProps<T extends CollectionItem> {
     value: UseComboboxReturn<T>;
 }
-export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps {
+export interface ComboboxRootProviderState extends RootState {
+}
+export interface ComboboxRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps, PolymorphicProps<ComboboxRootProviderState> {
 }
 export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLProps<'div'>, ComboboxRootProviderBaseProps<T> {
 }