@ark-ui/react 4.7.0 → 4.8.0

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

@@ -2,12 +2,12 @@ export type { OpenChangeDetails as DialogOpenChangeDetails } from '@zag-js/dialo
 export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, } from './dialog-backdrop';
 export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, } from './dialog-close-trigger';
 export { DialogContent, type DialogContentBaseProps, type DialogContentProps, } from './dialog-content';
-export { DialogContext, type DialogContextProps, } from './dialog-context';
+export { DialogContext, type DialogContextProps } from './dialog-context';
 export { DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, } from './dialog-description';
 export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, } from './dialog-positioner';
-export { DialogRoot, type DialogRootBaseProps, type DialogRootProps, } from './dialog-root';
+export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root';
 export { DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, } from './dialog-root-provider';
-export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps, } from './dialog-title';
+export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title';
 export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, } from './dialog-trigger';
 export { dialogAnatomy } from './dialog.anatomy';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';

package/dist/components/editable/editable.d.cts

@@ -1,12 +1,12 @@
 export type { ValueChangeDetails } from '@zag-js/editable';
-export { EditableArea as Area, type EditableAreaProps as AreaProps, type EditableAreaBaseProps as AreaBaseProps, } from './editable-area';
-export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerProps as CancelTriggerProps, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, } from './editable-cancel-trigger';
+export { EditableArea as Area, type EditableAreaBaseProps as AreaBaseProps, type EditableAreaProps as AreaProps, } from './editable-area';
+export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, type EditableCancelTriggerProps as CancelTriggerProps, } from './editable-cancel-trigger';
 export { EditableContext as Context, type EditableContextProps as ContextProps, } from './editable-context';
-export { EditableControl as Control, type EditableControlProps as ControlProps, type EditableControlBaseProps as ControlBaseProps, } from './editable-control';
-export { EditableEditTrigger as EditTrigger, type EditableEditTriggerProps as EditTriggerProps, type EditableEditTriggerBaseProps as EditTriggerBaseProps, } from './editable-edit-trigger';
-export { EditableInput as Input, type EditableInputProps as InputProps, type EditableInputBaseProps as InputBaseProps, } from './editable-input';
-export { EditableLabel as Label, type EditableLabelProps as LabelProps, type EditableLabelBaseProps as LabelBaseProps, } from './editable-label';
-export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, type EditablePreviewBaseProps as PreviewBaseProps, } from './editable-preview';
-export { EditableRoot as Root, type EditableRootProps as RootProps, type EditableRootBaseProps as RootBaseProps, } from './editable-root';
-export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, type EditableRootProviderBaseProps as RootProviderBaseProps, } from './editable-root-provider';
-export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, } from './editable-submit-trigger';
+export { EditableControl as Control, type EditableControlBaseProps as ControlBaseProps, type EditableControlProps as ControlProps, } from './editable-control';
+export { EditableEditTrigger as EditTrigger, type EditableEditTriggerBaseProps as EditTriggerBaseProps, type EditableEditTriggerProps as EditTriggerProps, } from './editable-edit-trigger';
+export { EditableInput as Input, type EditableInputBaseProps as InputBaseProps, type EditableInputProps as InputProps, } from './editable-input';
+export { EditableLabel as Label, type EditableLabelBaseProps as LabelBaseProps, type EditableLabelProps as LabelProps, } from './editable-label';
+export { EditablePreview as Preview, type EditablePreviewBaseProps as PreviewBaseProps, type EditablePreviewProps as PreviewProps, } from './editable-preview';
+export { EditableRoot as Root, type EditableRootBaseProps as RootBaseProps, type EditableRootProps as RootProps, } from './editable-root';
+export { EditableRootProvider as RootProvider, type EditableRootProviderBaseProps as RootProviderBaseProps, type EditableRootProviderProps as RootProviderProps, } from './editable-root-provider';
+export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, type EditableSubmitTriggerProps as SubmitTriggerProps, } from './editable-submit-trigger';

package/dist/components/editable/editable.d.ts

@@ -1,12 +1,12 @@
 export type { ValueChangeDetails } from '@zag-js/editable';
