@ark-ui/react 3.5.0 → 3.6.1

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

@@ -0,0 +1,81 @@
+'use client';
+import { getWindow } from '@zag-js/dom-query';
+import { useRef, useId, useLayoutEffect, useMemo } from 'react';
+import { parts } from './fieldset.anatomy.js';
+
+const useFieldset = (props) => {
+  const { disabled = false, invalid = false } = props;
+  const hasErrorText = useRef(false);
+  const hasHelperText = useRef(false);
+  const id = props.id ?? useId();
+  const rootRef = useRef(null);
+  const errorTextId = `fieldset::${id}::error-text`;
+  const helperTextId = `fieldset::${id}::helper-text`;
+  useLayoutEffect(() => {
+    const rootNode = rootRef.current;
+    if (!rootNode) return;
+    const win = getWindow(rootNode);
+    const doc = win.document;
+    const checkTextElements = () => {
+      hasErrorText.current = !!doc.getElementById(errorTextId);
+      hasHelperText.current = !!doc.getElementById(helperTextId);
+    };
+    checkTextElements();
+    const observer = new win.MutationObserver(checkTextElements);
+    observer.observe(rootNode, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [errorTextId, helperTextId]);
+  const labelIds = useMemo(() => {
+    const ids = [];
+    if (hasErrorText.current && invalid) ids.push(errorTextId);
+    if (hasHelperText.current) ids.push(helperTextId);
+    return ids.join(" ") || void 0;
+  }, [invalid, errorTextId, helperTextId]);
+  const getRootProps = useMemo(
+    () => () => ({
+      ...parts.root.attrs,
+      ref: rootRef,
+      disabled,
+      "data-disabled": disabled ? "true" : void 0,
+      "data-invalid": invalid ? "true" : void 0,
+      "aria-describedby": labelIds
+    }),
+    [disabled, invalid, labelIds]
+  );
+  const getLegendProps = useMemo(
+    () => () => ({
+      ...parts.legend.attrs,
+      "data-disabled": disabled ? "true" : void 0,
+      "data-invalid": invalid ? "true" : void 0
+    }),
+    [disabled, invalid]
+  );
+  const getHelperTextProps = useMemo(
+    () => () => ({
+      id: helperTextId,
+      ...parts.helperText.attrs
+    }),
+    [helperTextId]
+  );
+  const getErrorTextProps = useMemo(
+    () => () => ({
+      id: errorTextId,
+      ...parts.errorText.attrs,
+      "aria-live": "polite"
+    }),
+    [errorTextId]
+  );
+  return {
+    refs: {
+      rootRef
+    },
+    disabled,
+    invalid,
+    getRootProps,
+    getLegendProps,
+    getHelperTextProps,
+    getErrorTextProps
+  };
+};
+
+export { useFieldset };

package/dist/components/highlight/highlight.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const useHighlight = require('./use-highlight.cjs');
+
+const Highlight = (props) => {
+  if (typeof props.text !== "string") {
+    throw new Error("[ark-ui/highlight] text must be a string");
+  }
+  const [highlightProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "query",
+    "text",
+    "ignoreCase",
+    "matchAll"
+  ]);
+  const chunks = useHighlight.useHighlight(highlightProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: chunks.map(
+    ({ text, match }, i) => match ? /* @__PURE__ */ jsxRuntime.jsx("mark", { ...localProps, children: text }, i) : /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: text }, i)
+  ) });
+};
+
+exports.Highlight = Highlight;

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

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { UseHighlightProps } from './use-highlight';
+
+export interface HighlightBaseProps extends UseHighlightProps {
+}
+export interface HighlightProps extends Assign<React.ComponentProps<'mark'>, HighlightBaseProps> {
+}
+export declare const Highlight: (props: HighlightProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { UseHighlightProps } from './use-highlight';
+
+export interface HighlightBaseProps extends UseHighlightProps {
+}
+export interface HighlightProps extends Assign<React.ComponentProps<'mark'>, HighlightBaseProps> {
+}
+export declare const Highlight: (props: HighlightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/highlight/highlight.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { useHighlight } from './use-highlight.js';
+
+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 /* @__PURE__ */ jsx(Fragment, { children: chunks.map(
+    ({ text, match }, i) => match ? /* @__PURE__ */ jsx("mark", { ...localProps, children: text }, i) : /* @__PURE__ */ jsx(Fragment, { children: text }, i)
+  ) });
+};
+
+export { Highlight };

package/dist/components/highlight/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const highlight = require('./highlight.cjs');
+const useHighlight = require('./use-highlight.cjs');
+
+
+
+exports.Highlight = highlight.Highlight;
+exports.useHighlight = useHighlight.useHighlight;

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

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

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

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

package/dist/components/highlight/index.js

@@ -0,0 +1,2 @@
+export { Highlight } from './highlight.js';
+export { useHighlight } from './use-highlight.js';

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

@@ -0,0 +1,49 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+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) => {
+  const { text, query } = props;
+  return react.useMemo(() => highlightWords({ text, query }), [text, query]);
+};
+
+exports.useHighlight = useHighlight;

