@ark-ui/react 4.9.1 → 5.0.0

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

@@ -14,53 +14,50 @@ const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-const DatePickerRoot = react.forwardRef(
-  (props, ref) => {
-    const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
-    const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(datePickerProps, [
-      "closeOnSelect",
-      "defaultOpen",
-      "defaultValue",
-      "defaultView",
-      "disabled",
-      "fixedWeeks",
-      "focusedValue",
-      "format",
-      "id",
-      "ids",
-      "isDateUnavailable",
-      "isDateUnavailable",
-      "locale",
-      "max",
-      "maxView",
-      "min",
-      "minView",
-      "name",
-      "numOfMonths",
-      "onFocusChange",
-      "onOpenChange",
-      "onValueChange",
-      "onViewChange",
-      "open",
-      "parse",
-      "placeholder",
-      "positioning",
-      "readOnly",
-      "selectionMode",
-      "startOfWeek",
-      "timeZone",
-      "translations",
-      "value",
-      "view"
-    ]);
-    const datePicker = useDatePicker.useDatePicker(useDatePickerProps);
-    const presence = usePresence.usePresence(
-      react$1.mergeProps({ present: datePicker.open }, presenceProps)
-    );
-    const mergedProps = react$1.mergeProps(datePicker.getRootProps(), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerContext.DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
-  }
-);
+const DatePickerRoot = react.forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
+  const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(datePickerProps, [
+    "closeOnSelect",
+    "defaultOpen",
+    "defaultValue",
+    "defaultView",
+    "defaultFocusedValue",
+    "disabled",
+    "fixedWeeks",
+    "focusedValue",
+    "format",
+    "id",
+    "ids",
+    "isDateUnavailable",
+    "isDateUnavailable",
+    "locale",
+    "max",
+    "maxView",
+    "min",
+    "minView",
+    "name",
+    "numOfMonths",
+    "onFocusChange",
+    "onOpenChange",
+    "onValueChange",
+    "onViewChange",
+    "open",
+    "parse",
+    "placeholder",
+    "positioning",
+    "readOnly",
+    "selectionMode",
+    "startOfWeek",
+    "timeZone",
+    "translations",
+    "value",
+    "view"
+  ]);
+  const datePicker = useDatePicker.useDatePicker(useDatePickerProps);
+  const presence = usePresence.usePresence(react$1.mergeProps({ present: datePicker.open }, presenceProps));
+  const mergedProps = react$1.mergeProps(datePicker.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerContext.DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+});
 DatePickerRoot.displayName = "DatePickerRoot";
 
 exports.DatePickerRoot = DatePickerRoot;

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

@@ -5,6 +5,6 @@ import { UseDatePickerProps } from './use-date-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface DatePickerRootBaseProps extends UseDatePickerProps, UsePresenceProps, PolymorphicProps {
 }
-export interface DatePickerRootProps extends Assign<HTMLProps<"div">, DatePickerRootBaseProps> {
+export interface DatePickerRootProps extends Assign<HTMLProps<'div'>, DatePickerRootBaseProps> {
 }
 export declare const DatePickerRoot: ForwardRefExoticComponent<DatePickerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -5,6 +5,6 @@ import { UseDatePickerProps } from './use-date-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface DatePickerRootBaseProps extends UseDatePickerProps, UsePresenceProps, PolymorphicProps {
 }
-export interface DatePickerRootProps extends Assign<HTMLProps<"div">, DatePickerRootBaseProps> {
+export interface DatePickerRootProps extends Assign<HTMLProps<'div'>, DatePickerRootBaseProps> {
 }
 export declare const DatePickerRoot: ForwardRefExoticComponent<DatePickerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -10,53 +10,50 @@ import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useDatePicker } from './use-date-picker.js';
 import { DatePickerProvider } from './use-date-picker-context.js';
 
