@devslab/dds-react 0.25.0 → 0.25.1

package/dist/choice-CWXdcWkH.js

@@ -0,0 +1,295 @@
+import { n as e, r as t, t as n } from "./choice-types-kSaEnZPr.js";
+import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Portal as l } from "@ark-ui/react/portal";
+import { Combobox as u, createListCollection as d } from "@ark-ui/react/combobox";
+import { Select as f } from "@ark-ui/react/select";
+import { defaultRangeExtractor as p, useVirtualizer as m } from "@tanstack/react-virtual";
+//#region src/internal/choice.tsx
+function h(h) {
+	t(h.items);
+	let [g, _] = o(h.defaultValue ?? ""), v = h.value ?? g, y = h.items.find((e) => e.value === v) ?? (h.selectedOption?.value === v ? h.selectedOption : void 0), b = y?.label ?? v, [x, S] = o(h.defaultInputValue ?? b), C = h.inputValue ?? x, w = (e) => {
+		S(e), h.onDraftChange?.(e);
+	}, [T, E] = o(!1), [D, O] = o(null), k = a(null), A = a(null), j = a(null), [M, N] = o(null);
+	r(() => {
+		let e = k.current;
+		e && N(e.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? e.ownerDocument.body);
+	}, []);
+	let P = a(null), F = a(!1), I = a({
+		value: v,
+		label: b
+	}), L = a(null), R = (e) => h.items.find((t) => t.value === e)?.label ?? (h.selectedOption?.value === e ? h.selectedOption.label : e), z = {
+		...n,
+		...h.messages
+	}, B = h.disabled || h.readOnly, V = (e) => {
+		(L.current?.from !== C || L.current.to !== e) && (L.current = null, h.inputValue === void 0 && w(e), h.onInputValueChange?.(e));
+	}, H = (e) => {
+		e !== C && (L.current?.from !== C || L.current.to !== e) && (L.current = {
+			from: C,
+			to: e
+		}, h.inputValue === void 0 ? w(e) : h.onInputValueChange?.(e));
+	}, U = (e) => {
+		h.value === void 0 && _(e), h.onValueChange?.(e);
+	};
+	r(() => {
+		(I.current.value !== v || I.current.label !== b) && (I.current = {
+			value: v,
+			label: b
+		}, H(b));
+	}, [v, b]), r(() => {
+		e() && v && !y && console.warn(`DDS choice: no label supplied for selected ID ${JSON.stringify(v)}; pass selectedOption when the selection is outside items.`);
+	}, [v, y]), r(() => {
+		let e = A.current?.form;
+		if (!e) return;
+		let t = (e) => setTimeout(() => {
+			if (e.defaultPrevented) return;
+			h.onFormReset?.();
+			let t = h.value ?? h.defaultValue ?? "", n = R(t);
+			I.current = {
+				value: t,
+				label: n
+			}, h.value === void 0 && _(t);
+			let r = h.defaultInputValue ?? n;
+			L.current = null, h.inputValue === void 0 ? w(r) : H(r), E(!1), k.current instanceof HTMLInputElement && (k.current.value = h.inputValue ?? r), A.current && (A.current.value = t);
+		});
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [
+		h.defaultValue,
+		h.defaultInputValue,
+		h.value,
+		h.inputValue,
+		h.items,
+		h.selectedOption,
+		h.form
+	]);
+	let W = i(() => h.searchable && h.filterMode !== "external" && C !== b ? h.items.filter((e) => h.matchItem ? h.matchItem(e, C) : e.label.toLocaleLowerCase().includes(C.toLocaleLowerCase())) : h.items, [
+		h.items,
+		h.searchable,
+		h.filterMode,
+		C,
+		b,
+		h.matchItem
+	]), G = i(() => d({
+		items: W,
+		itemToString: (e) => e.label,
+		itemToValue: (e) => e.value,
+		isItemDisabled: (e) => !!e.disabled
+	}), [W]), K = !!h.virtualization, q = h.virtualization ? h.virtualization.itemHeight : void 0, J = Number.isFinite(q) ? Math.max(40, q) : 40, Y = W.findIndex((e) => e.value === D), X = m({
+		count: W.length,
+		getScrollElement: () => j.current,
+		estimateSize: () => J,
+		overscan: h.virtualization ? h.virtualization.overscan ?? 5 : 5,
+		enabled: K && T,
+		initialRect: {
+			width: 0,
+			height: 320
+		},
+		rangeExtractor: (e) => {
+			let t = p(e);
+			return Y >= 0 && !t.includes(Y) && t.push(Y), t.sort((e, t) => e - t);
+		}
+	});
+	r(() => {
+		O(null), K && T && X.scrollToIndex(Math.max(0, W.findIndex((e) => e.value === v)), { align: h.centerSelected ? "center" : "auto" });
+	}, [W, T]), r(() => {
+		let e = j.current;
+		if (!h.centerSelected || !T || K || !e) return;
+		let t = requestAnimationFrame(() => {
+			let t = e.querySelector("[data-part=\"item\"][data-state=\"checked\"]");
+			if (!t) return;
+			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+			e.scrollTop += r.top - n.top - (e.clientHeight - r.height) / 2;
+		});
+		return () => cancelAnimationFrame(t);
+	}, [
+		T,
+		h.centerSelected,
+		K
+	]);
+	let Z = h.searchable ? u : f, Q = K ? X.getVirtualItems().map((e) => ({
+		index: e.index,
+		start: e.start
+	})) : W.map((e, t) => ({
+		index: t,
+		start: 0
+	}));
+	K && Y >= 0 && !Q.some((e) => e.index === Y) && Q.push({
+		index: Y,
+		start: Y * J
+	});
+	let $ = h.loading ? z.loading : h.error ? typeof h.error == "string" ? h.error : z.error : W.length === 0 ? z.empty : "", ee = {
+		collection: G,
+		value: v ? [v] : [],
+		open: T && !B,
+		disabled: h.disabled,
+		readOnly: h.readOnly,
+		invalid: h.invalid,
+		onOpenChange: (e) => {
+			B || E(e.open);
+		},
+		onValueChange: (e) => {
+			if (B || F.current) return;
+			let t = e.value[0] ?? "";
+			t !== v && U(t);
+		},
+		onHighlightChange: (e) => O(e.highlightedValue),
+		scrollToIndexFn: K ? ({ index: e }) => X.scrollToIndex(e, { align: "auto" }) : void 0,
+		positioning: {
+			placement: "bottom-start",
+			sameWidth: !0,
+			gutter: 4,
+			strategy: M?.matches("[role=\"dialog\"], [role=\"alertdialog\"]") ? "fixed" : "absolute",
+			hideWhenDetached: !!M?.matches("[role=\"dialog\"], [role=\"alertdialog\"]")
+		}
+	}, te = h.searchable ? {
+		inputValue: C,
+		onInputValueChange: (e) => {
+			let t = P.current === e.inputValue && e.reason === "input-change" && k.current?.ownerDocument.activeElement !== k.current;
+			P.current = null, !t && !B && e.inputValue !== C && V(e.inputValue);
+		},
+		selectionBehavior: "preserve",
+		...h.autoHighlight ? { inputBehavior: "autohighlight" } : {}
+	} : {};
+	return /* @__PURE__ */ c(Z.Root, {
+		...ee,
+		...te,
+		id: h.id,
+		ids: h.id ? h.searchable ? { input: h.id } : { trigger: h.id } : void 0,
+		className: h.rootClass ? `dds-choice ${h.rootClass}` : "dds-choice",
+		"data-label-placement": h.labelPlacement ?? "outside",
+		"data-has-value": v || C ? "" : void 0,
+		children: [
+			h.label && /* @__PURE__ */ s(Z.Label, {
+				className: "dds-choice-label",
+				onClick: () => k.current?.focus(),
+				children: h.label
+			}),
+			/* @__PURE__ */ c(Z.Control, {
+				className: "dds-choice-control",
+				children: [
+					h.searchable ? /* @__PURE__ */ s(u.Input, {
+						ref: (e) => {
+							k.current = e;
+						},
+						className: "dds-choice-input",
+						"aria-label": h["aria-label"],
+						"aria-labelledby": h["aria-labelledby"],
+						"aria-describedby": h["aria-describedby"],
+						"aria-required": h.required,
+						placeholder: h.placeholder,
+						inputMode: h.inputMode,
+						onCompositionStart: () => {
+							F.current = !0;
+						},
+						onCompositionEnd: () => {
+							F.current = !1;
+						},
+						onKeyDown: (e) => {
+							F.current && e.key === "Enter" && (e.preventDefault(), e.stopPropagation());
+						},
+						onBlur: (e) => {
+							if (h.commitDraft) {
+								P.current = e.currentTarget.value;
+								let t = B ? null : h.commitDraft(e.currentTarget.value);
+								t !== null && t !== v ? (U(t), H(R(t))) : H(b);
+								return;
+							}
+							v && H(b);
+						}
+					}) : null,
+					/* @__PURE__ */ s(Z.Trigger, {
+						ref: (e) => {
+							h.searchable || (k.current = e);
+						},
+						className: "dds-choice-trigger",
+						"aria-label": h.searchable ? z.open : h["aria-label"],
+						"aria-labelledby": h["aria-labelledby"],
+						"aria-describedby": h["aria-describedby"],
+						"aria-required": h.required,
+						children: h.searchable ? h.triggerContent ?? "⌄" : /* @__PURE__ */ s("span", {
+							className: "dds-choice-value",
+							children: b || h.placeholder || z.open
+						})
+					}),
+					h.clearable && !B && (v || C) ? /* @__PURE__ */ s("button", {
+						className: "dds-choice-clear",
+						type: "button",
+						"aria-label": z.clear,
+						onPointerDown: (e) => e.preventDefault(),
+						onClick: () => {
+							U(""), V(""), E(!1), k.current?.focus();
+						},
+						children: "×"
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: A,
+				className: "dds-choice-validation",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				name: h.name,
+				form: h.form,
+				value: v,
+				required: h.required,
+				disabled: h.disabled,
+				onChange: () => {},
+				onInvalid: (e) => {
+					e.preventDefault(), k.current?.focus();
+				}
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "dds-choice-status",
+				role: "status",
+				"aria-live": "polite",
+				children: [$, h.error && h.onRetry ? /* @__PURE__ */ s("button", {
+					className: "dds-choice-retry",
+					type: "button",
+					onClick: h.onRetry,
+					children: z.retry
+				}) : null]
+			}),
+			M && /* @__PURE__ */ s(l, {
+				container: { current: M },
+				children: /* @__PURE__ */ s(Z.Positioner, {
+					className: "dds-choice-positioner",
+					children: /* @__PURE__ */ s(Z.Content, {
+						ref: j,
+						className: "dds-choice-content",
+						children: /* @__PURE__ */ s("div", {
+							style: K ? {
+								height: X.getTotalSize(),
+								position: "relative"
+							} : void 0,
+							children: Q.map((e) => {
+								let t = W[e.index];
+								return /* @__PURE__ */ c(Z.Item, {
+									item: t,
+									className: "dds-choice-item",
+									"aria-posinset": e.index + 1,
+									"aria-setsize": W.length,
+									style: K ? {
+										position: "absolute",
+										top: 0,
+										left: 0,
+										width: "100%",
+										height: J,
+										transform: `translateY(${e.start}px)`
+									} : void 0,
+									children: [/* @__PURE__ */ s(Z.ItemText, { children: t.label }), t.description ? /* @__PURE__ */ s("span", {
+										className: "dds-choice-description",
+										children: t.description
+									}) : null]
+								}, t.value);
+							})
+						})
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { h as t };
+
+//# sourceMappingURL=choice-CWXdcWkH.js.map

package/dist/choice-CWXdcWkH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-CWXdcWkH.js","names":[],"sources":["../src/internal/choice.tsx"],"sourcesContent":["import { Combobox as C, createListCollection } from \"@ark-ui/react/combobox\";\nimport { Select as S } from \"@ark-ui/react/select\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { defaultRangeExtractor, useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport {\n  choiceMessages,\n  choiceWarningsEnabled,\n  validateOptions,\n  type ChoiceOption,\n  type ComboboxProps,\n} from \"../choice-types\";\n\n/**\n * Options for DDS components built on Choice (TimePicker). They are not part\n * of the public Combobox/SelectPicker props; every default keeps the existing\n * Combobox and SelectPicker behavior. Mirrors the Solid Choice internals.\n */\nexport interface ChoiceInternals {\n  searchable: boolean;\n  /** Replaces the default case-insensitive label substring filter. */\n  matchItem?: (item: ChoiceOption, query: string) => boolean;\n  /** On blur, the value the typed text stands for, \"\" to clear, or null to restore the label. */\n  commitDraft?: (text: string) => string | null;\n  /** Content of the searchable trigger button (default \"⌄\"). */\n  triggerContent?: ReactNode;\n  rootClass?: string;\n  invalid?: boolean;\n  /** Highlight the first match while typing so Enter picks it. */\n  autoHighlight?: boolean;\n  /** Scroll the selected option to the middle of the list when it opens. */\n  centerSelected?: boolean;\n  inputMode?: HTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /** Called before a native form reset restores the value. */\n  onFormReset?: () => void;\n  /** Observes every change of the uncontrolled input text, including restores. */\n  onDraftChange?: (text: string) => void;\n}\n\nexport function Choice(props: ComboboxProps & ChoiceInternals) {\n  validateOptions(props.items);\n  const [internal, setInternal] = useState(props.defaultValue ?? \"\");\n  const value = props.value ?? internal;\n  const selected =\n    props.items.find((item) => item.value === value) ??\n    (props.selectedOption?.value === value ? props.selectedOption : undefined);\n  const label = selected?.label ?? value;\n  const [draft, setDraft] = useState(props.defaultInputValue ?? label);\n  const inputValue = props.inputValue ?? draft;\n  const changeDraft = (next: string) => {\n    setDraft(next);\n    props.onDraftChange?.(next);\n  };\n  const [open, setOpen] = useState(false),\n    [highlight, setHighlight] = useState<string | null>(null);\n  const visibleRef = useRef<HTMLInputElement | HTMLButtonElement>(null),\n    validationRef = useRef<HTMLInputElement>(null),\n    scrollRef = useRef<HTMLDivElement>(null);\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const control = visibleRef.current;\n    if (control) {\n      // Modal isolation hides body siblings. Keep nested choices in the modal's\n      // DOM subtree so their options remain available to assistive technology.\n      setPortalMount(\n        control.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          control.ownerDocument.body,\n      );\n    }\n  }, []);\n  // Text the blur already committed; Ark may still report that keystroke afterwards.\n  const consumedOnBlur = useRef<string | null>(null);\n  const composing = useRef(false),\n    previousSelection = useRef({ value, label });\n  const pendingRestore = useRef<{ from: string; to: string } | null>(null);\n  const resolveLabel = (id: string) =>\n    props.items.find((item) => item.value === id)?.label ??\n    (props.selectedOption?.value === id ? props.selectedOption.label : id);\n  const messages = { ...choiceMessages, ...props.messages };\n  const blocked = props.disabled || props.readOnly;\n  const setInput = (next: string) => {\n    if (\n      pendingRestore.current?.from === inputValue &&\n      pendingRestore.current.to === next\n    )\n      return;\n    pendingRestore.current = null;\n    if (props.inputValue === undefined) changeDraft(next);\n    props.onInputValueChange?.(next);\n  };\n  const restoreInput = (next: string) => {\n    if (next === inputValue) return;\n    if (\n      pendingRestore.current?.from === inputValue &&\n      pendingRestore.current.to === next\n    )\n      return;\n    pendingRestore.current = { from: inputValue, to: next };\n    if (props.inputValue === undefined) changeDraft(next);\n    else props.onInputValueChange?.(next);\n  };\n  const setValue = (next: string) => {\n    if (props.value === undefined) setInternal(next);\n    props.onValueChange?.(next);\n  };\n  useEffect(() => {\n    if (\n      previousSelection.current.value !== value ||\n      previousSelection.current.label !== label\n    ) {\n      previousSelection.current = { value, label };\n      restoreInput(label);\n    }\n  }, [value, label]);\n  useEffect(() => {\n    if (choiceWarningsEnabled() && value && !selected)\n      console.warn(\n        `DDS choice: no label supplied for selected ID ${JSON.stringify(value)}; pass selectedOption when the selection is outside items.`,\n      );\n  }, [value, selected]);\n  useEffect(() => {\n    const form = validationRef.current?.form;\n    if (!form) return;\n    // A task, not a microtask: after a reset-button click, microtasks run\n    // before the browser resets the controls and would be overwritten.\n    const reset = (event: Event) =>\n      setTimeout(() => {\n        if (event.defaultPrevented) return;\n        props.onFormReset?.();\n        const resetValue = props.value ?? props.defaultValue ?? \"\";\n        const resetLabel = resolveLabel(resetValue);\n        previousSelection.current = { value: resetValue, label: resetLabel };\n        if (props.value === undefined) setInternal(resetValue);\n        const resetQuery = props.defaultInputValue ?? resetLabel;\n        pendingRestore.current = null;\n        if (props.inputValue === undefined) changeDraft(resetQuery);\n        else restoreInput(resetQuery);\n        setOpen(false);\n        if (visibleRef.current instanceof HTMLInputElement)\n          visibleRef.current.value = props.inputValue ?? resetQuery;\n        if (validationRef.current) validationRef.current.value = resetValue;\n      });\n    form.addEventListener(\"reset\", reset);\n    return () => form.removeEventListener(\"reset\", reset);\n  }, [\n    props.defaultValue,\n    props.defaultInputValue,\n    props.value,\n    props.inputValue,\n    props.items,\n    props.selectedOption,\n    props.form,\n  ]);\n  const items = useMemo(\n    () =>\n      props.searchable &&\n      props.filterMode !== \"external\" &&\n      inputValue !== label\n        ? props.items.filter((item) =>\n            props.matchItem\n              ? props.matchItem(item, inputValue)\n              : item.label\n                  .toLocaleLowerCase()\n                  .includes(inputValue.toLocaleLowerCase()),\n          )\n        : props.items,\n    [props.items, props.searchable, props.filterMode, inputValue, label, props.matchItem],\n  );\n  const collection = useMemo(\n    () =>\n      createListCollection({\n        items,\n        itemToString: (item) => item.label,\n        itemToValue: (item) => item.value,\n        isItemDisabled: (item) => !!item.disabled,\n      }),\n    [items],\n  );\n  const virtual = !!props.virtualization;\n  const configuredHeight = props.virtualization\n    ? props.virtualization.itemHeight\n    : undefined;\n  const height = Number.isFinite(configuredHeight)\n    ? Math.max(40, configuredHeight!)\n    : 40;\n  const activeIndex = items.findIndex((item) => item.value === highlight);\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => height,\n    overscan: props.virtualization ? (props.virtualization.overscan ?? 5) : 5,\n    enabled: virtual && open,\n    initialRect: { width: 0, height: 320 },\n    rangeExtractor: (range) => {\n      const indexes = defaultRangeExtractor(range);\n      if (activeIndex >= 0 && !indexes.includes(activeIndex))\n        indexes.push(activeIndex);\n      return indexes.sort((a, b) => a - b);\n    },\n  });\n  useEffect(() => {\n    setHighlight(null);\n    if (virtual && open)\n      virtualizer.scrollToIndex(\n        Math.max(\n          0,\n          items.findIndex((item) => item.value === value),\n        ),\n        { align: props.centerSelected ? \"center\" : \"auto\" },\n      );\n  }, [items, open]);\n  useEffect(() => {\n    const content = scrollRef.current;\n    if (!props.centerSelected || !open || virtual || !content) return;\n    // Ark only scrolls the highlighted option to the nearest edge.\n    const frame = requestAnimationFrame(() => {\n      const chosen = content.querySelector<HTMLElement>(\n        '[data-part=\"item\"][data-state=\"checked\"]',\n      );\n      if (!chosen) return;\n      const list = content.getBoundingClientRect(),\n        row = chosen.getBoundingClientRect();\n      content.scrollTop +=\n        row.top - list.top - (content.clientHeight - row.height) / 2;\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [open, props.centerSelected, virtual]);\n  const Parts = props.searchable ? C : S;\n  const rows = virtual\n    ? virtualizer\n        .getVirtualItems()\n        .map((row) => ({ index: row.index, start: row.start }))\n    : items.map((_, index) => ({ index, start: 0 }));\n  // Keep the active row mounted even before the scroll element has a measured range.\n  if (\n    virtual &&\n    activeIndex >= 0 &&\n    !rows.some((row) => row.index === activeIndex)\n  )\n    rows.push({ index: activeIndex, start: activeIndex * height });\n  const status = props.loading\n    ? messages.loading\n    : props.error\n      ? typeof props.error === \"string\"\n        ? props.error\n        : messages.error\n      : items.length === 0\n        ? messages.empty\n        : \"\";\n  const rootProps = {\n    collection,\n    value: value ? [value] : [],\n    open: open && !blocked,\n    disabled: props.disabled,\n    readOnly: props.readOnly,\n    invalid: props.invalid,\n    onOpenChange: (details: { open: boolean }) => {\n      if (!blocked) setOpen(details.open);\n    },\n    onValueChange: (details: { value: string[] }) => {\n      if (blocked || composing.current) return;\n      const next = details.value[0] ?? \"\";\n      if (next !== value) setValue(next);\n    },\n    onHighlightChange: (details: { highlightedValue: string | null }) =>\n      setHighlight(details.highlightedValue),\n    scrollToIndexFn: virtual\n      ? ({ index }: { index: number }) =>\n          virtualizer.scrollToIndex(index, { align: \"auto\" })\n      : undefined,\n    positioning: {\n      placement: \"bottom-start\" as const,\n      sameWidth: true,\n      gutter: 4,\n      strategy: portalMount?.matches('[role=\"dialog\"], [role=\"alertdialog\"]')\n        ? (\"fixed\" as const)\n        : (\"absolute\" as const),\n      hideWhenDetached: !!portalMount?.matches(\n        '[role=\"dialog\"], [role=\"alertdialog\"]',\n      ),\n    },\n  };\n  const inputProps = props.searchable\n    ? {\n        inputValue,\n        onInputValueChange: (details: {\n          inputValue: string;\n          reason?: string;\n        }) => {\n          const stale =\n            consumedOnBlur.current === details.inputValue &&\n            details.reason === \"input-change\" &&\n            visibleRef.current?.ownerDocument.activeElement !== visibleRef.current;\n          consumedOnBlur.current = null;\n          if (stale) return;\n          if (!blocked && details.inputValue !== inputValue)\n            setInput(details.inputValue);\n        },\n        selectionBehavior: \"preserve\" as const,\n        ...(props.autoHighlight\n          ? { inputBehavior: \"autohighlight\" as const }\n          : {}),\n      }\n    : {};\n  return (\n    <Parts.Root\n      {...rootProps}\n      {...inputProps}\n      id={props.id}\n      // A consumer id lands on the control a <label htmlFor> targets (text box,\n      // or SelectPicker's button), not on Zag's prefixed part IDs.\n      ids={\n        props.id\n          ? props.searchable\n            ? { input: props.id }\n            : { trigger: props.id }\n          : undefined\n      }\n      className={props.rootClass ? `dds-choice ${props.rootClass}` : \"dds-choice\"}\n      data-label-placement={props.labelPlacement ?? \"outside\"}\n      data-has-value={value || inputValue ? \"\" : undefined}\n    >\n      {props.label && (\n        <Parts.Label\n          className=\"dds-choice-label\"\n          onClick={() => visibleRef.current?.focus()}\n        >\n          {props.label}\n        </Parts.Label>\n      )}\n      <Parts.Control className=\"dds-choice-control\">\n        {props.searchable ? (\n          <C.Input\n            ref={(node) => {\n              visibleRef.current = node;\n            }}\n            className=\"dds-choice-input\"\n            aria-label={props[\"aria-label\"]}\n            aria-labelledby={props[\"aria-labelledby\"]}\n            aria-describedby={props[\"aria-describedby\"]}\n            aria-required={props.required}\n            placeholder={props.placeholder}\n            inputMode={props.inputMode}\n            onCompositionStart={() => {\n              composing.current = true;\n            }}\n            onCompositionEnd={() => {\n              composing.current = false;\n            }}\n            onKeyDown={(event) => {\n              if (composing.current && event.key === \"Enter\") {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            }}\n            onBlur={(event) => {\n              if (props.commitDraft) {\n                // The DOM holds the latest keystroke; Ark's input state may still be queued.\n                consumedOnBlur.current = event.currentTarget.value;\n                const next = blocked\n                  ? null\n                  : props.commitDraft(event.currentTarget.value);\n                if (next !== null && next !== value) {\n                  setValue(next);\n                  restoreInput(resolveLabel(next));\n                } else restoreInput(label);\n                return;\n              }\n              if (value) restoreInput(label);\n            }}\n          />\n        ) : null}\n        <Parts.Trigger\n          ref={(node) => {\n            if (!props.searchable) visibleRef.current = node;\n          }}\n          className=\"dds-choice-trigger\"\n          aria-label={props.searchable ? messages.open : props[\"aria-label\"]}\n          aria-labelledby={props[\"aria-labelledby\"]}\n          aria-describedby={props[\"aria-describedby\"]}\n          aria-required={props.required}\n        >\n          {props.searchable ? (\n            (props.triggerContent ?? \"⌄\")\n          ) : (\n            <span className=\"dds-choice-value\">\n              {label || props.placeholder || messages.open}\n            </span>\n          )}\n        </Parts.Trigger>\n        {props.clearable && !blocked && (value || inputValue) ? (\n          <button\n            className=\"dds-choice-clear\"\n            type=\"button\"\n            aria-label={messages.clear}\n            onPointerDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setValue(\"\");\n              setInput(\"\");\n              setOpen(false);\n              visibleRef.current?.focus();\n            }}\n          >\n            ×\n          </button>\n        ) : null}\n      </Parts.Control>\n      {/* The native validation input stores one ID, never a second option collection.\n          Hidden by choice.css; no style attribute, which a style-src-attr CSP blocks. */}\n      <input\n        ref={validationRef}\n        className=\"dds-choice-validation\"\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={props.name}\n        form={props.form}\n        value={value}\n        required={props.required}\n        disabled={props.disabled}\n        onChange={() => {}}\n        onInvalid={(event) => {\n          event.preventDefault();\n          visibleRef.current?.focus();\n        }}\n      />\n      <div className=\"dds-choice-status\" role=\"status\" aria-live=\"polite\">\n        {status}\n        {props.error && props.onRetry ? (\n          <button\n            className=\"dds-choice-retry\"\n            type=\"button\"\n            onClick={props.onRetry}\n          >\n            {messages.retry}\n          </button>\n        ) : null}\n      </div>\n      {portalMount && (\n        <Portal container={{ current: portalMount }}>\n          <Parts.Positioner className=\"dds-choice-positioner\">\n            {/* choice.css gives the list its 320px cap and scrolling. */}\n            <Parts.Content\n              ref={scrollRef}\n              className=\"dds-choice-content\"\n            >\n              <div\n                style={\n                  virtual\n                    ? {\n                        height: virtualizer.getTotalSize(),\n                        position: \"relative\",\n                      }\n                    : undefined\n                }\n              >\n                {rows.map((row) => {\n                  const item = items[row.index]!;\n                  return (\n                    <Parts.Item\n                      key={item.value}\n                      item={item}\n                      className=\"dds-choice-item\"\n                      aria-posinset={row.index + 1}\n                      aria-setsize={items.length}\n                      style={\n                        virtual\n                          ? {\n                              position: \"absolute\",\n                              top: 0,\n                              left: 0,\n                              width: \"100%\",\n                              height,\n                              transform: `translateY(${row.start}px)`,\n                            }\n                          : undefined\n                      }\n                    >\n                      <Parts.ItemText>{item.label}</Parts.ItemText>\n                      {item.description ? (\n                        <span className=\"dds-choice-description\">\n                          {item.description}\n                        </span>\n                      ) : null}\n                    </Parts.Item>\n                  );\n                })}\n              </div>\n            </Parts.Content>\n          </Parts.Positioner>\n        </Portal>\n      )}\n    </Parts.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/combobox.js

@@ -1,4 +1,4 @@
-import { t as e } from "./choice-N-5K_ggs.js";
+import { t as e } from "./choice-CWXdcWkH.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/combobox.tsx
 function n(n) {

package/dist/index.js

@@ -8,7 +8,7 @@ import { SelectPicker as m } from "./select-picker.js";
 import { DropdownMenu as h } from "./dropdown-menu.js";
 import { Popover as g } from "./popover.js";
 import { Calendar as _ } from "./calendar.js";
-import { t as v } from "./time-picker-BQ7BT6-u.js";
+import { t as v } from "./time-picker-BNmQMQdq.js";
 import { SegmentedControl as y, validateSegmentedItems as b } from "./segmented-control.js";
 import { NumberInput as x, normalizeNumberText as S, numberInputMessages as ee } from "./number-input.js";
 import { createContext as C, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useId as O, useMemo as k, useRef as A, useState as j } from "react";

package/dist/internal/choice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../src/internal/choice.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3D,+FAA+F;IAC/F,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1D,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAaD,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,eAAe,+BA+b5D"}
+{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../src/internal/choice.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3D,+FAA+F;IAC/F,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC9C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1D,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,eAAe,+BAsc5D"}

package/dist/select-picker.js

@@ -1,4 +1,4 @@
-import { t as e } from "./choice-N-5K_ggs.js";
+import { t as e } from "./choice-CWXdcWkH.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/select-picker.tsx
 function n(n) {

package/dist/{time-picker-BQ7BT6-u.js → time-picker-BNmQMQdq.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./choice-N-5K_ggs.js";
+import { t as e } from "./choice-CWXdcWkH.js";
 import { useMemo as t, useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/time-only.ts
@@ -97,4 +97,4 @@ function _({ value: i, defaultValue: a, onValueChange: s, step: c, placeholder:
 //#endregion
 export { _ as t };
 
-//# sourceMappingURL=time-picker-BQ7BT6-u.js.map
+//# sourceMappingURL=time-picker-BNmQMQdq.js.map

package/dist/{time-picker-BQ7BT6-u.js.map → time-picker-BNmQMQdq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"time-picker-BQ7BT6-u.js","names":[],"sources":["../src/time-only.ts","../src/time-picker.tsx"],"sourcesContent":["// Time-of-day values are 24-hour \"HH:MM\" strings; \"\" is empty. Servers may send\n// \"HH:MM:SS\" — it is accepted and shown as HH:MM, but never rewritten until the\n// user picks a time.\nconst API_TIME = /^([01]\\d|2[0-3]):([0-5]\\d)(?::[0-5]\\d(?:\\.\\d+)?)?$/;\n\n/** Canonical \"HH:MM\" for an API value, or null when it is not a time. */\nexport function normalizeTime(value: string): string | null {\n  const match = API_TIME.exec(value);\n  return match ? `${match[1]}:${match[2]}` : null;\n}\n\nconst pad = (value: number) => String(value).padStart(2, \"0\");\nconst fromParts = (hour: number, minute: number) =>\n  hour <= 23 && minute <= 59 ? `${pad(hour)}:${pad(minute)}` : null;\n\n/**\n * What a person typed, read as a complete time: \"9:05\", \"09:05\", \"09:05:00\",\n * \"0905\", or \"905\" when the first two digits cannot be an hour. Full-width\n * colons and dots count as colons. Partial text (\"10\", \"10:4\", and \"103\",\n * which is still on its way to 10:30) is not a time.\n */\nexport function parseTypedTime(text: string): string | null {\n  const value = text.trim().replace(/[：.]/g, \":\");\n  const separated = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?$/.exec(value);\n  if (separated) return fromParts(Number(separated[1]), Number(separated[2]));\n  if (/^\\d{4}$/.test(value))\n    return fromParts(Number(value.slice(0, 2)), Number(value.slice(2)));\n  if (/^\\d{3}$/.test(value) && Number(value.slice(0, 2)) > 23)\n    return fromParts(Number(value[0]), Number(value.slice(1)));\n  return null;\n}\n\n/** 00:00 up to the last step before 24:00. Steps below one minute become one; a non-number becomes 10. */\nexport function timeOptions(step: number) {\n  const minutes = Number.isFinite(step) ? Math.max(1, Math.floor(step)) : 10;\n  const values: string[] = [];\n  for (let at = 0; at < 24 * 60; at += minutes)\n    values.push(`${pad(Math.floor(at / 60))}:${pad(at % 60)}`);\n  return values;\n}\n\n/**\n * Whether a \"HH:MM\" option matches partial typing. Digits read as the start of\n * the time (\"10\" → 10:00–10:59, \"1030\" → 10:30); an odd digit count or an\n * impossible hour also tries a leading zero (\"9\" → 09:xx, \"930\" → 09:30).\n * With a colon the hour may be one digit (\"9:3\" → 09:30–09:39).\n */\nexport function matchesTimeQuery(option: string, query: string) {\n  const text = query.trim().replace(/[：.]/g, \":\");\n  if (text === \"\") return true;\n  const typed = parseTypedTime(text);\n  if (typed) return option === typed;\n  if (text.includes(\":\")) {\n    const [hour = \"\", minute = \"\", ...rest] = text.split(\":\");\n    if (rest.length || !/^\\d{1,2}$/.test(hour) || !/^\\d{0,2}$/.test(minute))\n      return false;\n    return option.startsWith(`${hour.padStart(2, \"0\")}:${minute}`);\n  }\n  if (!/^\\d{1,4}$/.test(text)) return false;\n  const digits = option.replace(\":\", \"\");\n  if (digits.startsWith(text)) return true;\n  return (\n    (text.length % 2 === 1 || Number(text.slice(0, 2)) > 23) &&\n    digits.startsWith(`0${text}`)\n  );\n}\n\nexport interface TimeMessages {\n  /** Accessible name of the clock button that opens the list. */\n  open?: string;\n  /** Accessible name of the clear button. */\n  clear?: string;\n  /** Status when nothing in the list matches the typed text. */\n  empty?: string;\n}\nexport function timeMessages(locale: string, messages: TimeMessages = {}) {\n  const ko = /^ko(?:-|$)/i.test(locale);\n  return {\n    open: ko ? \"시간 목록 열기\" : \"Open time list\",\n    clear: ko ? \"시간 지우기\" : \"Clear time\",\n    empty: ko ? \"맞는 시간이 없습니다\" : \"No matching time\",\n    ...messages,\n  };\n}\n","import { useMemo, useState } from \"react\";\nimport type { ChoiceOption } from \"./choice-types\";\nimport { Choice } from \"./internal/choice\";\nimport {\n  matchesTimeQuery,\n  normalizeTime,\n  parseTypedTime,\n  timeMessages,\n  timeOptions,\n  type TimeMessages,\n} from \"./time-only\";\nexport type { TimeMessages } from \"./time-only\";\n\nexport interface TimePickerProps {\n  /** 24-hour \"HH:MM\" (\"\" is empty). \"HH:MM:SS\" is accepted and shown as HH:MM. */\n  value?: string;\n  defaultValue?: string;\n  /** Receives \"HH:MM\" or \"\" — only when the person picks, types or clears a time. */\n  onValueChange?: (value: string) => void;\n  /** Minutes between listed times, from 00:00 (default 10). Typed times off the step are still accepted. */\n  step?: number;\n  label?: string;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  id?: string;\n  name?: string;\n  form?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  invalid?: boolean;\n  /** Chooses the built-in Korean or English text (default \"ko-KR\"). */\n  locale?: string;\n  messages?: TimeMessages;\n}\n\n/** Above this many rows the list is virtualized (1-minute steps list 1,440 times). */\nconst VIRTUALIZE_AFTER = 300;\n\n// The dds-icons \"clock\" glyph, inlined like DatePicker's calendar so this\n// subpath does not pull in the whole icon set.\nconst clockIcon = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.6\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z\" />\n    <path d=\"M12 7v5l3 2\" />\n  </svg>\n);\n\nconst matchItem = (item: ChoiceOption, query: string) =>\n  matchesTimeQuery(item.value, query);\nconst commitDraft = (text: string) =>\n  text.trim() === \"\" ? \"\" : parseTypedTime(text);\n\n/**\n * A time-of-day field: type a time or pick one from the list. Built on the\n * same Ark combobox as Combobox, so list, keyboard and form behavior match.\n */\nexport function TimePicker({\n  value,\n  defaultValue,\n  onValueChange,\n  step,\n  placeholder,\n  invalid,\n  locale,\n  messages,\n  ...shared\n}: TimePickerProps) {\n  const initial = normalizeTime(defaultValue ?? \"\") ?? \"\";\n  const [internal, setInternal] = useState(initial);\n  const raw = value ?? internal;\n  const canonical = raw === \"\" ? \"\" : normalizeTime(raw);\n  // A value that is not a time is shown as it came, marked invalid, and never rewritten.\n  const current = canonical ?? raw;\n  const [draft, setDraft] = useState(current);\n  const typed = parseTypedTime(draft);\n  const items = useMemo<ChoiceOption[]>(() => {\n    const values = new Set(timeOptions(step ?? 10));\n    if (canonical) values.add(canonical);\n    if (typed) values.add(typed);\n    return [...values].sort().map((time) => ({ value: time, label: time }));\n  }, [step, canonical, typed]);\n  return (\n    <Choice\n      {...shared}\n      searchable\n      rootClass=\"dds-time-picker\"\n      items={items}\n      value={current}\n      // Only read when the value is not a listed time (an invalid server value).\n      selectedOption={{ value: current, label: current }}\n      onValueChange={(next) => {\n        if (value === undefined) setInternal(next);\n        onValueChange?.(next);\n      }}\n      onFormReset={() => {\n        if (value === undefined) setInternal(initial);\n      }}\n      // Choice owns the text (a React round-trip per keystroke drops fast typing); mirror it.\n      onDraftChange={setDraft}\n      matchItem={matchItem}\n      commitDraft={commitDraft}\n      triggerContent={clockIcon}\n      autoHighlight\n      centerSelected\n      inputMode=\"numeric\"\n      virtualization={items.length > VIRTUALIZE_AFTER ? {} : false}\n      messages={timeMessages(locale ?? \"ko-KR\", messages)}\n      placeholder={placeholder ?? \"HH:MM\"}\n      invalid={invalid === true || canonical === null}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"time-picker-BNmQMQdq.js","names":[],"sources":["../src/time-only.ts","../src/time-picker.tsx"],"sourcesContent":["// Time-of-day values are 24-hour \"HH:MM\" strings; \"\" is empty. Servers may send\n// \"HH:MM:SS\" — it is accepted and shown as HH:MM, but never rewritten until the\n// user picks a time.\nconst API_TIME = /^([01]\\d|2[0-3]):([0-5]\\d)(?::[0-5]\\d(?:\\.\\d+)?)?$/;\n\n/** Canonical \"HH:MM\" for an API value, or null when it is not a time. */\nexport function normalizeTime(value: string): string | null {\n  const match = API_TIME.exec(value);\n  return match ? `${match[1]}:${match[2]}` : null;\n}\n\nconst pad = (value: number) => String(value).padStart(2, \"0\");\nconst fromParts = (hour: number, minute: number) =>\n  hour <= 23 && minute <= 59 ? `${pad(hour)}:${pad(minute)}` : null;\n\n/**\n * What a person typed, read as a complete time: \"9:05\", \"09:05\", \"09:05:00\",\n * \"0905\", or \"905\" when the first two digits cannot be an hour. Full-width\n * colons and dots count as colons. Partial text (\"10\", \"10:4\", and \"103\",\n * which is still on its way to 10:30) is not a time.\n */\nexport function parseTypedTime(text: string): string | null {\n  const value = text.trim().replace(/[：.]/g, \":\");\n  const separated = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?$/.exec(value);\n  if (separated) return fromParts(Number(separated[1]), Number(separated[2]));\n  if (/^\\d{4}$/.test(value))\n    return fromParts(Number(value.slice(0, 2)), Number(value.slice(2)));\n  if (/^\\d{3}$/.test(value) && Number(value.slice(0, 2)) > 23)\n    return fromParts(Number(value[0]), Number(value.slice(1)));\n  return null;\n}\n\n/** 00:00 up to the last step before 24:00. Steps below one minute become one; a non-number becomes 10. */\nexport function timeOptions(step: number) {\n  const minutes = Number.isFinite(step) ? Math.max(1, Math.floor(step)) : 10;\n  const values: string[] = [];\n  for (let at = 0; at < 24 * 60; at += minutes)\n    values.push(`${pad(Math.floor(at / 60))}:${pad(at % 60)}`);\n  return values;\n}\n\n/**\n * Whether a \"HH:MM\" option matches partial typing. Digits read as the start of\n * the time (\"10\" → 10:00–10:59, \"1030\" → 10:30); an odd digit count or an\n * impossible hour also tries a leading zero (\"9\" → 09:xx, \"930\" → 09:30).\n * With a colon the hour may be one digit (\"9:3\" → 09:30–09:39).\n */\nexport function matchesTimeQuery(option: string, query: string) {\n  const text = query.trim().replace(/[：.]/g, \":\");\n  if (text === \"\") return true;\n  const typed = parseTypedTime(text);\n  if (typed) return option === typed;\n  if (text.includes(\":\")) {\n    const [hour = \"\", minute = \"\", ...rest] = text.split(\":\");\n    if (rest.length || !/^\\d{1,2}$/.test(hour) || !/^\\d{0,2}$/.test(minute))\n      return false;\n    return option.startsWith(`${hour.padStart(2, \"0\")}:${minute}`);\n  }\n  if (!/^\\d{1,4}$/.test(text)) return false;\n  const digits = option.replace(\":\", \"\");\n  if (digits.startsWith(text)) return true;\n  return (\n    (text.length % 2 === 1 || Number(text.slice(0, 2)) > 23) &&\n    digits.startsWith(`0${text}`)\n  );\n}\n\nexport interface TimeMessages {\n  /** Accessible name of the clock button that opens the list. */\n  open?: string;\n  /** Accessible name of the clear button. */\n  clear?: string;\n  /** Status when nothing in the list matches the typed text. */\n  empty?: string;\n}\nexport function timeMessages(locale: string, messages: TimeMessages = {}) {\n  const ko = /^ko(?:-|$)/i.test(locale);\n  return {\n    open: ko ? \"시간 목록 열기\" : \"Open time list\",\n    clear: ko ? \"시간 지우기\" : \"Clear time\",\n    empty: ko ? \"맞는 시간이 없습니다\" : \"No matching time\",\n    ...messages,\n  };\n}\n","import { useMemo, useState } from \"react\";\nimport type { ChoiceOption } from \"./choice-types\";\nimport { Choice } from \"./internal/choice\";\nimport {\n  matchesTimeQuery,\n  normalizeTime,\n  parseTypedTime,\n  timeMessages,\n  timeOptions,\n  type TimeMessages,\n} from \"./time-only\";\nexport type { TimeMessages } from \"./time-only\";\n\nexport interface TimePickerProps {\n  /** 24-hour \"HH:MM\" (\"\" is empty). \"HH:MM:SS\" is accepted and shown as HH:MM. */\n  value?: string;\n  defaultValue?: string;\n  /** Receives \"HH:MM\" or \"\" — only when the person picks, types or clears a time. */\n  onValueChange?: (value: string) => void;\n  /** Minutes between listed times, from 00:00 (default 10). Typed times off the step are still accepted. */\n  step?: number;\n  label?: string;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  id?: string;\n  name?: string;\n  form?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  invalid?: boolean;\n  /** Chooses the built-in Korean or English text (default \"ko-KR\"). */\n  locale?: string;\n  messages?: TimeMessages;\n}\n\n/** Above this many rows the list is virtualized (1-minute steps list 1,440 times). */\nconst VIRTUALIZE_AFTER = 300;\n\n// The dds-icons \"clock\" glyph, inlined like DatePicker's calendar so this\n// subpath does not pull in the whole icon set.\nconst clockIcon = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.6\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z\" />\n    <path d=\"M12 7v5l3 2\" />\n  </svg>\n);\n\nconst matchItem = (item: ChoiceOption, query: string) =>\n  matchesTimeQuery(item.value, query);\nconst commitDraft = (text: string) =>\n  text.trim() === \"\" ? \"\" : parseTypedTime(text);\n\n/**\n * A time-of-day field: type a time or pick one from the list. Built on the\n * same Ark combobox as Combobox, so list, keyboard and form behavior match.\n */\nexport function TimePicker({\n  value,\n  defaultValue,\n  onValueChange,\n  step,\n  placeholder,\n  invalid,\n  locale,\n  messages,\n  ...shared\n}: TimePickerProps) {\n  const initial = normalizeTime(defaultValue ?? \"\") ?? \"\";\n  const [internal, setInternal] = useState(initial);\n  const raw = value ?? internal;\n  const canonical = raw === \"\" ? \"\" : normalizeTime(raw);\n  // A value that is not a time is shown as it came, marked invalid, and never rewritten.\n  const current = canonical ?? raw;\n  const [draft, setDraft] = useState(current);\n  const typed = parseTypedTime(draft);\n  const items = useMemo<ChoiceOption[]>(() => {\n    const values = new Set(timeOptions(step ?? 10));\n    if (canonical) values.add(canonical);\n    if (typed) values.add(typed);\n    return [...values].sort().map((time) => ({ value: time, label: time }));\n  }, [step, canonical, typed]);\n  return (\n    <Choice\n      {...shared}\n      searchable\n      rootClass=\"dds-time-picker\"\n      items={items}\n      value={current}\n      // Only read when the value is not a listed time (an invalid server value).\n      selectedOption={{ value: current, label: current }}\n      onValueChange={(next) => {\n        if (value === undefined) setInternal(next);\n        onValueChange?.(next);\n      }}\n      onFormReset={() => {\n        if (value === undefined) setInternal(initial);\n      }}\n      // Choice owns the text (a React round-trip per keystroke drops fast typing); mirror it.\n      onDraftChange={setDraft}\n      matchItem={matchItem}\n      commitDraft={commitDraft}\n      triggerContent={clockIcon}\n      autoHighlight\n      centerSelected\n      inputMode=\"numeric\"\n      virtualization={items.length > VIRTUALIZE_AFTER ? {} : false}\n      messages={timeMessages(locale ?? \"ko-KR\", messages)}\n      placeholder={placeholder ?? \"HH:MM\"}\n      invalid={invalid === true || canonical === null}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAAW;AAGjB,SAAgB,EAAc,GAA8B;CAC1D,IAAM,IAAQ,EAAS,KAAK,CAAK;CACjC,OAAO,IAAQ,GAAG,EAAM,GAAG,GAAG,EAAM,OAAO;AAC7C;AAEA,IAAM,KAAO,MAAkB,OAAO,CAAK,CAAC,CAAC,SAAS,GAAG,GAAG,GACtD,KAAa,GAAc,MAC/B,KAAQ,MAAM,KAAU,KAAK,GAAG,EAAI,CAAI,EAAE,GAAG,EAAI,CAAM,MAAM;AAQ/D,SAAgB,EAAe,GAA6B;CAC1D,IAAM,IAAQ,EAAK,KAAK,CAAC,CAAC,QAAQ,SAAS,GAAG,GACxC,IAAY,iCAAiC,KAAK,CAAK;CAM7D,OALI,IAAkB,EAAU,OAAO,EAAU,EAAE,GAAG,OAAO,EAAU,EAAE,CAAC,IACtE,UAAU,KAAK,CAAK,IACf,EAAU,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,EAAM,MAAM,CAAC,CAAC,CAAC,IAChE,UAAU,KAAK,CAAK,KAAK,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,IAAI,KAChD,EAAU,OAAO,EAAM,EAAE,GAAG,OAAO,EAAM,MAAM,CAAC,CAAC,CAAC,IACpD;AACT;AAGA,SAAgB,EAAY,GAAc;CACxC,IAAM,IAAU,OAAO,SAAS,CAAI,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,CAAI,CAAC,IAAI,IAClE,IAAmB,CAAC;CAC1B,KAAK,IAAI,IAAK,GAAG,IAAK,MAAS,KAAM,GACnC,EAAO,KAAK,GAAG,EAAI,KAAK,MAAM,IAAK,EAAE,CAAC,EAAE,GAAG,EAAI,IAAK,EAAE,GAAG;CAC3D,OAAO;AACT;AAQA,SAAgB,EAAiB,GAAgB,GAAe;CAC9D,IAAM,IAAO,EAAM,KAAK,CAAC,CAAC,QAAQ,SAAS,GAAG;CAC9C,IAAI,MAAS,IAAI,OAAO;CACxB,IAAM,IAAQ,EAAe,CAAI;CACjC,IAAI,GAAO,OAAO,MAAW;CAC7B,IAAI,EAAK,SAAS,GAAG,GAAG;EACtB,IAAM,CAAC,IAAO,IAAI,IAAS,IAAI,GAAG,KAAQ,EAAK,MAAM,GAAG;EAGxD,OAFI,EAAK,UAAU,CAAC,YAAY,KAAK,CAAI,KAAK,CAAC,YAAY,KAAK,CAAM,IAC7D,KACF,EAAO,WAAW,GAAG,EAAK,SAAS,GAAG,GAAG,EAAE,GAAG,GAAQ;CAC/D;CACA,IAAI,CAAC,YAAY,KAAK,CAAI,GAAG,OAAO;CACpC,IAAM,IAAS,EAAO,QAAQ,KAAK,EAAE;CAErC,OADI,EAAO,WAAW,CAAI,IAAU,MAEjC,EAAK,SAAS,KAAM,KAAK,OAAO,EAAK,MAAM,GAAG,CAAC,CAAC,IAAI,OACrD,EAAO,WAAW,IAAI,GAAM;AAEhC;AAUA,SAAgB,EAAa,GAAgB,IAAyB,CAAC,GAAG;CACxE,IAAM,IAAK,cAAc,KAAK,CAAM;CACpC,OAAO;EACL,MAAM,IAAK,aAAa;EACxB,OAAO,IAAK,WAAW;EACvB,OAAO,IAAK,gBAAgB;EAC5B,GAAG;CACL;AACF;;;AC1CA,IAAM,IAAmB,KAInB,IACJ,kBAAC,OAAD;CACE,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,eAAY;CATd,UAAA,CAWE,kBAAC,QAAD,EAAM,GAAE,wCAAyC,CAAA,GACjD,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA,CACpB;IAGD,KAAa,GAAoB,MACrC,EAAiB,EAAK,OAAO,CAAK,GAC9B,KAAe,MACnB,EAAK,KAAK,MAAM,KAAK,KAAK,EAAe,CAAI;AAM/C,SAAgB,EAAW,EACzB,UACA,iBACA,kBACA,SACA,gBACA,YACA,WACA,aACA,GAAG,KACe;CAClB,IAAM,IAAU,EAAc,KAAgB,EAAE,KAAK,IAC/C,CAAC,GAAU,KAAe,EAAS,CAAO,GAC1C,IAAM,KAAS,GACf,IAAY,MAAQ,KAAK,KAAK,EAAc,CAAG,GAE/C,IAAU,KAAa,GACvB,CAAC,GAAO,KAAY,EAAS,CAAO,GACpC,IAAQ,EAAe,CAAK,GAC5B,IAAQ,QAA8B;EAC1C,IAAM,IAAS,IAAI,IAAI,EAAY,KAAQ,EAAE,CAAC;EAG9C,OAFI,KAAW,EAAO,IAAI,CAAS,GAC/B,KAAO,EAAO,IAAI,CAAK,GACpB,CAAC,GAAG,CAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,OAAU;GAAE,OAAO;GAAM,OAAO;EAAK,EAAE;CACxE,GAAG;EAAC;EAAM;EAAW;CAAK,CAAC;CAC3B,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,YAAA;EACA,WAAU;EACH;EACP,OAAO;EAEP,gBAAgB;GAAE,OAAO;GAAS,OAAO;EAAQ;EACjD,gBAAgB,MAAS;GAEvB,AADI,MAAU,KAAA,KAAW,EAAY,CAAI,GACzC,IAAgB,CAAI;EACtB;EACA,mBAAmB;GACjB,AAAI,MAAU,KAAA,KAAW,EAAY,CAAO;EAC9C;EAEA,eAAe;EACJ;EACE;EACb,gBAAgB;EAChB,eAAA;EACA,gBAAA;EACA,WAAU;EACV,gBAAgB,EAAM,SAAS,KAAmB,CAAC;EACnD,UAAU,EAAa,KAAU,SAAS,CAAQ;EAClD,aAAa,KAAe;EAC5B,SAAS,MAAY,MAAQ,MAAc;CAC5C,CAAA;AAEL"}

package/dist/time-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "./time-picker-BQ7BT6-u.js";
+import { t as e } from "./time-picker-BNmQMQdq.js";
 export { e as TimePicker };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devslab/dds-react",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "description": "Accessible React primitives for the DevsLab Design System",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -99,9 +99,9 @@
   },
   "dependencies": {
     "@ark-ui/react": "5.39.3",
-    "@devslab/dds-css": "0.25.0",
-    "@devslab/dds-icons": "0.25.0",
-    "@devslab/dds-tokens": "0.25.0",
+    "@devslab/dds-css": "0.25.1",
+    "@devslab/dds-icons": "0.25.1",
+    "@devslab/dds-tokens": "0.25.1",
     "@tanstack/react-virtual": "3.14.21"
   },
   "peerDependencies": {

package/dist/choice-N-5K_ggs.js

@@ -1,309 +0,0 @@
-import { n as e, r as t, t as n } from "./choice-types-kSaEnZPr.js";
-import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Portal as l } from "@ark-ui/react/portal";
-import { Combobox as u, createListCollection as d } from "@ark-ui/react/combobox";
-import { Select as f } from "@ark-ui/react/select";
-import { defaultRangeExtractor as p, useVirtualizer as m } from "@tanstack/react-virtual";
-//#region src/internal/choice.tsx
-var h = {
-	position: "absolute",
-	width: 1,
-	height: 1,
-	padding: 0,
-	border: 0,
-	clipPath: "inset(50%)",
-	overflow: "hidden",
-	whiteSpace: "nowrap"
-};
-function g(g) {
-	t(g.items);
-	let [_, v] = o(g.defaultValue ?? ""), y = g.value ?? _, b = g.items.find((e) => e.value === y) ?? (g.selectedOption?.value === y ? g.selectedOption : void 0), x = b?.label ?? y, [S, C] = o(g.defaultInputValue ?? x), w = g.inputValue ?? S, T = (e) => {
-		C(e), g.onDraftChange?.(e);
-	}, [E, D] = o(!1), [O, k] = o(null), A = a(null), j = a(null), M = a(null), [N, P] = o(null);
-	r(() => {
-		let e = A.current;
-		e && P(e.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? e.ownerDocument.body);
-	}, []);
-	let F = a(null), I = a(!1), L = a({
-		value: y,
-		label: x
-	}), R = a(null), z = (e) => g.items.find((t) => t.value === e)?.label ?? (g.selectedOption?.value === e ? g.selectedOption.label : e), B = {
-		...n,
-		...g.messages
-	}, V = g.disabled || g.readOnly, H = (e) => {
-		(R.current?.from !== w || R.current.to !== e) && (R.current = null, g.inputValue === void 0 && T(e), g.onInputValueChange?.(e));
-	}, U = (e) => {
-		e !== w && (R.current?.from !== w || R.current.to !== e) && (R.current = {
-			from: w,
-			to: e
-		}, g.inputValue === void 0 ? T(e) : g.onInputValueChange?.(e));
-	}, W = (e) => {
-		g.value === void 0 && v(e), g.onValueChange?.(e);
-	};
-	r(() => {
-		(L.current.value !== y || L.current.label !== x) && (L.current = {
-			value: y,
-			label: x
-		}, U(x));
-	}, [y, x]), r(() => {
-		e() && y && !b && console.warn(`DDS choice: no label supplied for selected ID ${JSON.stringify(y)}; pass selectedOption when the selection is outside items.`);
-	}, [y, b]), r(() => {
-		let e = j.current?.form;
-		if (!e) return;
-		let t = (e) => setTimeout(() => {
-			if (e.defaultPrevented) return;
-			g.onFormReset?.();
-			let t = g.value ?? g.defaultValue ?? "", n = z(t);
-			L.current = {
-				value: t,
-				label: n
-			}, g.value === void 0 && v(t);
-			let r = g.defaultInputValue ?? n;
-			R.current = null, g.inputValue === void 0 ? T(r) : U(r), D(!1), A.current instanceof HTMLInputElement && (A.current.value = g.inputValue ?? r), j.current && (j.current.value = t);
-		});
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [
-		g.defaultValue,
-		g.defaultInputValue,
-		g.value,
-		g.inputValue,
-		g.items,
-		g.selectedOption,
-		g.form
-	]);
-	let G = i(() => g.searchable && g.filterMode !== "external" && w !== x ? g.items.filter((e) => g.matchItem ? g.matchItem(e, w) : e.label.toLocaleLowerCase().includes(w.toLocaleLowerCase())) : g.items, [
-		g.items,
-		g.searchable,
-		g.filterMode,
-		w,
-		x,
-		g.matchItem
-	]), K = i(() => d({
-		items: G,
-		itemToString: (e) => e.label,
-		itemToValue: (e) => e.value,
-		isItemDisabled: (e) => !!e.disabled
-	}), [G]), q = !!g.virtualization, J = g.virtualization ? g.virtualization.itemHeight : void 0, Y = Number.isFinite(J) ? Math.max(40, J) : 40, X = G.findIndex((e) => e.value === O), Z = m({
-		count: G.length,
-		getScrollElement: () => M.current,
-		estimateSize: () => Y,
-		overscan: g.virtualization ? g.virtualization.overscan ?? 5 : 5,
-		enabled: q && E,
-		initialRect: {
-			width: 0,
-			height: 320
-		},
-		rangeExtractor: (e) => {
-			let t = p(e);
-			return X >= 0 && !t.includes(X) && t.push(X), t.sort((e, t) => e - t);
-		}
-	});
-	r(() => {
-		k(null), q && E && Z.scrollToIndex(Math.max(0, G.findIndex((e) => e.value === y)), { align: g.centerSelected ? "center" : "auto" });
-	}, [G, E]), r(() => {
-		let e = M.current;
-		if (!g.centerSelected || !E || q || !e) return;
-		let t = requestAnimationFrame(() => {
-			let t = e.querySelector("[data-part=\"item\"][data-state=\"checked\"]");
-			if (!t) return;
-			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-			e.scrollTop += r.top - n.top - (e.clientHeight - r.height) / 2;
-		});
-		return () => cancelAnimationFrame(t);
-	}, [
-		E,
-		g.centerSelected,
-		q
-	]);
-	let Q = g.searchable ? u : f, $ = q ? Z.getVirtualItems().map((e) => ({
-		index: e.index,
-		start: e.start
-	})) : G.map((e, t) => ({
-		index: t,
-		start: 0
-	}));
-	q && X >= 0 && !$.some((e) => e.index === X) && $.push({
-		index: X,
-		start: X * Y
-	});
-	let ee = g.loading ? B.loading : g.error ? typeof g.error == "string" ? g.error : B.error : G.length === 0 ? B.empty : "", te = {
-		collection: K,
-		value: y ? [y] : [],
-		open: E && !V,
-		disabled: g.disabled,
-		readOnly: g.readOnly,
-		invalid: g.invalid,
-		onOpenChange: (e) => {
-			V || D(e.open);
-		},
-		onValueChange: (e) => {
-			if (V || I.current) return;
-			let t = e.value[0] ?? "";
-			t !== y && W(t);
-		},
-		onHighlightChange: (e) => k(e.highlightedValue),
-		scrollToIndexFn: q ? ({ index: e }) => Z.scrollToIndex(e, { align: "auto" }) : void 0,
-		positioning: {
-			placement: "bottom-start",
-			sameWidth: !0,
-			gutter: 4,
-			strategy: N?.matches("[role=\"dialog\"], [role=\"alertdialog\"]") ? "fixed" : "absolute",
-			hideWhenDetached: !!N?.matches("[role=\"dialog\"], [role=\"alertdialog\"]")
-		}
-	}, ne = g.searchable ? {
-		inputValue: w,
-		onInputValueChange: (e) => {
-			let t = F.current === e.inputValue && e.reason === "input-change" && A.current?.ownerDocument.activeElement !== A.current;
-			F.current = null, !t && !V && e.inputValue !== w && H(e.inputValue);
-		},
-		selectionBehavior: "preserve",
-		...g.autoHighlight ? { inputBehavior: "autohighlight" } : {}
-	} : {};
-	return /* @__PURE__ */ c(Q.Root, {
-		...te,
-		...ne,
-		id: g.id,
-		className: g.rootClass ? `dds-choice ${g.rootClass}` : "dds-choice",
-		"data-label-placement": g.labelPlacement ?? "outside",
-		"data-has-value": y || w ? "" : void 0,
-		children: [
-			g.label && /* @__PURE__ */ s(Q.Label, {
-				className: "dds-choice-label",
-				onClick: () => A.current?.focus(),
-				children: g.label
-			}),
-			/* @__PURE__ */ c(Q.Control, {
-				className: "dds-choice-control",
-				children: [
-					g.searchable ? /* @__PURE__ */ s(u.Input, {
-						ref: (e) => {
-							A.current = e;
-						},
-						className: "dds-choice-input",
-						"aria-label": g["aria-label"],
-						"aria-labelledby": g["aria-labelledby"],
-						"aria-describedby": g["aria-describedby"],
-						"aria-required": g.required,
-						placeholder: g.placeholder,
-						inputMode: g.inputMode,
-						onCompositionStart: () => {
-							I.current = !0;
-						},
-						onCompositionEnd: () => {
-							I.current = !1;
-						},
-						onKeyDown: (e) => {
-							I.current && e.key === "Enter" && (e.preventDefault(), e.stopPropagation());
-						},
-						onBlur: (e) => {
-							if (g.commitDraft) {
-								F.current = e.currentTarget.value;
-								let t = V ? null : g.commitDraft(e.currentTarget.value);
-								t !== null && t !== y ? (W(t), U(z(t))) : U(x);
-								return;
-							}
-							y && U(x);
-						}
-					}) : null,
-					/* @__PURE__ */ s(Q.Trigger, {
-						ref: (e) => {
-							g.searchable || (A.current = e);
-						},
-						className: "dds-choice-trigger",
-						"aria-label": g.searchable ? B.open : g["aria-label"],
-						"aria-labelledby": g["aria-labelledby"],
-						"aria-describedby": g["aria-describedby"],
-						"aria-required": g.required,
-						children: g.searchable ? g.triggerContent ?? "⌄" : /* @__PURE__ */ s("span", {
-							className: "dds-choice-value",
-							children: x || g.placeholder || B.open
-						})
-					}),
-					g.clearable && !V && (y || w) ? /* @__PURE__ */ s("button", {
-						className: "dds-choice-clear",
-						type: "button",
-						"aria-label": B.clear,
-						onPointerDown: (e) => e.preventDefault(),
-						onClick: () => {
-							W(""), H(""), D(!1), A.current?.focus();
-						},
-						children: "×"
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ s("input", {
-				ref: j,
-				className: "dds-choice-validation",
-				style: h,
-				tabIndex: -1,
-				"aria-hidden": "true",
-				name: g.name,
-				form: g.form,
-				value: y,
-				required: g.required,
-				disabled: g.disabled,
-				onChange: () => {},
-				onInvalid: (e) => {
-					e.preventDefault(), A.current?.focus();
-				}
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "dds-choice-status",
-				role: "status",
-				"aria-live": "polite",
-				children: [ee, g.error && g.onRetry ? /* @__PURE__ */ s("button", {
-					className: "dds-choice-retry",
-					type: "button",
-					onClick: g.onRetry,
-					children: B.retry
-				}) : null]
-			}),
-			N && /* @__PURE__ */ s(l, {
-				container: { current: N },
-				children: /* @__PURE__ */ s(Q.Positioner, {
-					className: "dds-choice-positioner",
-					children: /* @__PURE__ */ s(Q.Content, {
-						ref: M,
-						className: "dds-choice-content",
-						style: {
-							maxHeight: "min(320px, var(--available-height, 320px))",
-							overflow: "auto"
-						},
-						children: /* @__PURE__ */ s("div", {
-							style: q ? {
-								height: Z.getTotalSize(),
-								position: "relative"
-							} : void 0,
-							children: $.map((e) => {
-								let t = G[e.index];
-								return /* @__PURE__ */ c(Q.Item, {
-									item: t,
-									className: "dds-choice-item",
-									"aria-posinset": e.index + 1,
-									"aria-setsize": G.length,
-									style: q ? {
-										position: "absolute",
-										top: 0,
-										left: 0,
-										width: "100%",
-										height: Y,
-										transform: `translateY(${e.start}px)`
-									} : void 0,
-									children: [/* @__PURE__ */ s(Q.ItemText, { children: t.label }), t.description ? /* @__PURE__ */ s("span", {
-										className: "dds-choice-description",
-										children: t.description
-									}) : null]
-								}, t.value);
-							})
-						})
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { g as t };
-
-//# sourceMappingURL=choice-N-5K_ggs.js.map

package/dist/choice-N-5K_ggs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice-N-5K_ggs.js","names":[],"sources":["../src/internal/choice.tsx"],"sourcesContent":["import { Combobox as C, createListCollection } from \"@ark-ui/react/combobox\";\nimport { Select as S } from \"@ark-ui/react/select\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { defaultRangeExtractor, useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport {\n  choiceMessages,\n  choiceWarningsEnabled,\n  validateOptions,\n  type ChoiceOption,\n  type ComboboxProps,\n} from \"../choice-types\";\n\n/**\n * Options for DDS components built on Choice (TimePicker). They are not part\n * of the public Combobox/SelectPicker props; every default keeps the existing\n * Combobox and SelectPicker behavior. Mirrors the Solid Choice internals.\n */\nexport interface ChoiceInternals {\n  searchable: boolean;\n  /** Replaces the default case-insensitive label substring filter. */\n  matchItem?: (item: ChoiceOption, query: string) => boolean;\n  /** On blur, the value the typed text stands for, \"\" to clear, or null to restore the label. */\n  commitDraft?: (text: string) => string | null;\n  /** Content of the searchable trigger button (default \"⌄\"). */\n  triggerContent?: ReactNode;\n  rootClass?: string;\n  invalid?: boolean;\n  /** Highlight the first match while typing so Enter picks it. */\n  autoHighlight?: boolean;\n  /** Scroll the selected option to the middle of the list when it opens. */\n  centerSelected?: boolean;\n  inputMode?: HTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /** Called before a native form reset restores the value. */\n  onFormReset?: () => void;\n  /** Observes every change of the uncontrolled input text, including restores. */\n  onDraftChange?: (text: string) => void;\n}\n\n/** The native validation input stores one ID, never a second option collection. */\nconst validationStyle = {\n  position: \"absolute\",\n  width: 1,\n  height: 1,\n  padding: 0,\n  border: 0,\n  clipPath: \"inset(50%)\",\n  overflow: \"hidden\",\n  whiteSpace: \"nowrap\",\n} as const;\nexport function Choice(props: ComboboxProps & ChoiceInternals) {\n  validateOptions(props.items);\n  const [internal, setInternal] = useState(props.defaultValue ?? \"\");\n  const value = props.value ?? internal;\n  const selected =\n    props.items.find((item) => item.value === value) ??\n    (props.selectedOption?.value === value ? props.selectedOption : undefined);\n  const label = selected?.label ?? value;\n  const [draft, setDraft] = useState(props.defaultInputValue ?? label);\n  const inputValue = props.inputValue ?? draft;\n  const changeDraft = (next: string) => {\n    setDraft(next);\n    props.onDraftChange?.(next);\n  };\n  const [open, setOpen] = useState(false),\n    [highlight, setHighlight] = useState<string | null>(null);\n  const visibleRef = useRef<HTMLInputElement | HTMLButtonElement>(null),\n    validationRef = useRef<HTMLInputElement>(null),\n    scrollRef = useRef<HTMLDivElement>(null);\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const control = visibleRef.current;\n    if (control) {\n      // Modal isolation hides body siblings. Keep nested choices in the modal's\n      // DOM subtree so their options remain available to assistive technology.\n      setPortalMount(\n        control.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          control.ownerDocument.body,\n      );\n    }\n  }, []);\n  // Text the blur already committed; Ark may still report that keystroke afterwards.\n  const consumedOnBlur = useRef<string | null>(null);\n  const composing = useRef(false),\n    previousSelection = useRef({ value, label });\n  const pendingRestore = useRef<{ from: string; to: string } | null>(null);\n  const resolveLabel = (id: string) =>\n    props.items.find((item) => item.value === id)?.label ??\n    (props.selectedOption?.value === id ? props.selectedOption.label : id);\n  const messages = { ...choiceMessages, ...props.messages };\n  const blocked = props.disabled || props.readOnly;\n  const setInput = (next: string) => {\n    if (\n      pendingRestore.current?.from === inputValue &&\n      pendingRestore.current.to === next\n    )\n      return;\n    pendingRestore.current = null;\n    if (props.inputValue === undefined) changeDraft(next);\n    props.onInputValueChange?.(next);\n  };\n  const restoreInput = (next: string) => {\n    if (next === inputValue) return;\n    if (\n      pendingRestore.current?.from === inputValue &&\n      pendingRestore.current.to === next\n    )\n      return;\n    pendingRestore.current = { from: inputValue, to: next };\n    if (props.inputValue === undefined) changeDraft(next);\n    else props.onInputValueChange?.(next);\n  };\n  const setValue = (next: string) => {\n    if (props.value === undefined) setInternal(next);\n    props.onValueChange?.(next);\n  };\n  useEffect(() => {\n    if (\n      previousSelection.current.value !== value ||\n      previousSelection.current.label !== label\n    ) {\n      previousSelection.current = { value, label };\n      restoreInput(label);\n    }\n  }, [value, label]);\n  useEffect(() => {\n    if (choiceWarningsEnabled() && value && !selected)\n      console.warn(\n        `DDS choice: no label supplied for selected ID ${JSON.stringify(value)}; pass selectedOption when the selection is outside items.`,\n      );\n  }, [value, selected]);\n  useEffect(() => {\n    const form = validationRef.current?.form;\n    if (!form) return;\n    // A task, not a microtask: after a reset-button click, microtasks run\n    // before the browser resets the controls and would be overwritten.\n    const reset = (event: Event) =>\n      setTimeout(() => {\n        if (event.defaultPrevented) return;\n        props.onFormReset?.();\n        const resetValue = props.value ?? props.defaultValue ?? \"\";\n        const resetLabel = resolveLabel(resetValue);\n        previousSelection.current = { value: resetValue, label: resetLabel };\n        if (props.value === undefined) setInternal(resetValue);\n        const resetQuery = props.defaultInputValue ?? resetLabel;\n        pendingRestore.current = null;\n        if (props.inputValue === undefined) changeDraft(resetQuery);\n        else restoreInput(resetQuery);\n        setOpen(false);\n        if (visibleRef.current instanceof HTMLInputElement)\n          visibleRef.current.value = props.inputValue ?? resetQuery;\n        if (validationRef.current) validationRef.current.value = resetValue;\n      });\n    form.addEventListener(\"reset\", reset);\n    return () => form.removeEventListener(\"reset\", reset);\n  }, [\n    props.defaultValue,\n    props.defaultInputValue,\n    props.value,\n    props.inputValue,\n    props.items,\n    props.selectedOption,\n    props.form,\n  ]);\n  const items = useMemo(\n    () =>\n      props.searchable &&\n      props.filterMode !== \"external\" &&\n      inputValue !== label\n        ? props.items.filter((item) =>\n            props.matchItem\n              ? props.matchItem(item, inputValue)\n              : item.label\n                  .toLocaleLowerCase()\n                  .includes(inputValue.toLocaleLowerCase()),\n          )\n        : props.items,\n    [props.items, props.searchable, props.filterMode, inputValue, label, props.matchItem],\n  );\n  const collection = useMemo(\n    () =>\n      createListCollection({\n        items,\n        itemToString: (item) => item.label,\n        itemToValue: (item) => item.value,\n        isItemDisabled: (item) => !!item.disabled,\n      }),\n    [items],\n  );\n  const virtual = !!props.virtualization;\n  const configuredHeight = props.virtualization\n    ? props.virtualization.itemHeight\n    : undefined;\n  const height = Number.isFinite(configuredHeight)\n    ? Math.max(40, configuredHeight!)\n    : 40;\n  const activeIndex = items.findIndex((item) => item.value === highlight);\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => height,\n    overscan: props.virtualization ? (props.virtualization.overscan ?? 5) : 5,\n    enabled: virtual && open,\n    initialRect: { width: 0, height: 320 },\n    rangeExtractor: (range) => {\n      const indexes = defaultRangeExtractor(range);\n      if (activeIndex >= 0 && !indexes.includes(activeIndex))\n        indexes.push(activeIndex);\n      return indexes.sort((a, b) => a - b);\n    },\n  });\n  useEffect(() => {\n    setHighlight(null);\n    if (virtual && open)\n      virtualizer.scrollToIndex(\n        Math.max(\n          0,\n          items.findIndex((item) => item.value === value),\n        ),\n        { align: props.centerSelected ? \"center\" : \"auto\" },\n      );\n  }, [items, open]);\n  useEffect(() => {\n    const content = scrollRef.current;\n    if (!props.centerSelected || !open || virtual || !content) return;\n    // Ark only scrolls the highlighted option to the nearest edge.\n    const frame = requestAnimationFrame(() => {\n      const chosen = content.querySelector<HTMLElement>(\n        '[data-part=\"item\"][data-state=\"checked\"]',\n      );\n      if (!chosen) return;\n      const list = content.getBoundingClientRect(),\n        row = chosen.getBoundingClientRect();\n      content.scrollTop +=\n        row.top - list.top - (content.clientHeight - row.height) / 2;\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [open, props.centerSelected, virtual]);\n  const Parts = props.searchable ? C : S;\n  const rows = virtual\n    ? virtualizer\n        .getVirtualItems()\n        .map((row) => ({ index: row.index, start: row.start }))\n    : items.map((_, index) => ({ index, start: 0 }));\n  // Keep the active row mounted even before the scroll element has a measured range.\n  if (\n    virtual &&\n    activeIndex >= 0 &&\n    !rows.some((row) => row.index === activeIndex)\n  )\n    rows.push({ index: activeIndex, start: activeIndex * height });\n  const status = props.loading\n    ? messages.loading\n    : props.error\n      ? typeof props.error === \"string\"\n        ? props.error\n        : messages.error\n      : items.length === 0\n        ? messages.empty\n        : \"\";\n  const rootProps = {\n    collection,\n    value: value ? [value] : [],\n    open: open && !blocked,\n    disabled: props.disabled,\n    readOnly: props.readOnly,\n    invalid: props.invalid,\n    onOpenChange: (details: { open: boolean }) => {\n      if (!blocked) setOpen(details.open);\n    },\n    onValueChange: (details: { value: string[] }) => {\n      if (blocked || composing.current) return;\n      const next = details.value[0] ?? \"\";\n      if (next !== value) setValue(next);\n    },\n    onHighlightChange: (details: { highlightedValue: string | null }) =>\n      setHighlight(details.highlightedValue),\n    scrollToIndexFn: virtual\n      ? ({ index }: { index: number }) =>\n          virtualizer.scrollToIndex(index, { align: \"auto\" })\n      : undefined,\n    positioning: {\n      placement: \"bottom-start\" as const,\n      sameWidth: true,\n      gutter: 4,\n      strategy: portalMount?.matches('[role=\"dialog\"], [role=\"alertdialog\"]')\n        ? (\"fixed\" as const)\n        : (\"absolute\" as const),\n      hideWhenDetached: !!portalMount?.matches(\n        '[role=\"dialog\"], [role=\"alertdialog\"]',\n      ),\n    },\n  };\n  const inputProps = props.searchable\n    ? {\n        inputValue,\n        onInputValueChange: (details: {\n          inputValue: string;\n          reason?: string;\n        }) => {\n          const stale =\n            consumedOnBlur.current === details.inputValue &&\n            details.reason === \"input-change\" &&\n            visibleRef.current?.ownerDocument.activeElement !== visibleRef.current;\n          consumedOnBlur.current = null;\n          if (stale) return;\n          if (!blocked && details.inputValue !== inputValue)\n            setInput(details.inputValue);\n        },\n        selectionBehavior: \"preserve\" as const,\n        ...(props.autoHighlight\n          ? { inputBehavior: \"autohighlight\" as const }\n          : {}),\n      }\n    : {};\n  return (\n    <Parts.Root\n      {...rootProps}\n      {...inputProps}\n      id={props.id}\n      className={props.rootClass ? `dds-choice ${props.rootClass}` : \"dds-choice\"}\n      data-label-placement={props.labelPlacement ?? \"outside\"}\n      data-has-value={value || inputValue ? \"\" : undefined}\n    >\n      {props.label && (\n        <Parts.Label\n          className=\"dds-choice-label\"\n          onClick={() => visibleRef.current?.focus()}\n        >\n          {props.label}\n        </Parts.Label>\n      )}\n      <Parts.Control className=\"dds-choice-control\">\n        {props.searchable ? (\n          <C.Input\n            ref={(node) => {\n              visibleRef.current = node;\n            }}\n            className=\"dds-choice-input\"\n            aria-label={props[\"aria-label\"]}\n            aria-labelledby={props[\"aria-labelledby\"]}\n            aria-describedby={props[\"aria-describedby\"]}\n            aria-required={props.required}\n            placeholder={props.placeholder}\n            inputMode={props.inputMode}\n            onCompositionStart={() => {\n              composing.current = true;\n            }}\n            onCompositionEnd={() => {\n              composing.current = false;\n            }}\n            onKeyDown={(event) => {\n              if (composing.current && event.key === \"Enter\") {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            }}\n            onBlur={(event) => {\n              if (props.commitDraft) {\n                // The DOM holds the latest keystroke; Ark's input state may still be queued.\n                consumedOnBlur.current = event.currentTarget.value;\n                const next = blocked\n                  ? null\n                  : props.commitDraft(event.currentTarget.value);\n                if (next !== null && next !== value) {\n                  setValue(next);\n                  restoreInput(resolveLabel(next));\n                } else restoreInput(label);\n                return;\n              }\n              if (value) restoreInput(label);\n            }}\n          />\n        ) : null}\n        <Parts.Trigger\n          ref={(node) => {\n            if (!props.searchable) visibleRef.current = node;\n          }}\n          className=\"dds-choice-trigger\"\n          aria-label={props.searchable ? messages.open : props[\"aria-label\"]}\n          aria-labelledby={props[\"aria-labelledby\"]}\n          aria-describedby={props[\"aria-describedby\"]}\n          aria-required={props.required}\n        >\n          {props.searchable ? (\n            (props.triggerContent ?? \"⌄\")\n          ) : (\n            <span className=\"dds-choice-value\">\n              {label || props.placeholder || messages.open}\n            </span>\n          )}\n        </Parts.Trigger>\n        {props.clearable && !blocked && (value || inputValue) ? (\n          <button\n            className=\"dds-choice-clear\"\n            type=\"button\"\n            aria-label={messages.clear}\n            onPointerDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setValue(\"\");\n              setInput(\"\");\n              setOpen(false);\n              visibleRef.current?.focus();\n            }}\n          >\n            ×\n          </button>\n        ) : null}\n      </Parts.Control>\n      <input\n        ref={validationRef}\n        className=\"dds-choice-validation\"\n        style={validationStyle}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={props.name}\n        form={props.form}\n        value={value}\n        required={props.required}\n        disabled={props.disabled}\n        onChange={() => {}}\n        onInvalid={(event) => {\n          event.preventDefault();\n          visibleRef.current?.focus();\n        }}\n      />\n      <div className=\"dds-choice-status\" role=\"status\" aria-live=\"polite\">\n        {status}\n        {props.error && props.onRetry ? (\n          <button\n            className=\"dds-choice-retry\"\n            type=\"button\"\n            onClick={props.onRetry}\n          >\n            {messages.retry}\n          </button>\n        ) : null}\n      </div>\n      {portalMount && (\n        <Portal container={{ current: portalMount }}>\n          <Parts.Positioner className=\"dds-choice-positioner\">\n            <Parts.Content\n              ref={scrollRef}\n              className=\"dds-choice-content\"\n              style={{\n                maxHeight: \"min(320px, var(--available-height, 320px))\",\n                overflow: \"auto\",\n              }}\n            >\n              <div\n                style={\n                  virtual\n                    ? {\n                        height: virtualizer.getTotalSize(),\n                        position: \"relative\",\n                      }\n                    : undefined\n                }\n              >\n                {rows.map((row) => {\n                  const item = items[row.index]!;\n                  return (\n                    <Parts.Item\n                      key={item.value}\n                      item={item}\n                      className=\"dds-choice-item\"\n                      aria-posinset={row.index + 1}\n                      aria-setsize={items.length}\n                      style={\n                        virtual\n                          ? {\n                              position: \"absolute\",\n                              top: 0,\n                              left: 0,\n                              width: \"100%\",\n                              height,\n                              transform: `translateY(${row.start}px)`,\n                            }\n                          : undefined\n                      }\n                    >\n                      <Parts.ItemText>{item.label}</Parts.ItemText>\n                      {item.description ? (\n                        <span className=\"dds-choice-description\">\n                          {item.description}\n                        </span>\n                      ) : null}\n                    </Parts.Item>\n                  );\n                })}\n              </div>\n            </Parts.Content>\n          </Parts.Positioner>\n        </Portal>\n      )}\n    </Parts.Root>\n  );\n}\n"],"mappings":"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"}