package/dist/components/highlight/use-highlight.d.cts

@@ -0,0 +1,30 @@
+export interface RegexOptions {
+    /**
+     * Whether to ignore case while matching
+     */
+    ignoreCase?: boolean;
+    /**
+     * Whether to match multiple instances of the query
+     */
+    matchAll?: boolean;
+}
+export interface UseHighlightProps extends RegexOptions {
+    /**
+     * The text to highlight
+     */
+    text: string;
+    /**
+     * The query to highlight in the text
+     */
+    query: string | string[];
+}
+export interface HighlightChunk {
+    text: string;
+    match: boolean;
+}
+export interface HighlightSpan {
+    start: number;
+    end: number;
+    match?: boolean;
+}
+export declare const useHighlight: (props: UseHighlightProps) => HighlightChunk[];

package/dist/components/highlight/use-highlight.d.ts

@@ -0,0 +1,30 @@
+export interface RegexOptions {
+    /**
+     * Whether to ignore case while matching
+     */
+    ignoreCase?: boolean;
+    /**
+     * Whether to match multiple instances of the query
+     */
+    matchAll?: boolean;
+}
+export interface UseHighlightProps extends RegexOptions {
+    /**
+     * The text to highlight
+     */
+    text: string;
+    /**
+     * The query to highlight in the text
+     */
+    query: string | string[];
+}
+export interface HighlightChunk {
+    text: string;
+    match: boolean;
+}
+export interface HighlightSpan {
+    start: number;
+    end: number;
+    match?: boolean;
+}
+export declare const useHighlight: (props: UseHighlightProps) => HighlightChunk[];

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

@@ -0,0 +1,45 @@
+'use client';
+import { useMemo } from 'react';
+
+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) => {
+  const { text, query } = props;
+  return useMemo(() => highlightWords({ text, query }), [text, query]);
+};
+
+export { useHighlight };

package/dist/components/index.cjs

@@ -194,6 +194,15 @@ const fieldTextarea = require('./field/field-textarea.cjs');
 const useFieldContext = require('./field/use-field-context.cjs');
 const field_anatomy = require('./field/field.anatomy.cjs');
 const field = require('./field/field.cjs');
+const fieldsetContext = require('./fieldset/fieldset-context.cjs');
+const fieldsetErrorText = require('./fieldset/fieldset-error-text.cjs');
+const fieldsetHelperText = require('./fieldset/fieldset-helper-text.cjs');
+const fieldsetRoot = require('./fieldset/fieldset-root.cjs');
+const fieldsetRootProvider = require('./fieldset/fieldset-root-provider.cjs');
+const fieldsetLegend = require('./fieldset/fieldset-legend.cjs');
+const fieldset_anatomy = require('./fieldset/fieldset.anatomy.cjs');
+const useFieldsetContext = require('./fieldset/use-fieldset-context.cjs');
+const fieldset = require('./fieldset/fieldset.cjs');
 const fileUploadContext = require('./file-upload/file-upload-context.cjs');
 const fileUploadDropzone = require('./file-upload/file-upload-dropzone.cjs');
 const fileUploadHiddenInput = require('./file-upload/file-upload-hidden-input.cjs');
@@ -214,6 +223,8 @@ const fileUpload$1 = require('./file-upload/file-upload.cjs');
 const formatByte = require('./format/format-byte.cjs');
 const formatNumber = require('./format/format-number.cjs');
 const format = require('./format/format.cjs');
