@ark-ui/react 5.30.0 → 5.31.0

package/dist/components/accordion/accordion-item.cjs

@@ -12,6 +12,7 @@ const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
 require('@zag-js/color-picker');
 require('@zag-js/date-picker');
 require('@zag-js/splitter');
+require('@zag-js/tour');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');

package/dist/components/accordion/accordion-item.js

@@ -8,6 +8,7 @@ import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
 import '@zag-js/color-picker';
 import '@zag-js/date-picker';
 import '@zag-js/splitter';
+import '@zag-js/tour';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { AccordionItemPropsProvider } from './use-accordion-item-props-context.js';

package/dist/components/accordion/index.cjs

@@ -13,8 +13,8 @@ const accordionRootProvider = require('./accordion-root-provider.cjs');
 const useAccordion = require('./use-accordion.cjs');
 const useAccordionContext = require('./use-accordion-context.cjs');
 const useAccordionItemContext = require('./use-accordion-item-context.cjs');
-const accordion$1 = require('./accordion.cjs');
-const accordion = require('@zag-js/accordion');
+const accordion = require('./accordion.cjs');
+const accordion$1 = require('@zag-js/accordion');
 
 
 
@@ -29,8 +29,8 @@ exports.AccordionRootProvider = accordionRootProvider.AccordionRootProvider;
 exports.useAccordion = useAccordion.useAccordion;
 exports.useAccordionContext = useAccordionContext.useAccordionContext;
 exports.useAccordionItemContext = useAccordionItemContext.useAccordionItemContext;
-exports.Accordion = accordion$1;
+exports.Accordion = accordion;
 Object.defineProperty(exports, "accordionAnatomy", {
   enumerable: true,
-  get: () => accordion.anatomy
+  get: () => accordion$1.anatomy
 });

package/dist/components/angle-slider/index.cjs

@@ -14,8 +14,8 @@ const angleSliderThumb = require('./angle-slider-thumb.cjs');
 const angleSliderValueText = require('./angle-slider-value-text.cjs');
 const useAngleSlider = require('./use-angle-slider.cjs');
 const useAngleSliderContext = require('./use-angle-slider-context.cjs');
-const angleSlider$1 = require('./angle-slider.cjs');
-const angleSlider = require('@zag-js/angle-slider');
+const angleSlider = require('./angle-slider.cjs');
+const angleSlider$1 = require('@zag-js/angle-slider');
 
 
 
@@ -31,8 +31,8 @@ exports.AngleSliderThumb = angleSliderThumb.AngleSliderThumb;
 exports.AngleSliderValueText = angleSliderValueText.AngleSliderValueText;
 exports.useAngleSlider = useAngleSlider.useAngleSlider;
 exports.useAngleSliderContext = useAngleSliderContext.useAngleSliderContext;
-exports.AngleSlider = angleSlider$1;
+exports.AngleSlider = angleSlider;
 Object.defineProperty(exports, "angleSliderAnatomy", {
   enumerable: true,
-  get: () => angleSlider.anatomy
+  get: () => angleSlider$1.anatomy
 });

package/dist/components/avatar/index.cjs

@@ -9,8 +9,8 @@ const avatarRoot = require('./avatar-root.cjs');
 const avatarRootProvider = require('./avatar-root-provider.cjs');
 const useAvatar = require('./use-avatar.cjs');
 const useAvatarContext = require('./use-avatar-context.cjs');
-const avatar$1 = require('./avatar.cjs');
-const avatar = require('@zag-js/avatar');
+const avatar = require('./avatar.cjs');
+const avatar$1 = require('@zag-js/avatar');
 
 
 
@@ -21,8 +21,8 @@ exports.AvatarRoot = avatarRoot.AvatarRoot;
 exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
-exports.Avatar = avatar$1;
+exports.Avatar = avatar;
 Object.defineProperty(exports, "avatarAnatomy", {
   enumerable: true,
-  get: () => avatar.anatomy
+  get: () => avatar$1.anatomy
 });

package/dist/components/bottom-sheet/index.cjs

@@ -14,8 +14,8 @@ const bottomSheetTitle = require('./bottom-sheet-title.cjs');
 const bottomSheetTrigger = require('./bottom-sheet-trigger.cjs');
 const useBottomSheet = require('./use-bottom-sheet.cjs');
 const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
-const bottomSheet$1 = require('./bottom-sheet.cjs');
-const bottomSheet = require('@zag-js/bottom-sheet');
+const bottomSheet = require('./bottom-sheet.cjs');
+const bottomSheet$1 = require('@zag-js/bottom-sheet');
 
 
 