-export { EditableArea as Area, type EditableAreaProps as AreaProps, type EditableAreaBaseProps as AreaBaseProps, } from './editable-area';
-export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerProps as CancelTriggerProps, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, } from './editable-cancel-trigger';
+export { EditableArea as Area, type EditableAreaBaseProps as AreaBaseProps, type EditableAreaProps as AreaProps, } from './editable-area';
+export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, type EditableCancelTriggerProps as CancelTriggerProps, } from './editable-cancel-trigger';
 export { EditableContext as Context, type EditableContextProps as ContextProps, } from './editable-context';
-export { EditableControl as Control, type EditableControlProps as ControlProps, type EditableControlBaseProps as ControlBaseProps, } from './editable-control';
-export { EditableEditTrigger as EditTrigger, type EditableEditTriggerProps as EditTriggerProps, type EditableEditTriggerBaseProps as EditTriggerBaseProps, } from './editable-edit-trigger';
-export { EditableInput as Input, type EditableInputProps as InputProps, type EditableInputBaseProps as InputBaseProps, } from './editable-input';
-export { EditableLabel as Label, type EditableLabelProps as LabelProps, type EditableLabelBaseProps as LabelBaseProps, } from './editable-label';
-export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, type EditablePreviewBaseProps as PreviewBaseProps, } from './editable-preview';
-export { EditableRoot as Root, type EditableRootProps as RootProps, type EditableRootBaseProps as RootBaseProps, } from './editable-root';
-export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, type EditableRootProviderBaseProps as RootProviderBaseProps, } from './editable-root-provider';
-export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, } from './editable-submit-trigger';
+export { EditableControl as Control, type EditableControlBaseProps as ControlBaseProps, type EditableControlProps as ControlProps, } from './editable-control';
+export { EditableEditTrigger as EditTrigger, type EditableEditTriggerBaseProps as EditTriggerBaseProps, type EditableEditTriggerProps as EditTriggerProps, } from './editable-edit-trigger';
+export { EditableInput as Input, type EditableInputBaseProps as InputBaseProps, type EditableInputProps as InputProps, } from './editable-input';
+export { EditableLabel as Label, type EditableLabelBaseProps as LabelBaseProps, type EditableLabelProps as LabelProps, } from './editable-label';
+export { EditablePreview as Preview, type EditablePreviewBaseProps as PreviewBaseProps, type EditablePreviewProps as PreviewProps, } from './editable-preview';
+export { EditableRoot as Root, type EditableRootBaseProps as RootBaseProps, type EditableRootProps as RootProps, } from './editable-root';
+export { EditableRootProvider as RootProvider, type EditableRootProviderBaseProps as RootProviderBaseProps, type EditableRootProviderProps as RootProviderProps, } from './editable-root-provider';
+export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, type EditableSubmitTriggerProps as SubmitTriggerProps, } from './editable-submit-trigger';

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

@@ -1,13 +1,13 @@
 export type { EditChangeDetails as EditableEditChangeDetails, ValueChangeDetails as EditableValueChangeDetails, } from '@zag-js/editable';
-export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps, } from './editable-area';
+export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps } from './editable-area';
 export { EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, } from './editable-cancel-trigger';
-export { EditableContext, type EditableContextProps, } from './editable-context';
+export { EditableContext, type EditableContextProps } from './editable-context';
 export { EditableControl, type EditableControlBaseProps, type EditableControlProps, } from './editable-control';
 export { EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, } from './editable-edit-trigger';
 export { EditableInput, type EditableInputBaseProps, type EditableInputProps, } from './editable-input';
 export { EditableLabel, type EditableLabelBaseProps, type EditableLabelProps, } from './editable-label';
 export { EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps, } from './editable-preview';
-export { EditableRoot, type EditableRootBaseProps, type EditableRootProps, } from './editable-root';
+export { EditableRoot, type EditableRootBaseProps, type EditableRootProps } from './editable-root';
 export { EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, } from './editable-root-provider';
 export { EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, } from './editable-submit-trigger';
 export { editableAnatomy } from './editable.anatomy';

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

