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

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

@@ -0,0 +1,18 @@
+"use client";
+import { comboboxAnatomy } from "./combobox.anatomy.js";
+import { ark } from "../factory.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/combobox/combobox-status.tsx
+var parts = comboboxAnatomy.build();
+var ComboboxStatus = forwardRef((props, ref) => /* @__PURE__ */ jsx(ark.div, {
+	...parts.status.attrs(""),
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true",
+	...props,
+	ref
+}));
+ComboboxStatus.displayName = "ComboboxStatus";
+//#endregion
+export { ComboboxStatus };

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

@@ -1,9 +1,9 @@
 "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");
-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-trigger.tsx
 var splitTriggerProps = require_create_split_props.createSplitProps();
@@ -13,7 +13,8 @@ var ComboboxTrigger = (0, react.forwardRef)((props, ref) => {
 	const mergedProps = (0, _zag_js_react.mergeProps)(combobox.getTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: combobox.getTriggerState(triggerProps)
 	});
 });
 ComboboxTrigger.displayName = "ComboboxTrigger";

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

@@ -1,7 +1,9 @@
-import { TriggerProps } from '@zag-js/combobox';
+import { TriggerProps, TriggerState } from '@zag-js/combobox';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps {
+export interface ComboboxTriggerState extends TriggerState {
+}
+export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps<ComboboxTriggerState> {
 }
 export interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {
 }

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

@@ -1,7 +1,9 @@
-import { TriggerProps } from '@zag-js/combobox';
+import { TriggerProps, TriggerState } from '@zag-js/combobox';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps {
+export interface ComboboxTriggerState extends TriggerState {
+}
+export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps<ComboboxTriggerState> {
 }
 export interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {
 }

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

@@ -1,9 +1,9 @@
 "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 { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/combobox/combobox-trigger.tsx
 var splitTriggerProps = createSplitProps();
@@ -13,7 +13,8 @@ var ComboboxTrigger = forwardRef((props, ref) => {
 	const mergedProps = mergeProps(combobox.getTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: combobox.getTriggerState(triggerProps)
 	});
 });
 ComboboxTrigger.displayName = "ComboboxTrigger";

package/dist/components/combobox/combobox.anatomy.cjs

@@ -1,5 +1,5 @@
 "use client";
 //#region src/components/combobox/combobox.anatomy.ts
-var comboboxAnatomy = require("@zag-js/combobox").anatomy.extendWith("empty");
+var comboboxAnatomy = require("@zag-js/combobox").anatomy.extendWith("empty", "status");
 //#endregion
 exports.comboboxAnatomy = comboboxAnatomy;

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

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

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

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

package/dist/components/combobox/combobox.anatomy.js

@@ -1,6 +1,6 @@
 "use client";
 import { anatomy } from "@zag-js/combobox";
 //#region src/components/combobox/combobox.anatomy.ts
-var comboboxAnatomy = anatomy.extendWith("empty");
+var comboboxAnatomy = anatomy.extendWith("empty", "status");
 //#endregion
 export { comboboxAnatomy };

package/dist/components/combobox/combobox.cjs

@@ -16,6 +16,7 @@ const require_combobox_list = require("./combobox-list.cjs");
 const require_combobox_positioner = require("./combobox-positioner.cjs");
 const require_combobox_root = require("./combobox-root.cjs");
 const require_combobox_root_provider = require("./combobox-root-provider.cjs");
+const require_combobox_status = require("./combobox-status.cjs");
 const require_combobox_trigger = require("./combobox-trigger.cjs");
 //#region src/components/combobox/combobox.ts
 var combobox_exports = /* @__PURE__ */ require_runtime.__exportAll({
@@ -36,6 +37,7 @@ var combobox_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Positioner: () => require_combobox_positioner.ComboboxPositioner,
 	Root: () => require_combobox_root.ComboboxRoot,
 	RootProvider: () => require_combobox_root_provider.ComboboxRootProvider,
+	Status: () => require_combobox_status.ComboboxStatus,
 	Trigger: () => require_combobox_trigger.ComboboxTrigger
 });
 //#endregion
@@ -56,6 +58,7 @@ exports.List = require_combobox_list.ComboboxList;
 exports.Positioner = require_combobox_positioner.ComboboxPositioner;
 exports.Root = require_combobox_root.ComboboxRoot;
 exports.RootProvider = require_combobox_root_provider.ComboboxRootProvider;
+exports.Status = require_combobox_status.ComboboxStatus;
 exports.Trigger = require_combobox_trigger.ComboboxTrigger;
 Object.defineProperty(exports, "combobox_exports", {
 	enumerable: true,

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

@@ -1,12 +1,12 @@
 export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox';
 export type { CollectionItem } from '../collection/index.js';
 export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger.js';
-export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, } from './combobox-content.js';
+export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, type ComboboxContentState as ContentState, } from './combobox-content.js';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context.js';
 export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, } from './combobox-control.js';
 export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty.js';
 export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, } from './combobox-input.js';
