@ark-ui/solid 3.4.1 → 3.6.0

package/dist/cjs/index.js

@@ -6,7 +6,6 @@ var solid = require('@zag-js/solid');
 var collapsible$1 = require('@zag-js/collapsible');
 var accordion$1 = require('@zag-js/accordion');
 var avatar$1 = require('@zag-js/avatar');
-var anatomy = require('@ark-ui/anatomy');
 var carousel$1 = require('@zag-js/carousel');
 var checkbox$1 = require('@zag-js/checkbox');
 var clipboard$1 = require('@zag-js/clipboard');
@@ -17,6 +16,7 @@ var datePicker$1 = require('@zag-js/date-picker');
 var dialog$1 = require('@zag-js/dialog');
 var editable$1 = require('@zag-js/editable');
 var domQuery = require('@zag-js/dom-query');
+var anatomy = require('@zag-js/anatomy');
 var fileUpload$1 = require('@zag-js/file-upload');
 var i18nUtils = require('@zag-js/i18n-utils');
 var hoverCard$1 = require('@zag-js/hover-card');
@@ -36,6 +36,7 @@ var splitter$1 = require('@zag-js/splitter');
 var zagSwitch = require('@zag-js/switch');
 var tabs$1 = require('@zag-js/tabs');
 var tagsInput$1 = require('@zag-js/tags-input');
+var timePicker$1 = require('@zag-js/time-picker');
 var toast$1 = require('@zag-js/toast');
 var toggleGroup$1 = require('@zag-js/toggle-group');
 var tooltip$1 = require('@zag-js/tooltip');
@@ -88,6 +89,7 @@ var splitter__namespace = /*#__PURE__*/_interopNamespaceDefault(splitter$1);
 var zagSwitch__namespace = /*#__PURE__*/_interopNamespaceDefault(zagSwitch);
 var tabs__namespace = /*#__PURE__*/_interopNamespaceDefault(tabs$1);
 var tagsInput__namespace = /*#__PURE__*/_interopNamespaceDefault(tagsInput$1);
+var timePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(timePicker$1);
 var toast__namespace = /*#__PURE__*/_interopNamespaceDefault(toast$1);
 var toggleGroup__namespace = /*#__PURE__*/_interopNamespaceDefault(toggleGroup$1);
 var tooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(tooltip$1);
@@ -202,7 +204,7 @@ const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   })
 });
 
-var _tmpl$$5 = /*#__PURE__*/web.template(`<span hidden>`);
+var _tmpl$$6 = /*#__PURE__*/web.template(`<span hidden>`);
 const EnvironmentProvider = props => {
   const [spanRef, setSpanRef] = solidJs.createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
@@ -219,7 +221,7 @@ const EnvironmentProvider = props => {
           return !props.value;
         },
         get children() {
-          var _el$ = _tmpl$$5();
+          var _el$ = _tmpl$$6();
           web.use(setSpanRef, _el$);
           return _el$;
         }
@@ -531,8 +533,10 @@ const [CarouselProvider, useCarouselContext] = createContext({
 
 const CarouselContext = props => props.children(useCarouselContext());
 
+const carouselAnatomy = carousel$1.anatomy.extendWith('control');
+
 const CarouselControl = props => {
-  const mergedProps = solid.mergeProps(() => anatomy.carouselAnatomy.build().control.attrs, props);
+  const mergedProps = solid.mergeProps(() => carouselAnatomy.build().control.attrs, props);
   return web.createComponent(ark.div, mergedProps);
 };
 
@@ -650,6 +654,8 @@ const CheckboxControl = props => {
   return web.createComponent(ark.div, mergedProps);
 };
 
+const checkboxAnatomy = checkbox$1.anatomy.extendWith('group');
+
 function useControllableState(props) {
   const [uncontrolledValue, setUncontrolledValue] = solidJs.createSignal(runIfFn(props.defaultValue));
   const controlled = solidJs.createMemo(() => props.value?.() !== undefined);
@@ -731,7 +737,7 @@ const CheckboxGroup = props => {
     get children() {
       return web.createComponent(ark.div, web.mergeProps({
         role: "group"
-      }, localProps, () => anatomy.checkboxAnatomy.build().group.attrs));
+      }, localProps, () => checkboxAnatomy.build().group.attrs));
     }
   });
 };