+const highlight = require('./highlight/highlight.cjs');
+const useHighlight = require('./highlight/use-highlight.cjs');
 const hoverCardArrow = require('./hover-card/hover-card-arrow.cjs');
 const hoverCardArrowTip = require('./hover-card/hover-card-arrow-tip.cjs');
 const hoverCardContent = require('./hover-card/hover-card-content.cjs');
@@ -464,6 +475,22 @@ const useTagsInput = require('./tags-input/use-tags-input.cjs');
 const useTagsInputContext = require('./tags-input/use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./tags-input/use-tags-input-item-context.cjs');
 const tagsInput$1 = require('./tags-input/tags-input.cjs');
+const timePickerCell = require('./time-picker/time-picker-cell.cjs');
+const timePickerClearTrigger = require('./time-picker/time-picker-clear-trigger.cjs');
+const timePickerColumn = require('./time-picker/time-picker-column.cjs');
+const timePickerContent = require('./time-picker/time-picker-content.cjs');
+const timePickerContext = require('./time-picker/time-picker-context.cjs');
+const timePickerControl = require('./time-picker/time-picker-control.cjs');
+const timePickerInput = require('./time-picker/time-picker-input.cjs');
+const timePickerLabel = require('./time-picker/time-picker-label.cjs');
+const timePickerPositioner = require('./time-picker/time-picker-positioner.cjs');
+const timePickerRoot = require('./time-picker/time-picker-root.cjs');
+const timePickerRootProvider = require('./time-picker/time-picker-root-provider.cjs');
+const timePickerSpacer = require('./time-picker/time-picker-spacer.cjs');
+const timePickerTrigger = require('./time-picker/time-picker-trigger.cjs');
+const useTimePicker = require('./time-picker/use-time-picker.cjs');
+const useTimePickerContext = require('./time-picker/use-time-picker-context.cjs');
+const timePicker = require('./time-picker/time-picker.cjs');
 const createToaster = require('./toast/create-toaster.cjs');
 const toastActionTrigger = require('./toast/toast-action-trigger.cjs');
 const toastCloseTrigger = require('./toast/toast-close-trigger.cjs');
@@ -736,6 +763,15 @@ exports.FieldTextarea = fieldTextarea.FieldTextarea;
 exports.useFieldContext = useFieldContext.useFieldContext;
 exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.Field = field;
+exports.FieldsetContext = fieldsetContext.FieldsetContext;
+exports.FieldsetErrorText = fieldsetErrorText.FieldsetErrorText;
+exports.FieldsetHelperText = fieldsetHelperText.FieldsetHelperText;
+exports.FieldsetRoot = fieldsetRoot.FieldsetRoot;
+exports.FieldsetRootProvider = fieldsetRootProvider.FieldsetRootProvider;
+exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
+exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
+exports.useFieldsetContext = useFieldsetContext.useFieldsetContext;
+exports.Fieldset = fieldset;
 exports.FileUploadContext = fileUploadContext.FileUploadContext;
 exports.FileUploadDropzone = fileUploadDropzone.FileUploadDropzone;
 exports.FileUploadHiddenInput = fileUploadHiddenInput.FileUploadHiddenInput;
@@ -756,6 +792,8 @@ exports.FileUpload = fileUpload$1;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
 exports.Format = format;
+exports.Highlight = highlight.Highlight;
+exports.useHighlight = useHighlight.useHighlight;
 exports.HoverCardArrow = hoverCardArrow.HoverCardArrow;
 exports.HoverCardArrowTip = hoverCardArrowTip.HoverCardArrowTip;
 exports.HoverCardContent = hoverCardContent.HoverCardContent;
@@ -1007,6 +1045,22 @@ exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
 exports.TagsInput = tagsInput$1;
