@ark-ui/react 5.35.0 → 5.36.0

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useDateInputContext } from './use-date-input-context.js';
+import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context.js';
+
+const splitSegmentProps = createSplitProps();
+const DateInputSegment = forwardRef((props, ref) => {
+  const [segmentProps, localProps] = splitSegmentProps(props, ["segment"]);
+  const segmentGroupProps = useDateInputSegmentGroupPropsContext();
+  const dateInput = useDateInputContext();
+  const mergedProps = mergeProps(
+    dateInput.getSegmentProps({ ...segmentProps, index: segmentGroupProps.index }),
+    localProps
+  );
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: segmentProps.segment.text });
+});
+DateInputSegment.displayName = "DateInputSegment";
+
+export { DateInputSegment };

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

@@ -0,0 +1 @@
+export { anatomy as dateInputAnatomy } from '@zag-js/date-input';

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

@@ -0,0 +1 @@
+export { anatomy as dateInputAnatomy } from '@zag-js/date-input';

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dateInputContext = require('./date-input-context.cjs');
+const dateInputLabel = require('./date-input-label.cjs');
+const dateInputRoot = require('./date-input-root.cjs');
+const dateInputRootProvider = require('./date-input-root-provider.cjs');
+const dateInputSegment = require('./date-input-segment.cjs');
+const dateInputSegmentGroup = require('./date-input-segment-group.cjs');
+const dateInputHiddenInput = require('./date-input-hidden-input.cjs');
+const dateInputControl = require('./date-input-control.cjs');
+const dateInputSegmentContext = require('./date-input-segment-context.cjs');
+
+
+
+exports.Context = dateInputContext.DateInputContext;
+exports.Label = dateInputLabel.DateInputLabel;
+exports.Root = dateInputRoot.DateInputRoot;
+exports.RootProvider = dateInputRootProvider.DateInputRootProvider;
+exports.Segment = dateInputSegment.DateInputSegment;
+exports.SegmentGroup = dateInputSegmentGroup.DateInputSegmentGroup;
+exports.HiddenInput = dateInputHiddenInput.DateInputHiddenInput;
+exports.Control = dateInputControl.DateInputControl;
+exports.SegmentContext = dateInputSegmentContext.DateInputSegmentContext;

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

@@ -0,0 +1,9 @@
+export { DateInputContext as Context, type DateInputContextProps as ContextProps } from './date-input-context';
+export { DateInputLabel as Label, type DateInputLabelBaseProps as LabelBaseProps, type DateInputLabelProps as LabelProps, } from './date-input-label';
+export { DateInputRoot as Root, type DateInputRootBaseProps as RootBaseProps, type DateInputRootProps as RootProps, } from './date-input-root';
+export { DateInputRootProvider as RootProvider, type DateInputRootProviderBaseProps as RootProviderBaseProps, type DateInputRootProviderProps as RootProviderProps, } from './date-input-root-provider';
+export { DateInputSegment as Segment, type DateInputSegmentBaseProps as SegmentBaseProps, type DateInputSegmentProps as SegmentProps, } from './date-input-segment';
+export { DateInputSegmentGroup as SegmentGroup, type DateInputSegmentGroupBaseProps as SegmentGroupBaseProps, type DateInputSegmentGroupProps as SegmentGroupProps, } from './date-input-segment-group';
+export { DateInputHiddenInput as HiddenInput, type DateInputHiddenInputBaseProps as HiddenInputBaseProps, type DateInputHiddenInputProps as HiddenInputProps, } from './date-input-hidden-input';
+export { DateInputControl as Control, type DateInputControlBaseProps as ControlBaseProps, type DateInputControlProps as ControlProps, } from './date-input-control';
+export { DateInputSegmentContext as SegmentContext, type DateInputSegmentContextProps as SegmentContextProps, } from './date-input-segment-context';

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