-export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, } from './combobox-item.js';
+export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, type ComboboxItemState as ItemState, } from './combobox-item.js';
 export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from './combobox-item-context.js';
 export { ComboboxItemGroup as ItemGroup, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, type ComboboxItemGroupProps as ItemGroupProps, } from './combobox-item-group.js';
 export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, } from './combobox-item-group-label.js';
@@ -15,6 +15,7 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label.js';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list.js';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner.js';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, } from './combobox-root.js';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider.js';
-export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger.js';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, type ComboboxRootState as RootState, } from './combobox-root.js';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderState as RootProviderState, } from './combobox-root-provider.js';
+export { ComboboxStatus as Status, type ComboboxStatusBaseProps as StatusBaseProps, type ComboboxStatusProps as StatusProps, } from './combobox-status.js';
+export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerState as TriggerState, } from './combobox-trigger.js';

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

@@ -1,12 +1,12 @@
 export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox';
 export type { CollectionItem } from '../collection/index.js';
 export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger.js';
-export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, } from './combobox-content.js';
+export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, type ComboboxContentState as ContentState, } from './combobox-content.js';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context.js';
 export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, } from './combobox-control.js';
 export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty.js';
 export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, } from './combobox-input.js';
-export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, } from './combobox-item.js';
+export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, type ComboboxItemState as ItemState, } from './combobox-item.js';
 export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from './combobox-item-context.js';
 export { ComboboxItemGroup as ItemGroup, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, type ComboboxItemGroupProps as ItemGroupProps, } from './combobox-item-group.js';
 export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, } from './combobox-item-group-label.js';
@@ -15,6 +15,7 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTex
 export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, } from './combobox-label.js';
 export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, } from './combobox-list.js';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner.js';
-export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, } from './combobox-root.js';
-export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider.js';
-export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger.js';
+export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, type ComboboxRootState as RootState, } from './combobox-root.js';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderState as RootProviderState, } from './combobox-root-provider.js';
+export { ComboboxStatus as Status, type ComboboxStatusBaseProps as StatusBaseProps, type ComboboxStatusProps as StatusProps, } from './combobox-status.js';
+export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerState as TriggerState, } from './combobox-trigger.js';

package/dist/components/combobox/combobox.js

@@ -16,6 +16,7 @@ import { ComboboxList } from "./combobox-list.js";
 import { ComboboxPositioner } from "./combobox-positioner.js";
 import { ComboboxRoot } from "./combobox-root.js";
 import { ComboboxRootProvider } from "./combobox-root-provider.js";
