@ark-ui/solid 3.2.2 → 3.4.0

package/dist/esm/index.js

@@ -1,10 +1,10 @@
-import { createContext as createContext$1, useContext, splitProps, Show, createSignal, createMemo, createUniqueId, createEffect, children, Index, For } from 'solid-js';
+import { createContext as createContext$1, useContext, splitProps, Show, createSignal, createMemo, createUniqueId, createEffect, untrack, children, Index, For } from 'solid-js';
 import { createComponent, Dynamic, mergeProps, memo, use, template, insert, effect, spread } from 'solid-js/web';
 import { mergeProps as mergeProps$1, useMachine, normalizeProps, useActor } from '@zag-js/solid';
 import * as collapsible$1 from '@zag-js/collapsible';
 import * as accordion$1 from '@zag-js/accordion';
 import * as avatar$1 from '@zag-js/avatar';
-import { carouselAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAnatomy, selectAnatomy } from '@ark-ui/anatomy';
+import { carouselAnatomy, checkboxAnatomy, fieldAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAnatomy, selectAnatomy } from '@ark-ui/anatomy';
 import * as carousel$1 from '@zag-js/carousel';
 import * as checkbox$1 from '@zag-js/checkbox';
 import * as clipboard$1 from '@zag-js/clipboard';
@@ -14,6 +14,7 @@ import * as combobox$1 from '@zag-js/combobox';
 import * as datePicker$1 from '@zag-js/date-picker';
 import * as dialog$1 from '@zag-js/dialog';
 import * as editable$1 from '@zag-js/editable';
+import { getDocument, getWindow } from '@zag-js/dom-query';
 import * as fileUpload$1 from '@zag-js/file-upload';
 import { isRTL, formatBytes, formatNumber } from '@zag-js/i18n-utils';
 import * as hoverCard$1 from '@zag-js/hover-card';
@@ -23,9 +24,11 @@ import * as pagination$1 from '@zag-js/pagination';
 import * as pinInput$1 from '@zag-js/pin-input';
 import * as popover$1 from '@zag-js/popover';
 import * as progress$1 from '@zag-js/progress';
+import * as qrCode$1 from '@zag-js/qr-code';
 import * as radio from '@zag-js/radio-group';
 import * as rating from '@zag-js/rating-group';
 import * as select$1 from '@zag-js/select';
+import * as signaturePad$1 from '@zag-js/signature-pad';
 import * as slider$1 from '@zag-js/slider';
 import * as splitter$1 from '@zag-js/splitter';
 import * as zagSwitch from '@zag-js/switch';
@@ -35,7 +38,6 @@ import * as toast$1 from '@zag-js/toast';
 import * as toggleGroup$1 from '@zag-js/toggle-group';
 import * as tooltip$1 from '@zag-js/tooltip';
 import * as treeView$1 from '@zag-js/tree-view';
-import { getDocument, getWindow } from '@zag-js/dom-query';
 
 function getErrorMessage(hook, provider) {
   return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -146,7 +148,7 @@ const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   })
 });
 