@@ -781,17 +787,144 @@ const FieldSelect = props => {
   return web.createComponent(ark.select, mergedProps);
 };
 
-const parts = anatomy.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 = solid.mergeProps(() => fieldset().getErrorTextProps(), props);
+  return web.createComponent(solidJs.Show, {
+    get when() {
+      return fieldset().invalid;
+    },
+    get children() {
+      return web.createComponent(ark.span, mergedProps);
+    }
+  });
+};
+
+const FieldsetHelperText = props => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = solid.mergeProps(() => fieldset().getHelperTextProps(), props);
+  return web.createComponent(ark.span, mergedProps);
+};
+
+const fieldsetAnatomy = anatomy.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 ?? solidJs.createUniqueId();
+  const errorTextId = `fieldset::${id}::error-text`;
+  const helperTextId = `fieldset::${id}::helper-text`;
+  const [hasErrorText, setHasErrorText] = solidJs.createSignal(false);
+  const [hasHelperText, setHasHelperText] = solidJs.createSignal(false);
+  solidJs.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 solidJs.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 = solid.mergeProps(() => fieldset().getRootProps(), localProps);
+  return web.createComponent(FieldsetProvider, {
+    value: fieldset,
+    get children() {
+      return web.createComponent(ark.fieldset, mergedProps);
+    }
+  });
+};
+FieldsetRoot.displayName = 'FieldsetRoot';
+
+const FieldsetRootProvider = props => {
+  const [{
+    value: fieldset
+  }, localProps] = createSplitProps()(props, ['value']);
+  const mergedProps = solid.mergeProps(() => fieldset().getRootProps(), localProps);
+  return web.createComponent(FieldsetProvider, {
+    value: fieldset,
+    get children() {
+      return web.createComponent(ark.fieldset, mergedProps);
+    }
+  });
+};
+
+const FieldsetLegend = props => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = solid.mergeProps(() => fieldset().getLegendProps(), props);
+  return web.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 = anatomy.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] = solidJs.createSignal(false);
   const [hasHelperText, setHasHelperText] = solidJs.createSignal(false);
-  const id = props.id ?? `field-${Math.random().toString(36).substr(2, 9)}`;
+  const id = props.id ?? solidJs.createUniqueId();
   let rootRef;
   const errorTextId = `field::${id}::error-text`;
   const helperTextId = `field::${id}::helper-text`;
