@devslab/dds-react 0.24.0 → 0.25.1

package/dist/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../src/time-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,0GAA0G;IAC1G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AA6BD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,eAAe,+BA6CjB"}

package/dist/time-picker.js

@@ -0,0 +1,2 @@
+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.24.0",
+  "version": "0.25.1",
   "description": "Accessible React primitives for the DevsLab Design System",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -70,13 +70,38 @@
       "types": "./dist/date-picker.d.ts",
       "import": "./dist/date-picker.js",
       "default": "./dist/date-picker.js"
+    },
+    "./time-picker": {
+      "types": "./dist/time-picker.d.ts",
+      "import": "./dist/time-picker.js",
+      "default": "./dist/time-picker.js"
+    },
+    "./date-range-picker": {
+      "types": "./dist/date-range-picker.d.ts",
+      "import": "./dist/date-range-picker.js",
+      "default": "./dist/date-range-picker.js"
+    },
+    "./month-picker": {
+      "types": "./dist/month-picker.d.ts",
+      "import": "./dist/month-picker.js",
+      "default": "./dist/month-picker.js"
+    },
+    "./segmented-control": {
+      "types": "./dist/segmented-control.d.ts",
+      "import": "./dist/segmented-control.js",
+      "default": "./dist/segmented-control.js"
+    },
+    "./number-input": {
+      "types": "./dist/number-input.d.ts",
+      "import": "./dist/number-input.js",
+      "default": "./dist/number-input.js"
     }
   },
   "dependencies": {
     "@ark-ui/react": "5.39.3",
-    "@devslab/dds-css": "0.24.0",
-    "@devslab/dds-icons": "0.24.0",
-    "@devslab/dds-tokens": "0.24.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/styles.css

@@ -35,7 +35,37 @@
 .dds-date-picker-table [data-part="table-cell-trigger"][data-selected] {background:var(--dds-color-bg-brand);color:var(--dds-color-text-on-brand);}
 .dds-date-picker-table [data-today]:not([data-selected]) {text-decoration:underline;text-underline-offset:4px;}
 .dds-date-picker-content :focus-visible {outline:2px solid var(--dds-color-text-brand);outline-offset:2px;}
-.dds-date-picker-footer {display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dds-color-border-default);}
+.dds-date-picker-footer {display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dds-color-border-default);}
+
+/* Text box shared by DatePicker, MonthPicker and the DateRangePicker pair: same 40px DDS input look. */
+.dds-date-picker-control > input,.dds-date-range-box {box-sizing:border-box;flex:1;min-inline-size:0;block-size:var(--dds-space-40);border:1px solid var(--dds-color-border-strong);border-radius:var(--dds-radius-md);background:var(--dds-color-bg-default);color:var(--dds-color-text-primary);font-family:inherit;font-size:var(--dds-typo-body-2-font-size);font-variant-numeric:tabular-nums;}
+.dds-date-picker-control > input {padding-inline:var(--dds-space-12);}
+.dds-date-picker-control > input:focus-visible,.dds-date-range-box:focus-within {outline:var(--dds-space-2) solid var(--dds-color-border-focus);outline-offset:0;}
+.dds-date-picker-control > input[aria-invalid="true"],.dds-date-range-box[data-invalid] {border-color:var(--dds-color-status-danger);}
+.dds-date-picker-control > input:disabled,.dds-date-range-box[data-disabled] {opacity:.45;cursor:not-allowed;background:var(--dds-color-bg-subtle);}
+.dds-date-picker-control > input::placeholder,.dds-date-range-input::placeholder {color:var(--dds-color-text-muted);}
+.dds-date-range-box {display:flex;align-items:center;gap:var(--dds-space-8);padding-inline:var(--dds-space-12);}
+.dds-date-range-box[hidden] {display:none;}
+.dds-date-range-input {flex:1;inline-size:100%;min-inline-size:0;block-size:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;outline:none;}
+.dds-date-range-input:disabled {cursor:not-allowed;}
+.dds-date-range-separator {flex:none;color:var(--dds-color-text-secondary);}
+.dds-field__error {font-size:var(--dds-typo-caption-font-size);line-height:var(--dds-typo-caption-line-height);color:var(--dds-color-status-danger);}
+@media (pointer:coarse) {.dds-date-picker-control > input,.dds-date-range-box {min-block-size:44px;}}
+
+/* Range selection: ends filled, days between tinted, hover previews the end being chosen. */
+.dds-date-picker-table [data-part="table-cell-trigger"][data-in-range] {background:var(--dds-color-bg-brand-subtle);color:var(--dds-color-text-primary);border-radius:0;}
+.dds-date-picker-table [data-part="table-cell-trigger"]:is([data-range-start],[data-range-end]) {background:var(--dds-color-bg-brand);color:var(--dds-color-text-on-brand);border-radius:var(--dds-radius-sm);}
+.dds-date-picker-table [data-part="table-cell-trigger"][data-hover-range-end]:not([data-range-start]) {box-shadow:inset 0 0 0 2px var(--dds-color-bg-brand);border-radius:var(--dds-radius-sm);}
+.dds-date-picker-presets {display:flex;flex-wrap:wrap;gap:var(--dds-space-8);flex:1 1 100%;}
+.dds-date-picker-presets[hidden] {display:none;}
+.dds-date-picker-footer > [data-part="clear-trigger"] {margin-inline-start:auto;}
+/* Days and months outside min/max read as unavailable, not as ordinary choices. */
+.dds-date-picker-table [data-part="table-cell-trigger"][data-disabled] {opacity:.45;cursor:not-allowed;background:transparent;}
+
+/* Month grid (MonthPicker): 3 columns × 4 rows, year paged in the header. */
+.dds-date-picker-year {font-variant-numeric:tabular-nums;}
+.dds-date-picker-table--months td {padding:var(--dds-space-4);}
+.dds-date-picker-table--months [data-part="table-cell-trigger"] {height:var(--dds-space-40);}
 
 /* Standalone Calendar shares the DatePicker view without popup positioning. */
 .dds-calendar {display:block;}

