@ark-ui/solid 3.5.0 → 3.6.0

package/dist/cjs/index.js

@@ -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$;
         }
@@ -785,19 +787,144 @@ const FieldSelect = props => {
   return web.createComponent(ark.select, mergedProps);
 };
 
+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 {
+    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 {
-    required = false,
-    disabled = false,
+    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`;
@@ -1866,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);
@@ -1877,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$;
@@ -2145,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);
@@ -2159,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$;
@@ -2689,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 />'
@@ -5206,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',
@@ -5441,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
@@ -5973,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;
@@ -5991,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;
@@ -6196,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;
@@ -6241,6 +6830,7 @@ exports.colorPickerAnatomy = colorPickerAnatomy;
 exports.createToaster = createToaster;
 exports.datePickerAnatomy = datePickerAnatomy;
 exports.fieldAnatomy = fieldAnatomy;
+exports.fieldsetAnatomy = fieldsetAnatomy;
 exports.segmentGroupAnatomy = segmentGroupAnatomy;
 exports.splitPresenceProps = splitPresenceProps;
 exports.useAccordion = useAccordion;
@@ -6271,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;
@@ -6318,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;