+import { ComboboxStatus } from "./combobox-status.js";
 import { ComboboxTrigger } from "./combobox-trigger.js";
 //#region src/components/combobox/combobox.ts
 var combobox_exports = /* @__PURE__ */ __exportAll({
@@ -36,7 +37,8 @@ var combobox_exports = /* @__PURE__ */ __exportAll({
 	Positioner: () => ComboboxPositioner,
 	Root: () => ComboboxRoot,
 	RootProvider: () => ComboboxRootProvider,
+	Status: () => ComboboxStatus,
 	Trigger: () => ComboboxTrigger
 });
 //#endregion
-export { ComboboxClearTrigger as ClearTrigger, ComboboxContent as Content, ComboboxContext as Context, ComboboxControl as Control, ComboboxEmpty as Empty, ComboboxInput as Input, ComboboxItem as Item, ComboboxItemContext as ItemContext, ComboboxItemGroup as ItemGroup, ComboboxItemGroupLabel as ItemGroupLabel, ComboboxItemIndicator as ItemIndicator, ComboboxItemText as ItemText, ComboboxLabel as Label, ComboboxList as List, ComboboxPositioner as Positioner, ComboboxRoot as Root, ComboboxRootProvider as RootProvider, ComboboxTrigger as Trigger, combobox_exports };
+export { ComboboxClearTrigger as ClearTrigger, ComboboxContent as Content, ComboboxContext as Context, ComboboxControl as Control, ComboboxEmpty as Empty, ComboboxInput as Input, ComboboxItem as Item, ComboboxItemContext as ItemContext, ComboboxItemGroup as ItemGroup, ComboboxItemGroupLabel as ItemGroupLabel, ComboboxItemIndicator as ItemIndicator, ComboboxItemText as ItemText, ComboboxLabel as Label, ComboboxList as List, ComboboxPositioner as Positioner, ComboboxRoot as Root, ComboboxRootProvider as RootProvider, ComboboxStatus as Status, ComboboxTrigger as Trigger, combobox_exports };

package/dist/components/combobox/index.cjs

@@ -22,6 +22,7 @@ const require_combobox_positioner = require("./combobox-positioner.cjs");
 const require_use_combobox = require("./use-combobox.cjs");
 const require_combobox_root = require("./combobox-root.cjs");
 const require_combobox_root_provider = require("./combobox-root-provider.cjs");
+const require_combobox_status = require("./combobox-status.cjs");
 const require_combobox_trigger = require("./combobox-trigger.cjs");
 const require_combobox = require("./combobox.cjs");
 Object.defineProperty(exports, "Combobox", {
@@ -47,6 +48,7 @@ exports.ComboboxList = require_combobox_list.ComboboxList;
 exports.ComboboxPositioner = require_combobox_positioner.ComboboxPositioner;
 exports.ComboboxRoot = require_combobox_root.ComboboxRoot;
 exports.ComboboxRootProvider = require_combobox_root_provider.ComboboxRootProvider;
+exports.ComboboxStatus = require_combobox_status.ComboboxStatus;
 exports.ComboboxTrigger = require_combobox_trigger.ComboboxTrigger;
 exports.comboboxAnatomy = require_combobox_anatomy.comboboxAnatomy;
 exports.createListCollection = require_list_collection.createListCollection;

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

@@ -1,12 +1,12 @@
 export type { FocusOutsideEvent as ComboboxFocusOutsideEvent, HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, InteractOutsideEvent as ComboboxInteractOutsideEvent, OpenChangeDetails as ComboboxOpenChangeDetails, PointerDownOutsideEvent as ComboboxPointerDownOutsideEvent, SelectionDetails as ComboboxSelectionDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
 export { createListCollection, useListCollection, type CollectionItem, type ListCollection, type UseListCollectionProps, } from '../collection/index.js';
 export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger.js';
-export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content.js';
+export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, type ComboboxContentState, } from './combobox-content.js';
 export { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.js';
 export { ComboboxContext, type ComboboxContextProps } from './combobox-context.js';
 export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control.js';
 export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.js';
-export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item.js';
+export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps, type ComboboxItemState, } from './combobox-item.js';
 export { ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context.js';
 export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps, } from './combobox-item-group.js';
 export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, } from './combobox-item-group-label.js';
@@ -15,9 +15,10 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.js';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.js';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner.js';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, } from './combobox-root.js';
-export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider.js';
-export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger.js';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, type ComboboxRootState, } from './combobox-root.js';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, type ComboboxRootProviderState, } from './combobox-root-provider.js';
+export { ComboboxStatus, type ComboboxStatusBaseProps, type ComboboxStatusProps } from './combobox-status.js';
+export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, type ComboboxTriggerState, } from './combobox-trigger.js';
 export { comboboxAnatomy } from './combobox.anatomy.js';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox.js';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context.js';

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

@@ -1,12 +1,12 @@
 export type { FocusOutsideEvent as ComboboxFocusOutsideEvent, HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, InteractOutsideEvent as ComboboxInteractOutsideEvent, OpenChangeDetails as ComboboxOpenChangeDetails, PointerDownOutsideEvent as ComboboxPointerDownOutsideEvent, SelectionDetails as ComboboxSelectionDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
 export { createListCollection, useListCollection, type CollectionItem, type ListCollection, type UseListCollectionProps, } from '../collection/index.js';
 export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger.js';
-export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content.js';
+export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, type ComboboxContentState, } from './combobox-content.js';
 export { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.js';
 export { ComboboxContext, type ComboboxContextProps } from './combobox-context.js';
 export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control.js';
 export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.js';
-export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item.js';
+export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps, type ComboboxItemState, } from './combobox-item.js';
 export { ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context.js';
 export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps, } from './combobox-item-group.js';
 export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, } from './combobox-item-group-label.js';
@@ -15,9 +15,10 @@ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemText
 export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.js';
 export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.js';
 export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner.js';
-export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, } from './combobox-root.js';
-export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider.js';
-export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger.js';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, type ComboboxRootState, } from './combobox-root.js';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, type ComboboxRootProviderState, } from './combobox-root-provider.js';
+export { ComboboxStatus, type ComboboxStatusBaseProps, type ComboboxStatusProps } from './combobox-status.js';
+export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, type ComboboxTriggerState, } from './combobox-trigger.js';
 export { comboboxAnatomy } from './combobox.anatomy.js';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox.js';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context.js';