@@ -0,0 +1,9 @@
+export { DateInputContext as Context, type DateInputContextProps as ContextProps } from './date-input-context';
+export { DateInputLabel as Label, type DateInputLabelBaseProps as LabelBaseProps, type DateInputLabelProps as LabelProps, } from './date-input-label';
+export { DateInputRoot as Root, type DateInputRootBaseProps as RootBaseProps, type DateInputRootProps as RootProps, } from './date-input-root';
+export { DateInputRootProvider as RootProvider, type DateInputRootProviderBaseProps as RootProviderBaseProps, type DateInputRootProviderProps as RootProviderProps, } from './date-input-root-provider';
+export { DateInputSegment as Segment, type DateInputSegmentBaseProps as SegmentBaseProps, type DateInputSegmentProps as SegmentProps, } from './date-input-segment';
+export { DateInputSegmentGroup as SegmentGroup, type DateInputSegmentGroupBaseProps as SegmentGroupBaseProps, type DateInputSegmentGroupProps as SegmentGroupProps, } from './date-input-segment-group';
+export { DateInputHiddenInput as HiddenInput, type DateInputHiddenInputBaseProps as HiddenInputBaseProps, type DateInputHiddenInputProps as HiddenInputProps, } from './date-input-hidden-input';
+export { DateInputControl as Control, type DateInputControlBaseProps as ControlBaseProps, type DateInputControlProps as ControlProps, } from './date-input-control';
+export { DateInputSegmentContext as SegmentContext, type DateInputSegmentContextProps as SegmentContextProps, } from './date-input-segment-context';

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

@@ -0,0 +1,9 @@
+export { DateInputContext as Context } from './date-input-context.js';
+export { DateInputLabel as Label } from './date-input-label.js';
+export { DateInputRoot as Root } from './date-input-root.js';
+export { DateInputRootProvider as RootProvider } from './date-input-root-provider.js';
+export { DateInputSegment as Segment } from './date-input-segment.js';
+export { DateInputSegmentGroup as SegmentGroup } from './date-input-segment-group.js';
+export { DateInputHiddenInput as HiddenInput } from './date-input-hidden-input.js';
+export { DateInputControl as Control } from './date-input-control.js';
+export { DateInputSegmentContext as SegmentContext } from './date-input-segment-context.js';

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useDateInput = require('./use-date-input.cjs');
+const useDateInputContext = require('./use-date-input-context.cjs');
+const dateInputContext = require('./date-input-context.cjs');
+const dateInputLabel = require('./date-input-label.cjs');
+const dateInputRoot = require('./date-input-root.cjs');
+const dateInputRootProvider = require('./date-input-root-provider.cjs');
+const dateInputSegment = require('./date-input-segment.cjs');
+const dateInputSegmentGroup = require('./date-input-segment-group.cjs');
+const dateInputHiddenInput = require('./date-input-hidden-input.cjs');
+const dateInputControl = require('./date-input-control.cjs');
+const dateInputSegmentContext = require('./date-input-segment-context.cjs');
+const dateInput = require('./date-input.cjs');
+const dateInput$1 = require('@zag-js/date-input');
+
+
+
+exports.useDateInput = useDateInput.useDateInput;
+exports.useDateInputContext = useDateInputContext.useDateInputContext;
+exports.DateInputContext = dateInputContext.DateInputContext;
+exports.DateInputLabel = dateInputLabel.DateInputLabel;
+exports.DateInputRoot = dateInputRoot.DateInputRoot;
+exports.DateInputRootProvider = dateInputRootProvider.DateInputRootProvider;
+exports.DateInputSegment = dateInputSegment.DateInputSegment;
+exports.DateInputSegmentGroup = dateInputSegmentGroup.DateInputSegmentGroup;
+exports.DateInputHiddenInput = dateInputHiddenInput.DateInputHiddenInput;
+exports.DateInputControl = dateInputControl.DateInputControl;
+exports.DateInputSegmentContext = dateInputSegmentContext.DateInputSegmentContext;
+exports.DateInput = dateInput;
+Object.defineProperty(exports, "dateInputAnatomy", {
+  enumerable: true,
+  get: () => dateInput$1.anatomy
+});

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

