@ark-ui/react 5.34.1 → 5.36.0

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

@@ -38,6 +38,7 @@ const avatar = require('./avatar/avatar.cjs');
 const drawerBackdrop = require('./drawer/drawer-backdrop.cjs');
 const drawerCloseTrigger = require('./drawer/drawer-close-trigger.cjs');
 const drawerContent = require('./drawer/drawer-content.cjs');
+const drawerDescription = require('./drawer/drawer-description.cjs');
 const drawerContext = require('./drawer/drawer-context.cjs');
 const drawerPositioner = require('./drawer/drawer-positioner.cjs');
 const drawerGrabber = require('./drawer/drawer-grabber.cjs');
@@ -49,6 +50,7 @@ const drawerTrigger = require('./drawer/drawer-trigger.cjs');
 const drawerIndent = require('./drawer/drawer-indent.cjs');
 const drawerIndentBackground = require('./drawer/drawer-indent-background.cjs');
 const drawerStack = require('./drawer/drawer-stack.cjs');
+const drawerSwipeArea = require('./drawer/drawer-swipe-area.cjs');
 const useDrawer = require('./drawer/use-drawer.cjs');
 const useDrawerContext = require('./drawer/use-drawer-context.cjs');
 const useDrawerStackContext = require('./drawer/use-drawer-stack-context.cjs');
@@ -167,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');
@@ -589,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');
@@ -758,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');
@@ -829,6 +845,7 @@ exports.Avatar = avatar;
 exports.DrawerBackdrop = drawerBackdrop.DrawerBackdrop;
 exports.DrawerCloseTrigger = drawerCloseTrigger.DrawerCloseTrigger;
 exports.DrawerContent = drawerContent.DrawerContent;
+exports.DrawerDescription = drawerDescription.DrawerDescription;
 exports.DrawerContext = drawerContext.DrawerContext;
 exports.DrawerPositioner = drawerPositioner.DrawerPositioner;
 exports.DrawerGrabber = drawerGrabber.DrawerGrabber;
@@ -840,6 +857,7 @@ exports.DrawerTrigger = drawerTrigger.DrawerTrigger;
 exports.DrawerIndent = drawerIndent.DrawerIndent;
 exports.DrawerIndentBackground = drawerIndentBackground.DrawerIndentBackground;
 exports.DrawerStack = drawerStack.DrawerStack;
+exports.DrawerSwipeArea = drawerSwipeArea.DrawerSwipeArea;
 exports.useDrawer = useDrawer.useDrawer;
 exports.useDrawerContext = useDrawerContext.useDrawerContext;
 exports.useDrawerStackContext = useDrawerStackContext.useDrawerStackContext;
@@ -962,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
@@ -1389,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
@@ -1591,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

@@ -37,6 +37,7 @@ export { avatar as Avatar };
 export { DrawerBackdrop } from './drawer/drawer-backdrop.js';
 export { DrawerCloseTrigger } from './drawer/drawer-close-trigger.js';
 export { DrawerContent } from './drawer/drawer-content.js';
+export { DrawerDescription } from './drawer/drawer-description.js';
 export { DrawerContext } from './drawer/drawer-context.js';
 export { DrawerPositioner } from './drawer/drawer-positioner.js';
 export { DrawerGrabber } from './drawer/drawer-grabber.js';
@@ -48,6 +49,7 @@ export { DrawerTrigger } from './drawer/drawer-trigger.js';
 export { DrawerIndent } from './drawer/drawer-indent.js';
 export { DrawerIndentBackground } from './drawer/drawer-indent-background.js';
 export { DrawerStack } from './drawer/drawer-stack.js';
+export { DrawerSwipeArea } from './drawer/drawer-swipe-area.js';
 export { useDrawer } from './drawer/use-drawer.js';
 export { useDrawerContext } from './drawer/use-drawer-context.js';
 export { useDrawerStackContext } from './drawer/use-drawer-stack-context.js';
@@ -173,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';
@@ -624,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';
@@ -806,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/listbox/listbox-input.cjs

@@ -12,7 +12,7 @@ const useListboxContext = require('./use-listbox-context.cjs');
 
 const splitInputProps = createSplitProps.createSplitProps();
 const ListboxInput = react.forwardRef((props, ref) => {
-  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight"]);
+  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight", "keyboardPriority"]);
   const listbox = useListboxContext.useListboxContext();
   const mergedProps = react$1.mergeProps(listbox.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });

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

@@ -8,7 +8,7 @@ import { useListboxContext } from './use-listbox-context.js';
 
 const splitInputProps = createSplitProps();
 const ListboxInput = forwardRef((props, ref) => {
-  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight"]);
+  const [inputProps, localProps] = splitInputProps(props, ["autoHighlight", "keyboardPriority"]);
   const listbox = useListboxContext();
   const mergedProps = mergeProps(listbox.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });

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/navigation-menu/navigation-menu-root.cjs

@@ -26,6 +26,7 @@ const NavigationMenuRoot = react.forwardRef((props, ref) => {
     "onValueChange",
     "openDelay",
     "orientation",
+    "translations",
     "value"
   ]);
   const navigationMenu = useNavigationMenu.useNavigationMenu(useNavigationMenuProps);

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

@@ -22,6 +22,7 @@ const NavigationMenuRoot = forwardRef((props, ref) => {
     "onValueChange",
     "openDelay",
     "orientation",
+    "translations",
     "value"
   ]);
   const navigationMenu = useNavigationMenu(useNavigationMenuProps);

package/dist/components/pin-input/pin-input-root.cjs

@@ -15,6 +15,7 @@ const splitRootProps = createSplitProps.createSplitProps();
 const PinInputRoot = react.forwardRef((props, ref) => {
   const [usePinInputProps, localProps] = splitRootProps(props, [
     "autoFocus",
+    "autoSubmit",
     "blurOnComplete",
     "count",
     "defaultValue",
@@ -33,6 +34,7 @@ const PinInputRoot = react.forwardRef((props, ref) => {
     "placeholder",
     "readOnly",
     "required",
+    "sanitizeValue",
     "selectOnFocus",
     "translations",
     "type",

package/dist/components/pin-input/pin-input-root.js

@@ -11,6 +11,7 @@ const splitRootProps = createSplitProps();
 const PinInputRoot = forwardRef((props, ref) => {
   const [usePinInputProps, localProps] = splitRootProps(props, [
     "autoFocus",
+    "autoSubmit",
     "blurOnComplete",
     "count",
     "defaultValue",
@@ -29,6 +30,7 @@ const PinInputRoot = forwardRef((props, ref) => {
     "placeholder",
     "readOnly",
     "required",
+    "sanitizeValue",
     "selectOnFocus",
     "translations",
     "type",

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/select/select-root.cjs

@@ -45,6 +45,7 @@ const SelectImpl = (props, ref) => {
     "readOnly",
     "required",
     "scrollToIndexFn",
+    "translations",
     "autoComplete",
     "value"
   ]);

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

@@ -41,6 +41,7 @@ const SelectImpl = (props, ref) => {
     "readOnly",
     "required",
     "scrollToIndexFn",
+    "translations",
     "autoComplete",
     "value"
   ]);

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