-const DatePickerRoot = forwardRef(
-  (props, ref) => {
-    const [presenceProps, datePickerProps] = splitPresenceProps(props);
-    const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
-      "closeOnSelect",
-      "defaultOpen",
-      "defaultValue",
-      "defaultView",
-      "disabled",
-      "fixedWeeks",
-      "focusedValue",
-      "format",
-      "id",
-      "ids",
-      "isDateUnavailable",
-      "isDateUnavailable",
-      "locale",
-      "max",
-      "maxView",
-      "min",
-      "minView",
-      "name",
-      "numOfMonths",
-      "onFocusChange",
-      "onOpenChange",
-      "onValueChange",
-      "onViewChange",
-      "open",
-      "parse",
-      "placeholder",
-      "positioning",
-      "readOnly",
-      "selectionMode",
-      "startOfWeek",
-      "timeZone",
-      "translations",
-      "value",
-      "view"
-    ]);
-    const datePicker = useDatePicker(useDatePickerProps);
-    const presence = usePresence(
-      mergeProps({ present: datePicker.open }, presenceProps)
-    );
-    const mergedProps = mergeProps(datePicker.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
-  }
-);
+const DatePickerRoot = forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps(props);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
+    "closeOnSelect",
+    "defaultOpen",
+    "defaultValue",
+    "defaultView",
+    "defaultFocusedValue",
+    "disabled",
+    "fixedWeeks",
+    "focusedValue",
+    "format",
+    "id",
+    "ids",
+    "isDateUnavailable",
+    "isDateUnavailable",
+    "locale",
+    "max",
+    "maxView",
+    "min",
+    "minView",
+    "name",
+    "numOfMonths",
+    "onFocusChange",
+    "onOpenChange",
+    "onValueChange",
+    "onViewChange",
+    "open",
+    "parse",
+    "placeholder",
+    "positioning",
+    "readOnly",
+    "selectionMode",
+    "startOfWeek",
+    "timeZone",
+    "translations",
+    "value",
+    "view"
+  ]);
+  const datePicker = useDatePicker(useDatePickerProps);
+  const presence = usePresence(mergeProps({ present: datePicker.open }, presenceProps));
+  const mergedProps = mergeProps(datePicker.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+});
 DatePickerRoot.displayName = "DatePickerRoot";
 
 export { DatePickerRoot };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
 
-const DatePickerTableBody = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableBodyProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tbody, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableBody = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableBodyProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tbody, { ...mergedProps, ref });
+});
 DatePickerTableBody.displayName = "DatePickerTableBody";
 
 exports.DatePickerTableBody = DatePickerTableBody;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
 
-const DatePickerTableBody = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableBodyProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.tbody, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableBody = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableBodyProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.tbody, { ...mergedProps, ref });
+});
 DatePickerTableBody.displayName = "DatePickerTableBody";
 
 export { DatePickerTableBody };

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

@@ -12,26 +12,24 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTableCellPropsContext = require('./use-date-picker-table-cell-props-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
-const DatePickerTableCell = react.forwardRef(
-  (props, ref) => {
-    const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
-      "disabled",
-      "value",
-      "visibleRange",
-      "columns"
-    ]);
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const tableCellProps = {
-      day: datePicker.getDayTableCellProps,
-      month: datePicker.getMonthTableCellProps,
-      year: datePicker.getYearTableCellProps
-      // @ts-expect-error value is number filter
-    }[viewProps.view](cellProps);
-    const mergedProps = react$1.mergeProps(tableCellProps, localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerTableCellPropsContext.DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.td, { ref, ...mergedProps }) });
-  }
-);
+const DatePickerTableCell = react.forwardRef((props, ref) => {
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "disabled",
+    "value",
+    "visibleRange",
+    "columns"
+  ]);
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const tableCellProps = {
+    day: datePicker.getDayTableCellProps,
+    month: datePicker.getMonthTableCellProps,
+    year: datePicker.getYearTableCellProps
+    // @ts-expect-error value is number filter
+  }[viewProps.view](cellProps);
+  const mergedProps = react$1.mergeProps(tableCellProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerTableCellPropsContext.DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.td, { ref, ...mergedProps }) });
+});
 DatePickerTableCell.displayName = "DatePickerTableCell";
 
 exports.DatePickerTableCell = DatePickerTableCell;

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

@@ -8,26 +8,24 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 import { DatePickerTableCellPropsProvider } from './use-date-picker-table-cell-props-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
-const DatePickerTableCell = forwardRef(
-  (props, ref) => {
-    const [cellProps, localProps] = createSplitProps()(props, [
-      "disabled",
-      "value",
-      "visibleRange",
-      "columns"
-    ]);
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const tableCellProps = {
-      day: datePicker.getDayTableCellProps,
-      month: datePicker.getMonthTableCellProps,
-      year: datePicker.getYearTableCellProps
-      // @ts-expect-error value is number filter
-    }[viewProps.view](cellProps);
-    const mergedProps = mergeProps(tableCellProps, localProps);
-    return /* @__PURE__ */ jsx(DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsx(ark.td, { ref, ...mergedProps }) });
-  }
-);
+const DatePickerTableCell = forwardRef((props, ref) => {
+  const [cellProps, localProps] = createSplitProps()(props, [
+    "disabled",
+    "value",
+    "visibleRange",
+    "columns"
+  ]);
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const tableCellProps = {
+    day: datePicker.getDayTableCellProps,
+    month: datePicker.getMonthTableCellProps,
+    year: datePicker.getYearTableCellProps
+    // @ts-expect-error value is number filter
+  }[viewProps.view](cellProps);
+  const mergedProps = mergeProps(tableCellProps, localProps);
+  return /* @__PURE__ */ jsx(DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsx(ark.td, { ref, ...mergedProps }) });
+});
 DatePickerTableCell.displayName = "DatePickerTableCell";
 
 export { DatePickerTableCell };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
 