@@ -0,0 +1,14 @@
+export type { DateValue as DateInputDateValue, FocusChangeDetails as DateInputFocusChangeDetails, SelectionMode as DateInputSelectionMode, ValueChangeDetails as DateInputValueChangeDetails, } from '@zag-js/date-input';
+export { useDateInput, type UseDateInputProps, type UseDateInputReturn } from './use-date-input';
+export { useDateInputContext, type UseDateInputContext } from './use-date-input-context';
+export { DateInputContext, type DateInputContextProps } from './date-input-context';
+export { DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps } from './date-input-label';
+export { DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps } from './date-input-root';
+export { DateInputRootProvider, type DateInputRootProviderBaseProps, type DateInputRootProviderProps, } from './date-input-root-provider';
+export { DateInputSegment, type DateInputSegmentBaseProps, type DateInputSegmentProps } from './date-input-segment';
+export { DateInputSegmentGroup, type DateInputSegmentGroupBaseProps, type DateInputSegmentGroupProps, } from './date-input-segment-group';
+export { DateInputHiddenInput, type DateInputHiddenInputBaseProps, type DateInputHiddenInputProps, } from './date-input-hidden-input';
+export { DateInputControl, type DateInputControlBaseProps, type DateInputControlProps } from './date-input-control';
+export { DateInputSegmentContext, type DateInputSegmentContextProps } from './date-input-segment-context';
+export { dateInputAnatomy } from './date-input.anatomy';
+export * as DateInput from './date-input';

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

@@ -0,0 +1,14 @@
+export type { DateValue as DateInputDateValue, FocusChangeDetails as DateInputFocusChangeDetails, SelectionMode as DateInputSelectionMode, ValueChangeDetails as DateInputValueChangeDetails, } from '@zag-js/date-input';
+export { useDateInput, type UseDateInputProps, type UseDateInputReturn } from './use-date-input';
+export { useDateInputContext, type UseDateInputContext } from './use-date-input-context';
+export { DateInputContext, type DateInputContextProps } from './date-input-context';
+export { DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps } from './date-input-label';
+export { DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps } from './date-input-root';
+export { DateInputRootProvider, type DateInputRootProviderBaseProps, type DateInputRootProviderProps, } from './date-input-root-provider';
+export { DateInputSegment, type DateInputSegmentBaseProps, type DateInputSegmentProps } from './date-input-segment';
+export { DateInputSegmentGroup, type DateInputSegmentGroupBaseProps, type DateInputSegmentGroupProps, } from './date-input-segment-group';
+export { DateInputHiddenInput, type DateInputHiddenInputBaseProps, type DateInputHiddenInputProps, } from './date-input-hidden-input';
+export { DateInputControl, type DateInputControlBaseProps, type DateInputControlProps } from './date-input-control';
+export { DateInputSegmentContext, type DateInputSegmentContextProps } from './date-input-segment-context';
+export { dateInputAnatomy } from './date-input.anatomy';
+export * as DateInput from './date-input';

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

@@ -0,0 +1,14 @@
+export { useDateInput } from './use-date-input.js';
+export { useDateInputContext } from './use-date-input-context.js';
+export { DateInputContext } from './date-input-context.js';
+export { DateInputLabel } from './date-input-label.js';
+export { DateInputRoot } from './date-input-root.js';
+export { DateInputRootProvider } from './date-input-root-provider.js';
+export { DateInputSegment } from './date-input-segment.js';
+export { DateInputSegmentGroup } from './date-input-segment-group.js';
+export { DateInputHiddenInput } from './date-input-hidden-input.js';
+export { DateInputControl } from './date-input-control.js';
+export { DateInputSegmentContext } from './date-input-segment-context.js';
+import * as dateInput from './date-input.js';
+export { dateInput as DateInput };
+export { anatomy as dateInputAnatomy } from '@zag-js/date-input';

package/dist/components/date-input/use-date-input-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [DateInputProvider, useDateInputContext] = createContext.createContext({
+  name: "DateInputContext",
+  hookName: "useDateInputContext",
+  providerName: "<DateInput.Root />"
+});
+
+exports.DateInputProvider = DateInputProvider;
+exports.useDateInputContext = useDateInputContext;