@@ -31,8 +31,8 @@ exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
 exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
 exports.useBottomSheet = useBottomSheet.useBottomSheet;
 exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
-exports.BottomSheet = bottomSheet$1;
+exports.BottomSheet = bottomSheet;
 Object.defineProperty(exports, "bottomSheetAnatomy", {
   enumerable: true,
-  get: () => bottomSheet.anatomy
+  get: () => bottomSheet$1.anatomy
 });

package/dist/components/checkbox/use-checkbox.cjs

@@ -34,7 +34,7 @@ const useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext.useCheckboxGroupContext();
   const field = useFieldContext.useFieldContext();
   const props = react.useMemo(() => {
-    return react$1.mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});
+    return react$1.mergeProps(checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {}, ownProps);
   }, [ownProps, checkboxGroup]);
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();

package/dist/components/checkbox/use-checkbox.js

@@ -11,7 +11,7 @@ const useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext();
   const field = useFieldContext();
   const props = useMemo(() => {
-    return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});
+    return mergeProps(checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {}, ownProps);
   }, [ownProps, checkboxGroup]);
   const id = useId();
   const { getRootNode } = useEnvironmentContext();

package/dist/components/clipboard/index.cjs

@@ -13,8 +13,8 @@ const clipboardTrigger = require('./clipboard-trigger.cjs');
 const clipboardValueText = require('./clipboard-value-text.cjs');
 const useClipboard = require('./use-clipboard.cjs');
 const useClipboardContext = require('./use-clipboard-context.cjs');
-const clipboard$1 = require('./clipboard.cjs');
-const clipboard = require('@zag-js/clipboard');
+const clipboard = require('./clipboard.cjs');
+const clipboard$1 = require('@zag-js/clipboard');
 
 
 
@@ -29,8 +29,8 @@ exports.ClipboardTrigger = clipboardTrigger.ClipboardTrigger;
 exports.ClipboardValueText = clipboardValueText.ClipboardValueText;
 exports.useClipboard = useClipboard.useClipboard;
 exports.useClipboardContext = useClipboardContext.useClipboardContext;
-exports.Clipboard = clipboard$1;
+exports.Clipboard = clipboard;
 Object.defineProperty(exports, "clipboardAnatomy", {
   enumerable: true,
-  get: () => clipboard.anatomy
+  get: () => clipboard$1.anatomy
 });

package/dist/components/collapsible/index.cjs

@@ -10,8 +10,8 @@ const collapsibleRootProvider = require('./collapsible-root-provider.cjs');
 const collapsibleTrigger = require('./collapsible-trigger.cjs');
 const useCollapsible = require('./use-collapsible.cjs');
 const useCollapsibleContext = require('./use-collapsible-context.cjs');
-const collapsible$1 = require('./collapsible.cjs');
-const collapsible = require('@zag-js/collapsible');
+const collapsible = require('./collapsible.cjs');
+const collapsible$1 = require('@zag-js/collapsible');
 
 
 
@@ -23,8 +23,8 @@ exports.CollapsibleRootProvider = collapsibleRootProvider.CollapsibleRootProvide
 exports.CollapsibleTrigger = collapsibleTrigger.CollapsibleTrigger;
 exports.useCollapsible = useCollapsible.useCollapsible;
 exports.useCollapsibleContext = useCollapsibleContext.useCollapsibleContext;
-exports.Collapsible = collapsible$1;
+exports.Collapsible = collapsible;
 Object.defineProperty(exports, "collapsibleAnatomy", {
   enumerable: true,
-  get: () => collapsible.anatomy
+  get: () => collapsible$1.anatomy
 });

package/dist/components/collection/tree-collection.js

@@ -1,5 +1,5 @@
 'use client';
-import { filePathToTree, TreeCollection } from '@zag-js/collection';
+import { TreeCollection, filePathToTree } from '@zag-js/collection';
 
 const createTreeCollection = (options) => new TreeCollection(options);
 const createFileTreeCollection = (paths) => filePathToTree(paths);

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const colorPicker = require('@zag-js/color-picker');
+const colorPicker$1 = require('@zag-js/color-picker');
 const colorPickerArea = require('./color-picker-area.cjs');
 const colorPickerAreaBackground = require('./color-picker-area-background.cjs');
 const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