+exports.TimePickerCell = timePickerCell.TimePickerCell;
+exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
+exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
+exports.TimePickerContent = timePickerContent.TimePickerContent;
+exports.TimePickerContext = timePickerContext.TimePickerContext;
+exports.TimePickerControl = timePickerControl.TimePickerControl;
+exports.TimePickerInput = timePickerInput.TimePickerInput;
+exports.TimePickerLabel = timePickerLabel.TimePickerLabel;
+exports.TimePickerPositioner = timePickerPositioner.TimePickerPositioner;
+exports.TimePickerRoot = timePickerRoot.TimePickerRoot;
+exports.TimePickerRootProvider = timePickerRootProvider.TimePickerRootProvider;
+exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
+exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
+exports.useTimePicker = useTimePicker.useTimePicker;
+exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
+exports.TimePicker = timePicker;
 exports.createToaster = createToaster.createToaster;
 exports.ToastActionTrigger = toastActionTrigger.ToastActionTrigger;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;

package/dist/components/index.d.cts

@@ -11,8 +11,10 @@ export * from './dialog';
 export * from './editable';
 export * from './factory';
 export * from './field';
+export * from './fieldset';
 export * from './file-upload';
 export * from './format';
+export * from './highlight';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';
@@ -33,6 +35,7 @@ export * from './splitter';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';
+export * from './time-picker';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';

package/dist/components/index.d.ts

@@ -11,8 +11,10 @@ export * from './dialog';
 export * from './editable';
 export * from './factory';
 export * from './field';
+export * from './fieldset';
 export * from './file-upload';
 export * from './format';
+export * from './highlight';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';
@@ -33,6 +35,7 @@ export * from './splitter';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';
+export * from './time-picker';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';

package/dist/components/index.js

@@ -202,6 +202,16 @@ export { useFieldContext } from './field/use-field-context.js';
 export { fieldAnatomy } from './field/field.anatomy.js';
 import * as field from './field/field.js';
 export { field as Field };
+export { FieldsetContext } from './fieldset/fieldset-context.js';
+export { FieldsetErrorText } from './fieldset/fieldset-error-text.js';
+export { FieldsetHelperText } from './fieldset/fieldset-helper-text.js';
+export { FieldsetRoot } from './fieldset/fieldset-root.js';
+export { FieldsetRootProvider } from './fieldset/fieldset-root-provider.js';
+export { FieldsetLegend } from './fieldset/fieldset-legend.js';
+export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.js';
+export { useFieldsetContext } from './fieldset/use-fieldset-context.js';
+import * as fieldset from './fieldset/fieldset.js';
+export { fieldset as Fieldset };
 export { FileUploadContext } from './file-upload/file-upload-context.js';
 export { FileUploadDropzone } from './file-upload/file-upload-dropzone.js';
 export { FileUploadHiddenInput } from './file-upload/file-upload-hidden-input.js';
@@ -224,6 +234,8 @@ export { FormatByte } from './format/format-byte.js';
 export { FormatNumber } from './format/format-number.js';
 import * as format from './format/format.js';
 export { format as Format };
+export { Highlight } from './highlight/highlight.js';
+export { useHighlight } from './highlight/use-highlight.js';
 export { HoverCardArrow } from './hover-card/hover-card-arrow.js';
 export { HoverCardArrowTip } from './hover-card/hover-card-arrow-tip.js';
 export { HoverCardContent } from './hover-card/hover-card-content.js';
@@ -492,6 +504,23 @@ export { useTagsInputContext } from './tags-input/use-tags-input-context.js';
 export { useTagsInputItemContext } from './tags-input/use-tags-input-item-context.js';
 import * as tagsInput from './tags-input/tags-input.js';
 export { tagsInput as TagsInput };
+export { TimePickerCell } from './time-picker/time-picker-cell.js';
+export { TimePickerClearTrigger } from './time-picker/time-picker-clear-trigger.js';
+export { TimePickerColumn } from './time-picker/time-picker-column.js';
+export { TimePickerContent } from './time-picker/time-picker-content.js';
+export { TimePickerContext } from './time-picker/time-picker-context.js';
+export { TimePickerControl } from './time-picker/time-picker-control.js';
+export { TimePickerInput } from './time-picker/time-picker-input.js';
+export { TimePickerLabel } from './time-picker/time-picker-label.js';
+export { TimePickerPositioner } from './time-picker/time-picker-positioner.js';
+export { TimePickerRoot } from './time-picker/time-picker-root.js';
+export { TimePickerRootProvider } from './time-picker/time-picker-root-provider.js';
+export { TimePickerSpacer } from './time-picker/time-picker-spacer.js';
+export { TimePickerTrigger } from './time-picker/time-picker-trigger.js';
+export { useTimePicker } from './time-picker/use-time-picker.js';
+export { useTimePickerContext } from './time-picker/use-time-picker-context.js';
+import * as timePicker from './time-picker/time-picker.js';
+export { timePicker as TimePicker };
 export { createToaster } from './toast/create-toaster.js';
 export { ToastActionTrigger } from './toast/toast-action-trigger.js';
 export { ToastCloseTrigger } from './toast/toast-close-trigger.js';