package/dist/components/date-input/use-date-input-context.d.cts

@@ -0,0 +1,5 @@
+import { UseDateInputReturn } from './use-date-input';
+import { Provider } from 'react';
+export interface UseDateInputContext extends UseDateInputReturn {
+}
+export declare const DateInputProvider: Provider<UseDateInputContext>, useDateInputContext: () => UseDateInputContext;

package/dist/components/date-input/use-date-input-context.d.ts

@@ -0,0 +1,5 @@
+import { UseDateInputReturn } from './use-date-input';
+import { Provider } from 'react';
+export interface UseDateInputContext extends UseDateInputReturn {
+}
+export declare const DateInputProvider: Provider<UseDateInputContext>, useDateInputContext: () => UseDateInputContext;

package/dist/components/date-input/use-date-input-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [DateInputProvider, useDateInputContext] = createContext({
+  name: "DateInputContext",
+  hookName: "useDateInputContext",
+  providerName: "<DateInput.Root />"
+});
+
+export { DateInputProvider, useDateInputContext };

package/dist/components/date-input/use-date-input-segment-group-props-context.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [DateInputSegmentGroupPropsProvider, useDateInputSegmentGroupPropsContext] = createContext.createContext({
+  name: "DateInputSegmentGroupPropsContext",
+  hookName: "useDateInputSegmentGroupPropsContext",
+  providerName: "<DateInput.SegmentGroup />",
+  strict: true
+});
+
+exports.DateInputSegmentGroupPropsProvider = DateInputSegmentGroupPropsProvider;
+exports.useDateInputSegmentGroupPropsContext = useDateInputSegmentGroupPropsContext;

package/dist/components/date-input/use-date-input-segment-group-props-context.d.cts

@@ -0,0 +1,5 @@
+import { SegmentGroupProps } from '@zag-js/date-input';
+import { Provider } from 'react';
+export interface UseDateInputSegmentGroupPropsContext extends SegmentGroupProps {
+}
+export declare const DateInputSegmentGroupPropsProvider: Provider<UseDateInputSegmentGroupPropsContext>, useDateInputSegmentGroupPropsContext: () => UseDateInputSegmentGroupPropsContext;

package/dist/components/date-input/use-date-input-segment-group-props-context.d.ts

@@ -0,0 +1,5 @@
+import { SegmentGroupProps } from '@zag-js/date-input';
+import { Provider } from 'react';
+export interface UseDateInputSegmentGroupPropsContext extends SegmentGroupProps {
+}
+export declare const DateInputSegmentGroupPropsProvider: Provider<UseDateInputSegmentGroupPropsContext>, useDateInputSegmentGroupPropsContext: () => UseDateInputSegmentGroupPropsContext;

package/dist/components/date-input/use-date-input-segment-group-props-context.js

@@ -0,0 +1,11 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [DateInputSegmentGroupPropsProvider, useDateInputSegmentGroupPropsContext] = createContext({
+  name: "DateInputSegmentGroupPropsContext",
+  hookName: "useDateInputSegmentGroupPropsContext",
+  providerName: "<DateInput.SegmentGroup />",
+  strict: true
+});
+
+export { DateInputSegmentGroupPropsProvider, useDateInputSegmentGroupPropsContext };

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

