@ark-ui/react 5.35.0 → 5.36.0

package/dist/components/hover-card/hover-card-trigger.cjs

@@ -6,12 +6,15 @@ 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 useHoverCardContext = require('./use-hover-card-context.cjs');
 
+const splitTriggerProps = createSplitProps.createSplitProps();
 const HoverCardTrigger = react.forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const hoverCard = useHoverCardContext.useHoverCardContext();
-  const mergedProps = react$1.mergeProps(hoverCard.getTriggerProps(), props);
+  const mergedProps = react$1.mergeProps(hoverCard.getTriggerProps(triggerProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";

package/dist/components/hover-card/hover-card-trigger.d.cts

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

package/dist/components/hover-card/hover-card-trigger.d.ts

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

package/dist/components/hover-card/hover-card-trigger.js

@@ -2,12 +2,15 @@
 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 { useHoverCardContext } from './use-hover-card-context.js';
 
+const splitTriggerProps = createSplitProps();
 const HoverCardTrigger = forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const hoverCard = useHoverCardContext();
-  const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);
+  const mergedProps = mergeProps(hoverCard.getTriggerProps(triggerProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";

package/dist/components/hover-card/hover-card.d.cts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/hover-card';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/hover-card';
 export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';

package/dist/components/hover-card/hover-card.d.ts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/hover-card';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/hover-card';
 export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';

package/dist/components/hover-card/index.d.cts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, } from '@zag-js/hover-card';
+export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, TriggerValueChangeDetails as HoverCardTriggerValueChangeDetails, } from '@zag-js/hover-card';
 export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content';

package/dist/components/hover-card/index.d.ts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, } from '@zag-js/hover-card';
+export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, TriggerValueChangeDetails as HoverCardTriggerValueChangeDetails, } from '@zag-js/hover-card';
 export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content';

package/dist/components/index.cjs

@@ -169,6 +169,18 @@ const useCombobox = require('./combobox/use-combobox.cjs');
 const useComboboxContext = require('./combobox/use-combobox-context.cjs');
 const useComboboxItemContext = require('./combobox/use-combobox-item-context.cjs');
 const combobox = require('./combobox/combobox.cjs');
+const useDateInput = require('./date-input/use-date-input.cjs');
+const useDateInputContext = require('./date-input/use-date-input-context.cjs');
+const dateInputContext = require('./date-input/date-input-context.cjs');
+const dateInputLabel = require('./date-input/date-input-label.cjs');
+const dateInputRoot = require('./date-input/date-input-root.cjs');
+const dateInputRootProvider = require('./date-input/date-input-root-provider.cjs');
+const dateInputSegment = require('./date-input/date-input-segment.cjs');
+const dateInputSegmentGroup = require('./date-input/date-input-segment-group.cjs');
+const dateInputHiddenInput = require('./date-input/date-input-hidden-input.cjs');
+const dateInputControl = require('./date-input/date-input-control.cjs');
+const dateInputSegmentContext = require('./date-input/date-input-segment-context.cjs');
+const dateInput = require('./date-input/date-input.cjs');
 const datePicker$1 = require('@zag-js/date-picker');
 const datePickerClearTrigger = require('./date-picker/date-picker-clear-trigger.cjs');
 const datePickerContent = require('./date-picker/date-picker-content.cjs');
@@ -591,6 +603,7 @@ const sliderValueText = require('./slider/slider-value-text.cjs');
 const useSlider = require('./slider/use-slider.cjs');
 const useSliderContext = require('./slider/use-slider-context.cjs');
 const slider = require('./slider/slider.cjs');
+const createSplitterRegistry = require('./splitter/create-splitter-registry.cjs');
 const splitter$1 = require('@zag-js/splitter');
 const splitterContext = require('./splitter/splitter-context.cjs');
 const splitterPanel = require('./splitter/splitter-panel.cjs');
@@ -760,6 +773,7 @@ const angleSlider$1 = require('@zag-js/angle-slider');
 const avatar$1 = require('@zag-js/avatar');
 const clipboard$1 = require('@zag-js/clipboard');
 const collapsible$1 = require('@zag-js/collapsible');