@@ -1,13 +1,13 @@
 export type { EditChangeDetails as EditableEditChangeDetails, ValueChangeDetails as EditableValueChangeDetails, } from '@zag-js/editable';
-export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps, } from './editable-area';
+export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps } from './editable-area';
 export { EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, } from './editable-cancel-trigger';
-export { EditableContext, type EditableContextProps, } from './editable-context';
+export { EditableContext, type EditableContextProps } from './editable-context';
 export { EditableControl, type EditableControlBaseProps, type EditableControlProps, } from './editable-control';
 export { EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, } from './editable-edit-trigger';
 export { EditableInput, type EditableInputBaseProps, type EditableInputProps, } from './editable-input';
 export { EditableLabel, type EditableLabelBaseProps, type EditableLabelProps, } from './editable-label';
 export { EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps, } from './editable-preview';
-export { EditableRoot, type EditableRootBaseProps, type EditableRootProps, } from './editable-root';
+export { EditableRoot, type EditableRootBaseProps, type EditableRootProps } from './editable-root';
 export { EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, } from './editable-root-provider';
 export { EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, } from './editable-submit-trigger';
 export { editableAnatomy } from './editable.anatomy';

package/dist/components/field/index.cjs

@@ -7,11 +7,11 @@ const fieldErrorText = require('./field-error-text.cjs');
 const fieldHelperText = require('./field-helper-text.cjs');
 const fieldInput = require('./field-input.cjs');
 const fieldLabel = require('./field-label.cjs');
+const fieldRequiredIndicator = require('./field-required-indicator.cjs');
 const fieldRoot = require('./field-root.cjs');
 const fieldRootProvider = require('./field-root-provider.cjs');
 const fieldSelect = require('./field-select.cjs');
 const fieldTextarea = require('./field-textarea.cjs');
-const fieldRequiredIndicator = require('./field-required-indicator.cjs');
 const field_anatomy = require('./field.anatomy.cjs');
 const useFieldContext = require('./use-field-context.cjs');
 const field = require('./field.cjs');
@@ -23,11 +23,11 @@ exports.FieldErrorText = fieldErrorText.FieldErrorText;
 exports.FieldHelperText = fieldHelperText.FieldHelperText;
 exports.FieldInput = fieldInput.FieldInput;
 exports.FieldLabel = fieldLabel.FieldLabel;
+exports.FieldRequiredIndicator = fieldRequiredIndicator.FieldRequiredIndicator;
 exports.FieldRoot = fieldRoot.FieldRoot;
 exports.FieldRootProvider = fieldRootProvider.FieldRootProvider;
 exports.FieldSelect = fieldSelect.FieldSelect;
 exports.FieldTextarea = fieldTextarea.FieldTextarea;
-exports.FieldRequiredIndicator = fieldRequiredIndicator.FieldRequiredIndicator;
 exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.useFieldContext = useFieldContext.useFieldContext;
 exports.Field = field;

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

@@ -3,11 +3,11 @@ export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps,
 export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, } from './field-helper-text';
 export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input';
 export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label';
+export { FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, } from './field-required-indicator';
 export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root';
 export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
 export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select';
 export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
-export { FieldRequiredIndicator, type FieldRequiredIndicatorProps, type FieldRequiredIndicatorBaseProps, } from './field-required-indicator';
 export { fieldAnatomy } from './field.anatomy';
 export { useFieldContext, type UseFieldContext } from './use-field-context';
 export * as Field from './field';

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

@@ -3,11 +3,11 @@ export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps,
 export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, } from './field-helper-text';
 export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input';
 export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label';
+export { FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, } from './field-required-indicator';
 export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root';
 export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
 export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select';
 export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
-export { FieldRequiredIndicator, type FieldRequiredIndicatorProps, type FieldRequiredIndicatorBaseProps, } from './field-required-indicator';
 export { fieldAnatomy } from './field.anatomy';
 export { useFieldContext, type UseFieldContext } from './use-field-context';
 export * as Field from './field';

package/dist/components/field/index.js

@@ -3,11 +3,11 @@ export { FieldErrorText } from './field-error-text.js';
 export { FieldHelperText } from './field-helper-text.js';
 export { FieldInput } from './field-input.js';
 export { FieldLabel } from './field-label.js';
