@ark-ui/react 3.1.0 → 3.2.0

package/dist/components/date-picker/date-picker-year-select.js

@@ -8,7 +8,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 const DatePickerYearSelect = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.yearSelectProps, props);
+    const mergedProps = mergeProps(datePicker.getYearSelectProps(), props);
     return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: getYearsRange({ from: 1e3, to: 4e3 }).map((year, i) => /* @__PURE__ */ jsx("option", { value: year, children: year }, i)) });
   }
 );

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

@@ -15,6 +15,7 @@ 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');
+const datePickerRootProvider = require('./date-picker-root-provider.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
 const datePickerTableBody = require('./date-picker-table-body.cjs');
 const datePickerTableCell = require('./date-picker-table-cell.cjs');
@@ -43,6 +44,7 @@ exports.PresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.PrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.RangeText = datePickerRangeText.DatePickerRangeText;
 exports.Root = datePickerRoot.DatePickerRoot;
+exports.RootProvider = datePickerRootProvider.DatePickerRootProvider;
 exports.Table = datePickerTable.DatePickerTable;
 exports.TableBody = datePickerTableBody.DatePickerTableBody;
 exports.TableCell = datePickerTableCell.DatePickerTableCell;

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

@@ -12,6 +12,7 @@ export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerP
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
 export { DatePickerRoot as Root, type DatePickerRootProps as RootProps } from './date-picker-root';
+export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable as Table, type DatePickerTableProps as TableProps, } from './date-picker-table';
 export { DatePickerTableBody as TableBody, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body';
 export { DatePickerTableCell as TableCell, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell';

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

@@ -12,6 +12,7 @@ export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerP
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
 export { DatePickerRoot as Root, type DatePickerRootProps as RootProps } from './date-picker-root';
+export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable as Table, type DatePickerTableProps as TableProps, } from './date-picker-table';
 export { DatePickerTableBody as TableBody, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body';
 export { DatePickerTableCell as TableCell, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell';

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

@@ -11,6 +11,7 @@ export { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-t
 export { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText as RangeText } from './date-picker-range-text.js';
 export { DatePickerRoot as Root } from './date-picker-root.js';
+export { DatePickerRootProvider as RootProvider } from './date-picker-root-provider.js';
 export { DatePickerTable as Table } from './date-picker-table.js';
 export { DatePickerTableBody as TableBody } from './date-picker-table-body.js';
 export { DatePickerTableCell as TableCell } from './date-picker-table-cell.js';

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

@@ -15,6 +15,7 @@ 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');
+const datePickerRootProvider = require('./date-picker-root-provider.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
 const datePickerTableBody = require('./date-picker-table-body.cjs');
 const datePickerTableCell = require('./date-picker-table-cell.cjs');
@@ -27,6 +28,7 @@ const datePickerView = require('./date-picker-view.cjs');
 const datePickerViewControl = require('./date-picker-view-control.cjs');
 const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
 const datePickerYearSelect = require('./date-picker-year-select.cjs');
+const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const datePicker = require('./date-picker.cjs');
 
@@ -45,6 +47,7 @@ exports.DatePickerPresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigge
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
 exports.DatePickerRoot = datePickerRoot.DatePickerRoot;
+exports.DatePickerRootProvider = datePickerRootProvider.DatePickerRootProvider;
 exports.DatePickerTable = datePickerTable.DatePickerTable;
 exports.DatePickerTableBody = datePickerTableBody.DatePickerTableBody;
 exports.DatePickerTableCell = datePickerTableCell.DatePickerTableCell;
@@ -57,5 +60,6 @@ exports.DatePickerView = datePickerView.DatePickerView;
 exports.DatePickerViewControl = datePickerViewControl.DatePickerViewControl;
 exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
 exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
+exports.useDatePicker = useDatePicker.useDatePicker;
 exports.useDatePickerContext = useDatePickerContext.useDatePickerContext;
 exports.DatePicker = datePicker;

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

@@ -12,6 +12,7 @@ export { DatePickerPresetTrigger, type DatePickerPresetTriggerProps, } from './d
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
 export { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
+export { DatePickerRootProvider, type DatePickerRootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable, type DatePickerTableProps } from './date-picker-table';
 export { DatePickerTableBody, type DatePickerTableBodyProps } from './date-picker-table-body';
 export { DatePickerTableCell, type DatePickerTableCellProps } from './date-picker-table-cell';
@@ -24,5 +25,6 @@ export { DatePickerView, type DatePickerViewProps } from './date-picker-view';
 export { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
 export { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 export { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
-export { type UseDatePickerContext, useDatePickerContext } from './use-date-picker-context';
+export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
+export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context';
 export * as DatePicker from './date-picker';

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

@@ -12,6 +12,7 @@ export { DatePickerPresetTrigger, type DatePickerPresetTriggerProps, } from './d
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
 export { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
+export { DatePickerRootProvider, type DatePickerRootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable, type DatePickerTableProps } from './date-picker-table';
 export { DatePickerTableBody, type DatePickerTableBodyProps } from './date-picker-table-body';
 export { DatePickerTableCell, type DatePickerTableCellProps } from './date-picker-table-cell';
@@ -24,5 +25,6 @@ export { DatePickerView, type DatePickerViewProps } from './date-picker-view';
 export { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
 export { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 export { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
-export { type UseDatePickerContext, useDatePickerContext } from './use-date-picker-context';
+export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
+export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context';
 export * as DatePicker from './date-picker';

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

@@ -11,6 +11,7 @@ export { DatePickerPresetTrigger } from './date-picker-preset-trigger.js';
 export { DatePickerPrevTrigger } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText } from './date-picker-range-text.js';
 export { DatePickerRoot } from './date-picker-root.js';
+export { DatePickerRootProvider } from './date-picker-root-provider.js';
 export { DatePickerTable } from './date-picker-table.js';
 export { DatePickerTableBody } from './date-picker-table-body.js';
 export { DatePickerTableCell } from './date-picker-table-cell.js';
@@ -23,6 +24,7 @@ export { DatePickerView } from './date-picker-view.js';
 export { DatePickerViewControl } from './date-picker-view-control.js';
 export { DatePickerViewTrigger } from './date-picker-view-trigger.js';
 export { DatePickerYearSelect } from './date-picker-year-select.js';
+export { useDatePicker } from './use-date-picker.js';
 export { useDatePickerContext } from './use-date-picker-context.js';
 import * as datePicker from './date-picker.js';
 export { datePicker as DatePicker };

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

@@ -15,7 +15,7 @@ const DialogBackdrop = react.forwardRef((props, ref) => {
   const dialog = useDialogContext.useDialogContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({ ...renderStrategyProps, present: dialog.open });
-  const mergedProps = react$1.mergeProps(dialog.backdropProps, presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(dialog.getBackdropProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -11,7 +11,7 @@ const DialogBackdrop = forwardRef((props, ref) => {
   const dialog = useDialogContext();
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({ ...renderStrategyProps, present: dialog.open });
-  const mergedProps = mergeProps(dialog.backdropProps, presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(dialog.getBackdropProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -12,7 +12,7 @@ const useDialogContext = require('./use-dialog-context.cjs');
 const DialogCloseTrigger = react.forwardRef(
   (props, ref) => {
     const dialog = useDialogContext.useDialogContext();
-    const mergedProps = react$1.mergeProps(dialog.closeTriggerProps, props);
+    const mergedProps = react$1.mergeProps(dialog.getCloseTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useDialogContext } from './use-dialog-context.js';
 const DialogCloseTrigger = forwardRef(
   (props, ref) => {
     const dialog = useDialogContext();
-    const mergedProps = mergeProps(dialog.closeTriggerProps, props);
+    const mergedProps = mergeProps(dialog.getCloseTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -13,7 +13,7 @@ const useDialogContext = require('./use-dialog-context.cjs');
 const DialogContent = react.forwardRef((props, ref) => {
   const dialog = useDialogContext.useDialogContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(dialog.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(dialog.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -9,7 +9,7 @@ import { useDialogContext } from './use-dialog-context.js';
 const DialogContent = forwardRef((props, ref) => {
   const dialog = useDialogContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(dialog.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(dialog.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -12,7 +12,7 @@ const useDialogContext = require('./use-dialog-context.cjs');
 const DialogDescription = react.forwardRef(
   (props, ref) => {
     const dialog = useDialogContext.useDialogContext();
-    const mergedProps = react$1.mergeProps(dialog.descriptionProps, props);
+    const mergedProps = react$1.mergeProps(dialog.getDescriptionProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useDialogContext } from './use-dialog-context.js';
 const DialogDescription = forwardRef(
   (props, ref) => {
     const dialog = useDialogContext();
-    const mergedProps = mergeProps(dialog.descriptionProps, props);
+    const mergedProps = mergeProps(dialog.getDescriptionProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -12,7 +12,7 @@ const useDialogContext = require('./use-dialog-context.cjs');
 
 const DialogPositioner = react.forwardRef((props, ref) => {
   const dialog = useDialogContext.useDialogContext();
-  const mergedProps = react$1.mergeProps(dialog.positionerProps, props);
+  const mergedProps = react$1.mergeProps(dialog.getPositionerProps(), props);
   const presence = usePresenceContext.usePresenceContext();
   if (presence.unmounted) {
     return null;

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

@@ -8,7 +8,7 @@ import { useDialogContext } from './use-dialog-context.js';
 
 const DialogPositioner = forwardRef((props, ref) => {
   const dialog = useDialogContext();
-  const mergedProps = mergeProps(dialog.positionerProps, props);
+  const mergedProps = mergeProps(dialog.getPositionerProps(), props);
   const presence = usePresenceContext();
   if (presence.unmounted) {
     return null;

package/dist/components/dialog/dialog-root-provider.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useDialogContext = require('./use-dialog-context.cjs');
+
+const DialogRootProvider = (props) => {
+  const [presenceProps, { value: dialog, children }] = splitPresenceProps.splitPresenceProps(props);
+  const [renderStrategyProps] = renderStrategy.splitRenderStrategyProps(presenceProps);
+  const presence = usePresence.usePresence(react.mergeProps({ present: dialog.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useDialogContext.DialogProvider, { value: dialog, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) });
+};
+
+exports.DialogRootProvider = DialogRootProvider;

package/dist/components/dialog/dialog-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseDialogReturn } from './use-dialog';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseDialogReturn;
+}
+export interface DialogRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const DialogRootProvider: (props: DialogRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dialog/dialog-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseDialogReturn } from './use-dialog';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseDialogReturn;
+}
+export interface DialogRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const DialogRootProvider: (props: DialogRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dialog/dialog-root-provider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { DialogProvider } from './use-dialog-context.js';
+
+const DialogRootProvider = (props) => {
+  const [presenceProps, { value: dialog, children }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));
+  return /* @__PURE__ */ jsx(DialogProvider, { value: dialog, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });
+};
+
+export { DialogRootProvider };

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

@@ -11,7 +11,7 @@ const useDialogContext = require('./use-dialog-context.cjs');
 
 const DialogTitle = react.forwardRef((props, ref) => {
   const dialog = useDialogContext.useDialogContext();
-  const mergedProps = react$1.mergeProps(dialog.titleProps, props);
+  const mergedProps = react$1.mergeProps(dialog.getTitleProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.h2, { ...mergedProps, ref });
 });
 DialogTitle.displayName = "DialogTitle";

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

@@ -7,7 +7,7 @@ import { useDialogContext } from './use-dialog-context.js';
 
 const DialogTitle = forwardRef((props, ref) => {
   const dialog = useDialogContext();
-  const mergedProps = mergeProps(dialog.titleProps, props);
+  const mergedProps = mergeProps(dialog.getTitleProps(), props);
   return /* @__PURE__ */ jsx(ark.h2, { ...mergedProps, ref });
 });
 DialogTitle.displayName = "DialogTitle";

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

@@ -15,8 +15,8 @@ const DialogTrigger = react.forwardRef((props, ref) => {
   const presence = usePresenceContext.usePresenceContext();
   const mergedProps = react$1.mergeProps(
     {
-      ...dialog.triggerProps,
-      "aria-controls": presence.unmounted ? void 0 : dialog.triggerProps["aria-controls"]
+      ...dialog.getTriggerProps(),
+      "aria-controls": presence.unmounted ? void 0 : dialog.getTriggerProps()["aria-controls"]
     },
     props
   );

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

@@ -11,8 +11,8 @@ const DialogTrigger = forwardRef((props, ref) => {
   const presence = usePresenceContext();
   const mergedProps = mergeProps(
     {
-      ...dialog.triggerProps,
-      "aria-controls": presence.unmounted ? void 0 : dialog.triggerProps["aria-controls"]
+      ...dialog.getTriggerProps(),
+      "aria-controls": presence.unmounted ? void 0 : dialog.getTriggerProps()["aria-controls"]
     },
     props
   );

package/dist/components/dialog/dialog.cjs

@@ -9,6 +9,7 @@ const dialogContext = require('./dialog-context.cjs');
 const dialogDescription = require('./dialog-description.cjs');
 const dialogPositioner = require('./dialog-positioner.cjs');
 const dialogRoot = require('./dialog-root.cjs');
+const dialogRootProvider = require('./dialog-root-provider.cjs');
 const dialogTitle = require('./dialog-title.cjs');
 const dialogTrigger = require('./dialog-trigger.cjs');
 
@@ -21,5 +22,6 @@ exports.Context = dialogContext.DialogContext;
 exports.Description = dialogDescription.DialogDescription;
 exports.Positioner = dialogPositioner.DialogPositioner;
 exports.Root = dialogRoot.DialogRoot;
+exports.RootProvider = dialogRootProvider.DialogRootProvider;
 exports.Title = dialogTitle.DialogTitle;
 exports.Trigger = dialogTrigger.DialogTrigger;

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

@@ -6,5 +6,6 @@ export { DialogContext as Context, type DialogContextProps as ContextProps } fro
 export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, } from './dialog-description';
 export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, } from './dialog-positioner';
 export { DialogRoot as Root, type DialogRootProps as RootProps } from './dialog-root';
+export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider';
 export { DialogTitle as Title, type DialogTitleProps as TitleProps } from './dialog-title';
 export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps } from './dialog-trigger';

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

@@ -6,5 +6,6 @@ export { DialogContext as Context, type DialogContextProps as ContextProps } fro
 export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, } from './dialog-description';
 export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, } from './dialog-positioner';
 export { DialogRoot as Root, type DialogRootProps as RootProps } from './dialog-root';
+export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider';
 export { DialogTitle as Title, type DialogTitleProps as TitleProps } from './dialog-title';
 export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps } from './dialog-trigger';

package/dist/components/dialog/dialog.js

@@ -5,5 +5,6 @@ export { DialogContext as Context } from './dialog-context.js';
 export { DialogDescription as Description } from './dialog-description.js';
 export { DialogPositioner as Positioner } from './dialog-positioner.js';
 export { DialogRoot as Root } from './dialog-root.js';
+export { DialogRootProvider as RootProvider } from './dialog-root-provider.js';
 export { DialogTitle as Title } from './dialog-title.js';
 export { DialogTrigger as Trigger } from './dialog-trigger.js';

package/dist/components/dialog/index.cjs

@@ -9,8 +9,10 @@ const dialogContext = require('./dialog-context.cjs');
 const dialogDescription = require('./dialog-description.cjs');
 const dialogPositioner = require('./dialog-positioner.cjs');
 const dialogRoot = require('./dialog-root.cjs');
+const dialogRootProvider = require('./dialog-root-provider.cjs');
 const dialogTitle = require('./dialog-title.cjs');
 const dialogTrigger = require('./dialog-trigger.cjs');
+const useDialog = require('./use-dialog.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
 const dialog = require('./dialog.cjs');
 
@@ -23,7 +25,9 @@ exports.DialogContext = dialogContext.DialogContext;
 exports.DialogDescription = dialogDescription.DialogDescription;
 exports.DialogPositioner = dialogPositioner.DialogPositioner;
 exports.DialogRoot = dialogRoot.DialogRoot;
+exports.DialogRootProvider = dialogRootProvider.DialogRootProvider;
 exports.DialogTitle = dialogTitle.DialogTitle;
 exports.DialogTrigger = dialogTrigger.DialogTrigger;
+exports.useDialog = useDialog.useDialog;
 exports.useDialogContext = useDialogContext.useDialogContext;
 exports.Dialog = dialog;

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

@@ -6,7 +6,9 @@ export { DialogContext, type DialogContextProps } from './dialog-context';
 export { DialogDescription, type DialogDescriptionProps } from './dialog-description';
 export { DialogPositioner, type DialogPositionerProps } from './dialog-positioner';
 export { DialogRoot, type DialogRootProps } from './dialog-root';
+export { DialogRootProvider, type DialogRootProviderProps } from './dialog-root-provider';
 export { DialogTitle, type DialogTitleProps } from './dialog-title';
 export { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';
-export { type UseDialogContext, useDialogContext } from './use-dialog-context';
+export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';
+export { useDialogContext, type UseDialogContext } from './use-dialog-context';
 export * as Dialog from './dialog';

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

@@ -6,7 +6,9 @@ export { DialogContext, type DialogContextProps } from './dialog-context';
 export { DialogDescription, type DialogDescriptionProps } from './dialog-description';
 export { DialogPositioner, type DialogPositionerProps } from './dialog-positioner';
 export { DialogRoot, type DialogRootProps } from './dialog-root';
+export { DialogRootProvider, type DialogRootProviderProps } from './dialog-root-provider';
 export { DialogTitle, type DialogTitleProps } from './dialog-title';
 export { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';
-export { type UseDialogContext, useDialogContext } from './use-dialog-context';
+export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';
+export { useDialogContext, type UseDialogContext } from './use-dialog-context';
 export * as Dialog from './dialog';

package/dist/components/dialog/index.js

@@ -5,8 +5,10 @@ export { DialogContext } from './dialog-context.js';
 export { DialogDescription } from './dialog-description.js';
 export { DialogPositioner } from './dialog-positioner.js';
 export { DialogRoot } from './dialog-root.js';
+export { DialogRootProvider } from './dialog-root-provider.js';
 export { DialogTitle } from './dialog-title.js';
 export { DialogTrigger } from './dialog-trigger.js';
+export { useDialog } from './use-dialog.js';
 export { useDialogContext } from './use-dialog-context.js';
 import * as dialog from './dialog.js';
 export { dialog as Dialog };

package/dist/components/editable/editable-area.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableArea = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.areaProps, props);
+  const mergedProps = react$1.mergeProps(editable.getAreaProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 EditableArea.displayName = "EditableArea";

package/dist/components/editable/editable-area.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditableArea = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.areaProps, props);
+  const mergedProps = mergeProps(editable.getAreaProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 EditableArea.displayName = "EditableArea";

package/dist/components/editable/editable-cancel-trigger.cjs

@@ -12,7 +12,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 const EditableCancelTrigger = react.forwardRef(
   (props, ref) => {
     const editable = useEditableContext.useEditableContext();
-    const mergedProps = react$1.mergeProps(editable.cancelTriggerProps, props);
+    const mergedProps = react$1.mergeProps(editable.getCancelTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/editable/editable-cancel-trigger.js

@@ -8,7 +8,7 @@ import { useEditableContext } from './use-editable-context.js';
 const EditableCancelTrigger = forwardRef(
   (props, ref) => {
     const editable = useEditableContext();
-    const mergedProps = mergeProps(editable.cancelTriggerProps, props);
+    const mergedProps = mergeProps(editable.getCancelTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/editable/editable-control.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableControl = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.controlProps, props);
+  const mergedProps = react$1.mergeProps(editable.getControlProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 EditableControl.displayName = "EditableControl";

package/dist/components/editable/editable-control.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditableControl = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.controlProps, props);
+  const mergedProps = mergeProps(editable.getControlProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 EditableControl.displayName = "EditableControl";

package/dist/components/editable/editable-edit-trigger.cjs

@@ -12,7 +12,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 const EditableEditTrigger = react.forwardRef(
   (props, ref) => {
     const editable = useEditableContext.useEditableContext();
-    const mergedProps = react$1.mergeProps(editable.editTriggerProps, props);
+    const mergedProps = react$1.mergeProps(editable.getEditTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/editable/editable-edit-trigger.js

@@ -8,7 +8,7 @@ import { useEditableContext } from './use-editable-context.js';
 const EditableEditTrigger = forwardRef(
   (props, ref) => {
     const editable = useEditableContext();
-    const mergedProps = mergeProps(editable.editTriggerProps, props);
+    const mergedProps = mergeProps(editable.getEditTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableInput = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.inputProps, props);
+  const mergedProps = react$1.mergeProps(editable.getInputProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
 EditableInput.displayName = "EditableInput";

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

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditableInput = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.inputProps, props);
+  const mergedProps = mergeProps(editable.getInputProps(), props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
 EditableInput.displayName = "EditableInput";

package/dist/components/editable/editable-label.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableLabel = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.labelProps, props);
+  const mergedProps = react$1.mergeProps(editable.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 EditableLabel.displayName = "EditableLabel";

package/dist/components/editable/editable-label.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditableLabel = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.labelProps, props);
+  const mergedProps = mergeProps(editable.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 EditableLabel.displayName = "EditableLabel";

package/dist/components/editable/editable-preview.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditablePreview = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.previewProps, props);
+  const mergedProps = react$1.mergeProps(editable.getPreviewProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
 });
 EditablePreview.displayName = "EditablePreview";

package/dist/components/editable/editable-preview.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditablePreview = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.previewProps, props);
+  const mergedProps = mergeProps(editable.getPreviewProps(), props);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
 });
 EditablePreview.displayName = "EditablePreview";