-const DatePickerTableHead = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableHeadProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.thead, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHead = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableHeadProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.thead, { ...mergedProps, ref });
+});
 DatePickerTableHead.displayName = "DatePickerTableHead";
 
 exports.DatePickerTableHead = DatePickerTableHead;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
 
-const DatePickerTableHead = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableHeadProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.thead, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHead = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableHeadProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.thead, { ...mergedProps, ref });
+});
 DatePickerTableHead.displayName = "DatePickerTableHead";
 
 export { DatePickerTableHead };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
 
-const DatePickerTableHeader = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableHeaderProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.th, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHeader = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableHeaderProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.th, { ...mergedProps, ref });
+});
 DatePickerTableHeader.displayName = "DatePickerTableHeader";
 
 exports.DatePickerTableHeader = DatePickerTableHeader;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
 
-const DatePickerTableHeader = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableHeaderProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.th, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHeader = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableHeaderProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.th, { ...mergedProps, ref });
+});
 DatePickerTableHeader.displayName = "DatePickerTableHeader";
 
 export { DatePickerTableHeader };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
 
-const DatePickerTableRow = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableRowProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tr, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableRow = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableRowProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tr, { ...mergedProps, ref });
+});
 DatePickerTableRow.displayName = "DatePickerTableRow";
 
 exports.DatePickerTableRow = DatePickerTableRow;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
 
-const DatePickerTableRow = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableRowProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.tr, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableRow = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableRowProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.tr, { ...mergedProps, ref });
+});
 DatePickerTableRow.displayName = "DatePickerTableRow";
 
 export { DatePickerTableRow };

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

@@ -13,9 +13,7 @@ const useDatePickerTablePropsContext = require('./use-date-picker-table-props-co
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
 const DatePickerTable = react.forwardRef((props, ref) => {
-  const [{ columns }, localProps] = createSplitProps.createSplitProps()(props, [
-    "columns"
-  ]);
+  const [{ columns }, localProps] = createSplitProps.createSplitProps()(props, ["columns"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
   const tableProps = { columns, id: react.useId(), ...viewProps };

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

@@ -9,9 +9,7 @@ import { DatePickerTablePropsProvider } from './use-date-picker-table-props-cont
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
 const DatePickerTable = forwardRef((props, ref) => {
-  const [{ columns }, localProps] = createSplitProps()(props, [
-    "columns"
-  ]);
+  const [{ columns }, localProps] = createSplitProps()(props, ["columns"]);
   const datePicker = useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext();
   const tableProps = { columns, id: useId(), ...viewProps };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-const DatePickerTrigger = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerTrigger = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 DatePickerTrigger.displayName = "DatePickerTrigger";
 
 exports.DatePickerTrigger = DatePickerTrigger;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerTrigger = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerTrigger = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 DatePickerTrigger.displayName = "DatePickerTrigger";
 
 export { DatePickerTrigger };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
-const DatePickerViewControl = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getViewControlProps(viewProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewControl = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getViewControlProps(viewProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 DatePickerViewControl.displayName = "DatePickerViewControl";
 
 exports.DatePickerViewControl = DatePickerViewControl;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
-const DatePickerViewControl = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const mergedProps = mergeProps(datePicker.getViewControlProps(viewProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewControl = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = mergeProps(datePicker.getViewControlProps(viewProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 DatePickerViewControl.displayName = "DatePickerViewControl";
 
 export { DatePickerViewControl };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
-const DatePickerViewTrigger = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getViewTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewTrigger = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getViewTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 DatePickerViewTrigger.displayName = "DatePickerViewTrigger";
 
 exports.DatePickerViewTrigger = DatePickerViewTrigger;