package/dist/components/combobox/index.js

@@ -21,6 +21,7 @@ import { ComboboxPositioner } from "./combobox-positioner.js";
 import { useCombobox } from "./use-combobox.js";
 import { ComboboxRoot } from "./combobox-root.js";
 import { ComboboxRootProvider } from "./combobox-root-provider.js";
+import { ComboboxStatus } from "./combobox-status.js";
 import { ComboboxTrigger } from "./combobox-trigger.js";
 import { combobox_exports } from "./combobox.js";
-export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };
+export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStatus, ComboboxTrigger, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };

package/dist/components/combobox/use-combobox.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_combobox = require("@zag-js/combobox");
 _zag_js_combobox = require_runtime.__toESM(_zag_js_combobox, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/combobox/use-combobox.ts
 var useCombobox = (props) => {
 	const id = (0, react.useId)();

package/dist/components/combobox/use-combobox.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 combobox from "@zag-js/combobox";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/combobox/use-combobox.ts
 var useCombobox = (props) => {
 	const id = useId();

package/dist/components/date-input/date-input-control.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_date_input_context = require("./use-date-input-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/date-input/date-input-control.tsx
 var DateInputControl = (0, react.forwardRef)((props, ref) => {
@@ -10,7 +10,8 @@ var DateInputControl = (0, react.forwardRef)((props, ref) => {
 	const mergedProps = (0, _zag_js_react.mergeProps)(dateInput.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: dateInput.getControlState()
 	});
 });
 DateInputControl.displayName = "DateInputControl";

package/dist/components/date-input/date-input-control.d.cts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ControlState } from '@zag-js/date-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DateInputControlBaseProps extends PolymorphicProps {
+export interface DateInputControlState extends ControlState {
+}
+export interface DateInputControlBaseProps extends PolymorphicProps<DateInputControlState> {
 }
 export interface DateInputControlProps extends HTMLProps<'div'>, DateInputControlBaseProps {
 }

package/dist/components/date-input/date-input-control.d.ts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ControlState } from '@zag-js/date-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DateInputControlBaseProps extends PolymorphicProps {
+export interface DateInputControlState extends ControlState {
+}
+export interface DateInputControlBaseProps extends PolymorphicProps<DateInputControlState> {
 }
 export interface DateInputControlProps extends HTMLProps<'div'>, DateInputControlBaseProps {
 }

package/dist/components/date-input/date-input-control.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useDateInputContext } from "./use-date-input-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/date-input/date-input-control.tsx
 var DateInputControl = forwardRef((props, ref) => {
@@ -10,7 +10,8 @@ var DateInputControl = forwardRef((props, ref) => {
 	const mergedProps = mergeProps(dateInput.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: dateInput.getControlState()
 	});
 });
 DateInputControl.displayName = "DateInputControl";

package/dist/components/date-input/date-input-hidden-input.cjs

@@ -1,9 +1,9 @@
 "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_date_input_context = require("./use-date-input-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/date-input/date-input-hidden-input.tsx
 var splitHiddenInputProps = require_create_split_props.createSplitProps();

package/dist/components/date-input/date-input-hidden-input.js

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useDateInputContext } from "./use-date-input-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/date-input/date-input-hidden-input.tsx
 var splitHiddenInputProps = createSplitProps();

package/dist/components/date-input/date-input-label.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_date_input_context = require("./use-date-input-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/date-input/date-input-label.tsx
 var DateInputLabel = (0, react.forwardRef)((props, ref) => {

package/dist/components/date-input/date-input-label.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useDateInputContext } from "./use-date-input-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/date-input/date-input-label.tsx
 var DateInputLabel = forwardRef((props, ref) => {

package/dist/components/date-input/date-input-root-provider.cjs

@@ -1,9 +1,9 @@
 "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_date_input_context = require("./use-date-input-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/date-input/date-input-root-provider.tsx
 var splitRootProviderProps = require_create_split_props.createSplitProps();
@@ -14,7 +14,8 @@ var DateInputRootProvider = (0, react.forwardRef)((props, ref) => {
 		value: dateInput,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: dateInput.getRootState()
 		})
 	});
 });

package/dist/components/date-input/date-input-root-provider.d.cts

@@ -1,10 +1,13 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseDateInputReturn } from './use-date-input.js';
+import { RootState } from '@zag-js/date-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseDateInputReturn;
 }