+const dateInput$1 = require('@zag-js/date-input');
 const dialog$1 = require('@zag-js/dialog');
 const drawer$1 = require('@zag-js/drawer');
 const editable$1 = require('@zag-js/editable');
@@ -966,6 +980,18 @@ exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
 exports.Combobox = combobox;
+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, "parseDate", {
 	enumerable: true,
 	get: () => datePicker$1.parse
@@ -1393,6 +1419,7 @@ exports.SliderValueText = sliderValueText.SliderValueText;
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider;
+exports.createSplitterRegistry = createSplitterRegistry.createSplitterRegistry;
 Object.defineProperty(exports, "getSplitterLayout", {
 	enumerable: true,
 	get: () => splitter$1.layout
@@ -1595,6 +1622,10 @@ Object.defineProperty(exports, "collapsibleAnatomy", {
 	enumerable: true,
 	get: () => collapsible$1.anatomy
 });
+Object.defineProperty(exports, "dateInputAnatomy", {
+	enumerable: true,
+	get: () => dateInput$1.anatomy
+});
 Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog$1.anatomy

package/dist/components/index.d.cts

@@ -9,6 +9,7 @@ export * from './clipboard';
 export * from './collapsible';
 export * from './color-picker';
 export * from './combobox';
+export * from './date-input';
 export * from './date-picker';
 export * from './dialog';
 export * from './download-trigger';

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export * from './clipboard';
 export * from './collapsible';
 export * from './color-picker';
 export * from './combobox';
+export * from './date-input';
 export * from './date-picker';
 export * from './dialog';
 export * from './download-trigger';

package/dist/components/index.js

@@ -175,6 +175,19 @@ export { useComboboxContext } from './combobox/use-combobox-context.js';
 export { useComboboxItemContext } from './combobox/use-combobox-item-context.js';
 import * as combobox from './combobox/combobox.js';
 export { combobox as Combobox };
+export { useDateInput } from './date-input/use-date-input.js';
+export { useDateInputContext } from './date-input/use-date-input-context.js';
+export { DateInputContext } from './date-input/date-input-context.js';
+export { DateInputLabel } from './date-input/date-input-label.js';
+export { DateInputRoot } from './date-input/date-input-root.js';
+export { DateInputRootProvider } from './date-input/date-input-root-provider.js';
+export { DateInputSegment } from './date-input/date-input-segment.js';
+export { DateInputSegmentGroup } from './date-input/date-input-segment-group.js';
+export { DateInputHiddenInput } from './date-input/date-input-hidden-input.js';
+export { DateInputControl } from './date-input/date-input-control.js';
+export { DateInputSegmentContext } from './date-input/date-input-segment-context.js';
+import * as dateInput from './date-input/date-input.js';
+export { dateInput as DateInput };
 export { parse as parseDate } from '@zag-js/date-picker';
 export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.js';
 export { DatePickerContent } from './date-picker/date-picker-content.js';
@@ -626,6 +639,7 @@ export { useSlider } from './slider/use-slider.js';
 export { useSliderContext } from './slider/use-slider-context.js';
 import * as slider from './slider/slider.js';
 export { slider as Slider };
+export { createSplitterRegistry } from './splitter/create-splitter-registry.js';
 export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { SplitterContext } from './splitter/splitter-context.js';
 export { SplitterPanel } from './splitter/splitter-panel.js';
@@ -808,6 +822,7 @@ export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
+export { anatomy as dateInputAnatomy } from '@zag-js/date-input';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 export { anatomy as drawerAnatomy } from '@zag-js/drawer';
 export { anatomy as editableAnatomy } from '@zag-js/editable';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, TriggerValueChangeDetails as MenuTriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow';
 export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip';
 export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, TriggerValueChangeDetails as MenuTriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow';
 export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip';
 export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item';

package/dist/components/menu/menu-root.cjs

@@ -39,8 +39,11 @@ const MenuRoot = (props) => {
     "onPointerDownOutside",
     "onRequestDismiss",
     "onSelect",
+    "onTriggerValueChange",
     "open",
     "positioning",
+    "triggerValue",
+    "defaultTriggerValue",
     "typeahead"
   ]);
   const parentApi = useMenuContext.useMenuContext();

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

@@ -35,8 +35,11 @@ const MenuRoot = (props) => {
     "onPointerDownOutside",
     "onRequestDismiss",
     "onSelect",
+    "onTriggerValueChange",
     "open",
     "positioning",
+    "triggerValue",
+    "defaultTriggerValue",
     "typeahead"
   ]);
   const parentApi = useMenuContext();

package/dist/components/menu/menu-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 useMenuContext = require('./use-menu-context.cjs');
 
+const splitTriggerProps = createSplitProps.createSplitProps();
 const MenuTrigger = react.forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const menu = useMenuContext.useMenuContext();
   const presence = usePresenceContext.usePresenceContext();
+  const triggerPropsRaw = menu.getTriggerProps(triggerProps);
   const mergedProps = react$1.mergeProps(
     {
-      ...menu.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : menu.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/menu/menu-trigger.d.cts

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

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

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

package/dist/components/menu/menu-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 { useMenuContext } from './use-menu-context.js';
 
+const splitTriggerProps = createSplitProps();
 const MenuTrigger = forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const menu = useMenuContext();
   const presence = usePresenceContext();
+  const triggerPropsRaw = menu.getTriggerProps(triggerProps);
   const mergedProps = mergeProps(
     {
-      ...menu.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : menu.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/menu/menu.d.cts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, TriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow';
 export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip';
 export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item';

package/dist/components/menu/menu.d.ts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, TriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow';
 export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip';
 export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, } from '@zag-js/popover';
+export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, TriggerValueChangeDetails as PopoverTriggerValueChangeDetails, } from '@zag-js/popover';
 export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor';
 export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow';
 export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip';

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

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, } from '@zag-js/popover';
+export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, TriggerValueChangeDetails as PopoverTriggerValueChangeDetails, } from '@zag-js/popover';
 export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor';
 export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow';
 export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip';

package/dist/components/popover/popover-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 usePopoverContext = require('./use-popover-context.cjs');
 
+const splitTriggerProps = createSplitProps.createSplitProps();
 const PopoverTrigger = react.forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const popover = usePopoverContext.usePopoverContext();
   const presence = usePresenceContext.usePresenceContext();
+  const triggerPropsRaw = popover.getTriggerProps(triggerProps);
   const mergedProps = react$1.mergeProps(
     {
-      ...popover.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : popover.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/popover/popover-trigger.d.cts

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

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

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

package/dist/components/popover/popover-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 { usePopoverContext } from './use-popover-context.js';
 
+const splitTriggerProps = createSplitProps();
 const PopoverTrigger = forwardRef((props, ref) => {
+  const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
   const popover = usePopoverContext();
   const presence = usePresenceContext();
+  const triggerPropsRaw = popover.getTriggerProps(triggerProps);
   const mergedProps = mergeProps(
     {
-      ...popover.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : popover.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/popover/popover.d.cts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/popover';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/popover';
 export { PopoverAnchor as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, } from './popover-anchor';
 export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, } from './popover-arrow';
 export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip';

package/dist/components/popover/popover.d.ts

@@ -1,4 +1,4 @@
-export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/popover';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/popover';
 export { PopoverAnchor as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, } from './popover-anchor';
 export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, } from './popover-arrow';
 export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip';

package/dist/components/splitter/create-splitter-registry.cjs

@@ -0,0 +1,31 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const splitter = require('@zag-js/splitter');
+
+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 splitter__namespace = /*#__PURE__*/_interopNamespaceDefault(splitter);
+
+const createSplitterRegistry = (props) => {
+  return splitter__namespace.registry(props);
+};
+
+exports.createSplitterRegistry = createSplitterRegistry;

package/dist/components/splitter/create-splitter-registry.d.cts

@@ -0,0 +1,6 @@
+import * as splitter from '@zag-js/splitter';
+export interface SplitterRegistryProps extends splitter.SplitterRegistryOptions {
+}
+export interface SplitterRegistryReturn extends splitter.SplitterRegistry {
+}
+export declare const createSplitterRegistry: (props?: splitter.SplitterRegistryOptions) => splitter.SplitterRegistry;

package/dist/components/splitter/create-splitter-registry.d.ts

@@ -0,0 +1,6 @@
+import * as splitter from '@zag-js/splitter';
+export interface SplitterRegistryProps extends splitter.SplitterRegistryOptions {
+}
+export interface SplitterRegistryReturn extends splitter.SplitterRegistry {
+}
+export declare const createSplitterRegistry: (props?: splitter.SplitterRegistryOptions) => splitter.SplitterRegistry;

package/dist/components/splitter/create-splitter-registry.js

@@ -0,0 +1,8 @@
+'use client';
+import * as splitter from '@zag-js/splitter';
+
+const createSplitterRegistry = (props) => {
+  return splitter.registry(props);
+};
+
+export { createSplitterRegistry };

package/dist/components/splitter/index.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const createSplitterRegistry = require('./create-splitter-registry.cjs');
 const splitter$1 = require('@zag-js/splitter');
 const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
@@ -15,6 +16,7 @@ const splitter = require('./splitter.cjs');
 
 
 
+exports.createSplitterRegistry = createSplitterRegistry.createSplitterRegistry;
 Object.defineProperty(exports, "getSplitterLayout", {
   enumerable: true,
   get: () => splitter$1.layout

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

@@ -1,3 +1,4 @@
+export { createSplitterRegistry, type SplitterRegistryProps, type SplitterRegistryReturn, } from './create-splitter-registry';
 export { layout as getSplitterLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData as SplitterPanelData, ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter';
 export { SplitterContext, type SplitterContextProps } from './splitter-context';

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

@@ -1,3 +1,4 @@
+export { createSplitterRegistry, type SplitterRegistryProps, type SplitterRegistryReturn, } from './create-splitter-registry';
 export { layout as getSplitterLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData as SplitterPanelData, ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter';
 export { SplitterContext, type SplitterContextProps } from './splitter-context';

package/dist/components/splitter/index.js

@@ -1,3 +1,4 @@
+export { createSplitterRegistry } from './create-splitter-registry.js';
 export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { SplitterContext } from './splitter-context.js';
 export { SplitterPanel } from './splitter-panel.js';

package/dist/components/splitter/splitter-root.cjs

@@ -26,6 +26,7 @@ const SplitterRoot = react.forwardRef((props, ref) => {
     "onResizeStart",
     "orientation",
     "panels",
+    "registry",
     "size"
   ]);
   const splitter = useSplitter.useSplitter(useSplitterProps);

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

@@ -22,6 +22,7 @@ const SplitterRoot = forwardRef((props, ref) => {
     "onResizeStart",
     "orientation",
     "panels",
+    "registry",
     "size"
   ]);
   const splitter = useSplitter(useSplitterProps);

package/dist/components/splitter/splitter.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const splitter = require('@zag-js/splitter');
+const createSplitterRegistry = require('./create-splitter-registry.cjs');
 const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
@@ -16,6 +17,7 @@ Object.defineProperty(exports, "getLayout", {
   enumerable: true,
   get: () => splitter.layout
 });
+exports.createRegistry = createSplitterRegistry.createSplitterRegistry;
 exports.Context = splitterContext.SplitterContext;
 exports.Panel = splitterPanel.SplitterPanel;
 exports.ResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;

package/dist/components/splitter/splitter.d.cts

@@ -1,5 +1,6 @@
 export { layout as getLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter';
+export { createSplitterRegistry as createRegistry } from './create-splitter-registry';
 export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context';
 export { SplitterPanel as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from './splitter-panel';
 export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';