-var _tmpl$$4 = /*#__PURE__*/template(`<span hidden>`);
+var _tmpl$$5 = /*#__PURE__*/template(`<span hidden>`);
 const EnvironmentProvider = props => {
   const [spanRef, setSpanRef] = createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
@@ -163,7 +165,7 @@ const EnvironmentProvider = props => {
           return !props.value;
         },
         get children() {
-          var _el$ = _tmpl$$4();
+          var _el$ = _tmpl$$5();
           use(setSpanRef, _el$);
           return _el$;
         }
@@ -594,10 +596,282 @@ const CheckboxControl = props => {
   return createComponent(ark.div, mergedProps);
 };
 
+function useControllableState(props) {
+  const [uncontrolledValue, setUncontrolledValue] = createSignal(runIfFn(props.defaultValue));
+  const controlled = createMemo(() => props.value?.() !== undefined);
+  const currentValue = createMemo(() => controlled() ? props.value?.() : uncontrolledValue());
+  const setValue = next => {
+    untrack(() => {
+      const nextValue = runIfFn(next, currentValue());
+      if (controlled()) {
+        return props.onChange?.(nextValue);
+      }
+      setUncontrolledValue(nextValue);
+      return props.onChange?.(nextValue);
+    });
+  };
+  return [currentValue, setValue];
+}
+
+function useCheckboxGroup(props = {}) {
+  const interative = createMemo(() => !(props.disabled || props.readOnly));
+  const [value, setValue] = useControllableState({
+    value: props.value,
+    defaultValue: props.defaultValue || [],
+    onChange: props.onValueChange
+  });
+  return createMemo(() => {
+    const isChecked = val => {
+      return value().some(v => String(v) === String(val));
+    };
+    const toggleValue = val => {
+      isChecked(val) ? removeValue(val) : addValue(val);
+    };
+    const addValue = val => {
+      if (!interative()) return;
+      if (isChecked(val)) return;
+      setValue(value().concat(val));
+    };
+    const removeValue = val => {
+      if (!interative()) return;
+      setValue(value().filter(v => String(v) !== String(val)));
+    };
+    const getItemProps = itemProps => {
+      return {
+        checked: itemProps.value != null ? isChecked(itemProps.value) : undefined,
+        onCheckedChange() {
+          if (itemProps.value != null) {
+            toggleValue(itemProps.value);
+          }
+        },
+        disabled: props.disabled,
+        readOnly: props.readOnly
+      };
+    };
+    return {
+      isChecked,
+      value,
+      disabled: props.disabled,
+      readOnly: props.readOnly,
+      setValue,
+      addValue,
+      toggleValue,
+      getItemProps
+    };
+  });
+}
+
+const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({
+  hookName: 'useCheckboxGroupContext',
+  providerName: '<CheckboxGroupProvider />',
+  strict: false
+});
+
+const CheckboxGroup = props => {
+  const [checkboxGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'value', 'onValueChange', 'disabled', 'readOnly']);
+  const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
+  return createComponent(CheckboxGroupContextProvider, {
+    value: checkboxGroup,
+    get children() {
+      return createComponent(ark.div, mergeProps({
+        role: "group"
+      }, localProps, () => checkboxAnatomy.build().group.attrs));
+    }
+  });
+};
+
+const [FieldProvider, useFieldContext] = createContext({
+  hookName: 'useFieldContext',
+  providerName: '<FieldProvider />',
+  strict: false
+});
+
+const FieldContext = props => props.children(useFieldContext());
+
+const FieldErrorText = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field().getErrorTextProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return field?.().invalid;
+    },
+    get children() {
+      return createComponent(ark.span, mergedProps);
+    }
+  });
+};
+
+const FieldHelperText = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field().getHelperTextProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+
+const FieldInput = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field?.().getInputProps(), props);
+  return createComponent(ark.input, mergedProps);
+};
+
+const FieldLabel = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field?.().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+
+const FieldSelect = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field?.().getSelectProps(), props);
+  return createComponent(ark.select, mergedProps);
+};
+
+const parts = fieldAnatomy.build();
+const useField = props => {
+  const {
+    required = false,
+    disabled = false,
+    invalid = false,
+    readOnly = false
+  } = props;
+  const [hasErrorText, setHasErrorText] = createSignal(false);
+  const [hasHelperText, setHasHelperText] = createSignal(false);
+  const id = props.id ?? `field-${Math.random().toString(36).substr(2, 9)}`;
+  let rootRef;
+  const errorTextId = `field::${id}::error-text`;
+  const helperTextId = `field::${id}::helper-text`;
+  const labelId = `field::${id}::label`;
+  createEffect(() => {
+    return;
+  });
+  const getRootProps = () => ({
+    ...parts.root.attrs,
+    role: 'group',
+    'data-disabled': dataAttr(disabled),
+    'data-invalid': dataAttr(invalid),
+    'data-readonly': dataAttr(readOnly)
+  });
+  const getLabelProps = () => ({
+    ...parts.label.attrs,
+    id: labelId,
+    'data-disabled': dataAttr(disabled),
+    'data-invalid': dataAttr(invalid),
+    'data-readonly': dataAttr(readOnly),
+    htmlFor: id
+  });
+  const labelIds = [];
+  if (hasErrorText() && invalid) labelIds.push(errorTextId);
+  if (hasHelperText()) labelIds.push(helperTextId);
+  const getControlProps = () => ({
+    'aria-describedby': labelIds.join(' ') || undefined,
+    'aria-invalid': ariaAttr(invalid),
+    'aria-required': ariaAttr(required),
+    'aria-readonly': ariaAttr(readOnly),
+    id,
+    required,
+    disabled,
+    readOnly
+  });
+  const getInputProps = () => ({
+    ...getControlProps(),
+    ...parts.input.attrs
+  });
+  const getTextareaProps = () => ({
+    ...getControlProps(),
+    ...parts.textarea.attrs
+  });
+  const getSelectProps = () => ({
+    ...getControlProps(),
+    ...parts.select.attrs
+  });
+  const getHelperTextProps = () => ({
+    id: helperTextId,
+    ...parts.helperText.attrs
+  });
+  const getErrorTextProps = () => ({
+    id: errorTextId,
+    ...parts.errorText.attrs,
+    'aria-live': 'polite'
+  });
+  return createMemo(() => ({
+    ariaDescribedby: labelIds.join(' '),
+    ids: {
+      control: id,
+      label: labelId,
+      errorText: errorTextId,
+      helperText: helperTextId
+    },
+    refs: {
+      rootRef
+    },
+    disabled,
+    invalid,
+    readOnly,
+    required,
+    getLabelProps,
+    getRootProps,
+    getInputProps,
+    getTextareaProps,
+    getSelectProps,
+    getHelperTextProps,
+    getErrorTextProps
+  }));
+};
+const dataAttr = condition => condition ? '' : undefined;
+const ariaAttr = condition => condition ? true : undefined;
+
+const FieldRoot = props => {
+  const [useFieldProps, localProps] = createSplitProps()(props, ['id', 'disabled', 'invalid', 'readOnly', 'required']);
+  const field = useField(useFieldProps);
+  const mergedProps = mergeProps$1(() => field().getRootProps(), localProps);
+  return createComponent(FieldProvider, {
+    value: field,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const FieldRootProvider = props => {
+  const [{
+    value: field
+  }, localProps] = createSplitProps()(props, ['value']);
+  const mergedProps = mergeProps$1(() => field().getRootProps(), localProps);
+  return createComponent(FieldProvider, {
+    value: field,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const FieldTextarea = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field?.().getTextareaProps(), props);
+  return createComponent(ark.textarea, mergedProps);
+};
+
+var field = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Context: FieldContext,
+  ErrorText: FieldErrorText,
+  HelperText: FieldHelperText,
+  Input: FieldInput,
+  Label: FieldLabel,
+  Root: FieldRoot,
+  RootProvider: FieldRootProvider,
+  Select: FieldSelect,
+  Textarea: FieldTextarea
+});
+
 const CheckboxHiddenInput = props => {
   const checkbox = useCheckboxContext();
   const mergedProps = mergeProps$1(() => checkbox().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const CheckboxIndicator = props => {
@@ -617,16 +891,31 @@ const CheckboxLabel = props => {
   return createComponent(ark.span, mergedProps);
 };
 
-const useCheckbox = props => {
+const useCheckbox = ownProps => {
+  const checkboxGroup = useCheckboxGroupContext();
+  const props = createMemo(() => {
+    return mergeProps$1(ownProps, checkboxGroup?.().getItemProps({
+      value: ownProps.value
+    }) ?? {});
+  }, [ownProps, checkboxGroup]);
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    invalid: field?.().invalid,
+    required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    checked: props.defaultChecked,
-    ...props
+    checked: props().defaultChecked,
+    ...props()
   }));
   const [state, send] = useMachine(checkbox$1.machine(context()), {
     context
@@ -663,6 +952,7 @@ var checkbox = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: CheckboxContext,
   Control: CheckboxControl,
+  Group: CheckboxGroup,
   HiddenInput: CheckboxHiddenInput,
   Indicator: CheckboxIndicator,
   Label: CheckboxLabel,
@@ -824,10 +1114,18 @@ const [ColorPickerChannelPropsProvider, useColorPickerChannelPropsContext] = cre
   providerName: '<ColorPickerChannelSliderProvider />'
 });
 
+const [ColorPickerFormatPropsProvider, useColorPickerFormatPropsContext] = createContext({
+  hookName: 'useColorPickerFormatPropsContext',
+  providerName: '<ColorPickerFormatPropsProvider />',
+  strict: false
+});
+
 const ColorPickerChannelSlider = props => {
   const [channelProps, localProps] = createSplitProps()(props, ['channel', 'orientation']);
   const api = useColorPickerContext();
-  const mergedProps = mergeProps$1(() => api().getChannelSliderProps(channelProps), localProps);
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = mergeProps$1(channelProps, formatProps);
+  const mergedProps = mergeProps$1(() => api().getChannelSliderProps(channelSliderProps), localProps);
   return createComponent(ColorPickerChannelPropsProvider, {
     value: channelProps,
     get children() {
@@ -836,21 +1134,44 @@ const ColorPickerChannelSlider = props => {
   });
 };
 
+const ColorPickerChannelSliderLabel = props => {
+  const colorPicker = useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext();
+  const mergedProps = mergeProps$1(() => colorPicker().getChannelSliderLabelProps(channelProps), props);
+  return createComponent(ark.label, mergedProps);
+};
+
 const ColorPickerChannelSliderThumb = props => {
   const api = useColorPickerContext();
+  const formatProps = useColorPickerFormatPropsContext();
   const channelProps = useColorPickerChannelPropsContext();
-  const mergedProps = mergeProps$1(() => api().getChannelSliderThumbProps(channelProps), props);
+  const channelSliderProps = mergeProps$1(channelProps, formatProps);
+  const mergedProps = mergeProps$1(() => api().getChannelSliderThumbProps(channelSliderProps), props);
   return createComponent(ark.div, mergedProps);
 };
 
 const ColorPickerChannelSliderTrack = props => {
   const api = useColorPickerContext();
+  const formatProps = useColorPickerFormatPropsContext();
   const channelProps = useColorPickerChannelPropsContext();
-  const mergedProps = mergeProps$1(() => api().getChannelSliderTrackProps(channelProps), props);
+  const channelSliderProps = mergeProps$1(channelProps, formatProps);
+  const mergedProps = mergeProps$1(() => api().getChannelSliderTrackProps(channelSliderProps), props);
   return createComponent(ark.div, mergedProps);
 };
 
-const splitPresenceProps = props => createSplitProps()(props, ['lazyMount', 'onExitComplete', 'present', 'unmountOnExit']);
+const ColorPickerChannelSliderValueText = props => {
+  const colorPicker = useColorPickerContext();
+  const localeContext = useLocaleContext();
+  const channelProps = useColorPickerChannelPropsContext();
+  const mergedProps = mergeProps$1(() => colorPicker().getChannelSliderValueTextProps(channelProps), props);
+  return createComponent(ark.span, mergeProps(mergedProps, {
+    get children() {
+      return props.children || colorPicker().getChannelValueText(channelProps.channel, localeContext().locale);
+    }
+  }));
+};
+
+const splitPresenceProps = props => createSplitProps()(props, ['immediate', 'lazyMount', 'onExitComplete', 'present', 'unmountOnExit']);
 
 const usePresence = props => {
   const [renderStrategyProps, context] = splitRenderStrategyProps(props);
@@ -953,7 +1274,12 @@ const ColorPickerFormatTrigger = props => {
 const ColorPickerHiddenInput = props => {
   const colorPicker = useColorPickerContext();
   const mergedProps = mergeProps$1(() => colorPicker().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const ColorPickerLabel = props => {
@@ -979,10 +1305,18 @@ const ColorPickerPositioner = props => {
 const useColorPicker = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
+  const field = useFieldContext();
   const id = createUniqueId();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      input: field?.().ids.control
+    },
     dir: locale().dir,
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
     getRootNode: environment().getRootNode,
     open: props.defaultOpen,
     'open.controlled': props.open !== undefined,
@@ -997,7 +1331,7 @@ const useColorPicker = props => {
 
 const ColorPickerRoot = props => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ['closeOnSelect', 'defaultOpen', 'defaultValue', 'disabled', 'format', 'id', 'ids', 'initialFocusEl', 'name', 'name', 'onFocusOutside', 'onFormatChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'onValueChangeEnd', 'open', 'positioning', 'readOnly', 'value']);
+  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ['closeOnSelect', 'defaultOpen', 'defaultValue', 'disabled', 'format', 'id', 'ids', 'initialFocusEl', 'name', 'name', 'onFocusOutside', 'onFormatChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'onValueChangeEnd', 'open', 'positioning', 'readOnly', 'required', 'value']);
   const api = useColorPicker(useColorPickerProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1088,6 +1422,26 @@ const ColorPickerTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
+const ColorPickerValueSwatch = props => {
+  const [{
+    respectAlpha
+  }, localProps] = createSplitProps()(props, ['respectAlpha']);
+  const colorPicker = useColorPickerContext();
+  const swatchProps = createMemo(() => ({
+    respectAlpha,
+    value: colorPicker().value
+  }));
+  const mergedProps = mergeProps$1(() => colorPicker().getSwatchProps(swatchProps()), localProps);
+  return createComponent(ColorPickerSwatchPropsProvider, {
+    get value() {
+      return swatchProps();
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
 const ColorPickerValueText = props => {
   const api = useColorPickerContext();
   const mergedProps = mergeProps$1(() => colorPickerAnatomy.build().valueText.attrs, props);
@@ -1100,17 +1454,23 @@ const ColorPickerValueText = props => {
 
 const ColorPickerView = props => {
   const api = useColorPickerContext();
-  const mergedProps = mergeProps$1(() => colorPickerAnatomy.build().view.attrs, props);
-  return createComponent(Show, {
-    get when() {
-      return api().format === props.format;
-    },
+  const [formatProps, localProps] = createSplitProps()(props, ['format']);
+  const mergedProps = mergeProps$1(() => colorPickerAnatomy.build().view.attrs, localProps);
+  return createComponent(ColorPickerFormatPropsProvider, {
+    value: formatProps,
     get children() {
-      return createComponent(ark.div, mergeProps({
-        get ["data-format"]() {
-          return props.format;
+      return createComponent(Show, {
+        get when() {
+          return api().format === props.format;
+        },
+        get children() {
+          return createComponent(ark.div, mergeProps({
+            get ["data-format"]() {
+              return props.format;
+            }
+          }, mergedProps));
         }
-      }, mergedProps));
+      });
     }
   });
 };
@@ -1122,8 +1482,10 @@ var colorPicker = /*#__PURE__*/Object.freeze({
   AreaThumb: ColorPickerAreaThumb,
   ChannelInput: ColorPickerChannelInput,
   ChannelSlider: ColorPickerChannelSlider,
+  ChannelSliderLabel: ColorPickerChannelSliderLabel,
   ChannelSliderThumb: ColorPickerChannelSliderThumb,
   ChannelSliderTrack: ColorPickerChannelSliderTrack,
+  ChannelSliderValueText: ColorPickerChannelSliderValueText,
   Content: ColorPickerContent,
   Context: ColorPickerContext,
   Control: ColorPickerControl,
@@ -1134,12 +1496,14 @@ var colorPicker = /*#__PURE__*/Object.freeze({
   Label: ColorPickerLabel,
   Positioner: ColorPickerPositioner,
   Root: ColorPickerRoot,
+  RootProvider: ColorPickerRootProvider,
   Swatch: ColorPickerSwatch,
   SwatchGroup: ColorPickerSwatchGroup,
   SwatchIndicator: ColorPickerSwatchIndicator,
   SwatchTrigger: ColorPickerSwatchTrigger,
   TransparencyGrid: ColorPickerTransparencyGrid,
   Trigger: ColorPickerTrigger,
+  ValueSwatch: ColorPickerValueSwatch,
   ValueText: ColorPickerValueText,
   View: ColorPickerView
 });
@@ -1181,7 +1545,12 @@ const ComboboxControl = props => {
 const ComboboxInput = props => {
   const combobox = useComboboxContext();
   const mergedProps = mergeProps$1(() => combobox().getInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const [ComboboxItemProvider, useComboboxItemContext] = createContext({
@@ -1289,8 +1658,17 @@ const useCombobox = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      input: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    invalid: field?.().invalid,
     collection: collection(),
     dir: locale().dir,
     getRootNode: environment().getRootNode,
@@ -1307,7 +1685,7 @@ const useCombobox = props => {
 
 const ComboboxRoot = props => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ['allowCustomValue', 'autoFocus', 'closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'disableLayer', 'form', 'getSelectionValue', 'highlightedValue', 'id', 'ids', 'inputBehavior', 'inputValue', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onOpenChange', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'openOnChange', 'openOnClick', 'openOnKeyPress', 'placeholder', 'positioning', 'readOnly', 'scrollToIndexFn', 'selectionBehavior', 'translations', 'value']);
+  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ['allowCustomValue', 'autoFocus', 'closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'disableLayer', 'form', 'getSelectionValue', 'highlightedValue', 'id', 'ids', 'inputBehavior', 'inputValue', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onOpenChange', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'openOnChange', 'openOnClick', 'openOnKeyPress', 'placeholder', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'selectionBehavior', 'translations', 'value']);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1422,18 +1800,23 @@ const DatePickerLabel = props => {
   return createComponent(ark.label, mergedProps);
 };
 
-var _tmpl$$3 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$4 = /*#__PURE__*/template(`<option>`);
 const DatePickerMonthSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().getMonthSelectProps(), props);
   return createComponent(ark.select, mergeProps(mergedProps, {
     get children() {
-      return api().getMonths().map(month => (() => {
-        var _el$ = _tmpl$$3();
-        insert(_el$, () => month.label);
-        effect(() => _el$.value = month.value);
-        return _el$;
-      })());
+      return createComponent(For, {
+        get each() {
+          return api().getMonths();
+        },
+        children: month => (() => {
+          var _el$ = _tmpl$$4();
+          insert(_el$, () => month.label);
+          effect(() => _el$.value = month.value);
+          return _el$;
+        })()
+      });
     }
   }));
 };
@@ -1694,21 +2077,26 @@ const DatePickerViewTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
-var _tmpl$$2 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$3 = /*#__PURE__*/template(`<option>`);
 const DatePickerYearSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().getYearSelectProps(), props);
   return createComponent(ark.select, mergeProps(mergedProps, {
     get children() {
-      return getYearsRange({
-        from: 1_000,
-        to: 4_000
-      }).map(year => (() => {
-        var _el$ = _tmpl$$2();
-        _el$.value = year;
-        insert(_el$, year);
-        return _el$;
-      })());
+      return createComponent(For, {
+        get each() {
+          return getYearsRange({
+            from: 1_000,
+            to: 4_000
+          });
+        },
+        children: year => (() => {
+          var _el$ = _tmpl$$3();
+          _el$.value = year;
+          insert(_el$, year);
+          return _el$;
+        })()
+      });
     }
   }));
 };
@@ -1947,7 +2335,12 @@ const EditableEditTrigger = props => {
 const EditableInput = props => {
   const api = useEditableContext();
   const mergedProps = mergeProps$1(() => api().getInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const EditableLabel = props => {
@@ -1966,9 +2359,18 @@ const useEditable = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      input: field?.().ids.control
+    },
     dir: locale().dir,
+    disabled: field?.().disabled,
+    invalid: field?.().invalid,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
     ...props
@@ -1980,7 +2382,7 @@ const useEditable = props => {
 };
 
 const EditableRoot = props => {
-  const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'defaultValue', 'disabled', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onEdit', 'onFocusOutside', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueCommit', 'onValueRevert', 'placeholder', 'readOnly', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
+  const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'defaultValue', 'disabled', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onEdit', 'onFocusOutside', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueCommit', 'onValueRevert', 'placeholder', 'readOnly', 'required', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
   const api = useEditable(useEditableProps);
   const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
   return createComponent(EditableProvider, {
@@ -2041,7 +2443,12 @@ const FileUploadDropzone = props => {
 const FileUploadHiddenInput = props => {
   const fileUpload = useFileUploadContext();
   const mergedProps = mergeProps$1(() => fileUpload().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext({
@@ -2126,9 +2533,16 @@ const useFileUpload = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
     dir: locale().dir,
+    disabled: field?.().disabled,
+    required: field?.().required,
     getRootNode: environment().getRootNode,
     ...props
   }));
@@ -2139,7 +2553,7 @@ const useFileUpload = props => {
 };
 
 const FileUploadRoot = props => {
-  const [fileUploadProps, localProps] = createSplitProps()(props, ['accept', 'allowDrop', 'capture', 'directory', 'disabled', 'id', 'ids', 'locale', 'maxFiles', 'maxFileSize', 'minFileSize', 'name', 'onFileAccept', 'onFileChange', 'onFileReject', 'translations', 'validate']);
+  const [fileUploadProps, localProps] = createSplitProps()(props, ['accept', 'allowDrop', 'capture', 'directory', 'disabled', 'id', 'ids', 'locale', 'maxFiles', 'maxFileSize', 'minFileSize', 'name', 'onFileAccept', 'onFileChange', 'onFileReject', 'required', 'translations', 'validate']);
   const fileUpload = useFileUpload(fileUploadProps);
   const mergedProps = mergeProps$1(() => fileUpload().getRootProps(), localProps);
   return createComponent(FileUploadProvider, {
@@ -2365,12 +2779,12 @@ const MenuCheckboxItem = props => {
   });
   const context = useMenuContext();
   const mergedProps = mergeProps$1(() => context().getOptionItemProps(optionItemProps), localProps);
-  const itemState = createMemo(() => context().getItemState(optionItemProps));
+  const optionItemState = createMemo(() => context().getItemState(optionItemProps));
   return createComponent(MenuOptionItemPropsProvider, {
     value: optionItemProps,
     get children() {
       return createComponent(MenuItemProvider, {
-        value: itemState,
+        value: optionItemState,
         get children() {
           return createComponent(ark.div, mergedProps);
         }
@@ -2491,12 +2905,12 @@ const MenuRadioItem = props => {
     })
   }));
   const mergedProps = mergeProps$1(() => context().getOptionItemProps(optionItemProps), localProps);
-  const itemState = createMemo(() => context().getItemState(optionItemProps));
+  const optionItemState = createMemo(() => context().getOptionItemState(optionItemProps));
   return createComponent(MenuOptionItemPropsProvider, {
     value: optionItemProps,
     get children() {
       return createComponent(MenuItemProvider, {
-        value: itemState,
+        value: optionItemState,
         get children() {
           return createComponent(ark.div, mergedProps);
         }
@@ -2710,7 +3124,12 @@ const NumberInputIncrementTrigger = props => {
 const NumberInputInput = props => {
   const api = useNumberInputContext();
   const mergedProps = mergeProps$1(() => api().getInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const NumberInputLabel = props => {
@@ -2723,8 +3142,17 @@ const useNumberInput = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      input: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
@@ -2737,7 +3165,7 @@ const useNumberInput = props => {
 };
 
 const NumberInputRoot = props => {
-  const [useNumberInputProps, localProps] = createSplitProps()(props, ['allowMouseWheel', 'allowOverflow', 'clampValueOnBlur', 'defaultValue', 'disabled', 'focusInputOnChange', 'form', 'formatOptions', 'id', 'ids', 'inputMode', 'invalid', 'locale', 'max', 'min', 'name', 'onFocusChange', 'onValueChange', 'onValueInvalid', 'pattern', 'readOnly', 'spinOnPress', 'step', 'translations', 'value']);
+  const [useNumberInputProps, localProps] = createSplitProps()(props, ['allowMouseWheel', 'allowOverflow', 'clampValueOnBlur', 'defaultValue', 'disabled', 'focusInputOnChange', 'form', 'formatOptions', 'id', 'ids', 'inputMode', 'invalid', 'locale', 'max', 'min', 'name', 'onFocusChange', 'onValueChange', 'onValueInvalid', 'pattern', 'readOnly', 'required', 'spinOnPress', 'step', 'translations', 'value']);
   const api = useNumberInput(useNumberInputProps);
   const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
   return createComponent(NumberInputProvider, {
@@ -2776,6 +3204,7 @@ var numberInput = /*#__PURE__*/Object.freeze({
   Input: NumberInputInput,
   Label: NumberInputLabel,
   Root: NumberInputRoot,
+  RootProvider: NumberInputRootProvider,
   Scrubber: NumberInputScrubber
 });
 
@@ -2881,7 +3310,12 @@ const PinInputControl = props => {
 const PinInputHiddenInput = props => {
   const pinInput = usePinInputContext();
   const mergedProps = mergeProps$1(() => pinInput().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const PinInputInput = props => {
@@ -2901,8 +3335,17 @@ const usePinInput = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
@@ -2915,7 +3358,7 @@ const usePinInput = props => {
 };
 
 const PinInputRoot = props => {
-  const [usePinInputProps, localProps] = createSplitProps()(props, ['autoFocus', 'blurOnComplete', 'defaultValue', 'disabled', 'form', 'id', 'ids', 'invalid', 'mask', 'name', 'onValueChange', 'onValueComplete', 'onValueInvalid', 'otp', 'pattern', 'placeholder', 'selectOnFocus', 'translations', 'type', 'value']);
+  const [usePinInputProps, localProps] = createSplitProps()(props, ['autoFocus', 'blurOnComplete', 'defaultValue', 'disabled', 'form', 'id', 'ids', 'invalid', 'mask', 'name', 'onValueChange', 'onValueComplete', 'onValueInvalid', 'otp', 'pattern', 'placeholder', 'readOnly', 'required', 'selectOnFocus', 'translations', 'type', 'value']);
   const pinInput = usePinInput(usePinInputProps);
   const mergedProps = mergeProps$1(() => pinInput().getRootProps(), localProps);
   return createComponent(PinInputProvider, {
@@ -3227,6 +3670,82 @@ var progress = /*#__PURE__*/Object.freeze({
   View: ProgressView
 });
 
+const [QrCodeProvider, useQrCodeContext] = createContext({
+  hookName: 'useQrCodeContext',
+  providerName: '<QrCodeProvider />'
+});
+
+const QrCodeContext = props => props.children(useQrCodeContext());
+
+const QrCodeFrame = props => {
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps$1(() => qrCode().getFrameProps(), props);
+  return createComponent(ark.svg, mergedProps);
+};
+
+const QrCodeOverlay = props => {
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps$1(() => qrCode().getOverlayProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const QrCodePattern = props => {
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps$1(() => qrCode().getPatternProps(), props);
+  return createComponent(ark.path, mergedProps);
+};
+
+const useQrCode = props => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(qrCode$1.machine(context()), {
+    context
+  });
+  return createMemo(() => qrCode$1.connect(state, send, normalizeProps));
+};
+
+const QrCodeRoot = props => {
+  const [useQrCodeProps, restProps] = createSplitProps()(props, ['encoding', 'id', 'ids', 'value']);
+  const api = useQrCode(useQrCodeProps);
+  const mergedProps = mergeProps$1(() => api().getRootProps(), restProps);
+  return createComponent(QrCodeProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const QrCodeRootProvider = props => {
+  const [{
+    value: qrCode
+  }, localProps] = createSplitProps()(props, ['value']);
+  const mergedProps = mergeProps$1(() => qrCode().getRootProps(), localProps);
+  return createComponent(QrCodeProvider, {
+    value: qrCode,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+var qrCode = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Frame: QrCodeFrame,
+  Overlay: QrCodeOverlay,
+  Pattern: QrCodePattern,
+  QrCodeContext: QrCodeContext,
+  Root: QrCodeRoot,
+  RootProvider: QrCodeRootProvider
+});
+
 const [RadioGroupProvider, useRadioGroupContext] = createContext({
   hookName: 'useRadioGroupContext',
   providerName: '<RadioGroupProvider />'
@@ -3369,7 +3888,12 @@ const RatingGroupControl = props => {
 const RatingGroupHiddenInput = props => {
   const ratingGroup = useRatingGroupContext();
   const mergedProps = mergeProps$1(() => ratingGroup().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({
@@ -3402,8 +3926,16 @@ const useRatingGroup = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
@@ -3416,7 +3948,7 @@ const useRatingGroup = props => {
 };
 
 const RatingGroupRoot = props => {
-  const [useRatingProps, localProps] = createSplitProps()(props, ['allowHalf', 'autoFocus', 'count', 'defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onHoverChange', 'onValueChange', 'readOnly', 'translations', 'value']);
+  const [useRatingProps, localProps] = createSplitProps()(props, ['allowHalf', 'autoFocus', 'count', 'defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onHoverChange', 'onValueChange', 'readOnly', 'required', 'translations', 'value']);
   const api = useRatingGroup(useRatingProps);
   const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
   return createComponent(RatingGroupProvider, {
@@ -3448,7 +3980,8 @@ var ratingGroup = /*#__PURE__*/Object.freeze({
   Item: RatingGroupItem,
   ItemContext: RatingGroupItemContext,
   Label: RatingGroupLabel,
-  Root: RatingGroupRoot
+  Root: RatingGroupRoot,
+  RootProvider: RatingGroupRootProvider
 });
 
 const [SegmentGroupProvider, useSegmentGroupContext] = createContext({
@@ -3573,7 +4106,8 @@ var segmentGroup = /*#__PURE__*/Object.freeze({
   ItemHiddenInput: SegmentGroupItemHiddenInput,
   ItemText: SegmentGroupItemText,
   Label: SegmentGroupLabel,
-  Root: SegmentGroupRoot
+  Root: SegmentGroupRoot,
+  RootProvider: SegmentGroupRootProvider
 });
 
 // biome-ignore lint/suspicious/noExplicitAny: <explanation>
@@ -3610,27 +4144,32 @@ const SelectControl = props => {
   return createComponent(ark.div, mergedProps);
 };
 
-var _tmpl$$1 = /*#__PURE__*/template(`<option value="">`),
-  _tmpl$2 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$2 = /*#__PURE__*/template(`<option value="">`),
+  _tmpl$2$1 = /*#__PURE__*/template(`<option>`);
 const SelectHiddenSelect = props => {
   const select = useSelectContext();
-  const mergedProps = mergeProps$1(() => select().getControlProps(), props);
+  const mergedProps = mergeProps$1(() => select().getHiddenSelectProps(), props);
   const isValueEmpty = createMemo(() => select().value.length === 0);
-  return createComponent(ark.select, mergeProps(mergedProps, {
+  const field = useFieldContext();
+  return createComponent(ark.select, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps, {
     get children() {
       return [createComponent(Show, {
         get when() {
           return isValueEmpty();
         },
         get children() {
-          return _tmpl$$1();
+          return _tmpl$$2();
         }
       }), createComponent(Index, {
         get each() {
           return select().collection.toArray();
         },
         children: option => (() => {
-          var _el$2 = _tmpl$2();
+          var _el$2 = _tmpl$2$1();
           insert(_el$2, () => option().label);
           effect(() => _el$2.value = option().value);
           return _el$2;
@@ -3725,6 +4264,12 @@ const SelectLabel = props => {
   return createComponent(ark.label, mergedProps);
 };
 
+const SelectList = props => {
+  const select = useSelectContext();
+  const mergedProps = mergeProps$1(() => select().getListProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
 const SelectPositioner = props => {
   const select = useSelectContext();
   const presenceApi = usePresenceContext();
@@ -3745,8 +4290,17 @@ const useSelect = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenSelect: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    invalid: field?.().invalid,
+    required: field?.().required,
     collection: collection(),
     dir: locale().dir,
     getRootNode: environment().getRootNode,
@@ -3763,7 +4317,7 @@ const useSelect = props => {
 
 const SelectRoot = props => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
-  const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'scrollToIndexFn', 'value']);
+  const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'value']);
   const select = useSelect(useSelectProps);
   const presenceApi = usePresence(mergeProps$1(() => ({
     present: select().open
@@ -3835,6 +4389,7 @@ var select = /*#__PURE__*/Object.freeze({
   ItemIndicator: SelectItemIndicator,
   ItemText: SelectItemText,
   Label: SelectLabel,
+  List: SelectList,
   Positioner: SelectPositioner,
   Root: SelectRoot,
   RootProvider: SelectRootProvider,
@@ -3842,6 +4397,145 @@ var select = /*#__PURE__*/Object.freeze({
   ValueText: SelectValueText
 });
 
+const [SignaturePadProvider, useSignaturePadContext] = createContext({
+  hookName: 'useSignaturePadContext',
+  providerName: '<SignaturePadProvider />'
+});
+
+const SignaturePadClearTrigger = props => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getClearTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+const SignaturePadContext = props => props.children(useSignaturePadContext());
+
+const SignaturePadControl = props => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const SignaturePadGuide = props => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getGuideProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const SignaturePadLabel = props => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+
+const SignaturePadHiddenInput = props => {
+  const [hiddenInputProps, localProps] = createSplitProps()(props, ['value']);
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getHiddenInputProps(hiddenInputProps), localProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+
+const useSignaturePad = props => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const field = useFieldContext();
+  const context = createMemo(() => ({
+    id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(signaturePad$1.machine(context()), {
+    context
+  });
+  return createMemo(() => signaturePad$1.connect(state, send, normalizeProps));
+};
+
+const SignaturePadRoot = props => {
+  const [useSignaturePadProps, localProps] = createSplitProps()(props, ['id', 'ids', 'drawing', 'disabled', 'readOnly', 'name', 'onDraw', 'onDrawEnd', 'readOnly', 'required', 'translations']);
+  const signaturePad = useSignaturePad(useSignaturePadProps);
+  const mergedProps = mergeProps$1(() => signaturePad().getRootProps(), localProps);
+  return createComponent(SignaturePadProvider, {
+    value: signaturePad,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const SignaturePadRootProvider = props => {
+  const [{
+    value: signaturePad
+  }, localProps] = createSplitProps()(props, ['value']);
+  const mergedProps = mergeProps$1(() => signaturePad().getRootProps(), localProps);
+  return createComponent(SignaturePadProvider, {
+    value: signaturePad,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+var _tmpl$$1 = /*#__PURE__*/template(`<title>Signature`),
+  _tmpl$2 = /*#__PURE__*/template(`<svg><path></svg>`, false, true);
+const SignaturePadSegment = props => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getSegmentProps(), props);
+  return createComponent(ark.svg, mergeProps(mergedProps, {
+    get children() {
+      return [_tmpl$$1(), createComponent(For, {
+        get each() {
+          return signaturePad().paths;
+        },
+        children: path => (() => {
+          var _el$3 = _tmpl$2();
+          spread(_el$3, mergeProps(() => signaturePad().getSegmentPathProps({
+            path
+          })), true, false);
+          return _el$3;
+        })()
+      }), createComponent(Show, {
+        get when() {
+          return signaturePad().currentPath;
+        },
+        get children() {
+          var _el$2 = _tmpl$2();
+          spread(_el$2, mergeProps(() => signaturePad().getSegmentPathProps({
+            path: signaturePad().currentPath
+          })), true, false);
+          return _el$2;
+        }
+      })];
+    }
+  }));
+};
+
+var signaturePad = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  ClearTrigger: SignaturePadClearTrigger,
+  Context: SignaturePadContext,
+  Control: SignaturePadControl,
+  Guide: SignaturePadGuide,
+  HiddenInput: SignaturePadHiddenInput,
+  Label: SignaturePadLabel,
+  Root: SignaturePadRoot,
+  RootProvider: SignaturePadRootProvider,
+  Segment: SignaturePadSegment
+});
+
 const [SliderProvider, useSliderContext] = createContext({
   hookName: 'useSliderContext',
   providerName: '<SliderProvider />'
@@ -4066,7 +4760,12 @@ const SwitchControl = props => {
 const SwitchHiddenInput = props => {
   const api = useSwitchContext();
   const mergedProps = mergeProps$1(() => api().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const SwitchLabel = props => {
@@ -4079,8 +4778,17 @@ const useSwitch = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    invalid: field?.().invalid,
+    required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     checked: props.defaultChecked,
@@ -4144,7 +4852,8 @@ const TabContent = props => {
   const api = useTabsContext();
   const renderStrategyProps = useRenderStrategyContext();
   const presenceApi = usePresence(mergeProps$1(renderStrategyProps, () => ({
-    present: api().value === contentProps.value
+    present: api().value === contentProps.value,
+    immediate: true
   })));
   const mergedProps = mergeProps$1(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
   return createComponent(PresenceProvider, {
@@ -4270,7 +4979,12 @@ const TagsInputControl = props => {
 const TagsInputHiddenInput = props => {
   const tagsInput = useTagsInputContext();
   const mergedProps = mergeProps$1(() => tagsInput().getHiddenInputProps(), props);
-  return createComponent(ark.input, mergedProps);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
 };
 
 const TagsInputInput = props => {
@@ -4347,9 +5061,18 @@ const useTagsInput = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
+  const field = useFieldContext();
   const context = createMemo(() => ({
     id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
     dir: locale().dir,
+    disabled: field?.().disabled,
+    invalid: field?.().invalid,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
     ...props
@@ -4361,7 +5084,7 @@ const useTagsInput = props => {
 };
 
 const TagsInputRoot = props => {
-  const [useTagsInputProps, localProps] = createSplitProps()(props, ['addOnPaste', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'defaultValue', 'disabled', 'editable', 'form', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueInvalid', 'readOnly', 'translations', 'validate', 'value']);
+  const [useTagsInputProps, localProps] = createSplitProps()(props, ['addOnPaste', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'defaultValue', 'disabled', 'editable', 'form', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueInvalid', 'readOnly', 'required', 'translations', 'validate', 'value']);
   const api = useTagsInput(useTagsInputProps);
   const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
   return createComponent(TagsInputProvider, {
@@ -4443,11 +5166,12 @@ const ToastDescription = props => {
 var _tmpl$ = /*#__PURE__*/template(`<div><div></div><div>`);
 const ToastRoot = props => {
   const toast = useToastContext();
+  const mergedProps = mergeProps$1(() => toast().getRootProps(), props);
   return (() => {
     var _el$ = _tmpl$(),
       _el$2 = _el$.firstChild,
       _el$3 = _el$2.nextSibling;
-    spread(_el$, mergeProps(() => toast().getRootProps()), false, true);
+    spread(_el$, mergedProps, false, true);
     spread(_el$2, mergeProps(() => toast().getGhostBeforeProps()), false, false);
     insert(_el$, () => props.children, _el$3);
     spread(_el$3, mergeProps(() => toast().getGhostAfterProps()), false, false);
@@ -4566,7 +5290,8 @@ var toggleGroup = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: ToggleGroupContext,
   Item: ToggleGroupItem,
-  Root: ToggleGroupRoot
+  Root: ToggleGroupRoot,
+  RootProvider: ToggleGroupRootProvider
 });
 
 const [TooltipProvider, useTooltipContext] = createContext({
@@ -4636,7 +5361,7 @@ const useTooltip = props => {
 
 const TooltipRoot = props => {
   const [presenceProps, tooltipProps] = splitPresenceProps(props);
-  const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, ['aria-label', 'closeDelay', 'closeOnEscape', 'closeOnPointerDown', 'defaultOpen', 'disabled', 'id', 'ids', 'interactive', 'onOpenChange', 'open', 'openDelay', 'positioning']);
+  const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, ['aria-label', 'closeDelay', 'closeOnEscape', 'closeOnPointerDown', 'closeOnScroll', 'defaultOpen', 'disabled', 'id', 'ids', 'interactive', 'onOpenChange', 'open', 'openDelay', 'positioning']);
   const api = useTooltip(useTooltipProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -4892,5 +5617,5 @@ var treeView = /*#__PURE__*/Object.freeze({
   Tree: TreeViewTree
 });
 
-export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EnvironmentProvider, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordion, useAccordionContext, useAccordionItemContext, useAvatar, useAvatarContext, useCarousel, useCarouselContext, useCheckbox, useCheckboxContext, useClipboard, useClipboardContext, useCollapsible, useCollapsibleContext, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useComboboxItemContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useEditable, useEditableContext, useEnvironmentContext, useFileUpload, useFileUploadContext, useHoverCard, useHoverCardContext, useLocaleContext, useMenu, useMenuContext, useMenuItemContext, useNumberInput, useNumberInputContext, usePagination, usePaginationContext, usePinInput, usePinInputContext, usePopover, usePopoverContext, usePresence, usePresenceContext, useProgress, useProgressContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext, useSelect, useSelectContext, useSelectItemContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
+export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EnvironmentProvider, field as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, qrCode as QrCode, QrCodeContext, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, signaturePad as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordion, useAccordionContext, useAccordionItemContext, useAvatar, useAvatarContext, useCarousel, useCarouselContext, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext, useClipboard, useClipboardContext, useCollapsible, useCollapsibleContext, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useComboboxItemContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useEditable, useEditableContext, useEnvironmentContext, useFieldContext, useFileUpload, useFileUploadContext, useHoverCard, useHoverCardContext, useLocaleContext, useMenu, useMenuContext, useMenuItemContext, useNumberInput, useNumberInputContext, usePagination, usePaginationContext, usePinInput, usePinInputContext, usePopover, usePopoverContext, usePresence, usePresenceContext, useProgress, useProgressContext, useQrCode, useQrCodeContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext, useSelect, useSelectContext, useSelectItemContext, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
 //# sourceMappingURL=index.js.map