+export { FieldRequiredIndicator } from './field-required-indicator.js';
 export { FieldRoot } from './field-root.js';
 export { FieldRootProvider } from './field-root-provider.js';
 export { FieldSelect } from './field-select.js';
 export { FieldTextarea } from './field-textarea.js';
-export { FieldRequiredIndicator } from './field-required-indicator.js';
 export { fieldAnatomy } from './field.anatomy.js';
 export { useFieldContext } from './use-field-context.js';
 import * as field from './field.js';

package/dist/components/fieldset/fieldset.cjs

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const fieldsetContext = require('./fieldset-context.cjs');
+const fieldsetErrorText = require('./fieldset-error-text.cjs');
+const fieldsetHelperText = require('./fieldset-helper-text.cjs');
+const fieldsetLegend = require('./fieldset-legend.cjs');
 const fieldsetRoot = require('./fieldset-root.cjs');
 const fieldsetRootProvider = require('./fieldset-root-provider.cjs');
-const fieldsetLegend = require('./fieldset-legend.cjs');
-const fieldsetHelperText = require('./fieldset-helper-text.cjs');
-const fieldsetErrorText = require('./fieldset-error-text.cjs');
-const fieldsetContext = require('./fieldset-context.cjs');
 
 
 
+exports.Context = fieldsetContext.FieldsetContext;
+exports.ErrorText = fieldsetErrorText.FieldsetErrorText;
+exports.HelperText = fieldsetHelperText.FieldsetHelperText;
+exports.Legend = fieldsetLegend.FieldsetLegend;
 exports.Root = fieldsetRoot.FieldsetRoot;
 exports.RootProvider = fieldsetRootProvider.FieldsetRootProvider;
-exports.Legend = fieldsetLegend.FieldsetLegend;
-exports.HelperText = fieldsetHelperText.FieldsetHelperText;
-exports.ErrorText = fieldsetErrorText.FieldsetErrorText;
-exports.Context = fieldsetContext.FieldsetContext;

package/dist/components/fieldset/fieldset.d.cts

@@ -1,6 +1,6 @@
-export { FieldsetRoot as Root, type FieldsetRootProps as RootProps, type FieldsetRootBaseProps as RootBaseProps, } from './fieldset-root';
-export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderProps as RootProviderProps, type FieldsetRootProviderBaseProps as RootProviderBaseProps, } from './fieldset-root-provider';
-export { FieldsetLegend as Legend, type FieldsetLegendProps as LegendProps, type FieldsetLegendBaseProps as LegendBaseProps, } from './fieldset-legend';
-export { FieldsetHelperText as HelperText, type FieldsetHelperTextProps as HelperTextProps, type FieldsetHelperTextBaseProps as HelperTextBaseProps, } from './fieldset-helper-text';
-export { FieldsetErrorText as ErrorText, type FieldsetErrorTextProps as ErrorTextProps, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, } from './fieldset-error-text';
 export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';
+export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, } from './fieldset-error-text';
+export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, } from './fieldset-helper-text';
+export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, } from './fieldset-legend';
+export { FieldsetRoot as Root, type FieldsetRootBaseProps as RootBaseProps, type FieldsetRootProps as RootProps, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderBaseProps as RootProviderBaseProps, type FieldsetRootProviderProps as RootProviderProps, } from './fieldset-root-provider';

package/dist/components/fieldset/fieldset.d.ts

@@ -1,6 +1,6 @@
-export { FieldsetRoot as Root, type FieldsetRootProps as RootProps, type FieldsetRootBaseProps as RootBaseProps, } from './fieldset-root';
-export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderProps as RootProviderProps, type FieldsetRootProviderBaseProps as RootProviderBaseProps, } from './fieldset-root-provider';
-export { FieldsetLegend as Legend, type FieldsetLegendProps as LegendProps, type FieldsetLegendBaseProps as LegendBaseProps, } from './fieldset-legend';
-export { FieldsetHelperText as HelperText, type FieldsetHelperTextProps as HelperTextProps, type FieldsetHelperTextBaseProps as HelperTextBaseProps, } from './fieldset-helper-text';
-export { FieldsetErrorText as ErrorText, type FieldsetErrorTextProps as ErrorTextProps, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, } from './fieldset-error-text';
 export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';