@@ -0,0 +1,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dateInput = require('@zag-js/date-input');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const dateInput__namespace = /*#__PURE__*/_interopNamespaceDefault(dateInput);
+
+const useDateInput = (props = {}) => {
+  const id = react.useId();
+  const { dir, locale } = useLocaleContext.useLocaleContext();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const context = { id, dir, locale, getRootNode, ...props };
+  const service = react$1.useMachine(dateInput__namespace.machine, context);
+  return dateInput__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useDateInput = useDateInput;

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

@@ -0,0 +1,6 @@
+import { Optional } from '../../types';
+import * as dateInput from '@zag-js/date-input';
+export interface UseDateInputProps extends Optional<dateInput.Props, 'id'> {
+}
+export type UseDateInputReturn = ReturnType<typeof useDateInput>;
+export declare const useDateInput: (props?: UseDateInputProps) => dateInput.Api;

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

@@ -0,0 +1,6 @@
+import { Optional } from '../../types';
+import * as dateInput from '@zag-js/date-input';
+export interface UseDateInputProps extends Optional<dateInput.Props, 'id'> {
+}
+export type UseDateInputReturn = ReturnType<typeof useDateInput>;
+export declare const useDateInput: (props?: UseDateInputProps) => dateInput.Api;

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

@@ -0,0 +1,17 @@
+'use client';
+import * as dateInput from '@zag-js/date-input';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useDateInput = (props = {}) => {
+  const id = useId();
+  const { dir, locale } = useLocaleContext();
+  const { getRootNode } = useEnvironmentContext();
+  const context = { id, dir, locale, getRootNode, ...props };
+  const service = useMachine(dateInput.machine, context);
+  return dateInput.connect(service, normalizeProps);
+};
+
+export { useDateInput };

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

@@ -6,19 +6,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
 
+const splitTriggerProps = createSplitProps.createSplitProps();
 const DialogTrigger = react.forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const dialog = useDialogContext.useDialogContext();
   const presence = usePresenceContext.usePresenceContext();
+  const triggerPropsRaw = dialog.getTriggerProps(triggerProps);
   const mergedProps = react$1.mergeProps(
     {
-      ...dialog.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : dialog.getTriggerProps()["aria-controls"]
+      ...triggerPropsRaw,
+      "aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
     },
-    props
+    localProps
   );
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });

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

@@ -1,7 +1,9 @@
+import { TriggerProps } from '@zag-js/dialog';
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogTriggerBaseProps extends PolymorphicProps {
+export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {
 }
-export interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {
+export interface DialogTriggerProps extends Assign<HTMLProps<'button'>, DialogTriggerBaseProps> {
 }
 export declare const DialogTrigger: ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,9 @@
+import { TriggerProps } from '@zag-js/dialog';
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogTriggerBaseProps extends PolymorphicProps {
+export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {
 }
-export interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {
+export interface DialogTriggerProps extends Assign<HTMLProps<'button'>, DialogTriggerBaseProps> {
 }
 export declare const DialogTrigger: ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -2,19 +2,23 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useDialogContext } from './use-dialog-context.js';
 
+const splitTriggerProps = createSplitProps();
 const DialogTrigger = forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const dialog = useDialogContext();
   const presence = usePresenceContext();
+  const triggerPropsRaw = dialog.getTriggerProps(triggerProps);
   const mergedProps = mergeProps(
     {
-      ...dialog.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : dialog.getTriggerProps()["aria-controls"]
+      ...triggerPropsRaw,
+      "aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
     },
-    props
+    localProps
   );
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });

package/dist/components/dialog/dialog.d.cts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/dialog';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/dialog';
 export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop';
 export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger';
 export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, } from './dialog-content';

package/dist/components/dialog/dialog.d.ts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/dialog';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/dialog';
 export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop';
 export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger';
 export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, } from './dialog-content';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, } from '@zag-js/dialog';
+export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, } from '@zag-js/dialog';
 export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop';
 export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, } from './dialog-close-trigger';
 export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, } from '@zag-js/dialog';
+export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, } from '@zag-js/dialog';
 export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop';
 export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, } from './dialog-close-trigger';
 export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content';

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

@@ -6,19 +6,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDrawerContext = require('./use-drawer-context.cjs');
 
+const splitTriggerProps = createSplitProps.createSplitProps();
 const DrawerTrigger = react.forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const drawer = useDrawerContext.useDrawerContext();
   const presence = usePresenceContext.usePresenceContext();
+  const triggerPropsRaw = drawer.getTriggerProps(triggerProps);
   const mergedProps = react$1.mergeProps(
     {
-      ...drawer.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : drawer.getTriggerProps()["aria-controls"]
+      ...triggerPropsRaw,
+      "aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
     },
-    props
+    localProps
   );
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });

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

