@ark-ui/react 2.0.2 → 2.1.1

package/date-picker/date-picker-preset-trigger.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+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('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+
+const DatePickerPresetTrigger = react.forwardRef(
+  (props, ref) => {
+    const [presetTriggerProps, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const api = datePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(api.getPresetTriggerProps(presetTriggerProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerPresetTrigger.displayName = "DatePickerPresetTrigger";
+
+exports.DatePickerPresetTrigger = DatePickerPresetTrigger;

package/date-picker/date-picker-preset-trigger.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import type { PresetTriggerProps } from '@zag-js/date-picker';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface DatePickerPresetTriggerProps extends Assign<HTMLArkProps<'button'>, PresetTriggerProps> {
+}
+export declare const DatePickerPresetTrigger: ForwardRefExoticComponent<DatePickerPresetTriggerProps & RefAttributes<HTMLButtonElement>>;

package/date-picker/date-picker-preset-trigger.mjs

@@ -0,0 +1,21 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { useDatePickerContext } from './date-picker-context.mjs';
+
+const DatePickerPresetTrigger = forwardRef(
+  (props, ref) => {
+    const [presetTriggerProps, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const api = useDatePickerContext();
+    const mergedProps = mergeProps(api.getPresetTriggerProps(presetTriggerProps), localProps);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+DatePickerPresetTrigger.displayName = "DatePickerPresetTrigger";
+
+export { DatePickerPresetTrigger };

package/date-picker/date-picker.cjs

@@ -10,6 +10,7 @@ const datePickerLabel = require('./date-picker-label.cjs');
 const datePickerMonthSelect = require('./date-picker-month-select.cjs');
 const datePickerNextTrigger = require('./date-picker-next-trigger.cjs');
 const datePickerPositioner = require('./date-picker-positioner.cjs');
+const datePickerPresetTrigger = require('./date-picker-preset-trigger.cjs');
 const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
 const datePickerRangeText = require('./date-picker-range-text.cjs');
 const datePickerRoot = require('./date-picker-root.cjs');
@@ -36,6 +37,7 @@ exports.Label = datePickerLabel.DatePickerLabel;
 exports.MonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
 exports.NextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
 exports.Positioner = datePickerPositioner.DatePickerPositioner;
+exports.PresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.PrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.RangeText = datePickerRangeText.DatePickerRangeText;
 exports.Root = datePickerRoot.DatePickerRoot;

package/date-picker/date-picker.d.ts

@@ -6,6 +6,7 @@ import { DatePickerLabel as Label } from './date-picker-label';
 import { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select';
 import { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger';
 import { DatePickerPositioner as Positioner } from './date-picker-positioner';
+import { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-trigger';
 import { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger';
 import { DatePickerRangeText as RangeText } from './date-picker-range-text';
 import { DatePickerRoot as Root } from './date-picker-root';
@@ -21,4 +22,4 @@ import { DatePickerView as View } from './date-picker-view';
 import { DatePickerViewControl as ViewControl } from './date-picker-view-control';
 import { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger';
 import { DatePickerYearSelect as YearSelect } from './date-picker-year-select';
-export { ClearTrigger, Content, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };
+export { ClearTrigger, Content, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PresetTrigger, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };

package/date-picker/date-picker.mjs

@@ -6,6 +6,7 @@ export { DatePickerLabel as Label } from './date-picker-label.mjs';
 export { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select.mjs';
 export { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger.mjs';
 export { DatePickerPositioner as Positioner } from './date-picker-positioner.mjs';
+export { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-trigger.mjs';
 export { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger.mjs';
 export { DatePickerRangeText as RangeText } from './date-picker-range-text.mjs';
 export { DatePickerRoot as Root } from './date-picker-root.mjs';

package/date-picker/index.cjs

@@ -11,6 +11,7 @@ const datePickerLabel = require('./date-picker-label.cjs');
 const datePickerMonthSelect = require('./date-picker-month-select.cjs');
 const datePickerNextTrigger = require('./date-picker-next-trigger.cjs');
 const datePickerPositioner = require('./date-picker-positioner.cjs');
+const datePickerPresetTrigger = require('./date-picker-preset-trigger.cjs');
 const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
 const datePickerRangeText = require('./date-picker-range-text.cjs');
 const datePickerRoot = require('./date-picker-root.cjs');
@@ -42,6 +43,7 @@ exports.DatePickerLabel = datePickerLabel.DatePickerLabel;
 exports.DatePickerMonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
 exports.DatePickerNextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
 exports.DatePickerPositioner = datePickerPositioner.DatePickerPositioner;
+exports.DatePickerPresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
 exports.DatePickerRoot = datePickerRoot.DatePickerRoot;

package/date-picker/index.d.ts

@@ -8,6 +8,7 @@ import { DatePickerLabel, type DatePickerLabelProps } from './date-picker-label'
 import { DatePickerMonthSelect, type DatePickerMonthSelectProps } from './date-picker-month-select';
 import { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-picker-next-trigger';
 import { DatePickerPositioner, type DatePickerPositionerProps } from './date-picker-positioner';
+import { DatePickerPresetTrigger, type DatePickerPresetTriggerProps } from './date-picker-preset-trigger';
 import { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
 import { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
 import { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
@@ -27,5 +28,5 @@ import { DatePickerViewControl, type DatePickerViewControlProps } from './date-p
 import { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 import { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
 export * as DatePicker from './date-picker';
-export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
-export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
+export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPresetTriggerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };

package/date-picker/index.mjs

@@ -7,6 +7,7 @@ export { DatePickerLabel } from './date-picker-label.mjs';
 export { DatePickerMonthSelect } from './date-picker-month-select.mjs';
 export { DatePickerNextTrigger } from './date-picker-next-trigger.mjs';
 export { DatePickerPositioner } from './date-picker-positioner.mjs';
+export { DatePickerPresetTrigger } from './date-picker-preset-trigger.mjs';
 export { DatePickerPrevTrigger } from './date-picker-prev-trigger.mjs';
 export { DatePickerRangeText } from './date-picker-range-text.mjs';
 export { DatePickerRoot } from './date-picker-root.mjs';

package/date-picker/use-date-picker.cjs

@@ -34,7 +34,8 @@ const useDatePicker = (props = {}) => {
     getRootNode: environmentContext.useEnvironmentContext(),
     ...props,
     focusedValue: props.focusedValue ? datePicker__namespace.parse(props.focusedValue) : void 0,
-    value: props.defaultValue ? datePicker__namespace.parse(props.defaultValue) : void 0
+    value: props.defaultValue ? datePicker__namespace.parse(props.defaultValue) : void 0,
+    "open.controlled": props.open !== void 0
   };
   const context = {
     ...initialContext,

package/date-picker/use-date-picker.d.ts

@@ -1,7 +1,7 @@
 import * as datePicker from '@zag-js/date-picker';
 import { type PropTypes } from '@zag-js/react';
 import type { Optional } from '../types';
-export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'value' | 'focusedValue'>, 'id'> {
+export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'value' | 'focusedValue' | 'open.controlled'>, 'id'> {
     /**
      * The initial value of the date picker
      */

package/date-picker/use-date-picker.mjs

@@ -11,7 +11,8 @@ const useDatePicker = (props = {}) => {
     getRootNode: useEnvironmentContext(),
     ...props,
     focusedValue: props.focusedValue ? datePicker.parse(props.focusedValue) : void 0,
-    value: props.defaultValue ? datePicker.parse(props.defaultValue) : void 0
+    value: props.defaultValue ? datePicker.parse(props.defaultValue) : void 0,
+    "open.controlled": props.open !== void 0
   };
   const context = {
     ...initialContext,

package/dialog/dialog-root.cjs

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const core = require('@zag-js/core');
+const react = require('@zag-js/react');
 require('react');
 const presenceContext = require('../presence/presence-context.cjs');
 const presencePropsContext = require('../presence/presence-props-context.cjs');
@@ -17,7 +17,7 @@ const useDialog = require('./use-dialog.cjs');
 const DialogRoot = (props) => {
   const [presenceProps, { children, ...localProps }] = splitPresenceProps.splitPresenceProps(props);
   const api = useDialog.useDialog(localProps);
-  const presenceApi = usePresence.usePresence(core.mergeProps({ present: api.isOpen }, presenceProps));
+  const presenceApi = usePresence.usePresence(react.mergeProps({ present: api.isOpen }, presenceProps));
   const view = runIfFn.runIfFn(children, api);
   return /* @__PURE__ */ jsxRuntime.jsx(dialogContext.DialogProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presencePropsContext.PresencePropsProvider, { value: presenceProps, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) }) });
 };

package/dialog/dialog-root.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/core';
+import { mergeProps } from '@zag-js/react';
 import 'react';
 import { PresenceProvider } from '../presence/presence-context.mjs';
 import { PresencePropsProvider } from '../presence/presence-props-context.mjs';

package/dialog/use-dialog.cjs

@@ -33,7 +33,8 @@ const useDialog = (props = {}) => {
     id: react.useId(),
     getRootNode: environmentContext.useEnvironmentContext(),
     ...props,
-    open: props.defaultOpen ?? props.open
+    open: props.defaultOpen ?? props.open,
+    "open.controlled": props.open !== void 0
   };
   const context = {
     ...initialContext,

package/dialog/use-dialog.d.ts

@@ -1,7 +1,7 @@
 import * as dialog from '@zag-js/dialog';
 import { type PropTypes } from '@zag-js/react';
 import { type Optional } from '../types';
-export interface UseDialogProps extends Optional<dialog.Context, 'id'> {
+export interface UseDialogProps extends Omit<Optional<dialog.Context, 'id'>, 'open.controlled'> {
     /**
      * The initial open state of the dialog.
      */

package/dialog/use-dialog.mjs

@@ -10,7 +10,8 @@ const useDialog = (props = {}) => {
     id: useId(),
     getRootNode: useEnvironmentContext(),
     ...props,
-    open: props.defaultOpen ?? props.open
+    open: props.defaultOpen ?? props.open,
+    "open.controlled": props.open !== void 0
   };
   const context = {
     ...initialContext,

package/factory.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const core = require('@zag-js/core');
+const react$1 = require('@zag-js/react');
 const react = require('react');
 const composeRefs = require('./compose-refs.cjs');
 
@@ -14,7 +14,7 @@ const withAsChild = (Component) => {
     }
     const onlyChild = react.Children.only(children);
     return react.isValidElement(onlyChild) ? react.cloneElement(onlyChild, {
-      ...core.mergeProps(restProps, onlyChild.props),
+      ...react$1.mergeProps(restProps, onlyChild.props),
       ref: ref ? composeRefs.composeRefs(ref, onlyChild.ref) : onlyChild.ref
     }) : null;
   });

package/factory.mjs

@@ -1,4 +1,4 @@
-import { mergeProps } from '@zag-js/core';
+import { mergeProps } from '@zag-js/react';
 import { forwardRef, createElement, Children, isValidElement, cloneElement } from 'react';
 import { composeRefs } from './compose-refs.mjs';
 

package/hover-card/use-hover-card.cjs

@@ -33,7 +33,8 @@ const useHoverCard = (props = {}) => {
     id: react.useId(),
     getRootNode: environmentContext.useEnvironmentContext(),
     ...props,
-    open: props.defaultOpen ?? props.open
+    open: props.defaultOpen ?? props.open,
+    "open.controlled": props.open !== void 0
   };
   const context = {
     ...initialContext,

package/hover-card/use-hover-card.d.ts

@@ -1,7 +1,7 @@
 import * as hoverCard from '@zag-js/hover-card';
 import { type PropTypes } from '@zag-js/react';
 import { type Optional } from '../types';
-export interface UseHoverCardProps extends Optional<hoverCard.Context, 'id'> {
+export interface UseHoverCardProps extends Omit<Optional<hoverCard.Context, 'id'>, 'open.controlled'> {
     /**
      * The initial open state of the hover card.
      */

package/hover-card/use-hover-card.mjs

@@ -10,7 +10,8 @@ const useHoverCard = (props = {}) => {
     id: useId(),
     getRootNode: useEnvironmentContext(),
     ...props,
-    open: props.defaultOpen ?? props.open
+    open: props.defaultOpen ?? props.open,
+    "open.controlled": props.open !== void 0
   };
   const context = {
     ...initialContext,

package/index.cjs

@@ -32,6 +32,15 @@ const checkboxIndicator = require('./checkbox/checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox/checkbox-label.cjs');
 const checkboxRoot = require('./checkbox/checkbox-root.cjs');
 const checkbox = require('./checkbox/checkbox.cjs');
+require('@zag-js/clipboard');
+const clipboardContext = require('./clipboard/clipboard-context.cjs');
+const clipboardControl = require('./clipboard/clipboard-control.cjs');
+const clipboardIndicator = require('./clipboard/clipboard-indicator.cjs');
+const clipboardInput = require('./clipboard/clipboard-input.cjs');
+const clipboardLabel = require('./clipboard/clipboard-label.cjs');
+const clipboardRoot = require('./clipboard/clipboard-root.cjs');
+const clipboardTrigger = require('./clipboard/clipboard-trigger.cjs');
+const clipboard = require('./clipboard/clipboard.cjs');
 const colorPickerArea = require('./color-picker/color-picker-area.cjs');
 const colorPickerAreaBackground = require('./color-picker/color-picker-area-background.cjs');
 const colorPickerAreaContext = require('./color-picker/color-picker-area-context.cjs');
@@ -83,6 +92,7 @@ const datePickerLabel = require('./date-picker/date-picker-label.cjs');
 const datePickerMonthSelect = require('./date-picker/date-picker-month-select.cjs');
 const datePickerNextTrigger = require('./date-picker/date-picker-next-trigger.cjs');
 const datePickerPositioner = require('./date-picker/date-picker-positioner.cjs');
+const datePickerPresetTrigger = require('./date-picker/date-picker-preset-trigger.cjs');
 const datePickerPrevTrigger = require('./date-picker/date-picker-prev-trigger.cjs');
 const datePickerRangeText = require('./date-picker/date-picker-range-text.cjs');
 const datePickerRoot = require('./date-picker/date-picker-root.cjs');
@@ -147,6 +157,8 @@ const hoverCardPositioner = require('./hover-card/hover-card-positioner.cjs');
 const hoverCardRoot = require('./hover-card/hover-card-root.cjs');
 const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
 const hoverCard = require('./hover-card/hover-card.cjs');
+const locale = require('./locale/locale.cjs');
+const localeContext = require('./locale/locale-context.cjs');
 const menuArrow = require('./menu/menu-arrow.cjs');
 const menuArrowTip = require('./menu/menu-arrow-tip.cjs');
 const menuContent = require('./menu/menu-content.cjs');
@@ -325,6 +337,7 @@ const treeViewBranchText = require('./tree-view/tree-view-branch-text.cjs');
 const treeViewBranchTrigger = require('./tree-view/tree-view-branch-trigger.cjs');
 const treeViewContext = require('./tree-view/tree-view-context.cjs');
 const treeViewItem = require('./tree-view/tree-view-item.cjs');
+const treeViewItemIndicator = require('./tree-view/tree-view-item-indicator.cjs');
 const treeViewItemText = require('./tree-view/tree-view-item-text.cjs');
 const treeViewLabel = require('./tree-view/tree-view-label.cjs');
 const treeViewRoot = require('./tree-view/tree-view-root.cjs');
@@ -363,6 +376,14 @@ exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
 exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.Checkbox = checkbox;
+exports.useClipboardContext = clipboardContext.useClipboardContext;
+exports.ClipboardControl = clipboardControl.ClipboardControl;
+exports.ClipboardIndicator = clipboardIndicator.ClipboardIndicator;
+exports.ClipboardInput = clipboardInput.ClipboardInput;
+exports.ClipboardLabel = clipboardLabel.ClipboardLabel;
+exports.ClipboardRoot = clipboardRoot.ClipboardRoot;
+exports.ClipboardTrigger = clipboardTrigger.ClipboardTrigger;
+exports.Clipboard = clipboard;
 exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
 exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
 exports.useColorPickerAreaContext = colorPickerAreaContext.useColorPickerAreaContext;
@@ -414,6 +435,7 @@ exports.DatePickerLabel = datePickerLabel.DatePickerLabel;
 exports.DatePickerMonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
 exports.DatePickerNextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
 exports.DatePickerPositioner = datePickerPositioner.DatePickerPositioner;
+exports.DatePickerPresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
 exports.DatePickerRoot = datePickerRoot.DatePickerRoot;
@@ -479,6 +501,8 @@ exports.HoverCardPositioner = hoverCardPositioner.HoverCardPositioner;
 exports.HoverCardRoot = hoverCardRoot.HoverCardRoot;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.HoverCard = hoverCard;
+exports.LocaleProvider = locale.LocaleProvider;
+exports.useLocaleContext = localeContext.useLocaleContext;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuContent = menuContent.MenuContent;
@@ -659,6 +683,7 @@ exports.TreeViewBranchText = treeViewBranchText.TreeViewBranchText;
 exports.TreeViewBranchTrigger = treeViewBranchTrigger.TreeViewBranchTrigger;
 exports.useTreeViewContext = treeViewContext.useTreeViewContext;
 exports.TreeViewItem = treeViewItem.TreeViewItem;
+exports.TreeViewItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.TreeViewItemText = treeViewItemText.TreeViewItemText;
 exports.TreeViewLabel = treeViewLabel.TreeViewLabel;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;

package/index.d.ts

@@ -2,6 +2,7 @@ export * from './accordion';
 export * from './avatar';
 export * from './carousel';
 export * from './checkbox';
+export * from './clipboard';
 export * from './color-picker';
 export * from './combobox';
 export * from './date-picker';
@@ -11,6 +12,7 @@ export * from './environment';
 export * from './factory';
 export * from './file-upload';
 export * from './hover-card';
+export * from './locale';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

package/index.mjs

@@ -32,6 +32,16 @@ export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
 export { CheckboxRoot } from './checkbox/checkbox-root.mjs';
 import * as checkbox from './checkbox/checkbox.mjs';
 export { checkbox as Checkbox };
+import '@zag-js/clipboard';
+export { useClipboardContext } from './clipboard/clipboard-context.mjs';
+export { ClipboardControl } from './clipboard/clipboard-control.mjs';
+export { ClipboardIndicator } from './clipboard/clipboard-indicator.mjs';
+export { ClipboardInput } from './clipboard/clipboard-input.mjs';
+export { ClipboardLabel } from './clipboard/clipboard-label.mjs';
+export { ClipboardRoot } from './clipboard/clipboard-root.mjs';
+export { ClipboardTrigger } from './clipboard/clipboard-trigger.mjs';
+import * as clipboard from './clipboard/clipboard.mjs';
+export { clipboard as Clipboard };
 export { ColorPickerArea } from './color-picker/color-picker-area.mjs';
 export { ColorPickerAreaBackground } from './color-picker/color-picker-area-background.mjs';
 export { useColorPickerAreaContext } from './color-picker/color-picker-area-context.mjs';
@@ -85,6 +95,7 @@ export { DatePickerLabel } from './date-picker/date-picker-label.mjs';
 export { DatePickerMonthSelect } from './date-picker/date-picker-month-select.mjs';
 export { DatePickerNextTrigger } from './date-picker/date-picker-next-trigger.mjs';
 export { DatePickerPositioner } from './date-picker/date-picker-positioner.mjs';
+export { DatePickerPresetTrigger } from './date-picker/date-picker-preset-trigger.mjs';
 export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.mjs';
 export { DatePickerRangeText } from './date-picker/date-picker-range-text.mjs';
 export { DatePickerRoot } from './date-picker/date-picker-root.mjs';
@@ -154,6 +165,8 @@ export { HoverCardRoot } from './hover-card/hover-card-root.mjs';
 export { HoverCardTrigger } from './hover-card/hover-card-trigger.mjs';
 import * as hoverCard from './hover-card/hover-card.mjs';
 export { hoverCard as HoverCard };
+export { LocaleProvider } from './locale/locale.mjs';
+export { useLocaleContext } from './locale/locale-context.mjs';
 export { MenuArrow } from './menu/menu-arrow.mjs';
 export { MenuArrowTip } from './menu/menu-arrow-tip.mjs';
 export { MenuContent } from './menu/menu-content.mjs';
@@ -350,6 +363,7 @@ export { TreeViewBranchText } from './tree-view/tree-view-branch-text.mjs';
 export { TreeViewBranchTrigger } from './tree-view/tree-view-branch-trigger.mjs';
 export { useTreeViewContext } from './tree-view/tree-view-context.mjs';
 export { TreeViewItem } from './tree-view/tree-view-item.mjs';
+export { TreeViewItemIndicator } from './tree-view/tree-view-item-indicator.mjs';
 export { TreeViewItemText } from './tree-view/tree-view-item-text.mjs';
 export { TreeViewLabel } from './tree-view/tree-view-label.mjs';
 export { TreeViewRoot } from './tree-view/tree-view-root.mjs';

package/locale/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const locale = require('./locale.cjs');
+const localeContext = require('./locale-context.cjs');
+
+
+
+exports.LocaleProvider = locale.LocaleProvider;
+exports.useLocaleContext = localeContext.useLocaleContext;

package/locale/index.d.ts

@@ -0,0 +1,2 @@
+export { LocaleProvider, type LocaleProviderProps } from './locale';
+export { useLocaleContext, type LocaleContext } from './locale-context';

package/locale/index.mjs

@@ -0,0 +1,2 @@
+export { LocaleProvider } from './locale.mjs';
+export { useLocaleContext } from './locale-context.mjs';

package/locale/locale-context.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('@zag-js/i18n-utils');
+const createContext = require('../create-context.cjs');
+
+const [LocaleContextProvider, useLocaleContext] = createContext.createContext({
+  name: "EnvironmentContext",
+  hookName: "useEnvironmentContext",
+  providerName: "<EnvironmentProvider />",
+  strict: false,
+  defaultValue: { dir: "ltr", locale: "en-US" }
+});
+
+exports.LocaleContextProvider = LocaleContextProvider;
+exports.useLocaleContext = useLocaleContext;

package/locale/locale-context.d.ts

@@ -0,0 +1,6 @@
+import { Provider } from 'react';
+/// <reference types="react" />
+import { type Locale } from '@zag-js/i18n-utils';
+export interface LocaleContext extends Locale {
+}
+export declare const LocaleContextProvider: Provider<LocaleContext>, useLocaleContext: () => LocaleContext;

package/locale/locale-context.mjs

@@ -0,0 +1,13 @@
+'use client';
+import '@zag-js/i18n-utils';
+import { createContext } from '../create-context.mjs';
+
+const [LocaleContextProvider, useLocaleContext] = createContext({
+  name: "EnvironmentContext",
+  hookName: "useEnvironmentContext",
+  providerName: "<EnvironmentProvider />",
+  strict: false,
+  defaultValue: { dir: "ltr", locale: "en-US" }
+});
+
+export { LocaleContextProvider, useLocaleContext };

package/locale/locale.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const i18nUtils = require('@zag-js/i18n-utils');
+const react = require('react');
+const environmentContext = require('../environment/environment-context.cjs');
+const localeContext = require('./locale-context.cjs');
+
+const LocaleProvider = (props) => {
+  const { children, locale: localeProps, defaultLocale = "en-US" } = props;
+  const [locale, setLocale] = react.useState(localeProps || defaultLocale);
+  const getRootNode = environmentContext.useEnvironmentContext();
+  react.useEffect(
+    () => i18nUtils.trackLocale({
+      locale: localeProps,
+      getRootNode,
+      onLocaleChange(locale2) {
+        setLocale(locale2.locale);
+      }
+    })
+  );
+  const context = {
+    locale,
+    dir: i18nUtils.isRTL(locale) ? "rtl" : "ltr"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(localeContext.LocaleContextProvider, { value: context, children });
+};
+
+exports.LocaleProvider = LocaleProvider;

package/locale/locale.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react/jsx-runtime';
+/// <reference types="react" />
+import { type LocaleOptions } from '@zag-js/i18n-utils';
+export interface LocaleProviderProps extends LocaleOptions {
+    /**
+     * The default locale to use if no locale is provided via props.
+     */
+    defaultLocale?: string;
+    /**
+     * The children to render.
+     */
+    children: React.ReactNode;
+}
+export declare const LocaleProvider: (props: LocaleProviderProps) => JSX.Element;

package/locale/locale.mjs

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { trackLocale, isRTL } from '@zag-js/i18n-utils';
+import { useState, useEffect } from 'react';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { LocaleContextProvider } from './locale-context.mjs';
+
+const LocaleProvider = (props) => {
+  const { children, locale: localeProps, defaultLocale = "en-US" } = props;
+  const [locale, setLocale] = useState(localeProps || defaultLocale);
+  const getRootNode = useEnvironmentContext();
+  useEffect(
+    () => trackLocale({
+      locale: localeProps,
+      getRootNode,
+      onLocaleChange(locale2) {
+        setLocale(locale2.locale);
+      }
+    })
+  );
+  const context = {
+    locale,
+    dir: isRTL(locale) ? "rtl" : "ltr"
+  };
+  return /* @__PURE__ */ jsx(LocaleContextProvider, { value: context, children });
+};
+
+export { LocaleProvider };

package/menu/use-menu.cjs

@@ -35,7 +35,8 @@ const useMenu = (props = {}) => {
     ...props,
     onOpenChange: useEvent.useEvent(props.onOpenChange),
     onSelect: useEvent.useEvent(props.onSelect),
-    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true })
+    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
+    "open.controlled": props.open !== void 0
   };
   const [state, send, machine] = react$1.useMachine(menu__namespace.machine(context), { context });
   const api = menu__namespace.connect(state, send, react$1.normalizeProps);

package/menu/use-menu.d.ts

@@ -1,6 +1,6 @@
 import * as menu from '@zag-js/menu';
 import { type Optional } from '../types';
-export interface UseMenuProps extends Optional<menu.Context, 'id'> {
+export interface UseMenuProps extends Omit<Optional<menu.Context, 'id'>, 'open.controlled'> {
 }
 export interface UseMenuReturn {
     machine: ReturnType<typeof menu.machine>;

package/menu/use-menu.mjs

@@ -12,7 +12,8 @@ const useMenu = (props = {}) => {
     ...props,
     onOpenChange: useEvent(props.onOpenChange),
     onSelect: useEvent(props.onSelect),
-    onValueChange: useEvent(props.onValueChange, { sync: true })
+    onValueChange: useEvent(props.onValueChange, { sync: true }),
+    "open.controlled": props.open !== void 0
   };
   const [state, send, machine] = useMachine(menu.machine(context), { context });
   const api = menu.connect(state, send, normalizeProps);