+export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, } from './fieldset-error-text';
+export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, } from './fieldset-helper-text';
+export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, } from './fieldset-legend';
+export { FieldsetRoot as Root, type FieldsetRootBaseProps as RootBaseProps, type FieldsetRootProps as RootProps, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderBaseProps as RootProviderBaseProps, type FieldsetRootProviderProps as RootProviderProps, } from './fieldset-root-provider';

package/dist/components/fieldset/fieldset.js

@@ -1,6 +1,6 @@
+export { FieldsetContext as Context } from './fieldset-context.js';
+export { FieldsetErrorText as ErrorText } from './fieldset-error-text.js';
+export { FieldsetHelperText as HelperText } from './fieldset-helper-text.js';
+export { FieldsetLegend as Legend } from './fieldset-legend.js';
 export { FieldsetRoot as Root } from './fieldset-root.js';
 export { FieldsetRootProvider as RootProvider } from './fieldset-root-provider.js';
-export { FieldsetLegend as Legend } from './fieldset-legend.js';
-export { FieldsetHelperText as HelperText } from './fieldset-helper-text.js';
-export { FieldsetErrorText as ErrorText } from './fieldset-error-text.js';
-export { FieldsetContext as Context } from './fieldset-context.js';

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const domQuery = require('@zag-js/dom-query');
 const react = require('react');
-const fieldset_anatomy = require('./fieldset.anatomy.cjs');
 const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
+const fieldset_anatomy = require('./fieldset.anatomy.cjs');
 
 const useFieldset = (props) => {
   const { disabled = false, invalid = false } = props;

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

@@ -1,8 +1,8 @@
 'use client';
 import { getWindow } from '@zag-js/dom-query';
 import { useRef, useId, useMemo } from 'react';
-import { parts } from './fieldset.anatomy.js';
 import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
+import { parts } from './fieldset.anatomy.js';
 
 const useFieldset = (props) => {
   const { disabled = false, invalid = false } = props;

package/dist/components/focus-trap/focus-trap.cjs

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const focusTrap = require('@zag-js/focus-trap');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
+const factory = require('../factory.cjs');
+
+const FocusTrap = react.forwardRef((props, ref) => {
+  const localRef = react.useRef(null);
+  const [trapProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "disabled",
+    "onActivate",
+    "onDeactivate",
+    "initialFocus",
+    "fallbackFocus",
+    "returnFocusOnDeactivate",
+    "setReturnFocus"
+  ]);
+  useSafeLayoutEffect.useSafeLayoutEffect(() => {
+    const node = localRef.current;
+    if (!node || trapProps.disabled) return;
+    return focusTrap.trapFocus(node, trapProps);
+  }, [ref, trapProps]);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ref: composeRefs.composeRefs(localRef, ref), ...localProps });
+});
+FocusTrap.displayName = "FocusTrap";
+
+exports.FocusTrap = FocusTrap;

package/dist/components/focus-trap/focus-trap.d.cts

@@ -0,0 +1,15 @@
+import { FocusTrapOptions } from '@zag-js/focus-trap';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
+    /**
+     * Whether the focus trap is disabled.
+     */
+    disabled?: boolean;
+}
+export interface FocusTrapBaseProps extends PolymorphicProps, TrapOptions {
+}
+export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {
+}
+export declare const FocusTrap: ForwardRefExoticComponent<FocusTrapProps & RefAttributes<HTMLDivElement>>;

package/dist/components/focus-trap/focus-trap.d.ts

@@ -0,0 +1,15 @@
+import { FocusTrapOptions } from '@zag-js/focus-trap';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
+    /**
+     * Whether the focus trap is disabled.
+     */
+    disabled?: boolean;
+}
+export interface FocusTrapBaseProps extends PolymorphicProps, TrapOptions {
+}
+export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {
+}
+export declare const FocusTrap: ForwardRefExoticComponent<FocusTrapProps & RefAttributes<HTMLDivElement>>;

