@devslab/dds-solid 0.23.0 → 0.24.0

package/dist/assets/{choice-DoXiK8nc.js → choice-DPmk9AHn.js}

@@ -1,29 +1,9 @@
+import { n as choiceWarningsEnabled, r as validateOptions, t as choiceMessages } from "./choice-types-h4YVL8xH.js";
 import { For, Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, untrack } from "solid-js";
 import { Portal, createComponent, escape, memo, mergeProps as mergeProps$1, ssr, ssrAttribute, ssrHydrationKey, ssrStyle, ssrStyleProperty } from "solid-js/web";
 import { Combobox, createListCollection } from "@ark-ui/solid/combobox";
 import { Select } from "@ark-ui/solid/select";
 import { createVirtualizer, defaultRangeExtractor } from "@tanstack/solid-virtual";
-//#region src/choice-types.ts
-function validateOptions(items) {
-	const ids = /* @__PURE__ */ new Set();
-	for (const item of items) {
-		if (!item.value || ids.has(item.value)) throw new Error(`DDS choice: option IDs must be nonempty and unique (${JSON.stringify(item.value)})`);
-		ids.add(item.value);
-	}
-}
-var choiceMessages = {
-	open: "선택 열기",
-	clear: "선택 지우기",
-	loading: "불러오는 중",
-	empty: "결과 없음",
-	error: "불러오지 못했습니다",
-	retry: "다시 시도"
-};
-/** Read the consumer environment at runtime, rather than the library build mode. */
-function choiceWarningsEnabled() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-//#endregion
 //#region src/internal/choice.tsx
 var _tmpl$ = [
 	"<button",
@@ -78,6 +58,7 @@ function Choice(props) {
 	const [portalMount, setPortalMount] = createSignal();
 	onMount(() => {});
 	let composing = false;
+	let consumedOnBlur = null;
 	let pendingRestore = null;
 	const resolveLabel = (id) => props.items.find((item) => item.value === id)?.label ?? (props.selectedOption?.value === id ? props.selectedOption.label : id);
 	const blocked = () => props.disabled || props.readOnly;
@@ -129,8 +110,9 @@ function Choice(props) {
 	createEffect(() => {
 		const form = props.form ? void 0 : void 0;
 		if (!form) return;
-		const reset = (event) => queueMicrotask(() => {
+		const reset = (event) => setTimeout(() => {
 			if (event.defaultPrevented) return;
+			props.onFormReset?.();
 			const resetValue = props.value ?? props.defaultValue ?? "";
 			const resetLabel = resolveLabel(resetValue);
 			previousSelection = {
@@ -145,7 +127,7 @@ function Choice(props) {
 		form.addEventListener("reset", reset);
 		onCleanup(() => form.removeEventListener("reset", reset));
 	});
-	const items = createMemo(() => props.searchable && props.filterMode !== "external" && inputValue() !== label() ? props.items.filter((item) => item.label.toLocaleLowerCase().includes(inputValue().toLocaleLowerCase())) : props.items);
+	const items = createMemo(() => props.searchable && props.filterMode !== "external" && inputValue() !== label() ? props.items.filter((item) => props.matchItem ? props.matchItem(item, inputValue()) : item.label.toLocaleLowerCase().includes(inputValue().toLocaleLowerCase())) : props.items);
 	const collection = createMemo(() => createListCollection({
 		items: items(),
 		itemToString: (item) => item.label,
@@ -187,7 +169,18 @@ function Choice(props) {
 		items();
 		const opened = open();
 		setHighlight(null);
-		if (virtual() && opened) virtualizer.scrollToIndex(Math.max(0, items().findIndex((item) => item.value === value())), { align: "auto" });
+		if (virtual() && opened) virtualizer.scrollToIndex(Math.max(0, items().findIndex((item) => item.value === value())), { align: props.centerSelected ? "center" : "auto" });
+	});
+	createEffect(() => {
+		const content = scroll();
+		if (!props.centerSelected || !open() || virtual() || !content) return;
+		const frame = requestAnimationFrame(() => {
+			const selected = content.querySelector("[data-part=\"item\"][data-state=\"checked\"]");
+			if (!selected) return;
+			const list = content.getBoundingClientRect(), row = selected.getBoundingClientRect();
+			content.scrollTop += row.top - list.top - (content.clientHeight - row.height) / 2;
+		});
+		onCleanup(() => cancelAnimationFrame(frame));
 	});
 	const Parts = props.searchable ? Combobox : Select;
 	const rows = createMemo(() => {
@@ -222,6 +215,9 @@ function Choice(props) {
 		get readOnly() {
 			return props.readOnly;
 		},
+		get invalid() {
+			return props.invalid;
+		},
 		onOpenChange: (details) => {
 			if (!blocked()) setOpen(details.open);
 		},
@@ -249,15 +245,21 @@ function Choice(props) {
 			return inputValue();
 		},
 		onInputValueChange: (details) => {
+			const stale = consumedOnBlur === details.inputValue && details.reason === "input-change" && false;
+			consumedOnBlur = null;
+			if (stale) return;
 			if (!blocked() && details.inputValue !== inputValue()) setInput(details.inputValue);
 		},
-		selectionBehavior: "preserve"
+		selectionBehavior: "preserve",
+		...props.autoHighlight ? { inputBehavior: "autohighlight" } : {}
 	} : {};
 	return createComponent(Parts.Root, mergeProps$1(rootProps, inputProps, {
 		get id() {
 			return props.id ?? id;
 		},
-		"class": "dds-choice",
+		get ["class"]() {
+			return memo(() => !!props.rootClass)() ? `dds-choice ${props.rootClass}` : "dds-choice";
+		},
 		get ["data-label-placement"]() {
 			return props.labelPlacement ?? "outside";
 		},
@@ -306,6 +308,9 @@ function Choice(props) {
 										get placeholder() {
 											return props.placeholder;
 										},
+										get inputMode() {
+											return props.inputMode;
+										},
 										onCompositionStart: () => {
 											composing = true;
 										},
@@ -318,7 +323,14 @@ function Choice(props) {
 												event.stopPropagation();
 											}
 										},
-										onBlur: () => {
+										onBlur: (event) => {
+											if (props.commitDraft) {
+												consumedOnBlur = event.currentTarget.value;
+												const next = blocked() ? null : props.commitDraft(consumedOnBlur);
+												if (next !== null && next !== value()) setValue(next);
+												restoreInput(label());
+												return;
+											}
 											if (value()) restoreInput(label());
 										}
 									});
@@ -339,7 +351,7 @@ function Choice(props) {
 									return props.required;
 								},
 								get children() {
-									return props.searchable ? "⌄" : ssr(_tmpl$5, ssrHydrationKey(), escape(label() || props.placeholder || messages().open));
+									return props.searchable ? props.triggerContent ? props.triggerContent() : "⌄" : ssr(_tmpl$5, ssrHydrationKey(), escape(label() || props.placeholder || messages().open));
 								}
 							}),
 							createComponent(Show, {
@@ -440,4 +452,4 @@ function Choice(props) {
 //#endregion
 export { Choice as t };
 
-//# sourceMappingURL=choice-DoXiK8nc.js.map
+//# sourceMappingURL=choice-DPmk9AHn.js.map

package/dist/assets/choice-DPmk9AHn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-DPmk9AHn.js","names":["Combobox","C","createListCollection","Select","S","Portal","createEffect","createMemo","createSignal","createUniqueId","For","onCleanup","onMount","Show","untrack","JSX","createVirtualizer","defaultRangeExtractor","Range","choiceMessages","choiceWarningsEnabled","validateOptions","ChoiceOption","ComboboxProps","ChoiceInternals","searchable","matchItem","item","query","commitDraft","text","triggerContent","Element","rootClass","invalid","autoHighlight","centerSelected","inputMode","HTMLAttributes","HTMLInputElement","onFormReset","Choice","props","id","internal","setInternal","defaultValue","value","label","items","find","selectedOption","draft","setDraft","defaultInputValue","inputValue","open","setOpen","highlight","setHighlight","visible","HTMLButtonElement","validation","scroll","setScroll","HTMLDivElement","portalMount","setPortalMount","HTMLElement","closest","ownerDocument","body","composing","consumedOnBlur","pendingRestore","from","to","resolveLabel","blocked","disabled","readOnly","messages","setInput","next","undefined","onInputValueChange","restoreInput","current","setValue","onValueChange","some","console","warn","JSON","stringify","previousSelection","associatedForm","form","getElementById","HTMLFormElement","reset","event","Event","setTimeout","defaultPrevented","resetValue","resetLabel","addEventListener","removeEventListener","filterMode","filter","toLocaleLowerCase","includes","collection","itemToString","itemToValue","isItemDisabled","virtual","virtualization","height","configured","itemHeight","Number","isFinite","Math","max","activeIndex","findIndex","virtualizer","count","length","getScrollElement","estimateSize","overscan","enabled","initialRect","width","rangeExtractor","active","range","indexes","push","sort","a","b","opened","scrollToIndex","align","content","frame","requestAnimationFrame","selected","querySelector","list","getBoundingClientRect","row","scrollTop","top","clientHeight","cancelAnimationFrame","Parts","rows","result","getVirtualItems","map","index","start","_","status","loading","error","empty","rootProps","onOpenChange","details","onHighlightChange","highlightedValue","scrollToIndexFn","positioning","placement","const","sameWidth","gutter","strategy","matches","hideWhenDetached","inputProps","reason","stale","activeElement","selectionBehavior","inputBehavior","_$createComponent","Root","_$mergeProps","class","_$memo","data-label-placement","labelPlacement","data-has-value","children","when","Label","onClick","focus","Control","Input","aria-label","aria-labelledby","aria-describedby","aria-required","required","placeholder","onCompositionStart","onCompositionEnd","onKeyDown","key","preventDefault","stopPropagation","onBlur","currentTarget","Trigger","_$ssr","_tmpl$5","_$ssrHydrationKey","_$escape","clearable","_tmpl$","_$ssrAttribute","clear","_tmpl$2","_$ssrStyleProperty","name","_tmpl$4","onRetry","_tmpl$3","retry","mount","Positioner","Content","style","overflow","_tmpl$6","_$ssrStyle","getTotalSize","position","each","Item","aria-posinset","aria-setsize","left","transform","ItemText","description","_tmpl$7"],"sources":["../../src/internal/choice.tsx"],"sourcesContent":["import { Combobox as C, createListCollection } from \"@ark-ui/solid/combobox\";\nimport { Select as S } from \"@ark-ui/solid/select\";\nimport { Portal } from \"solid-js/web\";\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  onCleanup,\n  onMount,\n  Show,\n  untrack,\n  type JSX,\n} from \"solid-js\";\nimport {\n  createVirtualizer,\n  defaultRangeExtractor,\n  type Range,\n} from \"@tanstack/solid-virtual\";\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.\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?: () => JSX.Element;\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?: JSX.HTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /** Called before a native form reset restores the value. */\n  onFormReset?: () => void;\n}\n\nexport function Choice(props: ComboboxProps & ChoiceInternals) {\n  const id = createUniqueId();\n  const [internal, setInternal] = createSignal(props.defaultValue ?? \"\");\n  const value = () => props.value ?? internal();\n  const label = createMemo(\n    () =>\n      props.items.find((item) => item.value === value())?.label ??\n      (props.selectedOption?.value === value()\n        ? props.selectedOption.label\n        : value()),\n  );\n  const [draft, setDraft] = createSignal(props.defaultInputValue ?? label());\n  const inputValue = () => props.inputValue ?? draft();\n  const [open, setOpen] = createSignal(false),\n    [highlight, setHighlight] = createSignal<string | null>(null);\n  let visible: HTMLInputElement | HTMLButtonElement | undefined,\n    validation: HTMLInputElement | undefined;\n  const [scroll, setScroll] = createSignal<HTMLDivElement | null>(null);\n  const [portalMount, setPortalMount] = createSignal<HTMLElement>();\n  onMount(() => {\n    // Preserve the enclosing modal's isolation boundary for nested options.\n    if (visible)\n      setPortalMount(\n        visible.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          visible.ownerDocument.body,\n      );\n  });\n  let composing = false;\n  let consumedOnBlur: string | null = null;\n  let pendingRestore: { 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 blocked = () => props.disabled || props.readOnly;\n  const messages = () => ({ ...choiceMessages, ...props.messages });\n  const setInput = (next: string) => {\n    if (pendingRestore?.from === inputValue() && pendingRestore.to === next)\n      return;\n    pendingRestore = null;\n    if (props.inputValue === undefined) setDraft(next);\n    props.onInputValueChange?.(next);\n  };\n  const restoreInput = (next: string) => {\n    const current = inputValue();\n    if (next === current) return;\n    if (pendingRestore?.from === current && pendingRestore.to === next) return;\n    pendingRestore = { from: current, to: next };\n    if (props.inputValue === undefined) setDraft(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  createEffect(() => {\n    validateOptions(props.items);\n  });\n  createEffect(() => {\n    if (\n      choiceWarningsEnabled() &&\n      value() &&\n      !props.items.some((item) => item.value === value()) &&\n      props.selectedOption?.value !== value()\n    )\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  });\n  let previousSelection = { value: value(), label: label() };\n  createEffect(() => {\n    const current = { value: value(), label: label() };\n    if (\n      previousSelection.value !== current.value ||\n      previousSelection.label !== current.label\n    ) {\n      previousSelection = current;\n      untrack(() => restoreInput(current.label));\n    }\n  });\n  createEffect(() => {\n    const associatedForm = props.form;\n    const form = associatedForm\n      ? (validation?.ownerDocument.getElementById(\n          associatedForm,\n        ) as HTMLFormElement | null)\n      : validation?.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 = { value: resetValue, label: resetLabel };\n        if (props.value === undefined) setInternal(resetValue);\n        restoreInput(props.defaultInputValue ?? resetLabel);\n        setOpen(false);\n        if (visible instanceof HTMLInputElement) visible.value = inputValue();\n        if (validation) validation.value = value();\n      });\n    form.addEventListener(\"reset\", reset);\n    onCleanup(() => form.removeEventListener(\"reset\", reset));\n  });\n  const items = createMemo(() =>\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  );\n  const collection = createMemo(() =>\n    createListCollection({\n      items: items(),\n      itemToString: (item) => item.label,\n      itemToValue: (item) => item.value,\n      isItemDisabled: (item) => !!item.disabled,\n    }),\n  );\n  const virtual = () => !!props.virtualization;\n  const height = () => {\n    const configured = props.virtualization\n      ? props.virtualization.itemHeight\n      : undefined;\n    return Number.isFinite(configured) ? Math.max(40, configured!) : 40;\n  };\n  const activeIndex = () =>\n    items().findIndex((item) => item.value === highlight());\n  const virtualizer = createVirtualizer<HTMLDivElement, HTMLDivElement>({\n    get count() {\n      return items().length;\n    },\n    getScrollElement: scroll,\n    estimateSize: height,\n    get overscan() {\n      return props.virtualization ? (props.virtualization.overscan ?? 5) : 5;\n    },\n    get enabled() {\n      return virtual() && open();\n    },\n    initialRect: { width: 0, height: 320 },\n    get rangeExtractor() {\n      const active = activeIndex();\n      return (range: Range) => {\n        const indexes = defaultRangeExtractor(range);\n        if (active >= 0 && !indexes.includes(active)) indexes.push(active);\n        return indexes.sort((a, b) => a - b);\n      };\n    },\n  });\n  createEffect(() => {\n    items();\n    const opened = open();\n    setHighlight(null);\n    if (virtual() && opened)\n      virtualizer.scrollToIndex(\n        Math.max(\n          0,\n          items().findIndex((item) => item.value === value()),\n        ),\n        { align: props.centerSelected ? \"center\" : \"auto\" },\n      );\n  });\n  createEffect(() => {\n    const content = scroll();\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 selected = content.querySelector<HTMLElement>(\n        '[data-part=\"item\"][data-state=\"checked\"]',\n      );\n      if (!selected) return;\n      const list = content.getBoundingClientRect(),\n        row = selected.getBoundingClientRect();\n      content.scrollTop +=\n        row.top - list.top - (content.clientHeight - row.height) / 2;\n    });\n    onCleanup(() => cancelAnimationFrame(frame));\n  });\n  const Parts = props.searchable ? C : S;\n  const rows = createMemo(() => {\n    const result = virtual()\n      ? virtualizer\n          .getVirtualItems()\n          .map((row) => ({ index: row.index, start: row.start }))\n      : items().map((_, index) => ({ index, start: 0 }));\n    const active = activeIndex();\n    if (virtual() && active >= 0 && !result.some((row) => row.index === active))\n      result.push({ index: active, start: active * height() });\n    return result;\n  });\n  const status = () =>\n    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    get collection() {\n      return collection();\n    },\n    get value() {\n      return value() ? [value()] : [];\n    },\n    get open() {\n      return open() && !blocked();\n    },\n    get disabled() {\n      return props.disabled;\n    },\n    get readOnly() {\n      return props.readOnly;\n    },\n    get invalid() {\n      return props.invalid;\n    },\n    onOpenChange: (details: { open: boolean }) => {\n      if (!blocked()) setOpen(details.open);\n    },\n    onValueChange: (details: { value: string[] }) => {\n      if (blocked() || composing) 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    get scrollToIndexFn() {\n      return virtual()\n        ? ({ index }: { index: number }) =>\n            virtualizer.scrollToIndex(index, { align: \"auto\" })\n        : undefined;\n    },\n    get positioning() {\n      return {\n        placement: \"bottom-start\" as const,\n        sameWidth: true,\n        gutter: 4,\n        strategy: portalMount()?.matches(\n          '[role=\"dialog\"], [role=\"alertdialog\"]',\n        )\n          ? (\"fixed\" as const)\n          : (\"absolute\" as const),\n        hideWhenDetached: !!portalMount()?.matches(\n          '[role=\"dialog\"], [role=\"alertdialog\"]',\n        ),\n      };\n    },\n  };\n  const inputProps = props.searchable\n    ? {\n        get inputValue() {\n          return inputValue();\n        },\n        onInputValueChange: (details: {\n          inputValue: string;\n          reason?: string | undefined;\n        }) => {\n          // Ark reports a keystroke after the blur that already committed it.\n          const stale =\n            consumedOnBlur === details.inputValue &&\n            details.reason === \"input-change\" &&\n            visible?.ownerDocument.activeElement !== visible;\n          consumedOnBlur = 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 ?? id}\n      class={props.rootClass ? `dds-choice ${props.rootClass}` : \"dds-choice\"}\n      data-label-placement={props.labelPlacement ?? \"outside\"}\n      data-has-value={value() || inputValue() ? \"\" : undefined}\n    >\n      <Show when={props.label}>\n        <Parts.Label class=\"dds-choice-label\" onClick={() => visible?.focus()}>\n          {props.label}\n        </Parts.Label>\n      </Show>\n      <Parts.Control class=\"dds-choice-control\">\n        <Show when={props.searchable}>\n          <C.Input\n            ref={(node) => {\n              visible = node;\n            }}\n            class=\"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 = true;\n            }}\n            onCompositionEnd={() => {\n              composing = false;\n            }}\n            onKeyDown={(event) => {\n              if (composing && 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 = event.currentTarget.value;\n                const next = blocked()\n                  ? null\n                  : props.commitDraft(consumedOnBlur);\n                if (next !== null && next !== value()) setValue(next);\n                restoreInput(label());\n                return;\n              }\n              if (value()) restoreInput(label());\n            }}\n          />\n        </Show>\n        <Parts.Trigger\n          ref={(node) => {\n            if (!props.searchable) visible = node;\n          }}\n          class=\"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              props.triggerContent()\n            ) : (\n              \"⌄\"\n            )\n          ) : (\n            <span class=\"dds-choice-value\">\n              {label() || props.placeholder || messages().open}\n            </span>\n          )}\n        </Parts.Trigger>\n        <Show when={props.clearable && !blocked() && (value() || inputValue())}>\n          <button\n            class=\"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              visible?.focus();\n            }}\n          >\n            ×\n          </button>\n        </Show>\n      </Parts.Control>\n      <input\n        ref={validation}\n        class=\"dds-choice-validation\"\n        style={{\n          position: \"absolute\",\n          width: \"1px\",\n          height: \"1px\",\n          padding: \"0\",\n          border: \"0\",\n          \"clip-path\": \"inset(50%)\",\n          overflow: \"hidden\",\n          \"white-space\": \"nowrap\",\n        }}\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        onInput={(event) => {\n          event.currentTarget.value = value();\n        }}\n        onInvalid={(event) => {\n          event.preventDefault();\n          visible?.focus();\n        }}\n      />\n      <div class=\"dds-choice-status\" role=\"status\" aria-live=\"polite\">\n        {status()}\n        <Show when={props.error && props.onRetry}>\n          <button\n            class=\"dds-choice-retry\"\n            type=\"button\"\n            onClick={() => props.onRetry?.()}\n          >\n            {messages().retry}\n          </button>\n        </Show>\n      </div>\n      <Show when={portalMount()}>\n        {(mount) => (\n          <Portal mount={mount()}>\n            <Parts.Positioner class=\"dds-choice-positioner\">\n              <Parts.Content\n                ref={setScroll}\n                class=\"dds-choice-content\"\n                style={{\n                  \"max-height\": \"min(320px, var(--available-height, 320px))\",\n                  overflow: \"auto\",\n                }}\n              >\n                <div\n                  style={\n                    virtual()\n                      ? {\n                          height: `${virtualizer.getTotalSize()}px`,\n                          position: \"relative\",\n                        }\n                      : undefined\n                  }\n                >\n                  <For each={rows()}>\n                    {(row) => {\n                      const item = () => items()[row.index]!;\n                      return (\n                        <Parts.Item\n                          item={item()}\n                          class=\"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: `${height()}px`,\n                                  transform: `translateY(${row.start}px)`,\n                                }\n                              : undefined\n                          }\n                        >\n                          <Parts.ItemText>{item().label}</Parts.ItemText>\n                          <Show when={item().description}>\n                            <span class=\"dds-choice-description\">\n                              {item().description}\n                            </span>\n                          </Show>\n                        </Parts.Item>\n                      );\n                    }}\n                  </For>\n                </div>\n              </Parts.Content>\n            </Parts.Positioner>\n          </Portal>\n        )}\n      </Show>\n    </Parts.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/assets/choice-types-h4YVL8xH.js

@@ -0,0 +1,24 @@
+//#region src/choice-types.ts
+function validateOptions(items) {
+	const ids = /* @__PURE__ */ new Set();
+	for (const item of items) {
+		if (!item.value || ids.has(item.value)) throw new Error(`DDS choice: option IDs must be nonempty and unique (${JSON.stringify(item.value)})`);
+		ids.add(item.value);
+	}
+}
+var choiceMessages = {
+	open: "선택 열기",
+	clear: "선택 지우기",
+	loading: "불러오는 중",
+	empty: "결과 없음",
+	error: "불러오지 못했습니다",
+	retry: "다시 시도"
+};
+/** Read the consumer environment at runtime, rather than the library build mode. */
+function choiceWarningsEnabled() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+//#endregion
+export { choiceWarningsEnabled as n, validateOptions as r, choiceMessages as t };
+
+//# sourceMappingURL=choice-types-h4YVL8xH.js.map

package/dist/assets/choice-types-h4YVL8xH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-types-h4YVL8xH.js","names":[],"sources":["../../src/choice-types.ts"],"sourcesContent":["export interface ChoiceOption {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\nexport interface ChoiceMessages {\n  open?: string;\n  clear?: string;\n  loading?: string;\n  empty?: string;\n  error?: string;\n  retry?: string;\n}\nexport type ChoiceVirtualization =\n  | false\n  | { itemHeight?: number; overscan?: number };\nexport interface ChoiceProps {\n  items: ChoiceOption[];\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  selectedOption?: ChoiceOption;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  form?: string;\n  id?: string;\n  label?: string;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  messages?: ChoiceMessages;\n  virtualization?: ChoiceVirtualization;\n}\nexport interface ComboboxProps extends ChoiceProps {\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  filterMode?: \"local\" | \"external\";\n  loading?: boolean;\n  error?: string | boolean;\n  onRetry?: () => void;\n}\nexport interface SelectPickerProps extends ChoiceProps {}\n\nexport function validateOptions(items: ChoiceOption[]) {\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (!item.value || ids.has(item.value))\n      throw new Error(\n        `DDS choice: option IDs must be nonempty and unique (${JSON.stringify(item.value)})`,\n      );\n    ids.add(item.value);\n  }\n}\nexport const choiceMessages: Required<ChoiceMessages> = {\n  open: \"선택 열기\",\n  clear: \"선택 지우기\",\n  loading: \"불러오는 중\",\n  empty: \"결과 없음\",\n  error: \"불러오지 못했습니다\",\n  retry: \"다시 시도\",\n};\n\n/** Read the consumer environment at runtime, rather than the library build mode. */\nexport function choiceWarningsEnabled() {\n  return (\n    (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n      ?.NODE_ENV !== \"production\"\n  );\n}\n"],"mappings":";AAkDA,SAAgB,gBAAgB,OAAuB;CACrD,MAAM,sBAAM,IAAI,IAAY;CAC5B,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,GACnC,MAAM,IAAI,MACR,uDAAuD,KAAK,UAAU,KAAK,KAAK,EAAE,EACpF;EACF,IAAI,IAAI,KAAK,KAAK;CACpB;AACF;AACA,IAAa,iBAA2C;CACtD,MAAM;CACN,OAAO;CACP,SAAS;CACT,OAAO;CACP,OAAO;CACP,OAAO;AACT;;AAGA,SAAgB,wBAAwB;CACtC,OACG,WAA6D,SAAS,KACnE,aAAa;AAErB"}

package/dist/assets/date-only-0Ldsjp43.js

@@ -0,0 +1,174 @@
+//#region src/date-only.ts
+function isCalendarDate(value) {
+	if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) return false;
+	const year = Number(value.slice(0, 4)), month = Number(value.slice(5, 7)), day = Number(value.slice(8, 10));
+	if (year < 1 || month < 1 || month > 12 || day < 1) return false;
+	return day <= [
+		31,
+		year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0) ? 29 : 28,
+		31,
+		30,
+		31,
+		30,
+		31,
+		31,
+		30,
+		31,
+		30,
+		31
+	][month - 1];
+}
+function isKorean(locale) {
+	return /^ko(?:-|$)/i.test(locale);
+}
+function displayDate(value, locale) {
+	return isKorean(locale) && isCalendarDate(value) ? value.replaceAll("-", "/") : value;
+}
+function canonicalInput(inputValue, locale) {
+	return isKorean(locale) && /^\d{4}\/\d{2}\/\d{2}$/.test(inputValue) ? inputValue.replaceAll("/", "-") : inputValue;
+}
+function validateInput(inputValue, required, min, max, locale = "en-US") {
+	const canonical = canonicalInput(inputValue, locale);
+	const incomplete = inputValue.length < 10 && (/^\d{0,4}(?:-\d{0,2}(?:-\d{0,2})?)?$/.test(inputValue) || isKorean(locale) && /^\d{0,4}(?:\/\d{0,2}(?:\/\d{0,2})?)?$/.test(inputValue));
+	let reason = "valid";
+	if (inputValue === "") reason = required ? "required" : "valid";
+	else if (!isCalendarDate(canonical)) reason = incomplete ? "incomplete" : "invalid";
+	else if (min && !isCalendarDate(min) || max && !isCalendarDate(max) || min && max && min > max) reason = "invalid";
+	else if (min && canonical < min) reason = "rangeUnderflow";
+	else if (max && canonical > max) reason = "rangeOverflow";
+	return {
+		inputValue,
+		value: reason === "valid" ? canonical : null,
+		valid: reason === "valid",
+		reason
+	};
+}
+function dateMessages(locale, messages = {}) {
+	const ko = isKorean(locale);
+	return {
+		previousMonth: ko ? "이전 달" : "Previous month",
+		nextMonth: ko ? "다음 달" : "Next month",
+		previousYear: ko ? "이전 해" : "Previous year",
+		nextYear: ko ? "다음 해" : "Next year",
+		today: ko ? "오늘" : "Today",
+		thisMonth: ko ? "이번 달" : "This month",
+		clear: ko ? "선택 날짜 지우기" : "Clear selected date",
+		openCalendar: ko ? "달력 열기" : "Open calendar",
+		selectDate: (text) => ko ? `${text} 선택` : `Choose ${text}`,
+		required: ko ? "날짜를 입력해 주세요." : "Enter a date.",
+		invalid: ko ? "YYYY/MM/DD 형식의 유효한 범위 내 날짜를 입력해 주세요." : "Enter a valid date within the allowed range (YYYY-MM-DD).",
+		...messages
+	};
+}
+/** Today is the sole timestamp boundary; stored dates remain Gregorian date-only strings. */
+function todayDate(timeZone) {
+	const parts = new Intl.DateTimeFormat("en-US-u-ca-gregory-nu-latn", {
+		timeZone,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	}).formatToParts(/* @__PURE__ */ new Date());
+	const part = (type) => parts.find((item) => item.type === type).value;
+	return `${part("year").padStart(4, "0")}-${part("month")}-${part("day")}`;
+}
+function rangeMessages(locale, messages = {}) {
+	const ko = isKorean(locale);
+	return {
+		...dateMessages(locale),
+		clear: ko ? "선택 기간 지우기" : "Clear selected period",
+		startLabel: ko ? "시작일" : "Start date",
+		endLabel: ko ? "종료일" : "End date",
+		chooseRange: ko ? "기간 선택" : "Choose a period",
+		presets: ko ? "빠른 기간 선택" : "Quick periods",
+		required: ko ? "시작일과 종료일을 입력해 주세요." : "Enter a start date and an end date.",
+		order: ko ? "종료일은 시작일과 같거나 그 이후여야 합니다." : "The end date must be on or after the start date.",
+		...messages
+	};
+}
+/** Each side follows DatePicker's rules; a typed end before the start is invalid, never swapped. */
+function validateRange(startText, endText, required, min, max, locale = "en-US") {
+	const start = validateInput(startText, required, min, max, locale), end = validateInput(endText, required, min, max, locale);
+	let reason = !start.valid ? start.reason : !end.valid ? end.reason : "valid";
+	if (reason === "valid" && start.value && end.value && start.value > end.value) reason = "order";
+	return {
+		start,
+		end,
+		value: reason === "valid" ? {
+			start: start.value,
+			end: end.value
+		} : null,
+		valid: reason === "valid",
+		reason
+	};
+}
+function isCalendarMonth(value) {
+	if (!/^\d{4}-\d{2}$/.test(value)) return false;
+	const year = Number(value.slice(0, 4)), month = Number(value.slice(5, 7));
+	return year >= 1 && month >= 1 && month <= 12;
+}
+function displayMonth(value, locale) {
+	return isKorean(locale) && isCalendarMonth(value) ? value.replace("-", "/") : value;
+}
+/** Accepts YYYY-MM, YYYY/MM, YYYY.MM and YYYYMM; other text is returned unchanged. */
+function canonicalMonth(inputValue) {
+	const match = /^(\d{4})[-/.](\d{2})$/.exec(inputValue) ?? /^(\d{4})(\d{2})$/.exec(inputValue);
+	return match ? `${match[1]}-${match[2]}` : inputValue;
+}
+function validateMonth(inputValue, required, min, max) {
+	const canonical = canonicalMonth(inputValue);
+	const incomplete = /^\d{0,5}$/.test(inputValue) || /^\d{4}[-/.]\d?$/.test(inputValue);
+	let reason = "valid";
+	if (inputValue === "") reason = required ? "required" : "valid";
+	else if (!isCalendarMonth(canonical)) reason = incomplete ? "incomplete" : "invalid";
+	else if (min && !isCalendarMonth(min) || max && !isCalendarMonth(max) || min && max && min > max) reason = "invalid";
+	else if (min && canonical < min) reason = "rangeUnderflow";
+	else if (max && canonical > max) reason = "rangeOverflow";
+	return {
+		inputValue,
+		value: reason === "valid" ? canonical : null,
+		valid: reason === "valid",
+		reason
+	};
+}
+/** Month bounds widened to whole days, so any day inside an allowed month stays selectable. */
+function monthBounds(min, max) {
+	const last = (month) => {
+		const year = Number(month.slice(0, 4)), index = Number(month.slice(5, 7));
+		return [
+			31,
+			year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0) ? 29 : 28,
+			31,
+			30,
+			31,
+			30,
+			31,
+			31,
+			30,
+			31,
+			30,
+			31
+		][index - 1];
+	};
+	return {
+		min: min && isCalendarMonth(min) ? `${min}-01` : void 0,
+		max: max && isCalendarMonth(max) ? `${max}-${last(max)}` : void 0
+	};
+}
+function monthMessages(locale, messages = {}) {
+	const ko = isKorean(locale);
+	return {
+		previousYear: ko ? "이전 해" : "Previous year",
+		nextYear: ko ? "다음 해" : "Next year",
+		thisMonth: ko ? "이번 달" : "This month",
+		clear: ko ? "선택 월 지우기" : "Clear selected month",
+		openCalendar: ko ? "달력 열기" : "Open calendar",
+		chooseMonth: ko ? "월 선택" : "Choose a month",
+		required: ko ? "월을 입력해 주세요." : "Enter a month.",
+		invalid: ko ? "YYYY/MM 형식의 유효한 범위 내 월을 입력해 주세요." : "Enter a valid month within the allowed range (YYYY-MM).",
+		...messages
+	};
+}
+//#endregion
+export { displayMonth as a, isKorean as c, rangeMessages as d, todayDate as f, validateRange as h, displayDate as i, monthBounds as l, validateMonth as m, canonicalMonth as n, isCalendarDate as o, validateInput as p, dateMessages as r, isCalendarMonth as s, canonicalInput as t, monthMessages as u };
+
+//# sourceMappingURL=date-only-0Ldsjp43.js.map

package/dist/assets/date-only-0Ldsjp43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-only-0Ldsjp43.js","names":[],"sources":["../../src/date-only.ts"],"sourcesContent":["export interface DatePickerValidity {\n  /** Exact displayed draft; never persist this display text as an API date. */\n  inputValue: string;\n  /** Valid ISO date, optional empty string, or null when invalid/incomplete. */\n  value: string | null;\n  valid: boolean;\n  reason:\n    | \"valid\"\n    | \"required\"\n    | \"incomplete\"\n    | \"invalid\"\n    | \"rangeUnderflow\"\n    | \"rangeOverflow\";\n}\n// Date-only Gregorian validation: never let a permissive parser repair user text.\nexport function isCalendarDate(value: string) {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) return false;\n  const year = Number(value.slice(0, 4)),\n    month = Number(value.slice(5, 7)),\n    day = Number(value.slice(8, 10));\n  if (year < 1 || month < 1 || month > 12 || day < 1) return false;\n  const leap = year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);\n  return (\n    day <=\n    [31, leap ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1]!\n  );\n}\nexport function isKorean(locale: string) {\n  return /^ko(?:-|$)/i.test(locale);\n}\nexport function displayDate(value: string, locale: string) {\n  return isKorean(locale) && isCalendarDate(value)\n    ? value.replaceAll(\"-\", \"/\")\n    : value;\n}\nexport function canonicalInput(inputValue: string, locale: string) {\n  return isKorean(locale) && /^\\d{4}\\/\\d{2}\\/\\d{2}$/.test(inputValue)\n    ? inputValue.replaceAll(\"/\", \"-\")\n    : inputValue;\n}\nexport function validateInput(\n  inputValue: string,\n  required: boolean,\n  min?: string,\n  max?: string,\n  locale = \"en-US\",\n): DatePickerValidity {\n  const canonical = canonicalInput(inputValue, locale);\n  const incomplete =\n    inputValue.length < 10 &&\n    (/^\\d{0,4}(?:-\\d{0,2}(?:-\\d{0,2})?)?$/.test(inputValue) ||\n      (isKorean(locale) &&\n        /^\\d{0,4}(?:\\/\\d{0,2}(?:\\/\\d{0,2})?)?$/.test(inputValue)));\n  let reason: DatePickerValidity[\"reason\"] = \"valid\";\n  if (inputValue === \"\") reason = required ? \"required\" : \"valid\";\n  else if (!isCalendarDate(canonical))\n    reason = incomplete ? \"incomplete\" : \"invalid\";\n  else if (\n    (min && !isCalendarDate(min)) ||\n    (max && !isCalendarDate(max)) ||\n    (min && max && min > max)\n  )\n    reason = \"invalid\";\n  else if (min && canonical < min) reason = \"rangeUnderflow\";\n  else if (max && canonical > max) reason = \"rangeOverflow\";\n  return {\n    inputValue,\n    value: reason === \"valid\" ? canonical : null,\n    valid: reason === \"valid\",\n    reason,\n  };\n}\n\nexport interface CalendarMessages {\n  previousMonth?: string;\n  nextMonth?: string;\n  /** Month-grid header controls (MonthPicker). */\n  previousYear?: string;\n  nextYear?: string;\n  today?: string;\n  /** Footer action of the month grid (MonthPicker). */\n  thisMonth?: string;\n  clear?: string;\n  openCalendar?: string;\n  selectDate?: (dateText: string) => string;\n  required?: string;\n  invalid?: string;\n}\nexport function dateMessages(locale: string, messages: CalendarMessages = {}) {\n  const ko = isKorean(locale);\n  return {\n    previousMonth: ko ? \"이전 달\" : \"Previous month\",\n    nextMonth: ko ? \"다음 달\" : \"Next month\",\n    previousYear: ko ? \"이전 해\" : \"Previous year\",\n    nextYear: ko ? \"다음 해\" : \"Next year\",\n    today: ko ? \"오늘\" : \"Today\",\n    thisMonth: ko ? \"이번 달\" : \"This month\",\n    clear: ko ? \"선택 날짜 지우기\" : \"Clear selected date\",\n    openCalendar: ko ? \"달력 열기\" : \"Open calendar\",\n    selectDate: (text: string) => (ko ? `${text} 선택` : `Choose ${text}`),\n    required: ko ? \"날짜를 입력해 주세요.\" : \"Enter a date.\",\n    invalid: ko\n      ? \"YYYY/MM/DD 형식의 유효한 범위 내 날짜를 입력해 주세요.\"\n      : \"Enter a valid date within the allowed range (YYYY-MM-DD).\",\n    ...messages,\n  };\n}\n\n/** Today is the sole timestamp boundary; stored dates remain Gregorian date-only strings. */\nexport function todayDate(timeZone: string) {\n  const parts = new Intl.DateTimeFormat(\"en-US-u-ca-gregory-nu-latn\", {\n    timeZone,\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n  }).formatToParts(new Date());\n  const part = (type: string) =>\n    parts.find((item) => item.type === type)!.value;\n  return `${part(\"year\").padStart(4, \"0\")}-${part(\"month\")}-${part(\"day\")}`;\n}\n\n/* ── Date ranges ─────────────────────────────────────────────────────────── */\n\n/** A period of two date-only values; either side may be \"\" (not chosen). */\nexport interface DateRange {\n  start: string;\n  end: string;\n}\n\nexport interface DateRangeMessages extends CalendarMessages {\n  /** Accessible name of the first input. */\n  startLabel?: string;\n  /** Accessible name of the second input. */\n  endLabel?: string;\n  /** Accessible name of the calendar popup. */\n  chooseRange?: string;\n  /** Shown when both dates are typed but the end is before the start. */\n  order?: string;\n  /** Accessible name of the preset button group. */\n  presets?: string;\n}\n\nexport function rangeMessages(locale: string, messages: DateRangeMessages = {}) {\n  const ko = isKorean(locale);\n  return {\n    ...dateMessages(locale),\n    clear: ko ? \"선택 기간 지우기\" : \"Clear selected period\",\n    startLabel: ko ? \"시작일\" : \"Start date\",\n    endLabel: ko ? \"종료일\" : \"End date\",\n    chooseRange: ko ? \"기간 선택\" : \"Choose a period\",\n    presets: ko ? \"빠른 기간 선택\" : \"Quick periods\",\n    required: ko\n      ? \"시작일과 종료일을 입력해 주세요.\"\n      : \"Enter a start date and an end date.\",\n    order: ko\n      ? \"종료일은 시작일과 같거나 그 이후여야 합니다.\"\n      : \"The end date must be on or after the start date.\",\n    ...messages,\n  };\n}\n\nexport interface DateRangeValidity {\n  start: DatePickerValidity;\n  end: DatePickerValidity;\n  /** Canonical range, or null while either side is invalid/incomplete or out of order. */\n  value: DateRange | null;\n  valid: boolean;\n  reason: DatePickerValidity[\"reason\"] | \"order\";\n}\n\n/** Each side follows DatePicker's rules; a typed end before the start is invalid, never swapped. */\nexport function validateRange(\n  startText: string,\n  endText: string,\n  required: boolean,\n  min?: string,\n  max?: string,\n  locale = \"en-US\",\n): DateRangeValidity {\n  const start = validateInput(startText, required, min, max, locale),\n    end = validateInput(endText, required, min, max, locale);\n  let reason: DateRangeValidity[\"reason\"] = !start.valid\n    ? start.reason\n    : !end.valid\n      ? end.reason\n      : \"valid\";\n  if (reason === \"valid\" && start.value && end.value && start.value > end.value)\n    reason = \"order\";\n  return {\n    start,\n    end,\n    value:\n      reason === \"valid\" ? { start: start.value!, end: end.value! } : null,\n    valid: reason === \"valid\",\n    reason,\n  };\n}\n\n/* ── Months ──────────────────────────────────────────────────────────────── */\n\nexport function isCalendarMonth(value: string) {\n  if (!/^\\d{4}-\\d{2}$/.test(value)) return false;\n  const year = Number(value.slice(0, 4)),\n    month = Number(value.slice(5, 7));\n  return year >= 1 && month >= 1 && month <= 12;\n}\n\nexport function displayMonth(value: string, locale: string) {\n  return isKorean(locale) && isCalendarMonth(value)\n    ? value.replace(\"-\", \"/\")\n    : value;\n}\n\n/** Accepts YYYY-MM, YYYY/MM, YYYY.MM and YYYYMM; other text is returned unchanged. */\nexport function canonicalMonth(inputValue: string) {\n  const match =\n    /^(\\d{4})[-/.](\\d{2})$/.exec(inputValue) ?? /^(\\d{4})(\\d{2})$/.exec(inputValue);\n  return match ? `${match[1]}-${match[2]}` : inputValue;\n}\n\nexport interface MonthPickerValidity {\n  /** Exact displayed draft; never persist this display text as an API month. */\n  inputValue: string;\n  /** Valid YYYY-MM, optional empty string, or null when invalid/incomplete. */\n  value: string | null;\n  valid: boolean;\n  reason: DatePickerValidity[\"reason\"];\n}\n\nexport function validateMonth(\n  inputValue: string,\n  required: boolean,\n  min?: string,\n  max?: string,\n): MonthPickerValidity {\n  const canonical = canonicalMonth(inputValue);\n  const incomplete = /^\\d{0,5}$/.test(inputValue) || /^\\d{4}[-/.]\\d?$/.test(inputValue);\n  let reason: MonthPickerValidity[\"reason\"] = \"valid\";\n  if (inputValue === \"\") reason = required ? \"required\" : \"valid\";\n  else if (!isCalendarMonth(canonical))\n    reason = incomplete ? \"incomplete\" : \"invalid\";\n  else if (\n    (min && !isCalendarMonth(min)) ||\n    (max && !isCalendarMonth(max)) ||\n    (min && max && min > max)\n  )\n    reason = \"invalid\";\n  else if (min && canonical < min) reason = \"rangeUnderflow\";\n  else if (max && canonical > max) reason = \"rangeOverflow\";\n  return {\n    inputValue,\n    value: reason === \"valid\" ? canonical : null,\n    valid: reason === \"valid\",\n    reason,\n  };\n}\n\n/** Month bounds widened to whole days, so any day inside an allowed month stays selectable. */\nexport function monthBounds(min?: string, max?: string) {\n  const last = (month: string) => {\n    const year = Number(month.slice(0, 4)),\n      index = Number(month.slice(5, 7)),\n      leap = year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);\n    return [31, leap ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][index - 1]!;\n  };\n  return {\n    min: min && isCalendarMonth(min) ? `${min}-01` : undefined,\n    max: max && isCalendarMonth(max) ? `${max}-${last(max)}` : undefined,\n  };\n}\n\nexport interface MonthPickerMessages {\n  previousYear?: string;\n  nextYear?: string;\n  thisMonth?: string;\n  clear?: string;\n  openCalendar?: string;\n  /** Accessible name of the month popup. */\n  chooseMonth?: string;\n  required?: string;\n  invalid?: string;\n}\n\nexport function monthMessages(locale: string, messages: MonthPickerMessages = {}) {\n  const ko = isKorean(locale);\n  return {\n    previousYear: ko ? \"이전 해\" : \"Previous year\",\n    nextYear: ko ? \"다음 해\" : \"Next year\",\n    thisMonth: ko ? \"이번 달\" : \"This month\",\n    clear: ko ? \"선택 월 지우기\" : \"Clear selected month\",\n    openCalendar: ko ? \"달력 열기\" : \"Open calendar\",\n    chooseMonth: ko ? \"월 선택\" : \"Choose a month\",\n    required: ko ? \"월을 입력해 주세요.\" : \"Enter a month.\",\n    invalid: ko\n      ? \"YYYY/MM 형식의 유효한 범위 내 월을 입력해 주세요.\"\n      : \"Enter a valid month within the allowed range (YYYY-MM).\",\n    ...messages,\n  };\n}\n"],"mappings":"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"}

package/dist/assets/direction-BpTqmXs-.js

@@ -0,0 +1,24 @@
+import { createSignal, onCleanup, onMount } from "solid-js";
+//#region src/direction.ts
+/** SSR callers may supply direction; clients also inherit their containing DOM. */
+function useDirection(element, explicit) {
+	const [ambient, setAmbient] = createSignal("ltr");
+	onMount(() => {
+		const parent = element()?.parentElement;
+		if (!parent) return;
+		const update = () => setAmbient(getComputedStyle(parent).direction === "rtl" ? "rtl" : "ltr");
+		update();
+		const observer = new MutationObserver(update);
+		observer.observe(parent.ownerDocument.documentElement, {
+			attributes: true,
+			subtree: true,
+			attributeFilter: ["dir"]
+		});
+		onCleanup(() => observer.disconnect());
+	});
+	return () => explicit() ?? ambient();
+}
+//#endregion
+export { useDirection as t };
+
+//# sourceMappingURL=direction-BpTqmXs-.js.map

package/dist/assets/direction-BpTqmXs-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction-BpTqmXs-.js","names":[],"sources":["../../src/direction.ts"],"sourcesContent":["import { createSignal, onCleanup, onMount, type Accessor } from \"solid-js\";\n\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** SSR callers may supply direction; clients also inherit their containing DOM. */\nexport function useDirection(element: () => HTMLElement | undefined, explicit: Accessor<Direction | undefined>) {\n  const [ambient, setAmbient] = createSignal<Direction>(\"ltr\");\n  onMount(() => {\n    const parent = element()?.parentElement;\n    if (!parent) return;\n    const update = () => setAmbient(getComputedStyle(parent).direction === \"rtl\" ? \"rtl\" : \"ltr\");\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(parent.ownerDocument.documentElement, { attributes: true, subtree: true, attributeFilter: [\"dir\"] });\n    onCleanup(() => observer.disconnect());\n  });\n  return () => explicit() ?? ambient();\n}\n"],"mappings":";;;AAKA,SAAgB,aAAa,SAAwC,UAA2C;CAC9G,MAAM,CAAC,SAAS,cAAc,aAAwB,KAAK;CAC3D,cAAc;EACZ,MAAM,SAAS,QAAQ,CAAC,EAAE;EAC1B,IAAI,CAAC,QAAQ;EACb,MAAM,eAAe,WAAW,iBAAiB,MAAM,CAAC,CAAC,cAAc,QAAQ,QAAQ,KAAK;EAC5F,OAAO;EACP,MAAM,WAAW,IAAI,iBAAiB,MAAM;EAC5C,SAAS,QAAQ,OAAO,cAAc,iBAAiB;GAAE,YAAY;GAAM,SAAS;GAAM,iBAAiB,CAAC,KAAK;EAAE,CAAC;EACpH,gBAAgB,SAAS,WAAW,CAAC;CACvC,CAAC;CACD,aAAa,SAAS,KAAK,QAAQ;AACrC"}