-export interface DateInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+export interface DateInputRootProviderState extends RootState {
+}
+export interface DateInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps<DateInputRootProviderState> {
 }
 export interface DateInputRootProviderProps extends HTMLProps<'div'>, DateInputRootProviderBaseProps {
 }

package/dist/components/date-input/date-input-root-provider.d.ts

@@ -1,10 +1,13 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseDateInputReturn } from './use-date-input.js';
+import { RootState } from '@zag-js/date-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseDateInputReturn;
 }
-export interface DateInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+export interface DateInputRootProviderState extends RootState {
+}
+export interface DateInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps<DateInputRootProviderState> {
 }
 export interface DateInputRootProviderProps extends HTMLProps<'div'>, DateInputRootProviderBaseProps {
 }

package/dist/components/date-input/date-input-root-provider.js

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { DateInputProvider } from "./use-date-input-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/date-input/date-input-root-provider.tsx
 var splitRootProviderProps = createSplitProps();
@@ -14,7 +14,8 @@ var DateInputRootProvider = forwardRef((props, ref) => {
 		value: dateInput,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: dateInput.getRootState()
 		})
 	});
 });

package/dist/components/date-input/date-input-root.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_date_input = require("./use-date-input.cjs");
 const require_use_date_input_context = require("./use-date-input-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/date-input/date-input-root.tsx
 var splitRootProps = require_create_split_props.createSplitProps();
@@ -49,7 +49,8 @@ var DateInputRoot = (0, react.forwardRef)((props, ref) => {
 		value: dateInput,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: dateInput.getRootState()
 		})
 	});
 });

package/dist/components/date-input/date-input-root.d.cts

@@ -1,8 +1,11 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseDateInputProps } from './use-date-input.js';
 import { Assign } from '../../types.js';
+import { RootState } from '@zag-js/date-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps {
+export interface DateInputRootState extends RootState {
+}
+export interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps<DateInputRootState> {
 }
 export interface DateInputRootProps extends Assign<HTMLProps<'div'>, DateInputRootBaseProps> {
 }

package/dist/components/date-input/date-input-root.d.ts

@@ -1,8 +1,11 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseDateInputProps } from './use-date-input.js';
 import { Assign } from '../../types.js';
+import { RootState } from '@zag-js/date-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps {
+export interface DateInputRootState extends RootState {
+}
+export interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps<DateInputRootState> {
 }
 export interface DateInputRootProps extends Assign<HTMLProps<'div'>, DateInputRootBaseProps> {
 }

package/dist/components/date-input/date-input-root.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 { useDateInput } from "./use-date-input.js";
 import { DateInputProvider } from "./use-date-input-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/date-input/date-input-root.tsx
 var splitRootProps = createSplitProps();
@@ -49,7 +49,8 @@ var DateInputRoot = forwardRef((props, ref) => {
 		value: dateInput,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: dateInput.getRootState()
 		})
 	});
 });