@@ -35,13 +35,13 @@ const colorPickerView = require('./color-picker-view.cjs');
 const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
 const useColorPicker = require('./use-color-picker.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
-const colorPicker$1 = require('./color-picker.cjs');
+const colorPicker = require('./color-picker.cjs');
 
 
 
 Object.defineProperty(exports, "parseColor", {
   enumerable: true,
-  get: () => colorPicker.parse
+  get: () => colorPicker$1.parse
 });
 exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
 exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
@@ -75,4 +75,4 @@ exports.ColorPickerView = colorPickerView.ColorPickerView;
 exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
-exports.ColorPicker = colorPicker$1;
+exports.ColorPicker = colorPicker;

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

@@ -43,6 +43,7 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
     "onOpenChange",
     "onValueChange",
     "onViewChange",
+    "onVisibleRangeChange",
     "open",
     "outsideDaySelectable",
     "parse",

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

@@ -39,6 +39,7 @@ const DatePickerRoot = forwardRef((props, ref) => {
     "onOpenChange",
     "onValueChange",
     "onViewChange",
+    "onVisibleRangeChange",
     "open",
     "outsideDaySelectable",
     "parse",

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

@@ -0,0 +1,30 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const factory = require('../factory.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const DatePickerValueText = react.forwardRef((props, ref) => {
+  const { children, placeholder, separator = ", ", ...localProps } = props;
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const hasValue = datePicker.value.length > 0;
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: hasValue ? datePicker.value.map((value, index) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: children({
+      value,
+      index,
+      valueAsString: datePicker.valueAsString[index],
+      remove: () => {
+        datePicker.setValue(datePicker.value.filter((_, i) => i !== index));
+      }
+    }) }, index)) : placeholder });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...datePicker_anatomy.datePickerAnatomy.build().valueText.attrs, ...localProps, ref, children: hasValue ? datePicker.valueAsString.join(separator) : placeholder });
+});
+DatePickerValueText.displayName = "DatePickerValueText";
+
+exports.DatePickerValueText = DatePickerValueText;

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

@@ -0,0 +1,29 @@
+import { DateValue } from '@zag-js/date-picker';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DatePickerValueTextRenderProps {
+    value: DateValue;
+    index: number;
+    valueAsString: string;
+    remove: () => void;
+}
+export interface DatePickerValueTextBaseProps extends PolymorphicProps {
+    /**
+     * Text to display when no date is selected.
+     */
+    placeholder?: string | undefined;
+    /**
+     * A function to render each selected date value.
+     * When provided, each date in the selection will be rendered using this function.
+     */
+    children?: ((props: DatePickerValueTextRenderProps) => React.ReactNode) | undefined;
+    /**
+     * The separator to use between multiple date values when using default rendering.
+     * @default ", "
+     */
+    separator?: string | undefined;
+}
+export interface DatePickerValueTextProps extends Assign<HTMLProps<'span'>, DatePickerValueTextBaseProps> {
+}
+export declare const DatePickerValueText: ForwardRefExoticComponent<DatePickerValueTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,29 @@
+import { DateValue } from '@zag-js/date-picker';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DatePickerValueTextRenderProps {
+    value: DateValue;
+    index: number;
+    valueAsString: string;
+    remove: () => void;
+}
+export interface DatePickerValueTextBaseProps extends PolymorphicProps {
+    /**
+     * Text to display when no date is selected.
+     */
+    placeholder?: string | undefined;
+    /**
+     * A function to render each selected date value.
+     * When provided, each date in the selection will be rendered using this function.
+     */
+    children?: ((props: DatePickerValueTextRenderProps) => React.ReactNode) | undefined;
+    /**
+     * The separator to use between multiple date values when using default rendering.
+     * @default ", "
+     */
+    separator?: string | undefined;
+}
+export interface DatePickerValueTextProps extends Assign<HTMLProps<'span'>, DatePickerValueTextBaseProps> {
+}
+export declare const DatePickerValueText: ForwardRefExoticComponent<DatePickerValueTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,26 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, Fragment } from 'react';
+import { ark } from '../factory.js';
+import { datePickerAnatomy } from './date-picker.anatomy.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+
+const DatePickerValueText = forwardRef((props, ref) => {
+  const { children, placeholder, separator = ", ", ...localProps } = props;
+  const datePicker = useDatePickerContext();
+  const hasValue = datePicker.value.length > 0;
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsx(Fragment, { children: hasValue ? datePicker.value.map((value, index) => /* @__PURE__ */ jsx(Fragment, { children: children({
+      value,
+      index,
+      valueAsString: datePicker.valueAsString[index],
+      remove: () => {
+        datePicker.setValue(datePicker.value.filter((_, i) => i !== index));
+      }
+    }) }, index)) : placeholder });
+  }
+  return /* @__PURE__ */ jsx(ark.span, { ...datePickerAnatomy.build().valueText.attrs, ...localProps, ref, children: hasValue ? datePicker.valueAsString.join(separator) : placeholder });
+});
+DatePickerValueText.displayName = "DatePickerValueText";
+
+export { DatePickerValueText };

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

