@ark-ui/solid 3.4.1 → 3.6.0

package/dist/esm/index.js

@@ -2,42 +2,77 @@ import { createContext as createContext$1, useContext, splitProps, Show, createS
 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';
+export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 import * as accordion$1 from '@zag-js/accordion';
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 import * as avatar$1 from '@zag-js/avatar';
-import { carouselAnatomy, checkboxAnatomy, fieldAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAnatomy, selectAnatomy } from '@ark-ui/anatomy';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 import * as carousel$1 from '@zag-js/carousel';
+import { anatomy } from '@zag-js/carousel';
 import * as checkbox$1 from '@zag-js/checkbox';
+import { anatomy as anatomy$1 } from '@zag-js/checkbox';
 import * as clipboard$1 from '@zag-js/clipboard';
+export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 import * as colorPicker$1 from '@zag-js/color-picker';
+import { anatomy as anatomy$2 } from '@zag-js/color-picker';
 import * as presence from '@zag-js/presence';
 import * as combobox$1 from '@zag-js/combobox';
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 import * as datePicker$1 from '@zag-js/date-picker';
+import { anatomy as anatomy$3 } from '@zag-js/date-picker';
 import * as dialog$1 from '@zag-js/dialog';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 import * as editable$1 from '@zag-js/editable';
+export { anatomy as editableAnatomy } from '@zag-js/editable';
 import { getDocument, getWindow } from '@zag-js/dom-query';
+import { createAnatomy } from '@zag-js/anatomy';
 import * as fileUpload$1 from '@zag-js/file-upload';
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 import { isRTL, formatBytes, formatNumber } from '@zag-js/i18n-utils';
 import * as hoverCard$1 from '@zag-js/hover-card';
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
 import * as menu$1 from '@zag-js/menu';
+export { anatomy as menuAnatomy } from '@zag-js/menu';
 import * as numberInput$1 from '@zag-js/number-input';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 import * as pagination$1 from '@zag-js/pagination';
+export { anatomy as paginationAnatomy } from '@zag-js/pagination';
 import * as pinInput$1 from '@zag-js/pin-input';
+export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
 import * as popover$1 from '@zag-js/popover';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';
 import * as progress$1 from '@zag-js/progress';
+export { anatomy as progressAnatomy } from '@zag-js/progress';
 import * as qrCode$1 from '@zag-js/qr-code';
+export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
 import * as radio from '@zag-js/radio-group';
+import { anatomy as anatomy$4 } from '@zag-js/radio-group';
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
 import * as rating from '@zag-js/rating-group';
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
 import * as select$1 from '@zag-js/select';
+export { anatomy as selectAnatomy } from '@zag-js/select';
 import * as signaturePad$1 from '@zag-js/signature-pad';
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 import * as slider$1 from '@zag-js/slider';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';
 import * as splitter$1 from '@zag-js/splitter';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';
 import * as zagSwitch from '@zag-js/switch';
+export { anatomy as switchAnatomy } from '@zag-js/switch';
 import * as tabs$1 from '@zag-js/tabs';
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 import * as tagsInput$1 from '@zag-js/tags-input';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+import * as timePicker$1 from '@zag-js/time-picker';
 import * as toast$1 from '@zag-js/toast';
+export { anatomy as toastAnatomy } from '@zag-js/toast';
 import * as toggleGroup$1 from '@zag-js/toggle-group';
+export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
 import * as tooltip$1 from '@zag-js/tooltip';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
 import * as treeView$1 from '@zag-js/tree-view';
+export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
 
 function getErrorMessage(hook, provider) {
   return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -148,7 +183,7 @@ const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   })
 });
 