package/dist/components/select/select-hidden-select.cjs

@@ -18,7 +18,14 @@ const SelectHiddenSelect = react.forwardRef(
     const field = useFieldContext.useFieldContext();
     return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.select, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref, children: [
       isValueEmpty && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "" }),
-      select.collection.items.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+      select.collection.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "option",
+        {
+          value: select.collection.getItemValue(item) ?? "",
+          disabled: select.collection.getItemDisabled(item)
+        },
+        index
+      ))
     ] });
   }
 );

package/dist/components/select/select-hidden-select.js

@@ -14,7 +14,14 @@ const SelectHiddenSelect = forwardRef(
     const field = useFieldContext();
     return /* @__PURE__ */ jsxs(ark.select, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref, children: [
       isValueEmpty && /* @__PURE__ */ jsx("option", { value: "" }),
-      select.collection.items.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+      select.collection.items.map((item, index) => /* @__PURE__ */ jsx(
+        "option",
+        {
+          value: select.collection.getItemValue(item) ?? "",
+          disabled: select.collection.getItemDisabled(item)
+        },
+        index
+      ))
     ] });
   }
 );

package/dist/components/time-picker/index.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const timePickerCell = require('./time-picker-cell.cjs');
+const timePickerClearTrigger = require('./time-picker-clear-trigger.cjs');
+const timePickerColumn = require('./time-picker-column.cjs');
+const timePickerContent = require('./time-picker-content.cjs');
+const timePickerContext = require('./time-picker-context.cjs');
+const timePickerControl = require('./time-picker-control.cjs');
+const timePickerInput = require('./time-picker-input.cjs');
+const timePickerLabel = require('./time-picker-label.cjs');
+const timePickerPositioner = require('./time-picker-positioner.cjs');
+const timePickerRoot = require('./time-picker-root.cjs');
+const timePickerRootProvider = require('./time-picker-root-provider.cjs');
+const timePickerSpacer = require('./time-picker-spacer.cjs');
+const timePickerTrigger = require('./time-picker-trigger.cjs');
+const useTimePicker = require('./use-time-picker.cjs');
+const useTimePickerContext = require('./use-time-picker-context.cjs');
+const timePicker = require('./time-picker.cjs');
+
+
+
+exports.TimePickerCell = timePickerCell.TimePickerCell;
+exports.TimePickerClearTrigger = timePickerClearTrigger.TimePickerClearTrigger;
+exports.TimePickerColumn = timePickerColumn.TimePickerColumn;
+exports.TimePickerContent = timePickerContent.TimePickerContent;
+exports.TimePickerContext = timePickerContext.TimePickerContext;
+exports.TimePickerControl = timePickerControl.TimePickerControl;
+exports.TimePickerInput = timePickerInput.TimePickerInput;
+exports.TimePickerLabel = timePickerLabel.TimePickerLabel;
+exports.TimePickerPositioner = timePickerPositioner.TimePickerPositioner;
+exports.TimePickerRoot = timePickerRoot.TimePickerRoot;
+exports.TimePickerRootProvider = timePickerRootProvider.TimePickerRootProvider;
+exports.TimePickerSpacer = timePickerSpacer.TimePickerSpacer;
+exports.TimePickerTrigger = timePickerTrigger.TimePickerTrigger;
+exports.useTimePicker = useTimePicker.useTimePicker;
+exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
+exports.TimePicker = timePicker;

package/dist/components/time-picker/index.d.cts