package/dist/components/focus-trap/focus-trap.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { trapFocus } from '@zag-js/focus-trap';
+import { forwardRef, useRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
+import { ark } from '../factory.js';
+
+const FocusTrap = forwardRef((props, ref) => {
+  const localRef = useRef(null);
+  const [trapProps, localProps] = createSplitProps()(props, [
+    "disabled",
+    "onActivate",
+    "onDeactivate",
+    "initialFocus",
+    "fallbackFocus",
+    "returnFocusOnDeactivate",
+    "setReturnFocus"
+  ]);
+  useSafeLayoutEffect(() => {
+    const node = localRef.current;
+    if (!node || trapProps.disabled) return;
+    return trapFocus(node, trapProps);
+  }, [ref, trapProps]);
+  return /* @__PURE__ */ jsx(ark.div, { ref: composeRefs(localRef, ref), ...localProps });
+});
+FocusTrap.displayName = "FocusTrap";
+
+export { FocusTrap };

package/dist/components/focus-trap/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const focusTrap = require('./focus-trap.cjs');
+
+
+
+exports.FocusTrap = focusTrap.FocusTrap;

package/dist/components/focus-trap/index.d.cts

@@ -0,0 +1,2 @@
+export { FocusTrap } from './focus-trap';
+export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap';

package/dist/components/focus-trap/index.d.ts

@@ -0,0 +1,2 @@
+export { FocusTrap } from './focus-trap';
+export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap';

package/dist/components/focus-trap/index.js

@@ -0,0 +1 @@
+export { FocusTrap } from './focus-trap.js';

package/dist/components/format/format.d.cts

@@ -1,2 +1,2 @@
-export { FormatByte as Byte, type FormatByteProps as ByteProps, } from './format-byte';
-export { FormatNumber as Number, type FormatNumberProps as NumberProps, } from './format-number';
+export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte';
+export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number';

package/dist/components/format/format.d.ts

@@ -1,2 +1,2 @@
-export { FormatByte as Byte, type FormatByteProps as ByteProps, } from './format-byte';
-export { FormatNumber as Number, type FormatNumberProps as NumberProps, } from './format-number';
+export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte';
+export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number';

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

@@ -1,3 +1,3 @@
-export { FormatByte, type FormatByteProps, } from './format-byte';
-export { FormatNumber, type FormatNumberProps, } from './format-number';
+export { FormatByte, type FormatByteProps } from './format-byte';
+export { FormatNumber, type FormatNumberProps } from './format-number';
 export * as Format from './format';

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

@@ -1,3 +1,3 @@
-export { FormatByte, type FormatByteProps, } from './format-byte';
-export { FormatNumber, type FormatNumberProps, } from './format-number';
+export { FormatByte, type FormatByteProps } from './format-byte';
+export { FormatNumber, type FormatNumberProps } from './format-number';
 export * as Format from './format';

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

@@ -1,2 +1,2 @@
 export { Frame } from './frame';
-export type { FrameProps, FrameBaseProps } from './frame';
+export type { FrameBaseProps, FrameProps } from './frame';

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

@@ -1,2 +1,2 @@
 export { Frame } from './frame';
-export type { FrameProps, FrameBaseProps } from './frame';
+export type { FrameBaseProps, FrameProps } from './frame';

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

@@ -1,2 +1,2 @@
 export { Highlight, type HighlightProps } from './highlight';
-export { useHighlight, type UseHighlightProps, type HighlightChunk } from './use-highlight';
+export { useHighlight, type HighlightChunk, type UseHighlightProps } from './use-highlight';

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

@@ -1,2 +1,2 @@
 export { Highlight, type HighlightProps } from './highlight';
-export { useHighlight, type UseHighlightProps, type HighlightChunk } from './use-highlight';
+export { useHighlight, type HighlightChunk, type UseHighlightProps } from './use-highlight';

package/dist/components/hover-card/hover-card.d.cts

@@ -1,9 +1,9 @@
 export type { OpenChangeDetails } from '@zag-js/hover-card';
-export { HoverCardArrow as Arrow, type HoverCardArrowProps as ArrowProps, type HoverCardArrowBaseProps as ArrowBaseProps, } from './hover-card-arrow';
-export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipProps as ArrowTipProps, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, } from './hover-card-arrow-tip';
-export { HoverCardContent as Content, type HoverCardContentProps as ContentProps, type HoverCardContentBaseProps as ContentBaseProps, } from './hover-card-content';
+export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
+export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
+export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';
 export { HoverCardContext as Context, type HoverCardContextProps as ContextProps, } from './hover-card-context';
