@ark-ui/react 4.9.1 → 4.9.2

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

@@ -11,15 +11,9 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
 const DatePickerInput = react.forwardRef((props, ref) => {
-  const [inputProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "index",
-    "fixOnBlur"
-  ]);
+  const [inputProps, localProps] = createSplitProps.createSplitProps()(props, ["index", "fixOnBlur"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
-  const mergedProps = react$1.mergeProps(
-    datePicker.getInputProps(inputProps),
-    localProps
-  );
+  const mergedProps = react$1.mergeProps(datePicker.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
 DatePickerInput.displayName = "DatePickerInput";

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

@@ -3,6 +3,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface DatePickerInputBaseProps extends InputProps, PolymorphicProps {
 }
-export interface DatePickerInputProps extends HTMLProps<"input">, DatePickerInputBaseProps {
+export interface DatePickerInputProps extends HTMLProps<'input'>, DatePickerInputBaseProps {
 }
 export declare const DatePickerInput: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -3,6 +3,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface DatePickerInputBaseProps extends InputProps, PolymorphicProps {
 }
-export interface DatePickerInputProps extends HTMLProps<"input">, DatePickerInputBaseProps {
+export interface DatePickerInputProps extends HTMLProps<'input'>, DatePickerInputBaseProps {
 }
 export declare const DatePickerInput: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -7,15 +7,9 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
 const DatePickerInput = forwardRef((props, ref) => {
-  const [inputProps, localProps] = createSplitProps()(props, [
-    "index",
-    "fixOnBlur"
-  ]);
+  const [inputProps, localProps] = createSplitProps()(props, ["index", "fixOnBlur"]);
   const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(
-    datePicker.getInputProps(inputProps),
-    localProps
-  );
+  const mergedProps = mergeProps(datePicker.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
 DatePickerInput.displayName = "DatePickerInput";

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

@@ -14,53 +14,49 @@ 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",
+    "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,49 @@ 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",
+    "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/field/use-field.cjs

@@ -107,9 +107,10 @@ const useField = (props) => {
   const getHelperTextProps = react.useMemo(
     () => () => ({
       id: helperTextId,
-      ...field_anatomy.parts.helperText.attrs
+      ...field_anatomy.parts.helperText.attrs,
+      "data-disabled": domQuery.dataAttr(disabled)
     }),
-    [helperTextId]
+    [disabled, helperTextId]
   );
   const getErrorTextProps = react.useMemo(
     () => () => ({

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

@@ -103,9 +103,10 @@ const useField = (props) => {
   const getHelperTextProps = useMemo(
     () => () => ({
       id: helperTextId,
-      ...parts.helperText.attrs
+      ...parts.helperText.attrs,
+      "data-disabled": dataAttr(disabled)
     }),
-    [helperTextId]
+    [disabled, helperTextId]
   );
   const getErrorTextProps = useMemo(
     () => () => ({

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

@@ -10,17 +10,14 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
-const FileUploadDropzone = react.forwardRef((props, ref) => {
-  const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "disableClick"
-  ]);
-  const fileUpload = useFileUploadContext.useFileUploadContext();
-  const mergedProps = react$1.mergeProps(
-    fileUpload.getDropzoneProps(dropzoneProps),
-    localProps
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const FileUploadDropzone = react.forwardRef(
+  (props, ref) => {
+    const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, ["disableClick"]);
+    const fileUpload = useFileUploadContext.useFileUploadContext();
+    const mergedProps = react$1.mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
 FileUploadDropzone.displayName = "FileUploadDropzone";
 
 exports.FileUploadDropzone = FileUploadDropzone;

package/dist/components/file-upload/file-upload-dropzone.d.cts

@@ -3,6 +3,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadDropzoneBaseProps extends PolymorphicProps, DropzoneProps {
 }
-export interface FileUploadDropzoneProps extends HTMLProps<"div">, FileUploadDropzoneBaseProps {
+export interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {
 }
 export declare const FileUploadDropzone: ForwardRefExoticComponent<FileUploadDropzoneProps & RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/file-upload-dropzone.d.ts

@@ -3,6 +3,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadDropzoneBaseProps extends PolymorphicProps, DropzoneProps {
 }
-export interface FileUploadDropzoneProps extends HTMLProps<"div">, FileUploadDropzoneBaseProps {
+export interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {
 }
 export declare const FileUploadDropzone: ForwardRefExoticComponent<FileUploadDropzoneProps & RefAttributes<HTMLDivElement>>;

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

@@ -6,17 +6,14 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
-const FileUploadDropzone = forwardRef((props, ref) => {
-  const [dropzoneProps, localProps] = createSplitProps()(props, [
-    "disableClick"
-  ]);
-  const fileUpload = useFileUploadContext();
-  const mergedProps = mergeProps(
-    fileUpload.getDropzoneProps(dropzoneProps),
-    localProps
-  );
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+const FileUploadDropzone = forwardRef(
+  (props, ref) => {
+    const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
+    const fileUpload = useFileUploadContext();
+    const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
 FileUploadDropzone.displayName = "FileUploadDropzone";
 
 export { FileUploadDropzone };

package/dist/components/file-upload/file-upload-item-preview-image.cjs

@@ -14,10 +14,7 @@ const FileUploadItemPreviewImage = react.forwardRef((props, ref) => {
   const [url, setUrl] = react.useState("");
   const fileUpload = useFileUploadContext.useFileUploadContext();
   const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
-  const mergedProps = react$1.mergeProps(
-    fileUpload.getItemPreviewImageProps({ ...itemProps, url }),
-    props
-  );
+  const mergedProps = react$1.mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
   react.useEffect(() => {
     return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
   }, [itemProps, fileUpload]);

package/dist/components/file-upload/file-upload-item-preview-image.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps {
 }
-export interface FileUploadItemPreviewImageProps extends HTMLProps<"img">, FileUploadItemPreviewImageBaseProps {
+export interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {
 }
 export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<FileUploadItemPreviewImageProps & RefAttributes<HTMLImageElement>>;

package/dist/components/file-upload/file-upload-item-preview-image.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps {
 }
-export interface FileUploadItemPreviewImageProps extends HTMLProps<"img">, FileUploadItemPreviewImageBaseProps {
+export interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {
 }
 export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<FileUploadItemPreviewImageProps & RefAttributes<HTMLImageElement>>;

package/dist/components/file-upload/file-upload-item-preview-image.js

@@ -10,10 +10,7 @@ const FileUploadItemPreviewImage = forwardRef((props, ref) => {
   const [url, setUrl] = useState("");
   const fileUpload = useFileUploadContext();
   const itemProps = useFileUploadItemPropsContext();
-  const mergedProps = mergeProps(
-    fileUpload.getItemPreviewImageProps({ ...itemProps, url }),
-    props
-  );
+  const mergedProps = mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
   useEffect(() => {
     return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
   }, [itemProps, fileUpload]);

package/dist/components/index.cjs

@@ -226,6 +226,7 @@ const fileUploadTrigger = require('./file-upload/file-upload-trigger.cjs');
 const useFileUpload = require('./file-upload/use-file-upload.cjs');
 const useFileUploadContext = require('./file-upload/use-file-upload-context.cjs');
 const fileUpload$1 = require('./file-upload/file-upload.cjs');
+const focusTrap = require('./focus-trap/focus-trap.cjs');
 const formatByte = require('./format/format-byte.cjs');
 const formatNumber = require('./format/format-number.cjs');
 const format = require('./format/format.cjs');
@@ -872,6 +873,7 @@ exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
 exports.FileUpload = fileUpload$1;
+exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
 exports.Format = format;

package/dist/components/index.d.cts

@@ -14,6 +14,7 @@ export * from './factory';
 export * from './field';
 export * from './fieldset';
 export * from './file-upload';
+export * from './focus-trap';
 export * from './format';
 export * from './frame';
 export * from './highlight';

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export * from './factory';
 export * from './field';
 export * from './fieldset';
 export * from './file-upload';
+export * from './focus-trap';
 export * from './format';
 export * from './frame';
 export * from './highlight';

package/dist/components/index.js

@@ -236,6 +236,7 @@ export { useFileUpload } from './file-upload/use-file-upload.js';
 export { useFileUploadContext } from './file-upload/use-file-upload-context.js';
 import * as fileUpload from './file-upload/file-upload.js';
 export { fileUpload as FileUpload };
+export { FocusTrap } from './focus-trap/focus-trap.js';
 export { FormatByte } from './format/format-byte.js';
 export { FormatNumber } from './format/format-number.js';
 import * as format from './format/format.js';

package/dist/components/select/select-hidden-select.cjs

@@ -22,7 +22,8 @@ const SelectHiddenSelect = react.forwardRef(
         "option",
         {
           value: select.collection.getItemValue(item) ?? "",
-          disabled: select.collection.getItemDisabled(item)
+          disabled: select.collection.getItemDisabled(item),
+          children: select.collection.stringifyItem(item)
         },
         index
       ))

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

@@ -18,7 +18,8 @@ const SelectHiddenSelect = forwardRef(
         "option",
         {
           value: select.collection.getItemValue(item) ?? "",
-          disabled: select.collection.getItemDisabled(item)
+          disabled: select.collection.getItemDisabled(item),
+          children: select.collection.stringifyItem(item)
         },
         index
       ))

package/dist/components/tour/tour-progress-text.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TourProgressTextBaseProps extends PolymorphicProps {
 }
-export interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {
+export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {
 }
 export declare const TourProgressText: ForwardRefExoticComponent<TourProgressTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tour/tour-progress-text.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TourProgressTextBaseProps extends PolymorphicProps {
 }
-export interface TourProgressTextProps extends HTMLProps<"div">, TourProgressTextBaseProps {
+export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {
 }
 export declare const TourProgressText: ForwardRefExoticComponent<TourProgressTextProps & RefAttributes<HTMLDivElement>>;

package/dist/index.cjs

@@ -226,6 +226,7 @@ const fileUploadTrigger = require('./components/file-upload/file-upload-trigger.
 const useFileUpload = require('./components/file-upload/use-file-upload.cjs');
 const useFileUploadContext = require('./components/file-upload/use-file-upload-context.cjs');
 const fileUpload$1 = require('./components/file-upload/file-upload.cjs');
+const focusTrap = require('./components/focus-trap/focus-trap.cjs');
 const formatByte = require('./components/format/format-byte.cjs');
 const formatNumber = require('./components/format/format-number.cjs');
 const format = require('./components/format/format.cjs');
@@ -876,6 +877,7 @@ exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
 exports.FileUpload = fileUpload$1;
+exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
 exports.Format = format;

package/dist/index.js

@@ -236,6 +236,7 @@ export { useFileUpload } from './components/file-upload/use-file-upload.js';
 export { useFileUploadContext } from './components/file-upload/use-file-upload-context.js';
 import * as fileUpload from './components/file-upload/file-upload.js';
 export { fileUpload as FileUpload };
+export { FocusTrap } from './components/focus-trap/focus-trap.js';
 export { FormatByte } from './components/format/format-byte.js';
 export { FormatNumber } from './components/format/format-number.js';
 import * as format from './components/format/format.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "4.9.1",
+  "version": "4.9.2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -161,90 +161,90 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.7.0",
-    "@zag-js/accordion": "0.82.1",
-    "@zag-js/anatomy": "0.82.1",
-    "@zag-js/auto-resize": "0.82.1",
-    "@zag-js/avatar": "0.82.1",
-    "@zag-js/carousel": "0.82.1",
-    "@zag-js/checkbox": "0.82.1",
-    "@zag-js/clipboard": "0.82.1",
-    "@zag-js/collapsible": "0.82.1",
-    "@zag-js/collection": "0.82.1",
-    "@zag-js/color-picker": "0.82.1",
-    "@zag-js/color-utils": "0.82.1",
-    "@zag-js/combobox": "0.82.1",
-    "@zag-js/core": "0.82.1",
-    "@zag-js/date-picker": "0.82.1",
-    "@zag-js/date-utils": "0.82.1",
-    "@zag-js/dialog": "0.82.1",
-    "@zag-js/dom-query": "0.82.1",
-    "@zag-js/editable": "0.82.1",
-    "@zag-js/file-upload": "0.82.1",
-    "@zag-js/file-utils": "0.82.1",
-    "@zag-js/focus-trap": "0.82.1",
-    "@zag-js/highlight-word": "0.82.1",
-    "@zag-js/hover-card": "0.82.1",
-    "@zag-js/i18n-utils": "0.82.1",
-    "@zag-js/menu": "0.82.1",
-    "@zag-js/number-input": "0.82.1",
-    "@zag-js/pagination": "0.82.1",
-    "@zag-js/pin-input": "0.82.1",
-    "@zag-js/popover": "0.82.1",
-    "@zag-js/presence": "0.82.1",
-    "@zag-js/progress": "0.82.1",
-    "@zag-js/qr-code": "0.82.1",
-    "@zag-js/radio-group": "0.82.1",
-    "@zag-js/rating-group": "0.82.1",
-    "@zag-js/react": "0.82.1",
-    "@zag-js/select": "0.82.1",
-    "@zag-js/signature-pad": "0.82.1",
-    "@zag-js/slider": "0.82.1",
-    "@zag-js/splitter": "0.82.1",
-    "@zag-js/steps": "0.82.1",
-    "@zag-js/switch": "0.82.1",
-    "@zag-js/tabs": "0.82.1",
-    "@zag-js/tags-input": "0.82.1",
-    "@zag-js/time-picker": "0.82.1",
-    "@zag-js/timer": "0.82.1",
-    "@zag-js/toast": "0.82.1",
-    "@zag-js/toggle-group": "0.82.1",
-    "@zag-js/tooltip": "0.82.1",
-    "@zag-js/tour": "0.82.1",
-    "@zag-js/tree-view": "0.82.1",
-    "@zag-js/types": "0.82.1"
+    "@zag-js/accordion": "0.82.2",
+    "@zag-js/anatomy": "0.82.2",
+    "@zag-js/auto-resize": "0.82.2",
+    "@zag-js/avatar": "0.82.2",
+    "@zag-js/carousel": "0.82.2",
+    "@zag-js/checkbox": "0.82.2",
+    "@zag-js/clipboard": "0.82.2",
+    "@zag-js/collapsible": "0.82.2",
+    "@zag-js/collection": "0.82.2",
+    "@zag-js/color-picker": "0.82.2",
+    "@zag-js/color-utils": "0.82.2",
+    "@zag-js/combobox": "0.82.2",
+    "@zag-js/core": "0.82.2",
+    "@zag-js/date-picker": "0.82.2",
+    "@zag-js/date-utils": "0.82.2",
+    "@zag-js/dialog": "0.82.2",
+    "@zag-js/dom-query": "0.82.2",
+    "@zag-js/editable": "0.82.2",
+    "@zag-js/file-upload": "0.82.2",
+    "@zag-js/file-utils": "0.82.2",
+    "@zag-js/focus-trap": "0.82.2",
+    "@zag-js/highlight-word": "0.82.2",
+    "@zag-js/hover-card": "0.82.2",
+    "@zag-js/i18n-utils": "0.82.2",
+    "@zag-js/menu": "0.82.2",
+    "@zag-js/number-input": "0.82.2",
+    "@zag-js/pagination": "0.82.2",
+    "@zag-js/pin-input": "0.82.2",
+    "@zag-js/popover": "0.82.2",
+    "@zag-js/presence": "0.82.2",
+    "@zag-js/progress": "0.82.2",
+    "@zag-js/qr-code": "0.82.2",
+    "@zag-js/radio-group": "0.82.2",
+    "@zag-js/rating-group": "0.82.2",
+    "@zag-js/react": "0.82.2",
+    "@zag-js/select": "0.82.2",
+    "@zag-js/signature-pad": "0.82.2",
+    "@zag-js/slider": "0.82.2",
+    "@zag-js/splitter": "0.82.2",
+    "@zag-js/steps": "0.82.2",
+    "@zag-js/switch": "0.82.2",
+    "@zag-js/tabs": "0.82.2",
+    "@zag-js/tags-input": "0.82.2",
+    "@zag-js/time-picker": "0.82.2",
+    "@zag-js/timer": "0.82.2",
+    "@zag-js/toast": "0.82.2",
+    "@zag-js/toggle-group": "0.82.2",
+    "@zag-js/tooltip": "0.82.2",
+    "@zag-js/tour": "0.82.2",
+    "@zag-js/tree-view": "0.82.2",
+    "@zag-js/types": "0.82.2"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.4.7",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/react-vite": "8.4.7",
-    "@storybook/react": "8.4.7",
+    "@release-it/keep-a-changelog": "6.0.0",
+    "@storybook/addon-a11y": "8.5.6",
+    "@storybook/addon-essentials": "8.5.6",
+    "@storybook/react-vite": "8.5.6",
+    "@storybook/react": "8.5.6",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.1.0",
-    "@testing-library/user-event": "14.5.2",
+    "@testing-library/react": "16.2.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
-    "@types/react": "19.0.7",
+    "@types/react": "19.0.9",
     "@types/react-dom": "19.0.3",
     "@vitejs/plugin-react": "4.3.4",
-    "@zag-js/stringify-state": "0.82.1",
+    "@zag-js/stringify-state": "0.82.2",
     "clean-package": "2.2.0",
-    "globby": "14.0.2",
-    "jsdom": "25.0.1",
-    "lucide-react": "0.473.0",
+    "globby": "14.1.0",
+    "jsdom": "26.0.0",
+    "lucide-react": "0.475.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.54.2",
-    "release-it": "17.11.0",
+    "release-it": "18.1.2",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.4.7",
+    "storybook": "8.5.6",
     "typescript": "5.7.3",
-    "vite": "5.4.11",
+    "vite": "5.4.14",
     "vite-plugin-dts": "4.5.0",
-    "vitest": "2.1.8",
-    "vitest-axe": "1.0.0-pre.3"
+    "vitest": "3.0.5",
+    "vitest-axe": "1.0.0-pre.5"
   },
   "peerDependencies": {
     "react": ">=18.0.0",