@@ -0,0 +1,17 @@
+export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
+export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
+export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
+export { TimePickerColumn, type TimePickerColumnBaseProps, type TimePickerColumnProps, } from './time-picker-column';
+export { TimePickerContent, type TimePickerContentBaseProps, type TimePickerContentProps, } from './time-picker-content';
+export { TimePickerContext, type TimePickerContextProps, } from './time-picker-context';
+export { TimePickerControl, type TimePickerControlBaseProps, type TimePickerControlProps, } from './time-picker-control';
+export { TimePickerInput, type TimePickerInputBaseProps, type TimePickerInputProps, } from './time-picker-input';
+export { TimePickerLabel, type TimePickerLabelBaseProps, type TimePickerLabelProps, } from './time-picker-label';
+export { TimePickerPositioner, type TimePickerPositionerBaseProps, type TimePickerPositionerProps, } from './time-picker-positioner';
+export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps, } from './time-picker-root';
+export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
+export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
+export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
+export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
+export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
+export * as TimePicker from './time-picker';

package/dist/components/time-picker/index.d.ts

@@ -0,0 +1,17 @@
+export type { FocusChangeDetails as TimePickerFocusChangeDetails, OpenChangeDetails as TimePickerOpenChangeDetails, ValueChangeDetails as TimePickerValueChangeDetails, } from '@zag-js/time-picker';
+export { TimePickerCell, type TimePickerCellBaseProps, type TimePickerCellProps, } from './time-picker-cell';
+export { TimePickerClearTrigger, type TimePickerClearTriggerBaseProps, type TimePickerClearTriggerProps, } from './time-picker-clear-trigger';
+export { TimePickerColumn, type TimePickerColumnBaseProps, type TimePickerColumnProps, } from './time-picker-column';
+export { TimePickerContent, type TimePickerContentBaseProps, type TimePickerContentProps, } from './time-picker-content';
+export { TimePickerContext, type TimePickerContextProps, } from './time-picker-context';
+export { TimePickerControl, type TimePickerControlBaseProps, type TimePickerControlProps, } from './time-picker-control';
+export { TimePickerInput, type TimePickerInputBaseProps, type TimePickerInputProps, } from './time-picker-input';
+export { TimePickerLabel, type TimePickerLabelBaseProps, type TimePickerLabelProps, } from './time-picker-label';
+export { TimePickerPositioner, type TimePickerPositionerBaseProps, type TimePickerPositionerProps, } from './time-picker-positioner';
+export { TimePickerRoot, type TimePickerRootBaseProps, type TimePickerRootProps, } from './time-picker-root';
+export { TimePickerRootProvider, type TimePickerRootProviderBaseProps, type TimePickerRootProviderProps, } from './time-picker-root-provider';
+export { TimePickerSpacer, type TimePickerSpacerBaseProps, type TimePickerSpacerProps, } from './time-picker-spacer';
+export { TimePickerTrigger, type TimePickerTriggerBaseProps, type TimePickerTriggerProps, } from './time-picker-trigger';
+export { useTimePicker, type UseTimePickerProps, type UseTimePickerReturn } from './use-time-picker';
+export { useTimePickerContext, type UseTimePickerContext } from './use-time-picker-context';
+export * as TimePicker from './time-picker';

package/dist/components/time-picker/index.js

@@ -0,0 +1,17 @@
+export { TimePickerCell } from './time-picker-cell.js';
+export { TimePickerClearTrigger } from './time-picker-clear-trigger.js';
+export { TimePickerColumn } from './time-picker-column.js';
+export { TimePickerContent } from './time-picker-content.js';
+export { TimePickerContext } from './time-picker-context.js';
+export { TimePickerControl } from './time-picker-control.js';
+export { TimePickerInput } from './time-picker-input.js';
+export { TimePickerLabel } from './time-picker-label.js';
+export { TimePickerPositioner } from './time-picker-positioner.js';
+export { TimePickerRoot } from './time-picker-root.js';
+export { TimePickerRootProvider } from './time-picker-root-provider.js';
+export { TimePickerSpacer } from './time-picker-spacer.js';
+export { TimePickerTrigger } from './time-picker-trigger.js';
+export { useTimePicker } from './use-time-picker.js';
+export { useTimePickerContext } from './use-time-picker-context.js';
+import * as timePicker from './time-picker.js';
+export { timePicker as TimePicker };