-export { HoverCardPositioner as Positioner, type HoverCardPositionerProps as PositionerProps, type HoverCardPositionerBaseProps as PositionerBaseProps, } from './hover-card-positioner';
-export { HoverCardRoot as Root, type HoverCardRootProps as RootProps, type HoverCardRootBaseProps as RootBaseProps, } from './hover-card-root';
-export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderProps as RootProviderProps, type HoverCardRootProviderBaseProps as RootProviderBaseProps, } from './hover-card-root-provider';
-export { HoverCardTrigger as Trigger, type HoverCardTriggerProps as TriggerProps, type HoverCardTriggerBaseProps as TriggerBaseProps, } from './hover-card-trigger';
+export { HoverCardPositioner as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner';
+export { HoverCardRoot as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, } from './hover-card-root';
+export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider';
+export { HoverCardTrigger as Trigger, type HoverCardTriggerBaseProps as TriggerBaseProps, type HoverCardTriggerProps as TriggerProps, } from './hover-card-trigger';

package/dist/components/hover-card/hover-card.d.ts

@@ -1,9 +1,9 @@
 export type { OpenChangeDetails } from '@zag-js/hover-card';
-export { HoverCardArrow as Arrow, type HoverCardArrowProps as ArrowProps, type HoverCardArrowBaseProps as ArrowBaseProps, } from './hover-card-arrow';
-export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipProps as ArrowTipProps, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, } from './hover-card-arrow-tip';
-export { HoverCardContent as Content, type HoverCardContentProps as ContentProps, type HoverCardContentBaseProps as ContentBaseProps, } from './hover-card-content';
+export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
+export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
+export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';
 export { HoverCardContext as Context, type HoverCardContextProps as ContextProps, } from './hover-card-context';
-export { HoverCardPositioner as Positioner, type HoverCardPositionerProps as PositionerProps, type HoverCardPositionerBaseProps as PositionerBaseProps, } from './hover-card-positioner';
-export { HoverCardRoot as Root, type HoverCardRootProps as RootProps, type HoverCardRootBaseProps as RootBaseProps, } from './hover-card-root';
-export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderProps as RootProviderProps, type HoverCardRootProviderBaseProps as RootProviderBaseProps, } from './hover-card-root-provider';
-export { HoverCardTrigger as Trigger, type HoverCardTriggerProps as TriggerProps, type HoverCardTriggerBaseProps as TriggerBaseProps, } from './hover-card-trigger';
+export { HoverCardPositioner as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner';
+export { HoverCardRoot as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, } from './hover-card-root';
+export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider';
+export { HoverCardTrigger as Trigger, type HoverCardTriggerBaseProps as TriggerBaseProps, type HoverCardTriggerProps as TriggerProps, } from './hover-card-trigger';

package/dist/components/hover-card/index.d.cts

@@ -2,7 +2,7 @@ export type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/ho
 export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, } from './hover-card-content';
-export { HoverCardContext, type HoverCardContextProps, } from './hover-card-context';
+export { HoverCardContext, type HoverCardContextProps } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, } from './hover-card-positioner';
 export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, } from './hover-card-root';
 export { HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, } from './hover-card-root-provider';

package/dist/components/hover-card/index.d.ts

@@ -2,7 +2,7 @@ export type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/ho
 export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, } from './hover-card-content';
-export { HoverCardContext, type HoverCardContextProps, } from './hover-card-context';
+export { HoverCardContext, type HoverCardContextProps } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, } from './hover-card-positioner';
 export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, } from './hover-card-root';
 export { HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, } from './hover-card-root-provider';