@@ -800,14 +933,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),
@@ -829,23 +962,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 solidJs.createMemo(() => ({
@@ -1499,19 +1632,21 @@ const ColorPickerValueSwatch = props => {
 };
 
 const ColorPickerValueText = props => {
-  const api = useColorPickerContext();
-  const mergedProps = solid.mergeProps(() => anatomy.colorPickerAnatomy.build().valueText.attrs, props);
+  const colorPicker = useColorPickerContext();
+  const mergedProps = solid.mergeProps(() => colorPicker().getValueTextProps(), props);
   return web.createComponent(ark.span, web.mergeProps(mergedProps, {
     get children() {
-      return api().valueAsString || props.children;
+      return colorPicker().valueAsString || props.children;
     }
   }));
 };
 
+const colorPickerAnatomy = colorPicker$1.anatomy.extendWith('view');
+
 const ColorPickerView = props => {
   const api = useColorPickerContext();
   const [formatProps, localProps] = createSplitProps()(props, ['format']);
-  const mergedProps = solid.mergeProps(() => anatomy.colorPickerAnatomy.build().view.attrs, localProps);
+  const mergedProps = solid.mergeProps(() => colorPickerAnatomy.build().view.attrs, localProps);
   return web.createComponent(ColorPickerFormatPropsProvider, {
     value: formatProps,
     get children() {
@@ -1858,7 +1993,7 @@ const DatePickerLabel = props => {
   return web.createComponent(ark.label, mergedProps);
 };
 
-var _tmpl$$4 = /*#__PURE__*/web.template(`<option>`);
+var _tmpl$$5 = /*#__PURE__*/web.template(`<option>`);
 const DatePickerMonthSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = solid.mergeProps(() => api().getMonthSelectProps(), props);
@@ -1869,7 +2004,7 @@ const DatePickerMonthSelect = props => {
           return api().getMonths();
         },
         children: month => (() => {
-          var _el$ = _tmpl$$4();
+          var _el$ = _tmpl$$5();
           web.insert(_el$, () => month.label);
           web.effect(() => _el$.value = month.value);
           return _el$;
@@ -2105,10 +2240,12 @@ const DatePickerTrigger = props => {
   return web.createComponent(ark.button, mergedProps);
 };
 
+const datePickerAnatomy = datePicker$1.anatomy.extendWith('view');
+
 const DatePickerView = props => {
   const [viewProps, localProps] = createSplitProps()(props, ['view']);
   const api = useDatePickerContext();
-  const mergedProps = solid.mergeProps(() => anatomy.datePickerAnatomy.build().view.attrs, localProps);
+  const mergedProps = solid.mergeProps(() => datePickerAnatomy.build().view.attrs, localProps);
   return web.createComponent(DatePickerViewProvider, {
     value: viewProps,
     get children() {
@@ -2135,7 +2272,7 @@ const DatePickerViewTrigger = props => {
   return web.createComponent(ark.button, mergedProps);
 };
 
-var _tmpl$$3 = /*#__PURE__*/web.template(`<option>`);
+var _tmpl$$4 = /*#__PURE__*/web.template(`<option>`);
 const DatePickerYearSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = solid.mergeProps(() => api().getYearSelectProps(), props);
@@ -2149,7 +2286,7 @@ const DatePickerYearSelect = props => {
           });
         },
         children: year => (() => {
-          var _el$ = _tmpl$$3();
+          var _el$ = _tmpl$$4();
           _el$.value = year;
           web.insert(_el$, year);
           return _el$;
@@ -2679,6 +2816,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 solidJs.createMemo(() => highlightWords(props));
+};
+
+var _tmpl$$3 = /*#__PURE__*/web.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 web.createComponent(solidJs.For, {
+    get each() {
+      return chunks();
+    },
+    children: chunk => web.createComponent(solidJs.Show, {
+      get when() {
+        return chunk.match;
+      },
+      get fallback() {
+        return chunk.text;
+      },
+      get children() {
+        var _el$ = _tmpl$$3();
+        web.spread(_el$, localProps, false, true);
+        web.insert(_el$, () => chunk.text);
+        return _el$;
+      }
+    })
+  });
+};
+
 const [HoverCardProvider, useHoverCardContext] = createContext({
   hookName: 'useHoverCardContext',
   providerName: '<HoverCardProvider />'
@@ -3253,6 +3462,12 @@ const NumberInputScrubber = props => {
   return web.createComponent(ark.div, mergedProps);
 };
 
+const NumberInputValueText = props => {
+  const numberInput = useNumberInputContext();
+  const mergedProps = solid.mergeProps(() => numberInput().getValueTextProps(), props);
+  return web.createComponent(ark.span, mergedProps);
+};
+
 var numberInput = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: NumberInputContext,
@@ -3263,7 +3478,8 @@ var numberInput = /*#__PURE__*/Object.freeze({
   Label: NumberInputLabel,
   Root: NumberInputRoot,
   RootProvider: NumberInputRootProvider,
-  Scrubber: NumberInputScrubber
+  Scrubber: NumberInputScrubber,
+  ValueText: NumberInputValueText
 });
 
 const [PaginationProvider, usePaginationContext] = createContext({
@@ -4049,9 +4265,12 @@ const [SegmentGroupProvider, useSegmentGroupContext] = createContext({
 
 const SegmentGroupContext = props => props.children(useSegmentGroupContext());
 
+const segmentGroupAnatomy = radio.anatomy.rename('segment-group');
+const parts = segmentGroupAnatomy.build();
+
 const SegmentGroupIndicator = props => {
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = solid.mergeProps(() => segmentGroup().getIndicatorProps(), anatomy.segmentGroupAnatomy.build().indicator.attrs, props);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getIndicatorProps(), parts.indicator.attrs, props);
   return web.createComponent(ark.div, mergedProps);
 };
 
@@ -4068,7 +4287,7 @@ const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createC
 const SegmentGroupItem = props => {
   const [itemProps, localProps] = createSplitProps()(props, ['value', 'disabled', 'invalid']);
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = solid.mergeProps(() => segmentGroup().getItemProps(itemProps), anatomy.segmentGroupAnatomy.build().item.attrs, localProps);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps);
   const itemState = solidJs.createMemo(() => segmentGroup().getItemState(itemProps));
   return web.createComponent(SegmentGroupItemPropsProvider, {
     value: itemProps,
@@ -4088,7 +4307,7 @@ const SegmentGroupItemContext = props => props.children(useSegmentGroupItemConte
 const SegmentGroupItemControl = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = solid.mergeProps(() => segmentGroup().getItemControlProps(itemProps), anatomy.segmentGroupAnatomy.build().itemControl.attrs, props);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getItemControlProps(itemProps), parts.itemControl.attrs, props);
   return web.createComponent(ark.div, mergedProps);
 };
 
@@ -4102,13 +4321,13 @@ const SegmentGroupItemHiddenInput = props => {
 const SegmentGroupItemText = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = solid.mergeProps(() => segmentGroup().getItemTextProps(itemProps), anatomy.segmentGroupAnatomy.build().itemText.attrs, props);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getItemTextProps(itemProps), parts.itemText.attrs, props);
   return web.createComponent(ark.span, mergedProps);
 };
 
 const SegmentGroupLabel = props => {
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = solid.mergeProps(() => segmentGroup().getLabelProps(), anatomy.segmentGroupAnatomy.build().label.attrs, props);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getLabelProps(), parts.label.attrs, props);
   return web.createComponent(ark.label, mergedProps);
 };
 
@@ -4132,7 +4351,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 = solid.mergeProps(() => segmentGroup().getRootProps(), anatomy.segmentGroupAnatomy.build().root.attrs, localProps);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
   return web.createComponent(SegmentGroupProvider, {
     value: segmentGroup,
     get children() {
@@ -4145,7 +4364,7 @@ const SegmentGroupRootProvider = props => {
   const [{
     value: segmentGroup
   }, localProps] = createSplitProps()(props, ['value']);
-  const mergedProps = solid.mergeProps(() => segmentGroup().getRootProps(), anatomy.segmentGroupAnatomy.build().root.attrs, localProps);
+  const mergedProps = solid.mergeProps(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
   return web.createComponent(SegmentGroupProvider, {
     value: segmentGroup,
     get children() {
@@ -4224,7 +4443,7 @@ const SelectHiddenSelect = props => {
         }
       }), web.createComponent(solidJs.Index, {
         get each() {
-          return select().collection.toArray();
+          return select().collection.items;
         },
         children: option => (() => {
           var _el$2 = _tmpl$2$1();
@@ -4426,7 +4645,7 @@ const SelectTrigger = props => {
 
 const SelectValueText = props => {
   const select = useSelectContext();
-  const mergedProps = solid.mergeProps(() => anatomy.selectAnatomy.build().valueText.attrs, props);
+  const mergedProps = solid.mergeProps(() => select().getValueTextProps(), props);
   return web.createComponent(ark.span, web.mergeProps(mergedProps, {
     get children() {
       return select().valueAsString || props.placeholder;
@@ -5186,6 +5405,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 = solid.mergeProps(() => unitToPropsMap[columnProps.unit](), localProps);
+  return web.createComponent(ark.button, mergedProps);
+};
+
+const TimePickerClearTrigger = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getClearTriggerProps(), props);
+  return web.createComponent(ark.button, mergedProps);
+};
+
+const TimePickerColumn = props => {
+  const [columnProps, localProps] = createSplitProps()(props, ['unit']);
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getColumnProps(columnProps), localProps);
+  return web.createComponent(TimePickerColumnPropsProvider, {
+    value: columnProps,
+    get children() {
+      return web.createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const TimePickerContent = props => {
+  const timePicker = useTimePickerContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getContentProps(), () => presenceApi().presenceProps, props);
+  return web.createComponent(solidJs.Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return web.createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+const TimePickerContext = props => props.children(useTimePickerContext());
+
+const TimePickerControl = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getControlProps(), props);
+  return web.createComponent(ark.div, mergedProps);
+};
+
+const TimePickerInput = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getInputProps(), props);
+  return web.createComponent(ark.input, mergedProps);
+};
+
+const TimePickerLabel = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getLabelProps(), props);
+  return web.createComponent(ark.label, mergedProps);
+};
+
+const TimePickerPositioner = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getPositionerProps(), props);
+  const presenceApi = usePresenceContext();
+  return web.createComponent(solidJs.Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return web.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 = solidJs.createUniqueId();
+  const context = solidJs.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] = solid.useMachine(timePicker__namespace.machine(context()), {
+    context
+  });
+  return solidJs.createMemo(() => timePicker__namespace.connect(state, send, solid.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(solid.mergeProps(presenceProps, () => ({
+    present: timePicker().open
+  })));
+  const mergedProps = solid.mergeProps(() => timePicker().getRootProps(), localProps);
+  return web.createComponent(TimePickerProvider, {
+    value: timePicker,
+    get children() {
+      return web.createComponent(PresenceProvider, {
+        value: apiPresence,
+        get children() {
+          return web.createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+
+const TimePickerRootProvider = props => {
+  const [presenceProps, timePickerProps] = splitPresenceProps(props);
+  const [{
+    value: timePicker
+  }, localProps] = createSplitProps()(timePickerProps, ['value']);
+  const apiPresence = usePresence(solid.mergeProps(presenceProps, () => ({
+    present: timePicker().open
+  })));
+  const mergedProps = solid.mergeProps(() => timePicker().getRootProps(), localProps);
+  return web.createComponent(TimePickerProvider, {
+    value: timePicker,
+    get children() {
+      return web.createComponent(PresenceProvider, {
+        value: apiPresence,
+        get children() {
+          return web.createComponent(ark.div, mergedProps);
+        }
+      });
+    }
+  });
+};
+
+const TimePickerSpacer = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getSpacerProps(), props);
+  return web.createComponent(ark.div, mergedProps);
+};
+
+const TimePickerTrigger = props => {
+  const timePicker = useTimePickerContext();
+  const mergedProps = solid.mergeProps(() => timePicker().getTriggerProps(), props);
+  return web.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__namespace.group.machine({
     id: '1',
@@ -5421,7 +6008,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(solid.mergeProps(presenceProps, () => ({
     present: api().open
@@ -5677,6 +6264,122 @@ var treeView = /*#__PURE__*/Object.freeze({
   Tree: TreeViewTree
 });
 
+Object.defineProperty(exports, "collapsibleAnatomy", {
+  enumerable: true,
+  get: function () { return collapsible$1.anatomy; }
+});
+Object.defineProperty(exports, "accordionAnatomy", {
+  enumerable: true,
+  get: function () { return accordion$1.anatomy; }
+});
+Object.defineProperty(exports, "avatarAnatomy", {
+  enumerable: true,
+  get: function () { return avatar$1.anatomy; }
+});
+Object.defineProperty(exports, "clipboardAnatomy", {
+  enumerable: true,
+  get: function () { return clipboard$1.anatomy; }
+});
+Object.defineProperty(exports, "comboboxAnatomy", {
+  enumerable: true,
+  get: function () { return combobox$1.anatomy; }
+});
+Object.defineProperty(exports, "dialogAnatomy", {
+  enumerable: true,
+  get: function () { return dialog$1.anatomy; }
+});
+Object.defineProperty(exports, "editableAnatomy", {
+  enumerable: true,
+  get: function () { return editable$1.anatomy; }
+});
+Object.defineProperty(exports, "fileUploadAnatomy", {
+  enumerable: true,
+  get: function () { return fileUpload$1.anatomy; }
+});
+Object.defineProperty(exports, "hoverCardAnatomy", {
+  enumerable: true,
+  get: function () { return hoverCard$1.anatomy; }
+});
+Object.defineProperty(exports, "menuAnatomy", {
+  enumerable: true,
+  get: function () { return menu$1.anatomy; }
+});
+Object.defineProperty(exports, "numberInputAnatomy", {
+  enumerable: true,
+  get: function () { return numberInput$1.anatomy; }
+});
+Object.defineProperty(exports, "paginationAnatomy", {
+  enumerable: true,
+  get: function () { return pagination$1.anatomy; }
+});
+Object.defineProperty(exports, "pinInputAnatomy", {
+  enumerable: true,
+  get: function () { return pinInput$1.anatomy; }
+});
+Object.defineProperty(exports, "popoverAnatomy", {
+  enumerable: true,
+  get: function () { return popover$1.anatomy; }
+});
+Object.defineProperty(exports, "progressAnatomy", {
+  enumerable: true,
+  get: function () { return progress$1.anatomy; }
+});
+Object.defineProperty(exports, "qrCodeAnatomy", {
+  enumerable: true,
+  get: function () { return qrCode$1.anatomy; }
+});
+Object.defineProperty(exports, "radioGroupAnatomy", {
+  enumerable: true,
+  get: function () { return radio.anatomy; }
+});
+Object.defineProperty(exports, "ratingGroupAnatomy", {
+  enumerable: true,
+  get: function () { return rating.anatomy; }
+});
+Object.defineProperty(exports, "selectAnatomy", {
+  enumerable: true,
+  get: function () { return select$1.anatomy; }
+});
+Object.defineProperty(exports, "signaturePadAnatomy", {
+  enumerable: true,
+  get: function () { return signaturePad$1.anatomy; }
+});
+Object.defineProperty(exports, "sliderAnatomy", {
+  enumerable: true,
+  get: function () { return slider$1.anatomy; }
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+  enumerable: true,
+  get: function () { return splitter$1.anatomy; }
+});
+Object.defineProperty(exports, "switchAnatomy", {
+  enumerable: true,
+  get: function () { return zagSwitch.anatomy; }
+});
+Object.defineProperty(exports, "tabsAnatomy", {
+  enumerable: true,
+  get: function () { return tabs$1.anatomy; }
+});
+Object.defineProperty(exports, "tagsInputAnatomy", {
+  enumerable: true,
+  get: function () { return tagsInput$1.anatomy; }
+});
+Object.defineProperty(exports, "toastAnatomy", {
+  enumerable: true,
+  get: function () { return toast$1.anatomy; }
+});
+Object.defineProperty(exports, "toggleGroupAnatomy", {
+  enumerable: true,
+  get: function () { return toggleGroup$1.anatomy; }
+});
+Object.defineProperty(exports, "tooltipAnatomy", {
+  enumerable: true,
+  get: function () { return tooltip$1.anatomy; }
+});
+Object.defineProperty(exports, "treeViewAnatomy", {
+  enumerable: true,
+  get: function () { return treeView$1.anatomy; }
+});
 exports.Accordion = accordion;
 exports.AccordionContext = AccordionContext;
 exports.AccordionItem = AccordionItem;
@@ -5837,6 +6540,13 @@ exports.FieldRoot = FieldRoot;
 exports.FieldRootProvider = FieldRootProvider;
 exports.FieldSelect = FieldSelect;
 exports.FieldTextarea = FieldTextarea;
+exports.Fieldset = fieldset;
+exports.FieldsetContext = FieldsetContext;
+exports.FieldsetErrorText = FieldsetErrorText;
+exports.FieldsetHelperText = FieldsetHelperText;
+exports.FieldsetLegend = FieldsetLegend;
+exports.FieldsetRoot = FieldsetRoot;
+exports.FieldsetRootProvider = FieldsetRootProvider;
 exports.FileUpload = fileUpload;
 exports.FileUploadContext = FileUploadContext;
 exports.FileUploadDropzone = FileUploadDropzone;
@@ -5855,6 +6565,7 @@ exports.FileUploadTrigger = FileUploadTrigger;
 exports.Format = format;
 exports.FormatByte = FormatByte;
 exports.FormatNumber = FormatNumber;
+exports.Highlight = Highlight;
 exports.HoverCard = hoverCard;
 exports.HoverCardArrow = HoverCardArrow;
 exports.HoverCardArrowTip = HoverCardArrowTip;
@@ -5897,6 +6608,7 @@ exports.NumberInputLabel = NumberInputLabel;
 exports.NumberInputRoot = NumberInputRoot;
 exports.NumberInputRootProvider = NumberInputRootProvider;
 exports.NumberInputScrubber = NumberInputScrubber;
+exports.NumberInputValueText = NumberInputValueText;
 exports.Pagination = pagination;
 exports.PaginationContext = PaginationContext;
 exports.PaginationEllipsis = PaginationEllipsis;
@@ -6059,6 +6771,20 @@ exports.TagsInputItemText = TagsInputItemText;
 exports.TagsInputLabel = TagsInputLabel;
 exports.TagsInputRoot = TagsInputRoot;
 exports.TagsInputRootProvider = TagsInputRootProvider;
+exports.TimePicker = timePicker;
+exports.TimePickerCell = TimePickerCell;
+exports.TimePickerClearTrigger = TimePickerClearTrigger;
+exports.TimePickerColumn = TimePickerColumn;
+exports.TimePickerContent = TimePickerContent;
+exports.TimePickerContext = TimePickerContext;
+exports.TimePickerControl = TimePickerControl;
+exports.TimePickerInput = TimePickerInput;
+exports.TimePickerLabel = TimePickerLabel;
+exports.TimePickerPositioner = TimePickerPositioner;
+exports.TimePickerRoot = TimePickerRoot;
+exports.TimePickerRootProvider = TimePickerRootProvider;
+exports.TimePickerSpacer = TimePickerSpacer;
+exports.TimePickerTrigger = TimePickerTrigger;
 exports.Toast = toast;
 exports.ToastActionTrigger = ToastActionTrigger;
 exports.ToastCloseTrigger = ToastCloseTrigger;
@@ -6098,7 +6824,14 @@ exports.TreeViewRoot = TreeViewRoot;
 exports.TreeViewRootProvider = TreeViewRootProvider;
 exports.TreeViewTree = TreeViewTree;
 exports.ark = ark;
+exports.carouselAnatomy = carouselAnatomy;
+exports.checkboxAnatomy = checkboxAnatomy;
+exports.colorPickerAnatomy = colorPickerAnatomy;
 exports.createToaster = createToaster;
+exports.datePickerAnatomy = datePickerAnatomy;
+exports.fieldAnatomy = fieldAnatomy;
+exports.fieldsetAnatomy = fieldsetAnatomy;
+exports.segmentGroupAnatomy = segmentGroupAnatomy;
 exports.splitPresenceProps = splitPresenceProps;
 exports.useAccordion = useAccordion;
 exports.useAccordionContext = useAccordionContext;
@@ -6128,8 +6861,10 @@ exports.useEditable = useEditable;
 exports.useEditableContext = useEditableContext;
 exports.useEnvironmentContext = useEnvironmentContext;
 exports.useFieldContext = useFieldContext;
+exports.useFieldsetContext = useFieldsetContext;
 exports.useFileUpload = useFileUpload;
 exports.useFileUploadContext = useFileUploadContext;
+exports.useHighlight = useHighlight;
 exports.useHoverCard = useHoverCard;
 exports.useHoverCardContext = useHoverCardContext;
 exports.useLocaleContext = useLocaleContext;
@@ -6175,6 +6910,8 @@ exports.useTabsContext = useTabsContext;
 exports.useTagsInput = useTagsInput;
 exports.useTagsInputContext = useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext;
+exports.useTimePicker = useTimePicker;
+exports.useTimePickerContext = useTimePickerContext;
 exports.useToastContext = useToastContext;
 exports.useToggleGroup = useToggleGroup;
 exports.useToggleGroupContext = useToggleGroupContext;