@@ -5,6 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const datePicker = require('@zag-js/date-picker');
 
-const datePickerAnatomy = datePicker.anatomy.extendWith("view");
+const datePickerAnatomy = datePicker.anatomy.extendWith("view", "valueText");
 
 exports.datePickerAnatomy = datePickerAnatomy;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "valueText" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "valueText" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

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

@@ -1,6 +1,6 @@
 'use client';
 import { anatomy } from '@zag-js/date-picker';
 
-const datePickerAnatomy = anatomy.extendWith("view");
+const datePickerAnatomy = anatomy.extendWith("view", "valueText");
 
 export { datePickerAnatomy };

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

@@ -14,6 +14,7 @@ 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 datePickerValueText = require('./date-picker-value-text.cjs');
 const datePickerRoot = require('./date-picker-root.cjs');
 const datePickerRootProvider = require('./date-picker-root-provider.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
@@ -43,6 +44,7 @@ exports.Positioner = datePickerPositioner.DatePickerPositioner;
 exports.PresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.PrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.RangeText = datePickerRangeText.DatePickerRangeText;
+exports.ValueText = datePickerValueText.DatePickerValueText;
 exports.Root = datePickerRoot.DatePickerRoot;
 exports.RootProvider = datePickerRootProvider.DatePickerRootProvider;
 exports.Table = datePickerTable.DatePickerTable;

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

@@ -11,6 +11,7 @@ export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps
 export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root';
 export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table';

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

@@ -11,6 +11,7 @@ export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps
 export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root';
 export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table';

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

@@ -10,6 +10,7 @@ export { DatePickerPositioner as Positioner } from './date-picker-positioner.js'
 export { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-trigger.js';
 export { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText as RangeText } from './date-picker-range-text.js';
+export { DatePickerValueText as ValueText } from './date-picker-value-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';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const datePicker = require('@zag-js/date-picker');
+const datePicker$1 = require('@zag-js/date-picker');
 const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
 const datePickerContent = require('./date-picker-content.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
@@ -15,6 +15,7 @@ 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 datePickerValueText = require('./date-picker-value-text.cjs');
 const datePickerRoot = require('./date-picker-root.cjs');
 const datePickerRootProvider = require('./date-picker-root-provider.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
@@ -32,13 +33,13 @@ const datePickerYearSelect = require('./date-picker-year-select.cjs');
 const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
-const datePicker$1 = require('./date-picker.cjs');
+const datePicker = require('./date-picker.cjs');
 
 
 
 Object.defineProperty(exports, "parseDate", {
   enumerable: true,
-  get: () => datePicker.parse
+  get: () => datePicker$1.parse
 });
 exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
 exports.DatePickerContent = datePickerContent.DatePickerContent;
@@ -52,6 +53,7 @@ exports.DatePickerPositioner = datePickerPositioner.DatePickerPositioner;
 exports.DatePickerPresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
+exports.DatePickerValueText = datePickerValueText.DatePickerValueText;
 exports.DatePickerRoot = datePickerRoot.DatePickerRoot;
 exports.DatePickerRootProvider = datePickerRootProvider.DatePickerRootProvider;
 exports.DatePickerTable = datePickerTable.DatePickerTable;
@@ -69,4 +71,4 @@ exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
 exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.useDatePicker = useDatePicker.useDatePicker;
 exports.useDatePickerContext = useDatePickerContext.useDatePickerContext;
-exports.DatePicker = datePicker$1;
+exports.DatePicker = datePicker;

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

@@ -12,6 +12,7 @@ export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePick
 export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root';
 export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table';

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

@@ -12,6 +12,7 @@ export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePick
 export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root';
 export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table';

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

@@ -11,6 +11,7 @@ export { DatePickerPositioner } from './date-picker-positioner.js';
 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 { DatePickerValueText } from './date-picker-value-text.js';
 export { DatePickerRoot } from './date-picker-root.js';
 export { DatePickerRootProvider } from './date-picker-root-provider.js';
 export { DatePickerTable } from './date-picker-table.js';

package/dist/components/dialog/index.cjs

@@ -14,8 +14,8 @@ 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$1 = require('./dialog.cjs');
-const dialog = require('@zag-js/dialog');
+const dialog = require('./dialog.cjs');
+const dialog$1 = require('@zag-js/dialog');
 
 
 
@@ -31,8 +31,8 @@ exports.DialogTitle = dialogTitle.DialogTitle;
 exports.DialogTrigger = dialogTrigger.DialogTrigger;
 exports.useDialog = useDialog.useDialog;
 exports.useDialogContext = useDialogContext.useDialogContext;
-exports.Dialog = dialog$1;
+exports.Dialog = dialog;
 Object.defineProperty(exports, "dialogAnatomy", {
   enumerable: true,
-  get: () => dialog.anatomy
+  get: () => dialog$1.anatomy
 });

package/dist/components/editable/index.cjs

@@ -15,8 +15,8 @@ const editableRootProvider = require('./editable-root-provider.cjs');
 const editableSubmitTrigger = require('./editable-submit-trigger.cjs');
 const useEditable = require('./use-editable.cjs');
 const useEditableContext = require('./use-editable-context.cjs');
-const editable$1 = require('./editable.cjs');
-const editable = require('@zag-js/editable');
+const editable = require('./editable.cjs');
+const editable$1 = require('@zag-js/editable');
 
 
 
@@ -33,8 +33,8 @@ exports.EditableRootProvider = editableRootProvider.EditableRootProvider;
 exports.EditableSubmitTrigger = editableSubmitTrigger.EditableSubmitTrigger;
 exports.useEditable = useEditable.useEditable;
 exports.useEditableContext = useEditableContext.useEditableContext;
-exports.Editable = editable$1;
+exports.Editable = editable;
 Object.defineProperty(exports, "editableAnatomy", {
   enumerable: true,
-  get: () => editable.anatomy
+  get: () => editable$1.anatomy
 });

package/dist/components/file-upload/file-upload-root.cjs

@@ -33,6 +33,7 @@ const FileUploadRoot = react.forwardRef((props, ref) => {
     "onFileChange",
     "onFileReject",
     "preventDocumentDrop",
+    "readOnly",
     "required",
     "translations",
     "transformFiles",

package/dist/components/file-upload/file-upload-root.js

@@ -29,6 +29,7 @@ const FileUploadRoot = forwardRef((props, ref) => {
     "onFileChange",
     "onFileReject",
     "preventDocumentDrop",
+    "readOnly",
     "required",
     "translations",
     "transformFiles",

package/dist/components/file-upload/index.cjs

@@ -19,8 +19,8 @@ const fileUploadRootProvider = require('./file-upload-root-provider.cjs');
 const fileUploadTrigger = require('./file-upload-trigger.cjs');
 const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const fileUpload$1 = require('./file-upload.cjs');
-const fileUpload = require('@zag-js/file-upload');
+const fileUpload = require('./file-upload.cjs');
+const fileUpload$1 = require('@zag-js/file-upload');
 
 
 
@@ -41,8 +41,8 @@ exports.FileUploadRootProvider = fileUploadRootProvider.FileUploadRootProvider;
 exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
-exports.FileUpload = fileUpload$1;
+exports.FileUpload = fileUpload;
 Object.defineProperty(exports, "fileUploadAnatomy", {
   enumerable: true,
-  get: () => fileUpload.anatomy
+  get: () => fileUpload$1.anatomy
 });

package/dist/components/floating-panel/index.cjs

@@ -18,8 +18,8 @@ const floatingPanelTrigger = require('./floating-panel-trigger.cjs');
 const floatingPanelControl = require('./floating-panel-control.cjs');
 const useFloatingPanel = require('./use-floating-panel.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
-const floatingPanel$1 = require('./floating-panel.cjs');
-const floatingPanel = require('@zag-js/floating-panel');
+const floatingPanel = require('./floating-panel.cjs');
+const floatingPanel$1 = require('@zag-js/floating-panel');
 
 
 
@@ -39,8 +39,8 @@ exports.FloatingPanelTrigger = floatingPanelTrigger.FloatingPanelTrigger;
 exports.FloatingPanelControl = floatingPanelControl.FloatingPanelControl;
 exports.useFloatingPanel = useFloatingPanel.useFloatingPanel;
 exports.useFloatingPanelContext = useFloatingPanelContext.useFloatingPanelContext;
-exports.FloatingPanel = floatingPanel$1;
+exports.FloatingPanel = floatingPanel;
 Object.defineProperty(exports, "floatingPanelAnatomy", {
   enumerable: true,
-  get: () => floatingPanel.anatomy
+  get: () => floatingPanel$1.anatomy
 });