@@ -1,7 +1,9 @@
+import { TriggerProps } from '@zag-js/drawer';
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DrawerTriggerBaseProps extends PolymorphicProps {
+export interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps {
 }
-export interface DrawerTriggerProps extends HTMLProps<'button'>, DrawerTriggerBaseProps {
+export interface DrawerTriggerProps extends Assign<HTMLProps<'button'>, DrawerTriggerBaseProps> {
 }
 export declare const DrawerTrigger: ForwardRefExoticComponent<DrawerTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,9 @@
+import { TriggerProps } from '@zag-js/drawer';
+import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DrawerTriggerBaseProps extends PolymorphicProps {
+export interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps {
 }
-export interface DrawerTriggerProps extends HTMLProps<'button'>, DrawerTriggerBaseProps {
+export interface DrawerTriggerProps extends Assign<HTMLProps<'button'>, DrawerTriggerBaseProps> {
 }
 export declare const DrawerTrigger: ForwardRefExoticComponent<DrawerTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -2,19 +2,23 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useDrawerContext } from './use-drawer-context.js';
 
+const splitTriggerProps = createSplitProps();
 const DrawerTrigger = forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const drawer = useDrawerContext();
   const presence = usePresenceContext();
+  const triggerPropsRaw = drawer.getTriggerProps(triggerProps);
   const mergedProps = mergeProps(
     {
-      ...drawer.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : drawer.getTriggerProps()["aria-controls"]
+      ...triggerPropsRaw,
+      "aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
     },
-    props
+    localProps
   );
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });

package/dist/components/drawer/drawer.d.cts

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails, SnapPointChangeDetails } from '@zag-js/drawer';
+export type { OpenChangeDetails, SnapPointChangeDetails, TriggerValueChangeDetails } from '@zag-js/drawer';
 export { DrawerBackdrop as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, } from './drawer-backdrop';
 export { DrawerCloseTrigger as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, } from './drawer-close-trigger';
 export { DrawerContent as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, } from './drawer-content';

package/dist/components/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails, SnapPointChangeDetails } from '@zag-js/drawer';
+export type { OpenChangeDetails, SnapPointChangeDetails, TriggerValueChangeDetails } from '@zag-js/drawer';
 export { DrawerBackdrop as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, } from './drawer-backdrop';
 export { DrawerCloseTrigger as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, } from './drawer-close-trigger';
 export { DrawerContent as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, } from './drawer-content';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, } from '@zag-js/drawer';
+export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, } from '@zag-js/drawer';
 export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop';
 export { DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, } from './drawer-close-trigger';
 export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, } from '@zag-js/drawer';
+export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, } from '@zag-js/drawer';
 export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop';
 export { DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, } from './drawer-close-trigger';
 export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content';

package/dist/components/floating-panel/floating-panel-root.cjs

@@ -27,8 +27,10 @@ const FloatingPanelRoot = (props) => {
     "getAnchorPosition",
     "getBoundaryEl",
     "gridSize",
+    "finalFocusEl",
     "id",
     "ids",
+    "initialFocusEl",
     "lockAspectRatio",
     "maxSize",
     "minSize",
@@ -42,6 +44,7 @@ const FloatingPanelRoot = (props) => {
     "persistRect",
     "position",
     "resizable",
+    "restoreFocus",
     "size",
     "strategy",
     "translations"

package/dist/components/floating-panel/floating-panel-root.js

@@ -23,8 +23,10 @@ const FloatingPanelRoot = (props) => {
     "getAnchorPosition",
     "getBoundaryEl",
     "gridSize",
+    "finalFocusEl",
     "id",
     "ids",
+    "initialFocusEl",
     "lockAspectRatio",
     "maxSize",
     "minSize",
@@ -38,6 +40,7 @@ const FloatingPanelRoot = (props) => {
     "persistRect",
     "position",
     "resizable",
+    "restoreFocus",
     "size",
     "strategy",
     "translations"