package/dist/calendar-view-I_sNlioP.js

@@ -1,145 +0,0 @@
-import { t as e } from "./controls-BajigKUv.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { DatePicker as i } from "@ark-ui/react/date-picker";
-//#region src/date-only.ts
-function a(e) {
-	if (!/^\d{4}-\d{2}-\d{2}$/.test(e)) return !1;
-	let t = Number(e.slice(0, 4)), n = Number(e.slice(5, 7)), r = Number(e.slice(8, 10));
-	return t < 1 || n < 1 || n > 12 || r < 1 ? !1 : r <= [
-		31,
-		t % 4 == 0 && (t % 100 != 0 || t % 400 == 0) ? 29 : 28,
-		31,
-		30,
-		31,
-		30,
-		31,
-		31,
-		30,
-		31,
-		30,
-		31
-	][n - 1];
-}
-function o(e) {
-	return /^ko(?:-|$)/i.test(e);
-}
-function s(e, t) {
-	return o(t) && a(e) ? e.replaceAll("-", "/") : e;
-}
-function c(e, t) {
-	return o(t) && /^\d{4}\/\d{2}\/\d{2}$/.test(e) ? e.replaceAll("/", "-") : e;
-}
-function l(e, t, n, r, i = "en-US") {
-	let s = c(e, i), l = e.length < 10 && (/^\d{0,4}(?:-\d{0,2}(?:-\d{0,2})?)?$/.test(e) || o(i) && /^\d{0,4}(?:\/\d{0,2}(?:\/\d{0,2})?)?$/.test(e)), u = "valid";
-	return e === "" ? u = t ? "required" : "valid" : a(s) ? n && !a(n) || r && !a(r) || n && r && n > r ? u = "invalid" : n && s < n ? u = "rangeUnderflow" : r && s > r && (u = "rangeOverflow") : u = l ? "incomplete" : "invalid", {
-		inputValue: e,
-		value: u === "valid" ? s : null,
-		valid: u === "valid",
-		reason: u
-	};
-}
-function u(e, t = {}) {
-	let n = o(e);
-	return {
-		previousMonth: n ? "이전 달" : "Previous month",
-		nextMonth: n ? "다음 달" : "Next month",
-		today: n ? "오늘" : "Today",
-		clear: n ? "선택 날짜 지우기" : "Clear selected date",
-		openCalendar: n ? "달력 열기" : "Open calendar",
-		selectDate: (e) => n ? `${e} 선택` : `Choose ${e}`,
-		required: n ? "날짜를 입력해 주세요." : "Enter a date.",
-		invalid: n ? "YYYY/MM/DD 형식의 유효한 범위 내 날짜를 입력해 주세요." : "Enter a valid date within the allowed range (YYYY-MM-DD).",
-		...t
-	};
-}
-function d(e) {
-	let t = new Intl.DateTimeFormat("en-US-u-ca-gregory-nu-latn", {
-		timeZone: e,
-		year: "numeric",
-		month: "2-digit",
-		day: "2-digit"
-	}).formatToParts(/* @__PURE__ */ new Date()), n = (e) => t.find((t) => t.type === e).value;
-	return `${n("year").padStart(4, "0")}-${n("month")}-${n("day")}`;
-}
-//#endregion
-//#region src/calendar-view.tsx
-function f({ next: e = !1 }) {
-	return /* @__PURE__ */ n("svg", {
-		width: "18",
-		height: "18",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ n("path", { d: e ? "m9 5 7 7-7 7" : "m15 5-7 7 7 7" })
-	});
-}
-function p({ locale: a = "ko-KR", timeZone: o = "Asia/Seoul", min: s, max: c, messages: p, disabled: m, readOnly: h, showToday: g = !0, showClear: _ = !0, onClear: v }) {
-	let y = u(a, p), b = m || h;
-	return /* @__PURE__ */ n(i.View, {
-		view: "day",
-		children: /* @__PURE__ */ n(i.Context, { children: (u) => /* @__PURE__ */ r(t, { children: [
-			/* @__PURE__ */ r(i.ViewControl, {
-				className: "dds-date-picker-header",
-				children: [
-					/* @__PURE__ */ n(i.PrevTrigger, {
-						asChild: !0,
-						children: /* @__PURE__ */ n(e, {
-							type: "button",
-							tone: "secondary",
-							"aria-label": y.previousMonth,
-							children: /* @__PURE__ */ n(f, {})
-						})
-					}),
-					/* @__PURE__ */ n(i.RangeText, {}),
-					/* @__PURE__ */ n(i.NextTrigger, {
-						asChild: !0,
-						children: /* @__PURE__ */ n(e, {
-							type: "button",
-							tone: "secondary",
-							"aria-label": y.nextMonth,
-							children: /* @__PURE__ */ n(f, { next: !0 })
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ r(i.Table, {
-				className: "dds-date-picker-table",
-				children: [/* @__PURE__ */ n(i.TableHead, { children: /* @__PURE__ */ n(i.TableRow, { children: u.weekDays.map((e, t) => /* @__PURE__ */ n(i.TableHeader, { children: e.short }, t)) }) }), /* @__PURE__ */ n(i.TableBody, { children: u.weeks.map((e, t) => /* @__PURE__ */ n(i.TableRow, { children: e.map((e) => /* @__PURE__ */ n(i.TableCell, {
-					value: e,
-					children: /* @__PURE__ */ n(i.TableCellTrigger, { children: e.day })
-				}, e.toString())) }, t)) })]
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "dds-date-picker-footer",
-				children: [g && /* @__PURE__ */ n(e, {
-					type: "button",
-					tone: "secondary",
-					disabled: b || !l(d(o), !1, s, c, a).valid,
-					onClick: () => {
-						!b && l(d(o), !1, s, c, a).valid && u.selectToday();
-					},
-					children: y.today
-				}), _ && /* @__PURE__ */ n(i.ClearTrigger, {
-					hidden: !1,
-					asChild: !0,
-					children: /* @__PURE__ */ n(e, {
-						type: "button",
-						tone: "secondary",
-						disabled: b,
-						onPointerDown: (e) => e.preventDefault(),
-						onClick: () => {
-							b || v?.();
-						},
-						children: y.clear
-					})
-				})]
-			})
-		] }) })
-	});
-}
-//#endregion
-export { a, s as i, c as n, o, u as r, l as s, p as t };
-
-//# sourceMappingURL=calendar-view-I_sNlioP.js.map

package/dist/calendar-view-I_sNlioP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-view-I_sNlioP.js","names":[],"sources":["../src/date-only.ts","../src/calendar-view.tsx"],"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  today?: 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    today: ko ? \"오늘\" : \"Today\",\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","import { DatePicker as ArkDatePicker } from \"@ark-ui/react/date-picker\";\nimport { Button } from \"./controls\";\nimport {\n  dateMessages,\n  todayDate,\n  validateInput,\n  type CalendarMessages,\n} from \"./date-only\";\nfunction Chevron({ next = false }: { next?: boolean }) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <path d={next ? \"m9 5 7 7-7 7\" : \"m15 5-7 7 7 7\"} />\n    </svg>\n  );\n}\nexport interface CalendarViewProps {\n  timeZone?: string | undefined;\n  min?: string | undefined;\n  max?: string | undefined;\n  locale?: string | undefined;\n  messages?: CalendarMessages | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  showToday?: boolean | undefined;\n  showClear?: boolean | undefined;\n  onClear?: (() => void) | undefined;\n}\n/** Internal view: the caller owns the single Ark root and its selection. */\nexport function CalendarView({\n  locale = \"ko-KR\",\n  timeZone = \"Asia/Seoul\",\n  min,\n  max,\n  messages,\n  disabled,\n  readOnly,\n  showToday = true,\n  showClear = true,\n  onClear,\n}: CalendarViewProps) {\n  const text = dateMessages(locale, messages),\n    locked = disabled || readOnly;\n  return (\n    <ArkDatePicker.View view=\"day\">\n      <ArkDatePicker.Context>\n        {(picker) => (\n          <>\n            <ArkDatePicker.ViewControl className=\"dds-date-picker-header\">\n              <ArkDatePicker.PrevTrigger asChild>\n                <Button\n                  type=\"button\"\n                  tone=\"secondary\"\n                  aria-label={text.previousMonth}\n                >\n                  <Chevron />\n                </Button>\n              </ArkDatePicker.PrevTrigger>\n              <ArkDatePicker.RangeText />\n              <ArkDatePicker.NextTrigger asChild>\n                <Button\n                  type=\"button\"\n                  tone=\"secondary\"\n                  aria-label={text.nextMonth}\n                >\n                  <Chevron next />\n                </Button>\n              </ArkDatePicker.NextTrigger>\n            </ArkDatePicker.ViewControl>\n            <ArkDatePicker.Table className=\"dds-date-picker-table\">\n              <ArkDatePicker.TableHead>\n                <ArkDatePicker.TableRow>\n                  {picker.weekDays.map((day, index) => (\n                    <ArkDatePicker.TableHeader key={index}>\n                      {day.short}\n                    </ArkDatePicker.TableHeader>\n                  ))}\n                </ArkDatePicker.TableRow>\n              </ArkDatePicker.TableHead>\n              <ArkDatePicker.TableBody>\n                {picker.weeks.map((week, index) => (\n                  <ArkDatePicker.TableRow key={index}>\n                    {week.map((day) => (\n                      <ArkDatePicker.TableCell key={day.toString()} value={day}>\n                        <ArkDatePicker.TableCellTrigger>\n                          {day.day}\n                        </ArkDatePicker.TableCellTrigger>\n                      </ArkDatePicker.TableCell>\n                    ))}\n                  </ArkDatePicker.TableRow>\n                ))}\n              </ArkDatePicker.TableBody>\n            </ArkDatePicker.Table>\n            <div className=\"dds-date-picker-footer\">\n              {showToday && (\n                <Button\n                  type=\"button\"\n                  tone=\"secondary\"\n                  disabled={\n                    locked ||\n                    !validateInput(todayDate(timeZone), false, min, max, locale)\n                      .valid\n                  }\n                  onClick={() => {\n                    if (\n                      !locked &&\n                      validateInput(\n                        todayDate(timeZone),\n                        false,\n                        min,\n                        max,\n                        locale,\n                      ).valid\n                    )\n                      picker.selectToday();\n                  }}\n                >\n                  {text.today}\n                </Button>\n              )}\n              {showClear && (\n                <ArkDatePicker.ClearTrigger hidden={false} asChild>\n                  <Button\n                    type=\"button\"\n                    tone=\"secondary\"\n                    disabled={locked}\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => {\n                      if (!locked) onClear?.();\n                    }}\n                  >\n                    {text.clear}\n                  </Button>\n                </ArkDatePicker.ClearTrigger>\n              )}\n            </div>\n          </>\n        )}\n      </ArkDatePicker.Context>\n    </ArkDatePicker.View>\n  );\n}\n"],"mappings":";;;;AAeA,SAAgB,EAAe,GAAe;CAC5C,IAAI,CAAC,sBAAsB,KAAK,CAAK,GAAG,OAAO;CAC/C,IAAM,IAAO,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,GACnC,IAAQ,OAAO,EAAM,MAAM,GAAG,CAAC,CAAC,GAChC,IAAM,OAAO,EAAM,MAAM,GAAG,EAAE,CAAC;CAGjC,OAFI,IAAO,KAAK,IAAQ,KAAK,IAAQ,MAAM,IAAM,IAAU,KAGzD,KACA;EAAC;EAHU,IAAO,KAAM,MAAM,IAAO,OAAQ,KAAK,IAAO,OAAQ,KAGrD,KAAK;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;EAAI;CAAE,CAAC,CAAC,IAAQ;AAEzE;AACA,SAAgB,EAAS,GAAgB;CACvC,OAAO,cAAc,KAAK,CAAM;AAClC;AACA,SAAgB,EAAY,GAAe,GAAgB;CACzD,OAAO,EAAS,CAAM,KAAK,EAAe,CAAK,IAC3C,EAAM,WAAW,KAAK,GAAG,IACzB;AACN;AACA,SAAgB,EAAe,GAAoB,GAAgB;CACjE,OAAO,EAAS,CAAM,KAAK,wBAAwB,KAAK,CAAU,IAC9D,EAAW,WAAW,KAAK,GAAG,IAC9B;AACN;AACA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAS,SACW;CACpB,IAAM,IAAY,EAAe,GAAY,CAAM,GAC7C,IACJ,EAAW,SAAS,OACnB,sCAAsC,KAAK,CAAU,KACnD,EAAS,CAAM,KACd,wCAAwC,KAAK,CAAU,IACzD,IAAuC;CAY3C,OAXI,MAAe,KAAI,IAAS,IAAW,aAAa,UAC9C,EAAe,CAAS,IAG/B,KAAO,CAAC,EAAe,CAAG,KAC1B,KAAO,CAAC,EAAe,CAAG,KAC1B,KAAO,KAAO,IAAM,IAErB,IAAS,YACF,KAAO,IAAY,IAAK,IAAS,mBACjC,KAAO,IAAY,MAAK,IAAS,mBARxC,IAAS,IAAa,eAAe,WAShC;EACL;EACA,OAAO,MAAW,UAAU,IAAY;EACxC,OAAO,MAAW;EAClB;CACF;AACF;AAYA,SAAgB,EAAa,GAAgB,IAA6B,CAAC,GAAG;CAC5E,IAAM,IAAK,EAAS,CAAM;CAC1B,OAAO;EACL,eAAe,IAAK,SAAS;EAC7B,WAAW,IAAK,SAAS;EACzB,OAAO,IAAK,OAAO;EACnB,OAAO,IAAK,cAAc;EAC1B,cAAc,IAAK,UAAU;EAC7B,aAAa,MAAkB,IAAK,GAAG,EAAK,OAAO,UAAU;EAC7D,UAAU,IAAK,iBAAiB;EAChC,SAAS,IACL,yCACA;EACJ,GAAG;CACL;AACF;AAGA,SAAgB,EAAU,GAAkB;CAC1C,IAAM,IAAQ,IAAI,KAAK,eAAe,8BAA8B;EAClE;EACA,MAAM;EACN,OAAO;EACP,KAAK;CACP,CAAC,CAAC,CAAC,8BAAc,IAAI,KAAK,CAAC,GACrB,KAAQ,MACZ,EAAM,MAAM,MAAS,EAAK,SAAS,CAAI,CAAC,CAAE;CAC5C,OAAO,GAAG,EAAK,MAAM,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAG,EAAK,OAAO,EAAE,GAAG,EAAK,KAAK;AACxE;;;ACvGA,SAAS,EAAQ,EAAE,UAAO,MAA6B;CACrD,OACE,kBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAY;EAEZ,UAAA,kBAAC,QAAD,EAAM,GAAG,IAAO,iBAAiB,gBAAkB,CAAA;CAChD,CAAA;AAET;AAcA,SAAgB,EAAa,EAC3B,YAAS,SACT,cAAW,cACX,QACA,QACA,aACA,aACA,aACA,eAAY,IACZ,eAAY,IACZ,cACoB;CACpB,IAAM,IAAO,EAAa,GAAQ,CAAQ,GACxC,IAAS,KAAY;CACvB,OACE,kBAAC,EAAc,MAAf;EAAoB,MAAK;EACvB,UAAA,kBAAC,EAAc,SAAf,EAAA,WACI,MACA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,EAAc,aAAf;IAA2B,WAAU;IAArC,UAAA;KACE,kBAAC,EAAc,aAAf;MAA2B,SAAA;MACzB,UAAA,kBAAC,GAAD;OACE,MAAK;OACL,MAAK;OACL,cAAY,EAAK;OAEjB,UAAA,kBAAC,GAAD,CAAU,CAAA;MACJ,CAAA;KACiB,CAAA;KAC3B,kBAAC,EAAc,WAAf,CAA0B,CAAA;KAC1B,kBAAC,EAAc,aAAf;MAA2B,SAAA;MACzB,UAAA,kBAAC,GAAD;OACE,MAAK;OACL,MAAK;OACL,cAAY,EAAK;OAEjB,UAAA,kBAAC,GAAD,EAAS,MAAA,GAAM,CAAA;MACT,CAAA;KACiB,CAAA;IACF;;GAC3B,kBAAC,EAAc,OAAf;IAAqB,WAAU;IAA/B,UAAA,CACE,kBAAC,EAAc,WAAf,EAAA,UACE,kBAAC,EAAc,UAAf,EAAA,UACG,EAAO,SAAS,KAAK,GAAK,MACzB,kBAAC,EAAc,aAAf,EAAA,UACG,EAAI,MACoB,GAFK,CAEL,CAC5B,EACqB,CAAA,EACD,CAAA,GACzB,kBAAC,EAAc,WAAf,EAAA,UACG,EAAO,MAAM,KAAK,GAAM,MACvB,kBAAC,EAAc,UAAf,EAAA,UACG,EAAK,KAAK,MACT,kBAAC,EAAc,WAAf;KAA8C,OAAO;KACnD,UAAA,kBAAC,EAAc,kBAAf,EAAA,UACG,EAAI,IACyB,CAAA;IACT,GAJK,EAAI,SAAS,CAIlB,CAC1B,EACqB,GARK,CAQL,CACzB,EACsB,CAAA,CACN;;GACrB,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,KACC,kBAAC,GAAD;KACE,MAAK;KACL,MAAK;KACL,UACE,KACA,CAAC,EAAc,EAAU,CAAQ,GAAG,IAAO,GAAK,GAAK,CAAM,CAAC,CACzD;KAEL,eAAe;MACb,AACE,CAAC,KACD,EACE,EAAU,CAAQ,GAClB,IACA,GACA,GACA,CACF,CAAC,CAAC,SAEF,EAAO,YAAY;KACvB;KAEC,UAAA,EAAK;IACA,CAAA,GAET,KACC,kBAAC,EAAc,cAAf;KAA4B,QAAQ;KAAO,SAAA;KACzC,UAAA,kBAAC,GAAD;MACE,MAAK;MACL,MAAK;MACL,UAAU;MACV,gBAAgB,MAAU,EAAM,eAAe;MAC/C,eAAe;OACb,AAAK,KAAQ,IAAU;MACzB;MAEC,UAAA,EAAK;KACA,CAAA;IACkB,CAAA,CAE3B;;EACL,EAAA,CAAA,EAEiB,CAAA;CACL,CAAA;AAExB"}

package/dist/choice-B3vNMfKK.js

@@ -1,300 +0,0 @@
-import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Portal as o } from "@ark-ui/react/portal";
-import { Combobox as s, createListCollection as c } from "@ark-ui/react/combobox";
-import { Select as l } from "@ark-ui/react/select";
-import { defaultRangeExtractor as u, useVirtualizer as d } from "@tanstack/react-virtual";
-//#region src/choice-types.ts
-function f(e) {
-	let t = /* @__PURE__ */ new Set();
-	for (let n of e) {
-		if (!n.value || t.has(n.value)) throw Error(`DDS choice: option IDs must be nonempty and unique (${JSON.stringify(n.value)})`);
-		t.add(n.value);
-	}
-}
-var p = {
-	open: "선택 열기",
-	clear: "선택 지우기",
-	loading: "불러오는 중",
-	empty: "결과 없음",
-	error: "불러오지 못했습니다",
-	retry: "다시 시도"
-};
-function m() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-//#endregion
-//#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) {
-	f(g.items);
-	let [_, v] = r(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] = r(g.defaultInputValue ?? x), w = g.inputValue ?? S, [T, E] = r(!1), [D, O] = r(null), k = n(null), A = n(null), j = n(null), [M, N] = r(null);
-	e(() => {
-		let e = k.current;
-		e && N(e.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? e.ownerDocument.body);
-	}, []);
-	let P = n(!1), F = n({
-		value: y,
-		label: x
-	}), I = n(null), L = (e) => g.items.find((t) => t.value === e)?.label ?? (g.selectedOption?.value === e ? g.selectedOption.label : e), R = {
-		...p,
-		...g.messages
-	}, z = g.disabled || g.readOnly, B = (e) => {
-		(I.current?.from !== w || I.current.to !== e) && (I.current = null, g.inputValue === void 0 && C(e), g.onInputValueChange?.(e));
-	}, V = (e) => {
-		e !== w && (I.current?.from !== w || I.current.to !== e) && (I.current = {
-			from: w,
-			to: e
-		}, g.inputValue === void 0 ? C(e) : g.onInputValueChange?.(e));
-	}, H = (e) => {
-		g.value === void 0 && v(e), g.onValueChange?.(e);
-	};
-	e(() => {
-		(F.current.value !== y || F.current.label !== x) && (F.current = {
-			value: y,
-			label: x
-		}, V(x));
-	}, [y, x]), e(() => {
-		m() && 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]), e(() => {
-		let e = A.current?.form;
-		if (!e) return;
-		let t = (e) => queueMicrotask(() => {
-			if (e.defaultPrevented) return;
-			let t = g.value ?? g.defaultValue ?? "", n = L(t);
-			F.current = {
-				value: t,
-				label: n
-			}, g.value === void 0 && v(t);
-			let r = g.defaultInputValue ?? n;
-			I.current = null, g.inputValue === void 0 ? C(r) : V(r), E(!1), k.current instanceof HTMLInputElement && (k.current.value = g.inputValue ?? r), A.current && (A.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 U = t(() => g.searchable && g.filterMode !== "external" && w !== x ? g.items.filter((e) => e.label.toLocaleLowerCase().includes(w.toLocaleLowerCase())) : g.items, [
-		g.items,
-		g.searchable,
-		g.filterMode,
-		w,
-		x
-	]), W = t(() => c({
-		items: U,
-		itemToString: (e) => e.label,
-		itemToValue: (e) => e.value,
-		isItemDisabled: (e) => !!e.disabled
-	}), [U]), G = !!g.virtualization, K = g.virtualization ? g.virtualization.itemHeight : void 0, q = Number.isFinite(K) ? Math.max(40, K) : 40, J = U.findIndex((e) => e.value === D), Y = d({
-		count: U.length,
-		getScrollElement: () => j.current,
-		estimateSize: () => q,
-		overscan: g.virtualization ? g.virtualization.overscan ?? 5 : 5,
-		enabled: G && T,
-		initialRect: {
-			width: 0,
-			height: 320
-		},
-		rangeExtractor: (e) => {
-			let t = u(e);
-			return J >= 0 && !t.includes(J) && t.push(J), t.sort((e, t) => e - t);
-		}
-	});
-	e(() => {
-		O(null), G && T && Y.scrollToIndex(Math.max(0, U.findIndex((e) => e.value === y)), { align: "auto" });
-	}, [U, T]);
-	let X = g.searchable ? s : l, Z = G ? Y.getVirtualItems().map((e) => ({
-		index: e.index,
-		start: e.start
-	})) : U.map((e, t) => ({
-		index: t,
-		start: 0
-	}));
-	G && J >= 0 && !Z.some((e) => e.index === J) && Z.push({
-		index: J,
-		start: J * q
-	});
-	let Q = g.loading ? R.loading : g.error ? typeof g.error == "string" ? g.error : R.error : U.length === 0 ? R.empty : "", $ = {
-		collection: W,
-		value: y ? [y] : [],
-		open: T && !z,
-		disabled: g.disabled,
-		readOnly: g.readOnly,
-		onOpenChange: (e) => {
-			z || E(e.open);
-		},
-		onValueChange: (e) => {
-			if (z || P.current) return;
-			let t = e.value[0] ?? "";
-			t !== y && H(t);
-		},
-		onHighlightChange: (e) => O(e.highlightedValue),
-		scrollToIndexFn: G ? ({ index: e }) => Y.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\"]")
-		}
-	}, ee = g.searchable ? {
-		inputValue: w,
-		onInputValueChange: (e) => {
-			!z && e.inputValue !== w && B(e.inputValue);
-		},
-		selectionBehavior: "preserve"
-	} : {};
-	return /* @__PURE__ */ a(X.Root, {
-		...$,
-		...ee,
-		id: g.id,
-		className: "dds-choice",
-		"data-label-placement": g.labelPlacement ?? "outside",
-		"data-has-value": y || w ? "" : void 0,
-		children: [
-			g.label && /* @__PURE__ */ i(X.Label, {
-				className: "dds-choice-label",
-				onClick: () => k.current?.focus(),
-				children: g.label
-			}),
-			/* @__PURE__ */ a(X.Control, {
-				className: "dds-choice-control",
-				children: [
-					g.searchable ? /* @__PURE__ */ i(s.Input, {
-						ref: (e) => {
-							k.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,
-						onCompositionStart: () => {
-							P.current = !0;
-						},
-						onCompositionEnd: () => {
-							P.current = !1;
-						},
-						onKeyDown: (e) => {
-							P.current && e.key === "Enter" && (e.preventDefault(), e.stopPropagation());
-						},
-						onBlur: () => {
-							y && V(x);
-						}
-					}) : null,
-					/* @__PURE__ */ i(X.Trigger, {
-						ref: (e) => {
-							g.searchable || (k.current = e);
-						},
-						className: "dds-choice-trigger",
-						"aria-label": g.searchable ? R.open : g["aria-label"],
-						"aria-labelledby": g["aria-labelledby"],
-						"aria-describedby": g["aria-describedby"],
-						"aria-required": g.required,
-						children: g.searchable ? "⌄" : /* @__PURE__ */ i("span", {
-							className: "dds-choice-value",
-							children: x || g.placeholder || R.open
-						})
-					}),
-					g.clearable && !z && (y || w) ? /* @__PURE__ */ i("button", {
-						className: "dds-choice-clear",
-						type: "button",
-						"aria-label": R.clear,
-						onPointerDown: (e) => e.preventDefault(),
-						onClick: () => {
-							H(""), B(""), E(!1), k.current?.focus();
-						},
-						children: "×"
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ i("input", {
-				ref: A,
-				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(), k.current?.focus();
-				}
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "dds-choice-status",
-				role: "status",
-				"aria-live": "polite",
-				children: [Q, g.error && g.onRetry ? /* @__PURE__ */ i("button", {
-					className: "dds-choice-retry",
-					type: "button",
-					onClick: g.onRetry,
-					children: R.retry
-				}) : null]
-			}),
-			M && /* @__PURE__ */ i(o, {
-				container: { current: M },
-				children: /* @__PURE__ */ i(X.Positioner, {
-					className: "dds-choice-positioner",
-					children: /* @__PURE__ */ i(X.Content, {
-						ref: j,
-						className: "dds-choice-content",
-						style: {
-							maxHeight: "min(320px, var(--available-height, 320px))",
-							overflow: "auto"
-						},
-						children: /* @__PURE__ */ i("div", {
-							style: G ? {
-								height: Y.getTotalSize(),
-								position: "relative"
-							} : void 0,
-							children: Z.map((e) => {
-								let t = U[e.index];
-								return /* @__PURE__ */ a(X.Item, {
-									item: t,
-									className: "dds-choice-item",
-									"aria-posinset": e.index + 1,
-									"aria-setsize": U.length,
-									style: G ? {
-										position: "absolute",
-										top: 0,
-										left: 0,
-										width: "100%",
-										height: q,
-										transform: `translateY(${e.start}px)`
-									} : void 0,
-									children: [/* @__PURE__ */ i(X.ItemText, { children: t.label }), t.description ? /* @__PURE__ */ i("span", {
-										className: "dds-choice-description",
-										children: t.description
-									}) : null]
-								}, t.value);
-							})
-						})
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { g as t };
-
-//# sourceMappingURL=choice-B3vNMfKK.js.map

package/dist/choice-B3vNMfKK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice-B3vNMfKK.js","names":[],"sources":["../src/choice-types.ts","../src/internal/choice.tsx"],"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","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 } from \"react\";\nimport {\n  choiceMessages,\n  choiceWarningsEnabled,\n  validateOptions,\n  type ComboboxProps,\n} from \"../choice-types\";\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 & { searchable: boolean }) {\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 [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  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) setDraft(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) 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  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    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (event.defaultPrevented) return;\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) setDraft(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            item.label\n              .toLocaleLowerCase()\n              .includes(inputValue.toLocaleLowerCase()),\n          )\n        : props.items,\n    [props.items, props.searchable, props.filterMode, inputValue, label],\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: \"auto\" },\n      );\n  }, [items, open]);\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    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          if (!blocked && details.inputValue !== inputValue)\n            setInput(details.inputValue);\n        },\n        selectionBehavior: \"preserve\" as const,\n      }\n    : {};\n  return (\n    <Parts.Root\n      {...rootProps}\n      {...inputProps}\n      id={props.id}\n      className=\"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            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={() => {\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            \"⌄\"\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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"}