-var _tmpl$$5 = /*#__PURE__*/template(`<span hidden>`);
+var _tmpl$$6 = /*#__PURE__*/template(`<span hidden>`);
 const EnvironmentProvider = props => {
   const [spanRef, setSpanRef] = createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
@@ -165,7 +200,7 @@ const EnvironmentProvider = props => {
           return !props.value;
         },
         get children() {
-          var _el$ = _tmpl$$5();
+          var _el$ = _tmpl$$6();
           use(setSpanRef, _el$);
           return _el$;
         }
@@ -477,6 +512,8 @@ const [CarouselProvider, useCarouselContext] = createContext({
 
 const CarouselContext = props => props.children(useCarouselContext());
 
+const carouselAnatomy = anatomy.extendWith('control');
+
 const CarouselControl = props => {
   const mergedProps = mergeProps$1(() => carouselAnatomy.build().control.attrs, props);
   return createComponent(ark.div, mergedProps);
@@ -596,6 +633,8 @@ const CheckboxControl = props => {
   return createComponent(ark.div, mergedProps);
 };
 
+const checkboxAnatomy = anatomy$1.extendWith('group');
+
 function useControllableState(props) {
   const [uncontrolledValue, setUncontrolledValue] = createSignal(runIfFn(props.defaultValue));
   const controlled = createMemo(() => props.value?.() !== undefined);
@@ -727,17 +766,144 @@ const FieldSelect = props => {
   return createComponent(ark.select, mergedProps);
 };
 
-const parts = fieldAnatomy.build();
-const useField = props => {
+const [FieldsetProvider, useFieldsetContext] = createContext({
+  hookName: 'useFieldsetContext',
+  providerName: '<FieldsetProvider />',
+  strict: false
+});
+
+const FieldsetContext = props => props.children(useFieldsetContext());
+
+const FieldsetErrorText = props => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps$1(() => fieldset().getErrorTextProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return fieldset().invalid;
+    },
+    get children() {
+      return createComponent(ark.span, mergedProps);
+    }
+  });
+};
+
+const FieldsetHelperText = props => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps$1(() => fieldset().getHelperTextProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+
+const fieldsetAnatomy = createAnatomy('fieldset').parts('root', 'errorText', 'helperText', 'legend');
+const parts$2 = fieldsetAnatomy.build();
+
+const useFieldset = props => {
   const {
-    required = false,
     disabled = false,
+    invalid = false
+  } = props;
+  let rootRef;
+  const id = props.id ?? createUniqueId();
+  const errorTextId = `fieldset::${id}::error-text`;
+  const helperTextId = `fieldset::${id}::helper-text`;
+  const [hasErrorText, setHasErrorText] = createSignal(false);
+  const [hasHelperText, setHasHelperText] = createSignal(false);
+  createEffect(() => {
+    return;
+  });
+  const labelIds = [];
+  if (hasErrorText() && invalid) labelIds.push(errorTextId);
+  if (hasHelperText()) labelIds.push(helperTextId);
+  const getRootProps = () => ({
+    ...parts$2.root.attrs,
+    disabled,
+    'data-disabled': dataAttr$1(disabled),
+    'data-invalid': dataAttr$1(invalid),
+    'aria-describedby': labelIds.join(' ') || undefined
+  });
+  const getLegendProps = () => ({
+    ...parts$2.legend.attrs,
+    'data-disabled': dataAttr$1(disabled),
+    'data-invalid': dataAttr$1(invalid)
+  });
+  const getHelperTextProps = () => ({
+    id: helperTextId,
+    ...parts$2.helperText.attrs
+  });
+  const getErrorTextProps = () => ({
+    id: errorTextId,
+    ...parts$2.errorText.attrs,
+    'aria-live': 'polite'
+  });
+  return createMemo(() => ({
+    refs: {
+      rootRef
+    },
+    disabled,
+    invalid,
+    getRootProps,
+    getLegendProps,
+    getHelperTextProps,
+    getErrorTextProps
+  }));
+};
+const dataAttr$1 = condition => condition ? '' : undefined;
+
+const FieldsetRoot = props => {
+  const [useFieldsetProps, localProps] = createSplitProps()(props, ['id', 'disabled', 'invalid']);
+  const fieldset = useFieldset(useFieldsetProps);
+  const mergedProps = mergeProps$1(() => fieldset().getRootProps(), localProps);
+  return createComponent(FieldsetProvider, {
+    value: fieldset,
+    get children() {
+      return createComponent(ark.fieldset, mergedProps);
+    }
+  });
+};
+FieldsetRoot.displayName = 'FieldsetRoot';
+
+const FieldsetRootProvider = props => {
+  const [{
+    value: fieldset
+  }, localProps] = createSplitProps()(props, ['value']);
+  const mergedProps = mergeProps$1(() => fieldset().getRootProps(), localProps);
+  return createComponent(FieldsetProvider, {
+    value: fieldset,
+    get children() {
+      return createComponent(ark.fieldset, mergedProps);
+    }
+  });
+};
+
+const FieldsetLegend = props => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps$1(() => fieldset().getLegendProps(), props);
+  return createComponent(ark.legend, mergedProps);
+};
+
+var fieldset = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Context: FieldsetContext,
+  ErrorText: FieldsetErrorText,
+  HelperText: FieldsetHelperText,
+  Legend: FieldsetLegend,
+  Root: FieldsetRoot,
+  RootProvider: FieldsetRootProvider
+});
+
+const fieldAnatomy = createAnatomy('field').parts('root', 'errorText', 'helperText', 'input', 'label', 'select', 'textarea');
+const parts$1 = fieldAnatomy.build();
+
+const useField = props => {
+  const fieldset = useFieldsetContext();
+  const {
+    disabled = Boolean(fieldset?.().disabled),
     invalid = false,
-    readOnly = false
+    readOnly = false,
+    required = false
   } = props;
   const [hasErrorText, setHasErrorText] = createSignal(false);
   const [hasHelperText, setHasHelperText] = createSignal(false);
-  const id = props.id ?? `field-${Math.random().toString(36).substr(2, 9)}`;
+  const id = props.id ?? createUniqueId();
   let rootRef;
   const errorTextId = `field::${id}::error-text`;
   const helperTextId = `field::${id}::helper-text`;
@@ -746,14 +912,14 @@ const useField = props => {
     return;
   });
   const getRootProps = () => ({
-    ...parts.root.attrs,
+    ...parts$1.root.attrs,
     role: 'group',
     'data-disabled': dataAttr(disabled),
     'data-invalid': dataAttr(invalid),
     'data-readonly': dataAttr(readOnly)
   });
   const getLabelProps = () => ({
-    ...parts.label.attrs,
+    ...parts$1.label.attrs,
     id: labelId,
     'data-disabled': dataAttr(disabled),
     'data-invalid': dataAttr(invalid),
@@ -775,23 +941,23 @@ const useField = props => {
   });
   const getInputProps = () => ({
     ...getControlProps(),
-    ...parts.input.attrs
+    ...parts$1.input.attrs
   });
   const getTextareaProps = () => ({
     ...getControlProps(),
-    ...parts.textarea.attrs
+    ...parts$1.textarea.attrs
   });
   const getSelectProps = () => ({
     ...getControlProps(),
-    ...parts.select.attrs
+    ...parts$1.select.attrs
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
-    ...parts.helperText.attrs
+    ...parts$1.helperText.attrs
   });
   const getErrorTextProps = () => ({
     id: errorTextId,
-    ...parts.errorText.attrs,
+    ...parts$1.errorText.attrs,
     'aria-live': 'polite'
   });
   return createMemo(() => ({
@@ -1445,15 +1611,17 @@ const ColorPickerValueSwatch = props => {
 };
 
 const ColorPickerValueText = props => {
-  const api = useColorPickerContext();
-  const mergedProps = mergeProps$1(() => colorPickerAnatomy.build().valueText.attrs, props);
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps$1(() => colorPicker().getValueTextProps(), props);
   return createComponent(ark.span, mergeProps(mergedProps, {
     get children() {
-      return api().valueAsString || props.children;
+      return colorPicker().valueAsString || props.children;
     }
   }));
 };
 
+const colorPickerAnatomy = anatomy$2.extendWith('view');
+
 const ColorPickerView = props => {
   const api = useColorPickerContext();
   const [formatProps, localProps] = createSplitProps()(props, ['format']);
@@ -1804,7 +1972,7 @@ const DatePickerLabel = props => {
   return createComponent(ark.label, mergedProps);
 };
 
-var _tmpl$$4 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$5 = /*#__PURE__*/template(`<option>`);
 const DatePickerMonthSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().getMonthSelectProps(), props);
@@ -1815,7 +1983,7 @@ const DatePickerMonthSelect = props => {
           return api().getMonths();
         },
         children: month => (() => {
-          var _el$ = _tmpl$$4();
+          var _el$ = _tmpl$$5();
           insert(_el$, () => month.label);
           effect(() => _el$.value = month.value);
           return _el$;
@@ -2051,6 +2219,8 @@ const DatePickerTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
+const datePickerAnatomy = anatomy$3.extendWith('view');
+
 const DatePickerView = props => {
   const [viewProps, localProps] = createSplitProps()(props, ['view']);
   const api = useDatePickerContext();
@@ -2081,7 +2251,7 @@ const DatePickerViewTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
-var _tmpl$$3 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$4 = /*#__PURE__*/template(`<option>`);
 const DatePickerYearSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().getYearSelectProps(), props);
@@ -2095,7 +2265,7 @@ const DatePickerYearSelect = props => {
           });
         },
         children: year => (() => {
-          var _el$ = _tmpl$$3();
+          var _el$ = _tmpl$$4();
           _el$.value = year;
           insert(_el$, year);
           return _el$;
@@ -2625,6 +2795,78 @@ var format = /*#__PURE__*/Object.freeze({
   Number: FormatNumber
 });
 
+const escapeRegexp = term => term.replace(/[|\\{}()[\]^$+*?.-]/g, char => `\\${char}`);
+const buildRegex = (queryProp, flags) => {
+  const query = queryProp.filter(Boolean).map(text => escapeRegexp(text));
+  return new RegExp(`(${query.join('|')})`, flags);
+};
+const getRegexFlags = (ignoreCase = true, matchAll = true) => `${ignoreCase ? 'i' : ''}${matchAll ? 'g' : ''}`;
+const normalizeSpan = (spans, len) => {
+  const result = [];
+  const append = (start, end, match) => {
+    if (end - start > 0) result.push({
+      start,
+      end,
+      match
+    });
+  };
+  if (spans.length === 0) {
+    append(0, len, false);
+  } else {
+    let lastIndex = 0;
+    for (const chunk of spans) {
+      append(lastIndex, chunk.start, false);
+      append(chunk.start, chunk.end, true);
+      lastIndex = chunk.end;
+    }
+    append(lastIndex, len, false);
+  }
+  return result;
+};
+const highlightWords = props => {
+  const flags = getRegexFlags(props.ignoreCase, props.matchAll);
+  const regex = buildRegex(Array.isArray(props.query) ? props.query : [props.query], flags);
+  const spans = [...props.text.matchAll(regex)].map(match => ({
+    start: match.index || 0,
+    end: (match.index || 0) + match[0].length
+  }));
+  return normalizeSpan(spans, props.text.length).map(chunk => ({
+    text: props.text.slice(chunk.start, chunk.end),
+    match: !!chunk.match
+  }));
+};
+const useHighlight = props => {
+  return createMemo(() => highlightWords(props));
+};
+
+var _tmpl$$3 = /*#__PURE__*/template(`<mark>`);
+const Highlight = props => {
+  if (typeof props.text !== 'string') {
+    throw new Error('[ark-ui/highlight] text must be a string');
+  }
+  const [highlightProps, localProps] = createSplitProps()(props, ['query', 'text', 'ignoreCase', 'matchAll']);
+  const chunks = useHighlight(highlightProps);
+  return createComponent(For, {
+    get each() {
+      return chunks();
+    },
+    children: chunk => createComponent(Show, {
+      get when() {
+        return chunk.match;
+      },
+      get fallback() {
+        return chunk.text;
+      },
+      get children() {
+        var _el$ = _tmpl$$3();
+        spread(_el$, localProps, false, true);
+        insert(_el$, () => chunk.text);
+        return _el$;
+      }
+    })
+  });
+};
+
 const [HoverCardProvider, useHoverCardContext] = createContext({
   hookName: 'useHoverCardContext',
   providerName: '<HoverCardProvider />'
@@ -3199,6 +3441,12 @@ const NumberInputScrubber = props => {
   return createComponent(ark.div, mergedProps);
 };
 
+const NumberInputValueText = props => {
+  const numberInput = useNumberInputContext();
+  const mergedProps = mergeProps$1(() => numberInput().getValueTextProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+
 var numberInput = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: NumberInputContext,
@@ -3209,7 +3457,8 @@ var numberInput = /*#__PURE__*/Object.freeze({
   Label: NumberInputLabel,
   Root: NumberInputRoot,
   RootProvider: NumberInputRootProvider,
-  Scrubber: NumberInputScrubber
+  Scrubber: NumberInputScrubber,
+  ValueText: NumberInputValueText
 });
 
 const [PaginationProvider, usePaginationContext] = createContext({
@@ -3995,9 +4244,12 @@ const [SegmentGroupProvider, useSegmentGroupContext] = createContext({
 
 const SegmentGroupContext = props => props.children(useSegmentGroupContext());
 
+const segmentGroupAnatomy = anatomy$4.rename('segment-group');
+const parts = segmentGroupAnatomy.build();
+
 const SegmentGroupIndicator = props => {
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getIndicatorProps(), segmentGroupAnatomy.build().indicator.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getIndicatorProps(), parts.indicator.attrs, props);
   return createComponent(ark.div, mergedProps);
 };
 
@@ -4014,7 +4266,7 @@ const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createC
 const SegmentGroupItem = props => {
   const [itemProps, localProps] = createSplitProps()(props, ['value', 'disabled', 'invalid']);
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getItemProps(itemProps), segmentGroupAnatomy.build().item.attrs, localProps);
+  const mergedProps = mergeProps$1(() => segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps);
   const itemState = createMemo(() => segmentGroup().getItemState(itemProps));
   return createComponent(SegmentGroupItemPropsProvider, {
     value: itemProps,
@@ -4034,7 +4286,7 @@ const SegmentGroupItemContext = props => props.children(useSegmentGroupItemConte
 const SegmentGroupItemControl = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getItemControlProps(itemProps), segmentGroupAnatomy.build().itemControl.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getItemControlProps(itemProps), parts.itemControl.attrs, props);
   return createComponent(ark.div, mergedProps);
 };
 
@@ -4048,13 +4300,13 @@ const SegmentGroupItemHiddenInput = props => {
 const SegmentGroupItemText = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getItemTextProps(itemProps), segmentGroupAnatomy.build().itemText.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getItemTextProps(itemProps), parts.itemText.attrs, props);
   return createComponent(ark.span, mergedProps);
 };
 
 const SegmentGroupLabel = props => {
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getLabelProps(), segmentGroupAnatomy.build().label.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getLabelProps(), parts.label.attrs, props);
   return createComponent(ark.label, mergedProps);
 };
 
@@ -4078,7 +4330,7 @@ const useSegmentGroup = props => {
 const SegmentGroupRoot = props => {
   const [useSegmentGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onValueChange', 'orientation', 'readOnly', 'value']);
   const segmentGroup = useSegmentGroup(useSegmentGroupProps);
-  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), segmentGroupAnatomy.build().root.attrs, localProps);
+  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
   return createComponent(SegmentGroupProvider, {
     value: segmentGroup,
     get children() {
@@ -4091,7 +4343,7 @@ const SegmentGroupRootProvider = props => {
   const [{
     value: segmentGroup
   }, localProps] = createSplitProps()(props, ['value']);
-  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), segmentGroupAnatomy.build().root.attrs, localProps);
+  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
   return createComponent(SegmentGroupProvider, {
     value: segmentGroup,
     get children() {
@@ -4170,7 +4422,7 @@ const SelectHiddenSelect = props => {
         }
       }), createComponent(Index, {
         get each() {
-          return select().collection.toArray();
+          return select().collection.items;
         },
         children: option => (() => {
           var _el$2 = _tmpl$2$1();
@@ -4372,7 +4624,7 @@ const SelectTrigger = props => {
 
 const SelectValueText = props => {
   const select = useSelectContext();
-  const mergedProps = mergeProps$1(() => selectAnatomy.build().valueText.attrs, props);
+  const mergedProps = mergeProps$1(() => select().getValueTextProps(), props);
   return createComponent(ark.span, mergeProps(mergedProps, {
     get children() {
       return select().valueAsString || props.placeholder;
@@ -5132,6 +5384,374 @@ var tagsInput = /*#__PURE__*/Object.freeze({
   RootProvider: TagsInputRootProvider
 });
 
+const [TimePickerColumnPropsProvider, useTimePickerColumnPropsContext] = createContext({
+  hookName: 'useTimePickerColumnPropsContext',
+  providerName: '<TimePickerColumnPropsProvider />'
+});
+
+const [TimePickerProvider, useTimePickerContext] = createContext({
+  hookName: 'useTimePickerContext',
+  providerName: '<TimePickerProvider />'
+});
+
+const TimePickerCell = props => {
+  const [cellProps, localProps] = createSplitProps()(props, ['value']);
+  const timePicker = useTimePickerContext();
+  const columnProps = useTimePickerColumnPropsContext();
+  const unitToPropsMap = {
+    hour: () => timePicker().getHourCellProps(cellProps),
+    minute: () => timePicker().getMinuteCellProps(cellProps),
+    second: () => timePicker().getSecondCellProps(cellProps),
+    period: () => timePicker().getPeriodCellProps(cellProps)
+  };
+  const mergedProps = mergeProps$1(() => unitToPropsMap[columnProps.unit](), localProps);
+  return createComponent(ark.button, mergedProps);
+};
+
+const TimePickerClearTrigger = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getClearTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+const TimePickerColumn = props => {
+  const [columnProps, localProps] = createSplitProps()(props, ['unit']);
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getColumnProps(columnProps), localProps);
+  return createComponent(TimePickerColumnPropsProvider, {
+    value: columnProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const TimePickerContent = props => {
+  const timePicker = useTimePickerContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps$1(() => timePicker().getContentProps(), () => presenceApi().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const TimePickerContext = props => props.children(useTimePickerContext());
+
+const TimePickerControl = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const TimePickerInput = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getInputProps(), props);
+  return createComponent(ark.input, mergedProps);
+};
+
+const TimePickerLabel = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+
+const TimePickerPositioner = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getPositionerProps(), props);
+  const presenceApi = usePresenceContext();
+  return createComponent(Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+function $14e0f24ef4ac5c92$export$c19a80a9721b80f6(a, b) {
+    return $14e0f24ef4ac5c92$var$timeToMs(a) - $14e0f24ef4ac5c92$var$timeToMs(b);
+}
+function $14e0f24ef4ac5c92$var$timeToMs(a) {
+    return a.hour * 3600000 + a.minute * 60000 + a.second * 1000 + a.millisecond;
+}
+
+function $735220c2d4774dd3$export$3e2544e88a25bff8(duration) {
+    let inverseDuration = {};
+    for(let key in duration)if (typeof duration[key] === 'number') inverseDuration[key] = -duration[key];
+    return inverseDuration;
+}
+function $735220c2d4774dd3$export$e5d5e1c1822b6e56(value, fields) {
+    let mutableValue = value.copy();
+    if (fields.hour != null) mutableValue.hour = fields.hour;
+    if (fields.minute != null) mutableValue.minute = fields.minute;
+    if (fields.second != null) mutableValue.second = fields.second;
+    if (fields.millisecond != null) mutableValue.millisecond = fields.millisecond;
+    $735220c2d4774dd3$export$7555de1e070510cb(mutableValue);
+    return mutableValue;
+}
+function $735220c2d4774dd3$var$balanceTime(time) {
+    time.second += Math.floor(time.millisecond / 1000);
+    time.millisecond = $735220c2d4774dd3$var$nonNegativeMod(time.millisecond, 1000);
+    time.minute += Math.floor(time.second / 60);
+    time.second = $735220c2d4774dd3$var$nonNegativeMod(time.second, 60);
+    time.hour += Math.floor(time.minute / 60);
+    time.minute = $735220c2d4774dd3$var$nonNegativeMod(time.minute, 60);
+    let days = Math.floor(time.hour / 24);
+    time.hour = $735220c2d4774dd3$var$nonNegativeMod(time.hour, 24);
+    return days;
+}
+function $735220c2d4774dd3$export$7555de1e070510cb(time) {
+    time.millisecond = Math.max(0, Math.min(time.millisecond, 1000));
+    time.second = Math.max(0, Math.min(time.second, 59));
+    time.minute = Math.max(0, Math.min(time.minute, 59));
+    time.hour = Math.max(0, Math.min(time.hour, 23));
+}
+function $735220c2d4774dd3$var$nonNegativeMod(a, b) {
+    let result = a % b;
+    if (result < 0) result += b;
+    return result;
+}
+function $735220c2d4774dd3$var$addTimeFields(time, duration) {
+    time.hour += duration.hours || 0;
+    time.minute += duration.minutes || 0;
+    time.second += duration.seconds || 0;
+    time.millisecond += duration.milliseconds || 0;
+    return $735220c2d4774dd3$var$balanceTime(time);
+}
+function $735220c2d4774dd3$export$7ed87b6bc2506470(time, duration) {
+    let res = time.copy();
+    $735220c2d4774dd3$var$addTimeFields(res, duration);
+    return res;
+}
+function $735220c2d4774dd3$export$fe34d3a381cd7501(time, duration) {
+    return $735220c2d4774dd3$export$7ed87b6bc2506470(time, $735220c2d4774dd3$export$3e2544e88a25bff8(duration));
+}
+function $735220c2d4774dd3$export$dd02b3e0007dfe28(value, field, amount, options) {
+    let mutable = value.copy();
+    switch(field){
+        case 'hour':
+            {
+                let hours = value.hour;
+                let min = 0;
+                let max = 23;
+                if ((options === null || options === void 0 ? void 0 : options.hourCycle) === 12) {
+                    let isPM = hours >= 12;
+                    min = isPM ? 12 : 0;
+                    max = isPM ? 23 : 11;
+                }
+                mutable.hour = $735220c2d4774dd3$var$cycleValue(hours, amount, min, max, options === null || options === void 0 ? void 0 : options.round);
+                break;
+            }
+        case 'minute':
+            mutable.minute = $735220c2d4774dd3$var$cycleValue(value.minute, amount, 0, 59, options === null || options === void 0 ? void 0 : options.round);
+            break;
+        case 'second':
+            mutable.second = $735220c2d4774dd3$var$cycleValue(value.second, amount, 0, 59, options === null || options === void 0 ? void 0 : options.round);
+            break;
+        case 'millisecond':
+            mutable.millisecond = $735220c2d4774dd3$var$cycleValue(value.millisecond, amount, 0, 999, options === null || options === void 0 ? void 0 : options.round);
+            break;
+        default:
+            throw new Error('Unsupported field ' + field);
+    }
+    return mutable;
+}
+function $735220c2d4774dd3$var$cycleValue(value, amount, min, max, round = false) {
+    if (round) {
+        value += Math.sign(amount);
+        if (value < min) value = max;
+        let div = Math.abs(amount);
+        if (amount > 0) value = Math.ceil(value / div) * div;
+        else value = Math.floor(value / div) * div;
+        if (value > max) value = min;
+    } else {
+        value += amount;
+        if (value < min) value = max - (min - value - 1);
+        else if (value > max) value = min + (value - max - 1);
+    }
+    return value;
+}
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $fae977aafc393c5c$var$TIME_RE = /^(\d{2})(?::(\d{2}))?(?::(\d{2}))?(\.\d+)?$/;
+function $fae977aafc393c5c$export$c9698ec7f05a07e1(value) {
+    let m = value.match($fae977aafc393c5c$var$TIME_RE);
+    if (!m) throw new Error('Invalid ISO 8601 time string: ' + value);
+    return new ($35ea8db9cb2ccb90$export$680ea196effce5f)($fae977aafc393c5c$var$parseNumber(m[1], 0, 23), m[2] ? $fae977aafc393c5c$var$parseNumber(m[2], 0, 59) : 0, m[3] ? $fae977aafc393c5c$var$parseNumber(m[3], 0, 59) : 0, m[4] ? $fae977aafc393c5c$var$parseNumber(m[4], 0, Infinity) * 1000 : 0);
+}
+function $fae977aafc393c5c$var$parseNumber(value, min, max) {
+    let val = Number(value);
+    if (val < min || val > max) throw new RangeError(`Value out of range: ${min} <= ${val} <= ${max}`);
+    return val;
+}
+function $fae977aafc393c5c$export$f59dee82248f5ad4(time) {
+    return `${String(time.hour).padStart(2, '0')}:${String(time.minute).padStart(2, '0')}:${String(time.second).padStart(2, '0')}${time.millisecond ? String(time.millisecond / 1000).slice(1) : ''}`;
+}
+
+function _check_private_redeclaration(obj, privateCollection) {
+  if (privateCollection.has(obj)) {
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
+}
+
+function _class_private_field_init(obj, privateMap, value) {
+  _check_private_redeclaration(obj, privateMap);
+  privateMap.set(obj, value);
+}
+
+var // This prevents TypeScript from allowing other types with the same fields to match.
+// @ts-ignore
+$35ea8db9cb2ccb90$var$_type1 = /*#__PURE__*/ new WeakMap();
+class $35ea8db9cb2ccb90$export$680ea196effce5f {
+    /** Returns a copy of this time. */ copy() {
+        return new $35ea8db9cb2ccb90$export$680ea196effce5f(this.hour, this.minute, this.second, this.millisecond);
+    }
+    /** Returns a new `Time` with the given duration added to it. */ add(duration) {
+        return ($735220c2d4774dd3$export$7ed87b6bc2506470)(this, duration);
+    }
+    /** Returns a new `Time` with the given duration subtracted from it. */ subtract(duration) {
+        return ($735220c2d4774dd3$export$fe34d3a381cd7501)(this, duration);
+    }
+    /** Returns a new `Time` with the given fields set to the provided values. Other fields will be constrained accordingly. */ set(fields) {
+        return ($735220c2d4774dd3$export$e5d5e1c1822b6e56)(this, fields);
+    }
+    /**
+   * Returns a new `Time` with the given field adjusted by a specified amount.
+   * When the resulting value reaches the limits of the field, it wraps around.
+   */ cycle(field, amount, options) {
+        return ($735220c2d4774dd3$export$dd02b3e0007dfe28)(this, field, amount, options);
+    }
+    /** Converts the time to an ISO 8601 formatted string. */ toString() {
+        return ($fae977aafc393c5c$export$f59dee82248f5ad4)(this);
+    }
+    /** Compares this time with another. A negative result indicates that this time is before the given one, and a positive time indicates that it is after. */ compare(b) {
+        return ($14e0f24ef4ac5c92$export$c19a80a9721b80f6)(this, b);
+    }
+    constructor(hour = 0, minute = 0, second = 0, millisecond = 0){
+        (_class_private_field_init)(this, $35ea8db9cb2ccb90$var$_type1, {
+            writable: true,
+            value: void 0
+        });
+        this.hour = hour;
+        this.minute = minute;
+        this.second = second;
+        this.millisecond = millisecond;
+        ($735220c2d4774dd3$export$7555de1e070510cb)(this);
+    }
+}
+
+const useTimePicker = (props = {}) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...props,
+    value: props.defaultValue ? $fae977aafc393c5c$export$c9698ec7f05a07e1(props.defaultValue) : undefined,
+    min: props.min ? $fae977aafc393c5c$export$c9698ec7f05a07e1(props.min) : undefined,
+    max: props.max ? $fae977aafc393c5c$export$c9698ec7f05a07e1(props.max) : undefined
+  }));
+  const [state, send] = useMachine(timePicker$1.machine(context()), {
+    context
+  });
+  return createMemo(() => timePicker$1.connect(state, send, normalizeProps));
+};
+
+const TimePickerRoot = props => {
+  const [presenceProps, timePickerProps] = splitPresenceProps(props);
+  const [useTimePickerProps, localProps] = createSplitProps()(timePickerProps, ['allowSeconds', 'defaultOpen', 'defaultValue', 'disableLayer', 'disabled', 'id', 'ids', 'locale', 'max', 'min', 'name', 'onFocusChange', 'onOpenChange', 'onValueChange', 'open', 'placeholder', 'positioning', 'readOnly', 'steps', 'value']);
+  const timePicker = useTimePicker(useTimePickerProps);
+  const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
+    present: timePicker().open
+  })));
+  const mergedProps = mergeProps$1(() => timePicker().getRootProps(), localProps);
+  return createComponent(TimePickerProvider, {
+    value: timePicker,
+    get children() {
+      return createComponent(PresenceProvider, {
+        value: apiPresence,
+        get children() {
+          return createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+
+const TimePickerRootProvider = props => {
+  const [presenceProps, timePickerProps] = splitPresenceProps(props);
+  const [{
+    value: timePicker
+  }, localProps] = createSplitProps()(timePickerProps, ['value']);
+  const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
+    present: timePicker().open
+  })));
+  const mergedProps = mergeProps$1(() => timePicker().getRootProps(), localProps);
+  return createComponent(TimePickerProvider, {
+    value: timePicker,
+    get children() {
+      return createComponent(PresenceProvider, {
+        value: apiPresence,
+        get children() {
+          return createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+
+const TimePickerSpacer = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getSpacerProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const TimePickerTrigger = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = mergeProps$1(() => timePicker().getTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+var timePicker = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Cell: TimePickerCell,
+  ClearTrigger: TimePickerClearTrigger,
+  Column: TimePickerColumn,
+  Content: TimePickerContent,
+  Context: TimePickerContext,
+  Control: TimePickerControl,
+  Input: TimePickerInput,
+  Label: TimePickerLabel,
+  Positioner: TimePickerPositioner,
+  Root: TimePickerRoot,
+  RootProvider: TimePickerRootProvider,
+  Spacer: TimePickerSpacer,
+  Trigger: TimePickerTrigger
+});
+
 const createToaster = props => {
   const machine = toast$1.group.machine({
     id: '1',
@@ -5367,7 +5987,7 @@ const useTooltip = props => {
 
 const TooltipRoot = props => {
   const [presenceProps, tooltipProps] = splitPresenceProps(props);
-  const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, ['aria-label', 'closeDelay', 'closeOnEscape', 'closeOnPointerDown', 'closeOnScroll', 'defaultOpen', 'disabled', 'id', 'ids', 'interactive', 'onOpenChange', 'open', 'openDelay', 'positioning']);
+  const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, ['aria-label', 'closeDelay', 'closeOnClick', '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
@@ -5623,5 +6243,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, 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 };
+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, fieldset as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, Highlight, 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, NumberInputValueText, 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, timePicker as TimePicker, TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, 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, carouselAnatomy, checkboxAnatomy, colorPickerAnatomy, createToaster, datePickerAnatomy, fieldAnatomy, fieldsetAnatomy, segmentGroupAnatomy, 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, useFieldsetContext, useFileUpload, useFileUploadContext, useHighlight, 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, useTimePicker, useTimePickerContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
 //# sourceMappingURL=index.js.map