@devslab/dds-react 0.21.1 → 0.21.2

package/README.ko.md

@@ -47,3 +47,16 @@ const StatusPill = createStatusPill({
 ```
 
 Unknown closed-domain status values throw to expose incomplete catalogs. Domains listed in `openDomains` instead show the unknown value as escaped text.
+
+### DatePicker 직접 입력과 저장
+
+`value`/`onChange`는 기존과 같이 날짜 전용 `YYYY-MM-DD` 문자열과 명시적 지우기 `''`만 전달합니다. 입력한 날짜가 완전하고 실재하면 즉시 반영하며 잘못되거나 미완성인 입력을 이전 날짜로 치환하지 않습니다. `required`는 실제 입력의 필수 상태로 전달하고, `readOnly`는 편집과 달력 열기를 막습니다. 잠금 전환 시 열린 달력을 닫습니다. 잘못된 저장 기본값은 원문과 오류를 표시합니다.
+
+`onValidityChange(state: DatePickerValidity)`는 원문 `inputValue`, `valid`, 사유(`valid`, `required`, `incomplete`, `invalid`, `rangeUnderflow`, `rangeOverflow`)를 전달합니다. 실제 form은 보이는 입력의 custom validity를 사용합니다. API·버튼·단축키 저장은 반드시 이 콜백의 `valid`를 검사하고 canonical `value`를 저장해야 합니다. 첫 콜백 전에는 저장을 막으세요. 잘못된 draft를 표시하는 동안 부모 `value`에는 이전 유효 날짜가 남을 수 있으므로 `value`만으로 유효성을 판단하면 안 됩니다.
+
+엄격한 Gregorian 날짜와 양 끝을 포함한 min/max를 날짜 전용 값으로 검사하며 조용히 보정하지 않습니다. 필수 입력을 비워도 `onChange('')`는 전달하며 validity는 false입니다. 서버의 최종 검증은 유지해야 합니다. 라이브러리 테스트 통과만으로 제품의 저장 요청이 이 검사를 사용하는지 보장하지 않습니다.
+기본 한국어(`ko`, `ko-KR`)의 표시 형식은 `YYYY/MM/DD`이며 `value`, `onChange`, min/max, `DatePickerValidity.value`는 `YYYY-MM-DD`를 유지합니다. `inputValue`는 화면 원문이므로 API에 저장하거나 소비자에서 구분자를 치환하지 마세요. 유효하지 않거나 미완성인 입력과 필수 빈 값의 callback `value`는 null, 선택 빈 값은 ''입니다. 표시/저장 변환은 DDS 공통에서만 처리하며 시간대 때문에 날짜를 이동하지 않습니다.
+
+validity callback은 최초 mount, 의미 있는 입력·제약·외부 값 변경을 보고합니다. invalid/partial 입력은 `onChange`를 호출하지 않으므로 dirty/이탈 방지와 발행 확인 취소도 validity callback에 연결해야 합니다. callback 함수 identity만 바뀌면 같은 결과를 재보고하지 않아 inline setState 루프를 막습니다. 새 편집기는 문서 ID·명시적 reset revision을 key로 새로 mount하고 useCallback으로 안정적인 함수를 사용하세요. 같은 날짜여도 새 keyed 편집기는 초기 결과를 받습니다. 유효할 때 canonical value, invalid일 때 raw inputValue로 pristine 상태를 비교하면 표시 언어만 바뀔 때의 오탐과 소비자 포맷 코드를 피할 수 있습니다. 영문 예제의 keyed editor·baseline·previous 패턴을 참고하세요.
+
+아직 반영되지 않은 로컬 값과 일치하는 부모 값은 해당 발생 건의 응답으로 보고 최신 draft를 유지합니다. B/C/B 반복을 각각 보존하고 blur/Enter 중복 commit을 막습니다. 미반영 목록에 없는 다른 외부 값은 reset으로 처리합니다. 같은 문자열만으로는 미반영 값과 같은 의도적 reset을 응답과 구별할 수 없으므로 명시적 reset은 keyed editor remount를 사용하세요. 로컬 controlled state는 즉시 갱신하고 서버 저장을 분리하세요.

package/README.md

@@ -53,3 +53,44 @@ const StatusPill = createStatusPill({
 ```
 
 Unknown closed-domain status values throw to expose incomplete catalogs. Domains listed in `openDomains` instead show the unknown value as escaped text.
+
+### DatePicker manual input and saving
+
+`value`/`onChange` remain canonical date-only `YYYY-MM-DD` strings (or intentional clear `''`). Complete real dates commit while typing; invalid/incomplete text stays visible and never becomes a replacement date. `required` forwards native/accessible required state; `readOnly` prevents edits/calendar opening. Locked transitions close the portal. Invalid persisted values render an error without being parsed or cleared.
+
+Subscribe to `onValidityChange(state: DatePickerValidity)` for the exact displayed `inputValue`, canonical `value` (or null while invalid), `valid`, and reason (`valid`, `required`, `incomplete`, `invalid`, `rangeUnderflow`, `rangeOverflow`). Native forms use the visible input's custom validity. API/button/shortcut saves MUST also check the callback state; a canonical parent value may still contain the last valid selection while the visible draft is invalid. Start unknown/blocked until the initial callback. Do not infer validity from `value` alone.
+
+```tsx
+const [date, setDate] = useState('2028-02-28');
+const [dateValidity, setDateValidity] = useState<DatePickerValidity | null>(null);
+<DatePicker label="Date" value={date} onChange={setDate}
+  required onValidityChange={setDateValidity} />
+// In every save handler (including shortcuts):
+if (!dateValidity?.valid || dateValidity.value === null) return;
+await save({ date: dateValidity.value });
+```
+
+Strict Gregorian dates and inclusive min/max are validated without timezone normalization or silent clamping. Clearing always reports `onChange('')`; required clear remains invalid. Keep authoritative server validation. Library tests alone do not establish that a consumer's request handler uses this guard.
+Korean (`ko`, `ko-KR`, including the default locale) displays `YYYY/MM/DD`; `value`, `onChange`, min/max and `DatePickerValidity.value` remain `YYYY-MM-DD`. Consumers must not replace separators or persist `inputValue`. ISO paste is accepted by the common parser and normalized only once it is a complete valid date. Date-only values do not shift with timeZone.
+
+`onValidityChange` reports initially and on semantic draft/constraint/controlled-value changes, including invalid/partial edits that do not emit `onChange`. Use it for dirty/navigation guards and to cancel a pending publish confirmation when input changes. Replacing only the callback function does not replay an identical report: this prevents inline setState render loops. Key the owning editor by document identity/reset revision, and keep callbacks stable with useCallback. A new keyed instance receives a fresh initial report even for an identical date. Compare canonical value for valid dates and the raw inputValue for invalid drafts when tracking the pristine baseline; do not generate a consumer-side display formatter. Remount/reset that baseline only on an intentional editor change/reset.
+
+```tsx
+<PolicyDateEditor key={`${document.id}:${document.revision}`} document={document} />
+// Inside PolicyDateEditor (one editor identity):
+const baseline = useRef<string | undefined>(undefined);
+const previous = useRef<string | undefined>(undefined);
+const onDateValidity = useCallback((state: DatePickerValidity) => {
+  setDateValidity(state);
+  const stateKey = JSON.stringify(state.valid ? [true, state.value] : [false, state.inputValue]);
+  if (baseline.current === undefined) baseline.current = stateKey;
+  setDirty(stateKey !== baseline.current);
+  if (previous.current !== undefined && previous.current !== stateKey) {
+    closePublishConfirmation();
+  }
+  previous.current = stateKey;
+}, [closePublishConfirmation]); // Keep closePublishConfirmation stable too.
+// Every button/API/shortcut Save checks valid and persists state.value only.
+```
+
+Delayed controlled echoes matching an outstanding local emission acknowledge that occurrence without replacing a newer draft. Repeated B/C/B is retained as three occurrences; duplicate blur/Enter does not emit again. A changed value not among pending emissions is an external reset and clears pending history. The string-only API cannot distinguish an intentional reset to a still-outstanding identical value from its acknowledgement; use a keyed editor remount for an explicit reset. Keep local controlled state synchronous and persist to the server separately. Unacknowledged emissions are retained until acknowledgement, external reset or unmount.

package/dist/date-picker.d.ts

@@ -1,3 +1,11 @@
+export interface DatePickerValidity {
+    /** Exact displayed draft; never persist this display text as an API date. */
+    inputValue: string;
+    /** Valid ISO date, optional empty string, or null when invalid/incomplete. */
+    value: string | null;
+    valid: boolean;
+    reason: 'valid' | 'required' | 'incomplete' | 'invalid' | 'rangeUnderflow' | 'rangeOverflow';
+}
 export interface DatePickerProps {
     label: string;
     /** ISO calendar date (YYYY-MM-DD), or an empty string. */
@@ -6,8 +14,12 @@ export interface DatePickerProps {
     locale?: string;
     timeZone?: string;
     disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    /** Initial mount and semantic draft changes, deduped across callback identity changes. Key by editor identity for a fresh initial report. Button/API saves must guard validity and use its canonical value. */
+    onValidityChange?: (state: DatePickerValidity) => void;
     min?: string;
     max?: string;
 }
-export declare function DatePicker({ label, value, onChange, locale, timeZone, disabled, min, max }: DatePickerProps): import("react").JSX.Element;
+export declare function DatePicker({ label, value, onChange, locale, timeZone, disabled, readOnly, required, onValidityChange, min, max }: DatePickerProps): import("react").JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../src/date-picker.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAC,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,EAAC,CAAC,KAAK,EAAC,MAAM,KAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,GAAG,CAAC,EAAC,MAAM,CAAC;IACZ,GAAG,CAAC,EAAC,MAAM,CAAC;CACb;AAKD,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAc,EAAC,QAAqB,EAAC,QAAc,EAAC,GAAG,EAAC,GAAG,EAAC,EAAC,eAAe,+BA2B5H"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../src/date-picker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,UAAU,EAAC,MAAM,CAAC;IAClB,8EAA8E;IAC9E,KAAK,EAAC,MAAM,GAAC,IAAI,CAAC;IAClB,KAAK,EAAC,OAAO,CAAC;IACd,MAAM,EAAC,OAAO,GAAC,UAAU,GAAC,YAAY,GAAC,SAAS,GAAC,gBAAgB,GAAC,eAAe,CAAC;CACnF;AACD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAC,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,EAAC,CAAC,KAAK,EAAC,MAAM,KAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,+MAA+M;IAC/M,gBAAgB,CAAC,EAAC,CAAC,KAAK,EAAC,kBAAkB,KAAG,IAAI,CAAC;IACnD,GAAG,CAAC,EAAC,MAAM,CAAC;IACZ,GAAG,CAAC,EAAC,MAAM,CAAC;CACb;AAkCD,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAc,EAAC,QAAqB,EAAC,QAAc,EAAC,QAAc,EAAC,QAAc,EAAC,gBAAgB,EAAC,GAAG,EAAC,GAAG,EAAC,EAAC,eAAe,+BAyG3K"}

package/dist/index.js

@@ -6,39 +6,39 @@ import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Tabs as _, Tabs as v, useTabsContext as y } from "@ark-ui/react/tabs";
 import { RadioGroup as b, RadioGroup as x, useRadioGroupContext as S } from "@ark-ui/react/radio-group";
 import { Dialog as C, Dialog as w } from "@ark-ui/react/dialog";
-import { Tooltip as ee, Tooltip as T } from "@ark-ui/react/tooltip";
-import { Portal as E } from "@ark-ui/react/portal";
-import { directionPolicy as D, icons as te } from "@devslab/dds-icons";
-import { Toast as O, Toast as ne, Toaster as k, createToaster as A } from "@ark-ui/react/toast";
-import { DatePicker as j, DatePicker as M, parseDate as N } from "@ark-ui/react/date-picker";
+import { Tooltip as T, Tooltip as E } from "@ark-ui/react/tooltip";
+import { Portal as D } from "@ark-ui/react/portal";
+import { directionPolicy as O, icons as k } from "@devslab/dds-icons";
+import { Toast as A, Toast as j, Toaster as M, createToaster as N } from "@ark-ui/react/toast";
+import { DatePicker as P, DatePicker as F, parseDate as I } from "@ark-ui/react/date-picker";
 //#region src/controls.tsx
-var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "primary", size: t = "md", loading: n, disabled: r, type: i = "button", className: a, children: o, ...s }, c) {
+var L = (...e) => e.filter(Boolean).join(" "), R = t(function({ tone: e = "primary", size: t = "md", loading: n, disabled: r, type: i = "button", className: a, children: o, ...s }, c) {
 	return /* @__PURE__ */ g("button", {
 		...s,
 		ref: c,
 		type: i,
 		disabled: r || n,
 		"aria-busy": n || void 0,
-		className: P("dds-btn", `dds-btn--${e}`, t !== "md" && `dds-btn--${t}`, a),
+		className: L("dds-btn", `dds-btn--${e}`, t !== "md" && `dds-btn--${t}`, a),
 		children: [n && /* @__PURE__ */ h("span", {
 			className: "dds-spinner",
 			"aria-hidden": !0
 		}), o]
 	});
-}), I = t(function({ tone: e = "ghost", size: t = "md", loading: n, disabled: r, type: i = "button", className: a, children: o, ...s }, c) {
+}), z = t(function({ tone: e = "ghost", size: t = "md", loading: n, disabled: r, type: i = "button", className: a, children: o, ...s }, c) {
 	return /* @__PURE__ */ h("button", {
 		...s,
 		ref: c,
 		type: i,
 		disabled: r || n,
 		"aria-busy": n || void 0,
-		className: P("dds-iconbtn", e !== "ghost" && `dds-iconbtn--${e}`, t !== "md" && `dds-iconbtn--${t}`, a),
+		className: L("dds-iconbtn", e !== "ghost" && `dds-iconbtn--${e}`, t !== "md" && `dds-iconbtn--${t}`, a),
 		children: n ? /* @__PURE__ */ h("span", {
 			className: "dds-spinner",
 			"aria-hidden": !0
 		}) : o
 	});
-}), L = t(function({ id: e, label: t, helpText: n, error: r, required: a, className: o, children: s, ...c }, u) {
+}), B = t(function({ id: e, label: t, helpText: n, error: r, required: a, className: o, children: s, ...c }, u) {
 	let d = i(), f = e ?? `dds-field-${d}`, p = {
 		id: f,
 		"aria-describedby": [n && `${f}-help`, r && `${f}-error`].filter(Boolean).join(" ") || void 0,
@@ -56,7 +56,7 @@ var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "prima
 			helperText: `${f}-help`,
 			errorText: `${f}-error`
 		},
-		className: P("dds-field", !!r && "dds-field--error", o),
+		className: L("dds-field", !!r && "dds-field--error", o),
 		children: [
 			/* @__PURE__ */ g(l.Label, {
 				htmlFor: f,
@@ -78,18 +78,18 @@ var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "prima
 			})
 		]
 	});
-}), R = t(function({ invalid: e, wrapperClassName: t, className: n, children: r, ...i }, a) {
+}), V = t(function({ invalid: e, wrapperClassName: t, className: n, children: r, ...i }, a) {
 	return /* @__PURE__ */ h("span", {
-		className: P("dds-select", t),
+		className: L("dds-select", t),
 		children: /* @__PURE__ */ h("select", {
 			...i,
 			ref: a,
-			className: P("dds-select__input", n),
+			className: L("dds-select__input", n),
 			"aria-invalid": e || i["aria-invalid"],
 			children: r
 		})
 	});
-}), z = t(function({ kind: e, label: t, checked: n, defaultChecked: r, onCheckedChange: i, id: a, name: o, value: s, disabled: c, required: l, readOnly: u, form: f, className: m, inputClassName: _, onChange: v, ...y }, b) {
+}), H = t(function({ kind: e, label: t, checked: n, defaultChecked: r, onCheckedChange: i, id: a, name: o, value: s, disabled: c, required: l, readOnly: u, form: f, className: m, inputClassName: _, onChange: v, ...y }, b) {
 	let x = e === "switch" ? p.Root : d.Root, S = e === "switch" ? p.Label : d.Label, C = e === "switch" ? p.Context : d.Context, w = e === "switch" ? "dds-switch" : "dds-check";
 	return /* @__PURE__ */ g(x, {
 		checked: n,
@@ -102,7 +102,7 @@ var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "prima
 		required: l,
 		readOnly: u,
 		form: f,
-		className: P(w, m),
+		className: L(w, m),
 		children: [/* @__PURE__ */ h(C, { children: (t) => {
 			let { style: n, defaultChecked: r, ...i } = t.getHiddenInputProps();
 			return /* @__PURE__ */ h("input", {
@@ -115,51 +115,51 @@ var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "prima
 				onClick: (e) => {
 					y.onClick?.(e), e.defaultPrevented || i.onClick?.(e);
 				},
-				className: P(`${w}__input`, _)
+				className: L(`${w}__input`, _)
 			});
 		} }), /* @__PURE__ */ h(S, { children: t })]
 	});
-}), B = t((e, t) => /* @__PURE__ */ h(z, {
+}), U = t((e, t) => /* @__PURE__ */ h(H, {
 	...e,
 	kind: "checkbox",
 	ref: t
-})), V = t((e, t) => /* @__PURE__ */ h(z, {
+})), W = t((e, t) => /* @__PURE__ */ h(H, {
 	...e,
 	kind: "switch",
 	ref: t
-})), H = t(function({ label: e, className: t, inputClassName: n, onCheckedChange: r, onChange: i, ...a }, o) {
+})), G = t(function({ label: e, className: t, inputClassName: n, onCheckedChange: r, onChange: i, ...a }, o) {
 	return /* @__PURE__ */ g("label", {
-		className: P("dds-check", t),
+		className: L("dds-check", t),
 		children: [/* @__PURE__ */ h("input", {
 			...a,
 			ref: o,
 			type: "radio",
-			className: P("dds-check__input", n),
+			className: L("dds-check__input", n),
 			onChange: (e) => {
 				i?.(e), e.defaultPrevented || r?.(e.currentTarget.checked);
 			}
 		}), /* @__PURE__ */ h("span", { children: e })]
 	});
-}), U = t(function({ onValueChange: e, unstyled: t, className: n, ...r }, i) {
+}), ee = t(function({ onValueChange: e, unstyled: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ h(v.Root, {
 		...r,
 		ref: i,
 		onValueChange: (t) => e?.(t.value),
-		className: P(!t && "dds-tabs-root", n)
+		className: L(!t && "dds-tabs-root", n)
 	});
-}), W = t(function({ unstyled: e, className: t, ...n }, r) {
+}), te = t(function({ unstyled: e, className: t, ...n }, r) {
 	return /* @__PURE__ */ h(v.List, {
 		...n,
 		ref: r,
-		className: P(!e && "dds-tabs", t)
+		className: L(!e && "dds-tabs", t)
 	});
-}), G = t(function({ unstyled: e, className: t, ...n }, r) {
+}), ne = t(function({ unstyled: e, className: t, ...n }, r) {
 	return /* @__PURE__ */ h(v.Trigger, {
 		...n,
 		ref: r,
-		className: P(!e && "dds-tab", t)
+		className: L(!e && "dds-tab", t)
 	});
-}), K = t(function({ value: e, style: t, ...n }, r) {
+}), re = t(function({ value: e, style: t, ...n }, r) {
 	let i = y().value !== e;
 	return /* @__PURE__ */ h(v.Content, {
 		...n,
@@ -172,7 +172,7 @@ var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "prima
 		} : t
 	});
 });
-function q({ option: e }) {
+function ie({ option: e }) {
 	let t = S(), { style: n, defaultChecked: r, ...i } = t.getItemHiddenInputProps(e);
 	return /* @__PURE__ */ h("input", {
 		...i,
@@ -181,14 +181,14 @@ function q({ option: e }) {
 		className: "dds-check__input"
 	});
 }
-var J = t(function({ options: e, label: t, onValueChange: n, className: r, children: i, ...a }, o) {
+var ae = t(function({ options: e, label: t, onValueChange: n, className: r, children: i, ...a }, o) {
 	return /* @__PURE__ */ g(x.Root, {
 		...a,
 		ref: o,
 		onValueChange: (e) => {
 			e.value !== null && n?.(e.value);
 		},
-		className: P("dds-radio-group", r),
+		className: L("dds-radio-group", r),
 		children: [
 			/* @__PURE__ */ h(x.Label, {
 				className: "dds-field__label",
@@ -198,12 +198,12 @@ var J = t(function({ options: e, label: t, onValueChange: n, className: r, child
 				value: e.value,
 				disabled: e.disabled,
 				className: "dds-check",
-				children: [/* @__PURE__ */ h(q, { option: e }), /* @__PURE__ */ h(x.ItemText, { children: e.label })]
+				children: [/* @__PURE__ */ h(ie, { option: e }), /* @__PURE__ */ h(x.ItemText, { children: e.label })]
 			}, e.value)),
 			i
 		]
 	});
-}), Y = t(function({ title: e, description: t, children: n, actions: r, onOpenChange: i, closeOnOutside: a, portal: o = !0, className: s, overlayClassName: c, contentProps: l, initialFocus: u, finalFocus: d, frame: f, unstyled: p, ..._ }, v) {
+}), oe = t(function({ title: e, description: t, children: n, actions: r, onOpenChange: i, closeOnOutside: a, portal: o = !0, className: s, overlayClassName: c, contentProps: l, initialFocus: u, finalFocus: d, frame: f, unstyled: p, ..._ }, v) {
 	let y = {
 		title: /* @__PURE__ */ h(w.Title, {
 			className: p ? void 0 : "dds-dialog__title",
@@ -219,12 +219,12 @@ var J = t(function({ options: e, label: t, onValueChange: n, className: r, child
 			children: r
 		})
 	}, b = /* @__PURE__ */ h(w.Positioner, {
-		className: P(!p && "dds-dialog-overlay", c),
+		className: L(!p && "dds-dialog-overlay", c),
 		children: /* @__PURE__ */ h(w.Content, {
 			...l,
 			ref: v,
 			"aria-describedby": t ? l?.["aria-describedby"] : void 0,
-			className: P(!p && "dds-dialog", s, l?.className),
+			className: L(!p && "dds-dialog", s, l?.className),
 			children: f ? f(y) : /* @__PURE__ */ g(m, { children: [
 				y.title,
 				y.description,
@@ -241,23 +241,23 @@ var J = t(function({ options: e, label: t, onValueChange: n, className: r, child
 		finalFocusEl: d ? () => d() ?? null : _.finalFocusEl,
 		lazyMount: !0,
 		unmountOnExit: !0,
-		children: o ? /* @__PURE__ */ h(E, { children: b }) : b
+		children: o ? /* @__PURE__ */ h(D, { children: b }) : b
 	});
 });
-function X({ content: e, children: t, onOpenChange: n, className: r, contentProps: i, ...a }) {
-	return /* @__PURE__ */ h(T.Root, {
+function se({ content: e, children: t, onOpenChange: n, className: r, contentProps: i, ...a }) {
+	return /* @__PURE__ */ h(E.Root, {
 		openDelay: 0,
 		closeDelay: 0,
 		...a,
 		onOpenChange: (e) => n?.(e.open),
 		children: /* @__PURE__ */ g("span", {
-			className: P("dds-tooltip", r),
-			children: [typeof t == "function" ? /* @__PURE__ */ h(T.Context, { children: (e) => t(e.getTriggerProps()) }) : /* @__PURE__ */ h(T.Trigger, {
+			className: L("dds-tooltip", r),
+			children: [typeof t == "function" ? /* @__PURE__ */ h(E.Context, { children: (e) => t(e.getTriggerProps()) }) : /* @__PURE__ */ h(E.Trigger, {
 				asChild: !0,
 				children: t
-			}), /* @__PURE__ */ h(E, { children: /* @__PURE__ */ h(T.Positioner, { children: /* @__PURE__ */ h(T.Content, {
+			}), /* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(E.Positioner, { children: /* @__PURE__ */ h(E.Content, {
 				...i,
-				className: P("dds-tooltip__bubble", i?.className),
+				className: L("dds-tooltip__bubble", i?.className),
 				children: e
 			}) }) })]
 		})
@@ -265,8 +265,8 @@ function X({ content: e, children: t, onOpenChange: n, className: r, contentProp
 }
 //#endregion
 //#region src/icon.tsx
-var re = t(function({ name: e, label: t, size: n = 24, directional: r, className: i, ...a }, o) {
-	let s = te[e];
+var ce = t(function({ name: e, label: t, size: n = 24, directional: r, className: i, ...a }, o) {
+	let s = k[e];
 	return /* @__PURE__ */ g("svg", {
 		...a,
 		ref: o,
@@ -281,12 +281,12 @@ var re = t(function({ name: e, label: t, size: n = 24, directional: r, className
 		role: t ? "img" : void 0,
 		"aria-label": t,
 		"aria-hidden": !t || void 0,
-		className: P((r ?? D.mirrorInRtl.includes(e)) && D.cssClass, i),
+		className: L((r ?? O.mirrorInRtl.includes(e)) && O.cssClass, i),
 		children: [t && /* @__PURE__ */ h("title", { children: t }), /* @__PURE__ */ h("g", { dangerouslySetInnerHTML: { __html: s.body } })]
 	});
-}), Z = e(null);
-function ie({ children: e, defaultDuration: t = 5e3, dismissLabel: n, regionLabel: s, className: c }) {
-	let l = i(), u = o(0), d = a(() => A({
+}), K = e(null);
+function le({ children: e, defaultDuration: t = 5e3, dismissLabel: n, regionLabel: s, className: c }) {
+	let l = i(), u = o(0), d = a(() => N({
 		placement: "bottom-end",
 		overlap: !1,
 		gap: 8,
@@ -314,20 +314,20 @@ function ie({ children: e, defaultDuration: t = 5e3, dismissLabel: n, regionLabe
 		l,
 		t
 	]);
-	return r(() => () => d.remove(), [d]), /* @__PURE__ */ g(Z.Provider, {
+	return r(() => () => d.remove(), [d]), /* @__PURE__ */ g(K.Provider, {
 		value: f,
-		children: [e, /* @__PURE__ */ h(k, {
+		children: [e, /* @__PURE__ */ h(M, {
 			toaster: d,
 			label: s ?? "",
 			"aria-label": s ?? "",
 			role: s ? "region" : "presentation",
-			className: P("dds-toast-region", c),
+			className: L("dds-toast-region", c),
 			children: (e) => {
 				let t = e.meta?.dds;
-				return /* @__PURE__ */ g(O.Root, {
-					className: P("dds-toast", `dds-toast--${t.tone ?? "info"}`),
+				return /* @__PURE__ */ g(A.Root, {
+					className: L("dds-toast", `dds-toast--${t.tone ?? "info"}`),
 					role: t.tone === "danger" ? "alert" : "status",
-					children: [/* @__PURE__ */ h(O.Description, { children: e.description }), n && /* @__PURE__ */ h(O.CloseTrigger, {
+					children: [/* @__PURE__ */ h(A.Description, { children: e.description }), n && /* @__PURE__ */ h(A.CloseTrigger, {
 						className: "dds-iconbtn dds-iconbtn--sm",
 						"aria-label": typeof n == "function" ? n(t) : n,
 						children: "×"
@@ -337,17 +337,17 @@ function ie({ children: e, defaultDuration: t = 5e3, dismissLabel: n, regionLabe
 		})]
 	});
 }
-function ae() {
-	let e = n(Z);
+function ue() {
+	let e = n(K);
 	if (!e) throw Error("useToast must be called inside <ToastProvider>");
 	return e;
 }
 //#endregion
 //#region src/console-shell.tsx
-function oe(e, t) {
+function de(e, t) {
 	return t.active ?? (t.href.split("/").filter(Boolean).length <= 1 ? e === t.href : e === t.href || e.startsWith(`${t.href}/`));
 }
-var se = t(function({ surface: e, activePath: t, brand: n, context: a, nav: o, labels: c, header: l, foot: u, children: d, className: f, ...p }, m) {
+var fe = t(function({ surface: e, activePath: t, brand: n, context: a, nav: o, labels: c, header: l, foot: u, children: d, className: f, ...p }, m) {
 	let [_, v] = s(!1), [y, b] = s(!1), x = i(), S = `dds-console-rail-${x}`, C = `dds-console-main-${x}`;
 	return r(() => {
 		b(!0);
@@ -358,7 +358,7 @@ var se = t(function({ surface: e, activePath: t, brand: n, context: a, nav: o, l
 	}, []), /* @__PURE__ */ g("div", {
 		...p,
 		ref: m,
-		className: P("dds-console-shell", f),
+		className: L("dds-console-shell", f),
 		"data-surface": e,
 		"data-hydrated": y ? "true" : void 0,
 		children: [
@@ -417,7 +417,7 @@ var se = t(function({ surface: e, activePath: t, brand: n, context: a, nav: o, l
 								className: "dds-console-rail__item",
 								"data-nav": `${e}.${n.id}`,
 								href: n.href,
-								"aria-current": oe(t, n) ? "page" : void 0,
+								"aria-current": de(t, n) ? "page" : void 0,
 								onClick: () => v(!1),
 								children: [/* @__PURE__ */ h("span", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ h("span", {
 									className: "dds-console-rail__badge",
@@ -456,7 +456,7 @@ var se = t(function({ surface: e, activePath: t, brand: n, context: a, nav: o, l
 });
 //#endregion
 //#region src/date-picker.tsx
-function Q() {
+function pe() {
 	return /* @__PURE__ */ g("svg", {
 		width: "20",
 		height: "20",
@@ -474,7 +474,7 @@ function Q() {
 		}), /* @__PURE__ */ h("path", { d: "M7.5 3v5M16.5 3v5M3.5 10.5h17" })]
 	});
 }
-function $({ next: e = !1 }) {
+function q({ next: e = !1 }) {
 	return /* @__PURE__ */ h("svg", {
 		width: "18",
 		height: "18",
@@ -486,15 +486,112 @@ function $({ next: e = !1 }) {
 		children: /* @__PURE__ */ h("path", { d: e ? "m9 5 7 7-7 7" : "m15 5-7 7 7 7" })
 	});
 }
-function ce({ label: e, value: t, onChange: n, locale: r = "ko-KR", timeZone: i = "Asia/Seoul", disabled: a = !1, min: o, max: s }) {
-	return /* @__PURE__ */ h(L, {
+function J(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 Y(e) {
+	return /^ko(?:-|$)/i.test(e);
+}
+function X(e, t) {
+	return Y(t) && J(e) ? e.replaceAll("-", "/") : e;
+}
+function Z(e, t) {
+	return Y(t) && /^\d{4}\/\d{2}\/\d{2}$/.test(e) ? e.replaceAll("/", "-") : e;
+}
+function Q(e, t, n, r, i = "en-US") {
+	let a = Z(e, i), o = e.length < 10 && (/^\d{0,4}(?:-\d{0,2}(?:-\d{0,2})?)?$/.test(e) || Y(i) && /^\d{0,4}(?:\/\d{0,2}(?:\/\d{0,2})?)?$/.test(e)), s = "valid";
+	return e === "" ? s = t ? "required" : "valid" : J(a) ? n && !J(n) || r && !J(r) || n && r && n > r ? s = "invalid" : n && a < n ? s = "rangeUnderflow" : r && a > r && (s = "rangeOverflow") : s = o ? "incomplete" : "invalid", {
+		inputValue: e,
+		value: s === "valid" ? a : null,
+		valid: s === "valid",
+		reason: s
+	};
+}
+function $(e) {
+	return J(e) ? [I(e)] : [];
+}
+function me({ label: e, value: t, onChange: n, locale: i = "ko-KR", timeZone: a = "Asia/Seoul", disabled: c = !1, readOnly: l = !1, required: u = !1, onValidityChange: d, min: f, max: p }) {
+	let [_, v] = s(() => X(t, i)), [y, b] = s(() => $(t)), [x, S] = s(!1), C = o(null), w = o(!1), T = o(t), E = o(i), O = o([]), k = o(t), A = o(""), j = Z(_, E.current), M = E.current !== i && J(j) ? X(j, i) : _, N = Q(M, u, f, p, i), P = N.valid ? void 0 : i.toLowerCase().startsWith("ko") ? N.reason === "required" ? "날짜를 입력해 주세요." : "YYYY/MM/DD 형식의 유효한 범위 내 날짜를 입력해 주세요." : N.reason === "required" ? "Enter a date." : "Enter a valid date within the allowed range (YYYY-MM-DD).";
+	r(() => {
+		let e = E.current;
+		if (E.current = i, T.current === t) {
+			e !== i && v(M);
+			return;
+		}
+		T.current = t;
+		let n = O.current.indexOf(t);
+		if (n !== -1) {
+			O.current.splice(n, 1);
+			return;
+		}
+		O.current = [], k.current = t, v(X(t, i)), (t === "" || J(t)) && b($(t));
+	}, [t, i]), r(() => {
+		C.current?.setCustomValidity(P ?? "");
+		let e = JSON.stringify(N);
+		d && A.current !== e && (A.current = e, d(N));
+	}, [
+		_,
+		u,
+		f,
+		p,
+		i,
+		P,
+		d
+	]), r(() => {
+		(c || l) && (w.current = !1, S(!1));
+	}, [c, l]), r(() => {
+		if (!w.current || c || l) return;
+		let e = requestAnimationFrame(() => {
+			w.current = !1, C.current?.focus({ preventScroll: !0 });
+		});
+		return () => cancelAnimationFrame(e);
+	}, [
+		x,
+		y,
+		c,
+		l
+	]);
+	function L(e) {
+		let t = Q(e, u, f, p, i);
+		if (e !== "" && !t.valid) return;
+		let r = e === "" ? "" : t.value;
+		b($(r)), r !== k.current && (k.current = r, O.current.push(r), n(r));
+	}
+	function z(e) {
+		v(e);
+		let t = Q(e, u, f, p, i);
+		C.current?.setCustomValidity(t.valid ? "" : P ?? "Enter a valid date (YYYY-MM-DD)."), (e === "" || t.valid) && (v(X(t.value ?? "", i)), L(e));
+	}
+	return /* @__PURE__ */ h(B, {
 		label: e,
-		children: (c) => /* @__PURE__ */ g(M.Root, {
-			locale: r,
-			timeZone: i,
-			disabled: a,
-			min: o ? N(o) : void 0,
-			max: s ? N(s) : void 0,
+		required: u,
+		error: P,
+		children: (t) => /* @__PURE__ */ g(F.Root, {
+			locale: i,
+			timeZone: a,
+			disabled: c,
+			readOnly: l,
+			required: u,
+			invalid: !N.valid,
+			open: x && !c && !l,
+			onOpenChange: (e) => S(e.open && !c && !l),
+			min: f && J(f) ? I(f) : void 0,
+			max: p && J(p) ? I(p) : void 0,
 			startOfWeek: 0,
 			minView: "day",
 			maxView: "day",
@@ -503,79 +600,104 @@ function ce({ label: e, value: t, onChange: n, locale: r = "ko-KR", timeZone: i
 				dayCell: (e) => `${e.valueText} 선택`,
 				clearTrigger: "선택 날짜 지우기"
 			},
-			value: t ? [N(t)] : [],
-			format: (e) => e.toString(),
-			onValueChange: (e) => n(e.valueAsString[0] || ""),
+			value: y,
+			format: (e) => X(e.toString(), i),
+			onValueChange: (e) => {
+				let t = e.value[0]?.toString() || "";
+				t !== "" && !Q(t, u, f, p, i).valid || (w.current = !0, v(X(t, i)), L(t));
+			},
 			positioning: {
 				placement: "bottom-start",
 				gutter: 8
 			},
-			children: [/* @__PURE__ */ g(M.Control, {
+			children: [/* @__PURE__ */ g(F.Control, {
 				className: "dds-date-picker-control",
-				children: [/* @__PURE__ */ h(M.Input, {
-					...c,
-					placeholder: "YYYY-MM-DD",
-					autoComplete: "off"
-				}), /* @__PURE__ */ h(M.Trigger, {
+				children: [/* @__PURE__ */ h("input", {
+					...t,
+					ref: C,
+					type: "text",
+					value: M,
+					onChange: () => {},
+					required: u,
+					readOnly: l,
+					disabled: c,
+					placeholder: Y(i) ? "YYYY/MM/DD" : "YYYY-MM-DD",
+					autoComplete: "off",
+					autoCorrect: "off",
+					spellCheck: !1,
+					onInputCapture: (e) => {
+						c || l || (e.stopPropagation(), z(e.currentTarget.value));
+					},
+					onBlur: () => {
+						!c && !l && L(M);
+					},
+					onKeyDownCapture: (e) => {
+						e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), !c && !l && L(M));
+					}
+				}), /* @__PURE__ */ h(F.Trigger, {
 					asChild: !0,
-					children: /* @__PURE__ */ h(F, {
+					children: /* @__PURE__ */ h(R, {
 						type: "button",
 						tone: "secondary",
 						"aria-label": `${e} 달력 열기`,
-						children: /* @__PURE__ */ h(Q, {})
+						children: /* @__PURE__ */ h(pe, {})
 					})
 				})]
-			}), /* @__PURE__ */ h(E, { children: /* @__PURE__ */ h(M.Positioner, {
+			}), /* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(F.Positioner, {
 				className: "dds-date-picker-positioner",
-				children: /* @__PURE__ */ h(M.Content, {
+				children: /* @__PURE__ */ h(F.Content, {
 					className: "dds-date-picker-content",
 					"aria-label": `${e} 날짜 선택`,
-					children: /* @__PURE__ */ h(M.View, {
+					children: /* @__PURE__ */ h(F.View, {
 						view: "day",
-						children: /* @__PURE__ */ h(M.Context, { children: (e) => /* @__PURE__ */ g(m, { children: [
-							/* @__PURE__ */ g(M.ViewControl, {
+						children: /* @__PURE__ */ h(F.Context, { children: (e) => /* @__PURE__ */ g(m, { children: [
+							/* @__PURE__ */ g(F.ViewControl, {
 								className: "dds-date-picker-header",
 								children: [
-									/* @__PURE__ */ h(M.PrevTrigger, {
+									/* @__PURE__ */ h(F.PrevTrigger, {
 										asChild: !0,
-										children: /* @__PURE__ */ h(F, {
+										children: /* @__PURE__ */ h(R, {
 											type: "button",
 											tone: "secondary",
 											"aria-label": "이전 달",
-											children: /* @__PURE__ */ h($, {})
+											children: /* @__PURE__ */ h(q, {})
 										})
 									}),
-									/* @__PURE__ */ h(M.RangeText, {}),
-									/* @__PURE__ */ h(M.NextTrigger, {
+									/* @__PURE__ */ h(F.RangeText, {}),
+									/* @__PURE__ */ h(F.NextTrigger, {
 										asChild: !0,
-										children: /* @__PURE__ */ h(F, {
+										children: /* @__PURE__ */ h(R, {
 											type: "button",
 											tone: "secondary",
 											"aria-label": "다음 달",
-											children: /* @__PURE__ */ h($, { next: !0 })
+											children: /* @__PURE__ */ h(q, { next: !0 })
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ g(M.Table, {
+							/* @__PURE__ */ g(F.Table, {
 								className: "dds-date-picker-table",
-								children: [/* @__PURE__ */ h(M.TableHead, { children: /* @__PURE__ */ h(M.TableRow, { children: e.weekDays.map((e, t) => /* @__PURE__ */ h(M.TableHeader, { children: e.short }, t)) }) }), /* @__PURE__ */ h(M.TableBody, { children: e.weeks.map((e, t) => /* @__PURE__ */ h(M.TableRow, { children: e.map((e) => /* @__PURE__ */ h(M.TableCell, {
+								children: [/* @__PURE__ */ h(F.TableHead, { children: /* @__PURE__ */ h(F.TableRow, { children: e.weekDays.map((e, t) => /* @__PURE__ */ h(F.TableHeader, { children: e.short }, t)) }) }), /* @__PURE__ */ h(F.TableBody, { children: e.weeks.map((e, t) => /* @__PURE__ */ h(F.TableRow, { children: e.map((e) => /* @__PURE__ */ h(F.TableCell, {
 									value: e,
-									children: /* @__PURE__ */ h(M.TableCellTrigger, { children: e.day })
+									children: /* @__PURE__ */ h(F.TableCellTrigger, { children: e.day })
 								}, e.toString())) }, t)) })]
 							}),
 							/* @__PURE__ */ g("div", {
 								className: "dds-date-picker-footer",
-								children: [/* @__PURE__ */ h(F, {
+								children: [/* @__PURE__ */ h(R, {
 									type: "button",
 									tone: "secondary",
 									onClick: () => e.selectToday(),
 									children: "오늘"
-								}), /* @__PURE__ */ h(M.ClearTrigger, {
+								}), /* @__PURE__ */ h(F.ClearTrigger, {
+									hidden: !1,
 									asChild: !0,
-									children: /* @__PURE__ */ h(F, {
+									children: /* @__PURE__ */ h(R, {
 										type: "button",
 										tone: "secondary",
+										onClick: () => {
+											!c && !l && (v(""), L(""));
+										},
 										children: "지우기"
 									})
 								})]
@@ -589,7 +711,7 @@ function ce({ label: e, value: t, onChange: n, locale: r = "ko-KR", timeZone: i
 }
 //#endregion
 //#region src/status-pill.tsx
-function le(e) {
+function he(e) {
 	let t = new Set(e.openDomains ?? []);
 	return function(n) {
 		let r = e.tones[n.domain]?.[n.value], i = e.label(n.domain, n.value, n.locale);
@@ -609,6 +731,6 @@ function le(e) {
 	};
 }
 //#endregion
-export { u as ArkCheckbox, j as ArkDatePicker, C as ArkDialog, c as ArkField, b as ArkRadioGroup, f as ArkSwitch, _ as ArkTabs, ne as ArkToast, ee as ArkTooltip, F as Button, B as Checkbox, se as ConsoleShell, ce as DatePicker, Y as Dialog, L as Field, re as Icon, I as IconButton, H as Radio, J as RadioGroup, R as Select, V as Switch, G as Tab, W as TabList, K as TabPanel, U as Tabs, ie as ToastProvider, X as Tooltip, P as classes, le as createStatusPill, ae as useToast };
+export { u as ArkCheckbox, P as ArkDatePicker, C as ArkDialog, c as ArkField, b as ArkRadioGroup, f as ArkSwitch, _ as ArkTabs, j as ArkToast, T as ArkTooltip, R as Button, U as Checkbox, fe as ConsoleShell, me as DatePicker, oe as Dialog, B as Field, ce as Icon, z as IconButton, G as Radio, ae as RadioGroup, V as Select, W as Switch, ne as Tab, te as TabList, re as TabPanel, ee as Tabs, le as ToastProvider, se as Tooltip, L as classes, he as createStatusPill, ue as useToast };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/controls.tsx","../src/selection.tsx","../src/overlays.tsx","../src/icon.tsx","../src/toast.tsx","../src/console-shell.tsx","../src/date-picker.tsx","../src/status-pill.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ButtonHTMLAttributes,\n  type InputHTMLAttributes,\n  type SelectHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Field as ArkField } from \"@ark-ui/react/field\";\nimport { Checkbox as ArkCheckbox } from \"@ark-ui/react/checkbox\";\nimport { Switch as ArkSwitch } from \"@ark-ui/react/switch\";\nexport const classes = (...values: (string | false | undefined)[]) =>\n  values.filter(Boolean).join(\" \");\nexport type ButtonTone = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ControlSize = \"sm\" | \"md\" | \"lg\";\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  tone?: ButtonTone;\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      tone = \"primary\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-btn\",\n          `dds-btn--${tone}`,\n          size !== \"md\" && `dds-btn--${size}`,\n          className\n        )}\n      >\n        {loading && <span className=\"dds-spinner\" aria-hidden />}\n        {children}\n      </button>\n    );\n  }\n);\nexport interface IconButtonProps extends Omit<ButtonProps, \"tone\"> {\n  \"aria-label\": string;\n  tone?: \"ghost\" | \"secondary\" | \"danger\";\n}\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      tone = \"ghost\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-iconbtn\",\n          tone !== \"ghost\" && `dds-iconbtn--${tone}`,\n          size !== \"md\" && `dds-iconbtn--${size}`,\n          className\n        )}\n      >\n        {loading ? <span className=\"dds-spinner\" aria-hidden /> : children}\n      </button>\n    );\n  }\n);\nexport interface FieldControlProps {\n  id: string;\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: true;\n  \"aria-required\"?: true;\n}\nexport interface FieldProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  label: ReactNode;\n  helpText?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n  children: ReactNode | ((props: FieldControlProps) => ReactNode);\n}\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    id: requested,\n    label,\n    helpText,\n    error,\n    required,\n    className,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const generated = useId();\n  const id = requested ?? `dds-field-${generated}`;\n  const control: FieldControlProps = {\n    id,\n    \"aria-describedby\":\n      [helpText && `${id}-help`, error && `${id}-error`]\n        .filter(Boolean)\n        .join(\" \") || undefined,\n    \"aria-invalid\": error ? true : undefined,\n    \"aria-required\": required ? true : undefined,\n  };\n  return (\n    <ArkField.Root\n      {...rest}\n      ref={ref}\n      invalid={Boolean(error)}\n      required={required}\n      id={id}\n      ids={{\n        control: `${id}-root`,\n        helperText: `${id}-help`,\n        errorText: `${id}-error`,\n      }}\n      className={classes(\n        \"dds-field\",\n        Boolean(error) && \"dds-field--error\",\n        className\n      )}\n    >\n      <ArkField.Label htmlFor={id} className=\"dds-field__label\">\n        {label}\n        {required && <span aria-hidden> *</span>}\n      </ArkField.Label>\n      {typeof children === \"function\" ? children(control) : children}\n      {helpText && (\n        <ArkField.HelperText className=\"dds-field__help\">\n          {helpText}\n        </ArkField.HelperText>\n      )}\n      {error && (\n        <ArkField.ErrorText className=\"dds-field__error\" role=\"alert\">\n          {error}\n        </ArkField.ErrorText>\n      )}\n    </ArkField.Root>\n  );\n});\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  invalid?: boolean;\n  wrapperClassName?: string;\n}\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  function Select(\n    { invalid, wrapperClassName, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <span className={classes(\"dds-select\", wrapperClassName)}>\n        <select\n          {...rest}\n          ref={ref}\n          className={classes(\"dds-select__input\", className)}\n          aria-invalid={invalid || rest[\"aria-invalid\"]}\n        >\n          {children}\n        </select>\n      </span>\n    );\n  }\n);\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"children\"> {\n  label: ReactNode;\n  onCheckedChange?: (checked: boolean) => void;\n  inputClassName?: string;\n}\nexport type RadioProps = CheckboxProps;\nexport type SwitchProps = CheckboxProps;\nconst Checkable = forwardRef<\n  HTMLInputElement,\n  CheckboxProps & { kind: \"checkbox\" | \"switch\" }\n>(function Checkable(\n  {\n    kind,\n    label,\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    id,\n    name,\n    value,\n    disabled,\n    required,\n    readOnly,\n    form,\n    className,\n    inputClassName,\n    onChange,\n    ...rest\n  },\n  ref\n) {\n  const Root = kind === \"switch\" ? ArkSwitch.Root : ArkCheckbox.Root;\n  const Label = kind === \"switch\" ? ArkSwitch.Label : ArkCheckbox.Label;\n  const Context = kind === \"switch\" ? ArkSwitch.Context : ArkCheckbox.Context;\n  const base = kind === \"switch\" ? \"dds-switch\" : \"dds-check\";\n  return (\n    <Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={(details) => onCheckedChange?.(details.checked === true)}\n      ids={id ? { hiddenInput: id } : undefined}\n      name={name}\n      value={String(value ?? \"on\")}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      form={form}\n      className={classes(base, className)}\n    >\n      <Context>\n        {(api) => {\n          // DDS styles the actual input. Keep Ark's events and state, but omit\n          // its visually hidden style and use React's controlled checked prop\n          // so a caller-declined change also restores the native DOM value.\n          const {\n            style: _,\n            defaultChecked: __,\n            ...inputProps\n          } = api.getHiddenInputProps();\n          return (\n            <input\n              {...inputProps}\n              {...rest}\n              ref={ref}\n              checked={api.checked}\n              role={kind === \"switch\" ? \"switch\" : undefined}\n              onChange={onChange ?? (() => {})}\n              onClick={(event) => {\n                rest.onClick?.(event);\n                if (!event.defaultPrevented) inputProps.onClick?.(event);\n              }}\n              className={classes(`${base}__input`, inputClassName)}\n            />\n          );\n        }}\n      </Context>\n      <Label>{label}</Label>\n    </Root>\n  );\n});\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => <Checkable {...props} kind=\"checkbox\" ref={ref} />\n);\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  (props, ref) => <Checkable {...props} kind=\"switch\" ref={ref} />\n);\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { label, className, inputClassName, onCheckedChange, onChange, ...rest },\n  ref\n) {\n  return (\n    <label className={classes(\"dds-check\", className)}>\n      <input\n        {...rest}\n        ref={ref}\n        type=\"radio\"\n        className={classes(\"dds-check__input\", inputClassName)}\n        onChange={(event) => {\n          onChange?.(event);\n          if (!event.defaultPrevented)\n            onCheckedChange?.(event.currentTarget.checked);\n        }}\n      />\n      <span>{label}</span>\n    </label>\n  );\n});\n","import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Tabs as ArkTabs, useTabsContext } from \"@ark-ui/react/tabs\";\nimport {\n  RadioGroup as ArkRadioGroup,\n  useRadioGroupContext,\n} from \"@ark-ui/react/radio-group\";\nimport { classes } from \"./controls\";\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof ArkTabs.Root>, \"onValueChange\"> {\n  onValueChange?: (value: string) => void;\n  unstyled?: boolean;\n}\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  { onValueChange, unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Root\n      {...rest}\n      ref={ref}\n      onValueChange={(details) => onValueChange?.(details.value)}\n      className={classes(!unstyled && \"dds-tabs-root\", className)}\n    />\n  );\n});\nexport type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {\n  unstyled?: boolean;\n};\nexport type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;\nexport const TabList = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof ArkTabs.List> & { unstyled?: boolean }\n>(function TabList({ unstyled, className, ...rest }, ref) {\n  return (\n    <ArkTabs.List\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tabs\", className)}\n    />\n  );\n});\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Trigger\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tab\", className)}\n    />\n  );\n});\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel({ value, style, ...rest }, ref) {\n    const tabs = useTabsContext();\n    const inactive = tabs.value !== value;\n    return (\n      <ArkTabs.Content\n        {...rest}\n        value={value}\n        ref={ref}\n        hidden={inactive}\n        style={inactive ? { ...style, display: \"none\" } : style}\n      />\n    );\n  }\n);\nfunction VisibleRadioInput({ option }: { option: RadioOption }) {\n  const group = useRadioGroupContext();\n  // Ark owns selection and roving focus; DDS displays the native radio.\n  const {\n    style: _,\n    defaultChecked: __,\n    ...inputProps\n  } = group.getItemHiddenInputProps(option);\n  return (\n    <input\n      {...inputProps}\n      checked={group.value === option.value}\n      onChange={() => {}}\n      className=\"dds-check__input\"\n    />\n  );\n}\nexport interface RadioOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    ComponentProps<typeof ArkRadioGroup.Root>,\n    \"onValueChange\" | \"children\"\n  > {\n  options: readonly RadioOption[];\n  label: ReactNode;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n}\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(\n    { options, label, onValueChange, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <ArkRadioGroup.Root\n        {...rest}\n        ref={ref}\n        onValueChange={(details) => {\n          if (details.value !== null) onValueChange?.(details.value);\n        }}\n        className={classes(\"dds-radio-group\", className)}\n      >\n        <ArkRadioGroup.Label className=\"dds-field__label\">\n          {label}\n        </ArkRadioGroup.Label>\n        {options.map((option) => (\n          <ArkRadioGroup.Item\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            className=\"dds-check\"\n          >\n            <VisibleRadioInput option={option} />\n            <ArkRadioGroup.ItemText>{option.label}</ArkRadioGroup.ItemText>\n          </ArkRadioGroup.Item>\n        ))}\n        {children}\n      </ArkRadioGroup.Root>\n    );\n  }\n);\n","import {\n  forwardRef,\n  type ComponentProps,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { Tooltip as ArkTooltip } from \"@ark-ui/react/tooltip\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { classes } from \"./controls\";\nexport interface DialogFrameParts {\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n  actions: ReactNode;\n}\nexport interface DialogProps\n  extends Omit<\n    ComponentProps<typeof ArkDialog.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  closeOnOutside?: boolean;\n  portal?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  contentProps?: ComponentProps<typeof ArkDialog.Content>;\n  initialFocus?: () => HTMLElement | null | undefined;\n  finalFocus?: () => HTMLElement | null | undefined;\n  frame?: (parts: DialogFrameParts) => ReactNode;\n  unstyled?: boolean;\n}\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  {\n    title,\n    description,\n    children,\n    actions,\n    onOpenChange,\n    closeOnOutside,\n    portal = true,\n    className,\n    overlayClassName,\n    contentProps,\n    initialFocus,\n    finalFocus,\n    frame,\n    unstyled,\n    ...rest\n  },\n  ref\n) {\n  const parts: DialogFrameParts = {\n    title: (\n      <ArkDialog.Title className={unstyled ? undefined : \"dds-dialog__title\"}>\n        {title}\n      </ArkDialog.Title>\n    ),\n    description: description && (\n      <ArkDialog.Description\n        className={unstyled ? undefined : \"dds-dialog__body\"}\n      >\n        {description}\n      </ArkDialog.Description>\n    ),\n    children,\n    actions: actions && (\n      <div className={unstyled ? undefined : \"dds-dialog__actions\"}>\n        {actions}\n      </div>\n    ),\n  };\n  const content = (\n    <ArkDialog.Positioner\n      className={classes(!unstyled && \"dds-dialog-overlay\", overlayClassName)}\n    >\n      <ArkDialog.Content\n        {...contentProps}\n        ref={ref}\n        aria-describedby={\n          description ? contentProps?.[\"aria-describedby\"] : undefined\n        }\n        className={classes(\n          !unstyled && \"dds-dialog\",\n          className,\n          contentProps?.className\n        )}\n      >\n        {frame ? (\n          frame(parts)\n        ) : (\n          <>\n            {parts.title}\n            {parts.description}\n            {children}\n            {parts.actions}\n          </>\n        )}\n      </ArkDialog.Content>\n    </ArkDialog.Positioner>\n  );\n  return (\n    <ArkDialog.Root\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n      closeOnInteractOutside={closeOnOutside ?? rest.closeOnInteractOutside}\n      initialFocusEl={\n        initialFocus ? () => initialFocus() ?? null : rest.initialFocusEl\n      }\n      finalFocusEl={finalFocus ? () => finalFocus() ?? null : rest.finalFocusEl}\n      lazyMount\n      unmountOnExit\n    >\n      {portal ? <Portal>{content}</Portal> : content}\n    </ArkDialog.Root>\n  );\n});\nexport type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\nexport interface TooltipProps\n  extends Omit<\n    ComponentProps<typeof ArkTooltip.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  content: ReactNode;\n  children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  contentProps?: ComponentProps<typeof ArkTooltip.Content>;\n}\nexport function Tooltip({\n  content,\n  children,\n  onOpenChange,\n  className,\n  contentProps,\n  ...rest\n}: TooltipProps) {\n  return (\n    <ArkTooltip.Root\n      openDelay={0}\n      closeDelay={0}\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n    >\n      <span className={classes(\"dds-tooltip\", className)}>\n        {typeof children === \"function\" ? (\n          <ArkTooltip.Context>\n            {(api) => children(api.getTriggerProps())}\n          </ArkTooltip.Context>\n        ) : (\n          <ArkTooltip.Trigger asChild>{children}</ArkTooltip.Trigger>\n        )}\n        <Portal>\n          <ArkTooltip.Positioner>\n            <ArkTooltip.Content\n              {...contentProps}\n              className={classes(\n                \"dds-tooltip__bubble\",\n                contentProps?.className\n              )}\n            >\n              {content}\n            </ArkTooltip.Content>\n          </ArkTooltip.Positioner>\n        </Portal>\n      </span>\n    </ArkTooltip.Root>\n  );\n}\n","import { forwardRef, type SVGProps } from \"react\";\nimport { icons, directionPolicy, type DdsIconName } from \"@devslab/dds-icons\";\nimport { classes } from \"./controls\";\nexport interface IconProps\n  extends Omit<SVGProps<SVGSVGElement>, \"name\" | \"children\"> {\n  name: DdsIconName;\n  label?: string;\n  size?: number | string;\n  directional?: boolean;\n}\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(function Icon(\n  { name, label, size = 24, directional, className, ...rest },\n  ref\n) {\n  const icon = icons[name];\n  return (\n    <svg\n      {...rest}\n      ref={ref}\n      viewBox={icon.viewBox}\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={icon.strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={classes(\n        (directional ?? directionPolicy.mirrorInRtl.includes(name)) &&\n          directionPolicy.cssClass,\n        className\n      )}\n    >\n      {label && <title>{label}</title>}\n      <g dangerouslySetInnerHTML={{ __html: icon.body }} />\n    </svg>\n  );\n});\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from \"react\";\nimport { Toast as ArkToast, Toaster, createToaster } from \"@ark-ui/react/toast\";\nimport { classes } from \"./controls\";\nexport type ToastTone = \"success\" | \"warning\" | \"danger\" | \"info\";\nexport interface ToastInput {\n  message: ReactNode;\n  tone?: ToastTone;\n  duration?: number;\n}\nexport interface ToastRecord extends ToastInput {\n  id: string;\n}\nexport interface ToastApi {\n  show: (toast: ToastInput) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\nexport interface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n  dismissLabel?: string | ((toast: ToastRecord) => string);\n  regionLabel?: string;\n  className?: string;\n}\nconst ToastContext = createContext<ToastApi | null>(null);\nexport function ToastProvider({\n  children,\n  defaultDuration = 5000,\n  dismissLabel,\n  regionLabel,\n  className,\n}: ToastProviderProps) {\n  const prefix = useId();\n  const sequence = useRef(0);\n  const toaster = useMemo(\n    () =>\n      createToaster({\n        placement: \"bottom-end\",\n        overlap: false,\n        gap: 8,\n        offsets: \"var(--dds-space-16)\",\n        removeDelay: 0,\n        hotkey: [\"DDS_NO_HOTKEY\"],\n      }),\n    []\n  );\n  const api = useMemo<ToastApi>(() => {\n    return {\n      show(input) {\n        const id = `dds-toast-${prefix}-${++sequence.current}`;\n        const duration = input.duration ?? defaultDuration;\n        toaster.create({\n          id,\n          description: input.message,\n          type: input.tone === \"danger\" ? \"error\" : input.tone ?? \"info\",\n          duration: duration > 0 ? duration : Infinity,\n          meta: { dds: { ...input, id } },\n        });\n        return id;\n      },\n      dismiss: (id) => toaster.remove(id),\n      clear: () => toaster.remove(),\n    };\n  }, [toaster, prefix, defaultDuration]);\n  useEffect(() => () => toaster.remove(), [toaster]);\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <Toaster\n        toaster={toaster}\n        label={regionLabel ?? \"\"}\n        aria-label={regionLabel ?? \"\"}\n        role={regionLabel ? \"region\" : \"presentation\"}\n        className={classes(\"dds-toast-region\", className)}\n      >\n        {(toast) => {\n          const record = toast.meta?.dds as ToastRecord;\n          return (\n            <ArkToast.Root\n              className={classes(\n                \"dds-toast\",\n                `dds-toast--${record.tone ?? \"info\"}`\n              )}\n              role={record.tone === \"danger\" ? \"alert\" : \"status\"}\n            >\n              <ArkToast.Description>{toast.description}</ArkToast.Description>\n              {dismissLabel && (\n                <ArkToast.CloseTrigger\n                  className=\"dds-iconbtn dds-iconbtn--sm\"\n                  aria-label={\n                    typeof dismissLabel === \"function\"\n                      ? dismissLabel(record)\n                      : dismissLabel\n                  }\n                >\n                  ×\n                </ArkToast.CloseTrigger>\n              )}\n            </ArkToast.Root>\n          );\n        }}\n      </Toaster>\n    </ToastContext.Provider>\n  );\n}\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be called inside <ToastProvider>\");\n  return api;\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\nexport interface ConsoleNavItem {\n  id: string;\n  href: string;\n  label: string;\n  badge?: number;\n  active?: boolean;\n}\nexport interface ConsoleNavGroup {\n  label: string;\n  items: readonly ConsoleNavItem[];\n}\nexport interface ConsoleShellLabels {\n  skip: string;\n  menuOpen: string;\n  menuClose: string;\n  nav: string;\n  badge: string;\n}\nexport interface ConsoleHeader {\n  eyebrow?: string;\n  title: string;\n  actions?: ReactNode;\n}\nexport interface ConsoleShellProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"context\"> {\n  surface: string;\n  activePath: string;\n  brand: { href: string; name: string; mark: string };\n  context?: readonly { label: string; value: string }[];\n  nav: readonly ConsoleNavGroup[];\n  labels: ConsoleShellLabels;\n  header: ConsoleHeader;\n  foot?: ReactNode;\n  children: ReactNode;\n}\nfunction isActive(path: string, item: ConsoleNavItem) {\n  return (\n    item.active ??\n    (item.href.split(\"/\").filter(Boolean).length <= 1\n      ? path === item.href\n      : path === item.href || path.startsWith(`${item.href}/`))\n  );\n}\nexport const ConsoleShell = forwardRef<HTMLDivElement, ConsoleShellProps>(\n  function ConsoleShell(\n    {\n      surface,\n      activePath,\n      brand,\n      context,\n      nav,\n      labels,\n      header,\n      foot,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useState(false);\n    const [hydrated, setHydrated] = useState(false);\n    const id = useId();\n    const railId = `dds-console-rail-${id}`;\n    const mainId = `dds-console-main-${id}`;\n    useEffect(() => {\n      setHydrated(true);\n      const onKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") setOpen(false);\n      };\n      document.addEventListener(\"keydown\", onKey);\n      return () => document.removeEventListener(\"keydown\", onKey);\n    }, []);\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-console-shell\", className)}\n        data-surface={surface}\n        data-hydrated={hydrated ? \"true\" : undefined}\n      >\n        <a className=\"dds-console-skip dds-visually-hidden\" href={`#${mainId}`}>\n          {labels.skip}\n        </a>\n        <button\n          className=\"dds-console-rail__toggle\"\n          type=\"button\"\n          data-action=\"toggle-rail\"\n          aria-controls={railId}\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          <span aria-hidden />\n          <span className=\"dds-visually-hidden\">\n            {open ? labels.menuClose : labels.menuOpen}\n          </span>\n        </button>\n        <div\n          className=\"dds-console-rail__scrim\"\n          data-open={String(open)}\n          onClick={() => setOpen(false)}\n        />\n        <aside\n          id={railId}\n          className=\"dds-console-rail\"\n          data-open={String(open)}\n        >\n          <a className=\"dds-console-rail__brand\" href={brand.href}>\n            <img src={brand.mark} alt=\"\" width={20} height={20} />\n            <strong>{brand.name}</strong>\n          </a>\n          {context && context.length > 0 && (\n            <dl className=\"dds-console-rail__context\">\n              {context.map((row, index) => (\n                <div key={index}>\n                  <dt>{row.label}</dt>\n                  <dd>{row.value}</dd>\n                </div>\n              ))}\n            </dl>\n          )}\n          <nav className=\"dds-console-rail__nav\" aria-label={labels.nav}>\n            {nav.map((group, index) => (\n              <section\n                key={index}\n                className=\"dds-console-rail__group\"\n                aria-labelledby={`${id}-group-${index}`}\n              >\n                <h2\n                  id={`${id}-group-${index}`}\n                  className=\"dds-console-rail__group-label\"\n                >\n                  {group.label}\n                </h2>\n                <ul>\n                  {group.items.map((item) => (\n                    <li key={item.id}>\n                      <a\n                        className=\"dds-console-rail__item\"\n                        data-nav={`${surface}.${item.id}`}\n                        href={item.href}\n                        aria-current={\n                          isActive(activePath, item) ? \"page\" : undefined\n                        }\n                        onClick={() => setOpen(false)}\n                      >\n                        <span>{item.label}</span>\n                        {item.badge !== undefined && item.badge > 0 && (\n                          <span\n                            className=\"dds-console-rail__badge\"\n                            aria-label={labels.badge.replace(\"{count}\", () =>\n                              String(item.badge)\n                            )}\n                          >\n                            {item.badge}\n                          </span>\n                        )}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))}\n          </nav>\n          {foot && <div className=\"dds-console-rail__foot\">{foot}</div>}\n        </aside>\n        <main id={mainId} className=\"dds-console-main\" tabIndex={-1}>\n          <header className=\"dds-console-page-header\">\n            <div className=\"dds-console-page-header__text\">\n              {header.eyebrow && (\n                <p className=\"dds-console-page-eyebrow\">{header.eyebrow}</p>\n              )}\n              <h1>{header.title}</h1>\n            </div>\n            {header.actions && (\n              <div className=\"dds-console-page-header__actions\">\n                {header.actions}\n              </div>\n            )}\n          </header>\n          {children}\n        </main>\n      </div>\n    );\n  }\n);\n","import {DatePicker as ArkDatePicker,parseDate} from '@ark-ui/react/date-picker';\nimport {Portal} from '@ark-ui/react/portal';\nimport {Button,Field} from './controls';\n\nexport interface DatePickerProps {\n  label:string;\n  /** ISO calendar date (YYYY-MM-DD), or an empty string. */\n  value:string;\n  onChange:(value:string)=>void;\n  locale?:string;\n  timeZone?:string;\n  disabled?:boolean;\n  min?:string;\n  max?:string;\n}\nfunction CalendarIcon(){return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2\"/><path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\"/></svg>;}\nfunction Chevron({next=false}:{next?:boolean}){return <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><path d={next?'m9 5 7 7-7 7':'m15 5-7 7 7 7'}/></svg>;}\n\n\nexport function DatePicker({label,value,onChange,locale='ko-KR',timeZone='Asia/Seoul',disabled=false,min,max}:DatePickerProps){\n  return (\n    <Field label={label}>\n      {control=><ArkDatePicker.Root locale={locale} timeZone={timeZone} disabled={disabled} min={min?parseDate(min):undefined} max={max?parseDate(max):undefined} startOfWeek={0} minView=\"day\" maxView=\"day\" fixedWeeks translations={{dayCell:state=>`${state.valueText} 선택`,clearTrigger:'선택 날짜 지우기'}} value={value?[parseDate(value)]:[]} format={v=>v.toString()} onValueChange={details=>onChange(details.valueAsString[0]||'')} positioning={{placement:'bottom-start',gutter:8}}>\n        <ArkDatePicker.Control className=\"dds-date-picker-control\">\n          <ArkDatePicker.Input {...control} placeholder=\"YYYY-MM-DD\" autoComplete=\"off\"/>\n          <ArkDatePicker.Trigger asChild><Button type=\"button\" tone=\"secondary\" aria-label={`${label} 달력 열기`}><CalendarIcon/></Button></ArkDatePicker.Trigger>\n        </ArkDatePicker.Control>\n        <Portal><ArkDatePicker.Positioner className=\"dds-date-picker-positioner\"><ArkDatePicker.Content className=\"dds-date-picker-content\" aria-label={`${label} 날짜 선택`}>\n          <ArkDatePicker.View view=\"day\">\n            <ArkDatePicker.Context>{picker=><>\n              <ArkDatePicker.ViewControl className=\"dds-date-picker-header\">\n                <ArkDatePicker.PrevTrigger asChild><Button type=\"button\" tone=\"secondary\" aria-label=\"이전 달\"><Chevron/></Button></ArkDatePicker.PrevTrigger>\n                <ArkDatePicker.RangeText/>\n                <ArkDatePicker.NextTrigger asChild><Button type=\"button\" tone=\"secondary\" aria-label=\"다음 달\"><Chevron next/></Button></ArkDatePicker.NextTrigger>\n              </ArkDatePicker.ViewControl>\n              <ArkDatePicker.Table className=\"dds-date-picker-table\">\n                <ArkDatePicker.TableHead><ArkDatePicker.TableRow>{picker.weekDays.map((day,index)=><ArkDatePicker.TableHeader key={index}>{day.short}</ArkDatePicker.TableHeader>)}</ArkDatePicker.TableRow></ArkDatePicker.TableHead>\n                <ArkDatePicker.TableBody>{picker.weeks.map((week,index)=><ArkDatePicker.TableRow key={index}>{week.map(day=><ArkDatePicker.TableCell key={day.toString()} value={day}><ArkDatePicker.TableCellTrigger>{day.day}</ArkDatePicker.TableCellTrigger></ArkDatePicker.TableCell>)}</ArkDatePicker.TableRow>)}</ArkDatePicker.TableBody>\n              </ArkDatePicker.Table>\n              <div className=\"dds-date-picker-footer\"><Button type=\"button\" tone=\"secondary\" onClick={()=>picker.selectToday()}>오늘</Button><ArkDatePicker.ClearTrigger asChild><Button type=\"button\" tone=\"secondary\">지우기</Button></ArkDatePicker.ClearTrigger></div>\n            </>}</ArkDatePicker.Context>\n          </ArkDatePicker.View>\n        </ArkDatePicker.Content></ArkDatePicker.Positioner></Portal>\n      </ArkDatePicker.Root>}\n    </Field>\n  );\n}\n","export type StatusTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"brand\" | \"neutral\";\nexport function createStatusPill<D extends string>(config:{\n tones:Record<D,Record<string,StatusTone>>;\n label:(domain:D,value:string,locale:string)=>string|undefined;\n openDomains?:readonly NoInfer<D>[];\n}){\n const open=new Set<string>(config.openDomains??[]);\n return function StatusPill(props:{domain:D;value:string;locale:string}){\n  const tone=config.tones[props.domain]?.[props.value];\n  const label=config.label(props.domain,props.value,props.locale);\n  if(!tone||!label){\n   if(open.has(props.domain))return <code data-status={`${props.domain}.${props.value}`}>{props.value}</code>;\n   throw new Error(!tone?`StatusPill: no tone for ${props.domain}.${props.value}`:`StatusPill: no label for ${props.domain}.${props.value}`);\n  }\n  return <span className={tone==='neutral'?'dds-badge':`dds-badge dds-badge--${tone}`} data-status={`${props.domain}.${props.value}`} data-tone={tone}>{label}</span>;\n };\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/controls.tsx","../src/selection.tsx","../src/overlays.tsx","../src/icon.tsx","../src/toast.tsx","../src/console-shell.tsx","../src/date-picker.tsx","../src/status-pill.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ButtonHTMLAttributes,\n  type InputHTMLAttributes,\n  type SelectHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Field as ArkField } from \"@ark-ui/react/field\";\nimport { Checkbox as ArkCheckbox } from \"@ark-ui/react/checkbox\";\nimport { Switch as ArkSwitch } from \"@ark-ui/react/switch\";\nexport const classes = (...values: (string | false | undefined)[]) =>\n  values.filter(Boolean).join(\" \");\nexport type ButtonTone = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ControlSize = \"sm\" | \"md\" | \"lg\";\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  tone?: ButtonTone;\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      tone = \"primary\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-btn\",\n          `dds-btn--${tone}`,\n          size !== \"md\" && `dds-btn--${size}`,\n          className\n        )}\n      >\n        {loading && <span className=\"dds-spinner\" aria-hidden />}\n        {children}\n      </button>\n    );\n  }\n);\nexport interface IconButtonProps extends Omit<ButtonProps, \"tone\"> {\n  \"aria-label\": string;\n  tone?: \"ghost\" | \"secondary\" | \"danger\";\n}\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      tone = \"ghost\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-iconbtn\",\n          tone !== \"ghost\" && `dds-iconbtn--${tone}`,\n          size !== \"md\" && `dds-iconbtn--${size}`,\n          className\n        )}\n      >\n        {loading ? <span className=\"dds-spinner\" aria-hidden /> : children}\n      </button>\n    );\n  }\n);\nexport interface FieldControlProps {\n  id: string;\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: true;\n  \"aria-required\"?: true;\n}\nexport interface FieldProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  label: ReactNode;\n  helpText?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n  children: ReactNode | ((props: FieldControlProps) => ReactNode);\n}\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    id: requested,\n    label,\n    helpText,\n    error,\n    required,\n    className,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const generated = useId();\n  const id = requested ?? `dds-field-${generated}`;\n  const control: FieldControlProps = {\n    id,\n    \"aria-describedby\":\n      [helpText && `${id}-help`, error && `${id}-error`]\n        .filter(Boolean)\n        .join(\" \") || undefined,\n    \"aria-invalid\": error ? true : undefined,\n    \"aria-required\": required ? true : undefined,\n  };\n  return (\n    <ArkField.Root\n      {...rest}\n      ref={ref}\n      invalid={Boolean(error)}\n      required={required}\n      id={id}\n      ids={{\n        control: `${id}-root`,\n        helperText: `${id}-help`,\n        errorText: `${id}-error`,\n      }}\n      className={classes(\n        \"dds-field\",\n        Boolean(error) && \"dds-field--error\",\n        className\n      )}\n    >\n      <ArkField.Label htmlFor={id} className=\"dds-field__label\">\n        {label}\n        {required && <span aria-hidden> *</span>}\n      </ArkField.Label>\n      {typeof children === \"function\" ? children(control) : children}\n      {helpText && (\n        <ArkField.HelperText className=\"dds-field__help\">\n          {helpText}\n        </ArkField.HelperText>\n      )}\n      {error && (\n        <ArkField.ErrorText className=\"dds-field__error\" role=\"alert\">\n          {error}\n        </ArkField.ErrorText>\n      )}\n    </ArkField.Root>\n  );\n});\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  invalid?: boolean;\n  wrapperClassName?: string;\n}\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  function Select(\n    { invalid, wrapperClassName, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <span className={classes(\"dds-select\", wrapperClassName)}>\n        <select\n          {...rest}\n          ref={ref}\n          className={classes(\"dds-select__input\", className)}\n          aria-invalid={invalid || rest[\"aria-invalid\"]}\n        >\n          {children}\n        </select>\n      </span>\n    );\n  }\n);\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"children\"> {\n  label: ReactNode;\n  onCheckedChange?: (checked: boolean) => void;\n  inputClassName?: string;\n}\nexport type RadioProps = CheckboxProps;\nexport type SwitchProps = CheckboxProps;\nconst Checkable = forwardRef<\n  HTMLInputElement,\n  CheckboxProps & { kind: \"checkbox\" | \"switch\" }\n>(function Checkable(\n  {\n    kind,\n    label,\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    id,\n    name,\n    value,\n    disabled,\n    required,\n    readOnly,\n    form,\n    className,\n    inputClassName,\n    onChange,\n    ...rest\n  },\n  ref\n) {\n  const Root = kind === \"switch\" ? ArkSwitch.Root : ArkCheckbox.Root;\n  const Label = kind === \"switch\" ? ArkSwitch.Label : ArkCheckbox.Label;\n  const Context = kind === \"switch\" ? ArkSwitch.Context : ArkCheckbox.Context;\n  const base = kind === \"switch\" ? \"dds-switch\" : \"dds-check\";\n  return (\n    <Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={(details) => onCheckedChange?.(details.checked === true)}\n      ids={id ? { hiddenInput: id } : undefined}\n      name={name}\n      value={String(value ?? \"on\")}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      form={form}\n      className={classes(base, className)}\n    >\n      <Context>\n        {(api) => {\n          // DDS styles the actual input. Keep Ark's events and state, but omit\n          // its visually hidden style and use React's controlled checked prop\n          // so a caller-declined change also restores the native DOM value.\n          const {\n            style: _,\n            defaultChecked: __,\n            ...inputProps\n          } = api.getHiddenInputProps();\n          return (\n            <input\n              {...inputProps}\n              {...rest}\n              ref={ref}\n              checked={api.checked}\n              role={kind === \"switch\" ? \"switch\" : undefined}\n              onChange={onChange ?? (() => {})}\n              onClick={(event) => {\n                rest.onClick?.(event);\n                if (!event.defaultPrevented) inputProps.onClick?.(event);\n              }}\n              className={classes(`${base}__input`, inputClassName)}\n            />\n          );\n        }}\n      </Context>\n      <Label>{label}</Label>\n    </Root>\n  );\n});\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => <Checkable {...props} kind=\"checkbox\" ref={ref} />\n);\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  (props, ref) => <Checkable {...props} kind=\"switch\" ref={ref} />\n);\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { label, className, inputClassName, onCheckedChange, onChange, ...rest },\n  ref\n) {\n  return (\n    <label className={classes(\"dds-check\", className)}>\n      <input\n        {...rest}\n        ref={ref}\n        type=\"radio\"\n        className={classes(\"dds-check__input\", inputClassName)}\n        onChange={(event) => {\n          onChange?.(event);\n          if (!event.defaultPrevented)\n            onCheckedChange?.(event.currentTarget.checked);\n        }}\n      />\n      <span>{label}</span>\n    </label>\n  );\n});\n","import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Tabs as ArkTabs, useTabsContext } from \"@ark-ui/react/tabs\";\nimport {\n  RadioGroup as ArkRadioGroup,\n  useRadioGroupContext,\n} from \"@ark-ui/react/radio-group\";\nimport { classes } from \"./controls\";\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof ArkTabs.Root>, \"onValueChange\"> {\n  onValueChange?: (value: string) => void;\n  unstyled?: boolean;\n}\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  { onValueChange, unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Root\n      {...rest}\n      ref={ref}\n      onValueChange={(details) => onValueChange?.(details.value)}\n      className={classes(!unstyled && \"dds-tabs-root\", className)}\n    />\n  );\n});\nexport type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {\n  unstyled?: boolean;\n};\nexport type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;\nexport const TabList = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof ArkTabs.List> & { unstyled?: boolean }\n>(function TabList({ unstyled, className, ...rest }, ref) {\n  return (\n    <ArkTabs.List\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tabs\", className)}\n    />\n  );\n});\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Trigger\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tab\", className)}\n    />\n  );\n});\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel({ value, style, ...rest }, ref) {\n    const tabs = useTabsContext();\n    const inactive = tabs.value !== value;\n    return (\n      <ArkTabs.Content\n        {...rest}\n        value={value}\n        ref={ref}\n        hidden={inactive}\n        style={inactive ? { ...style, display: \"none\" } : style}\n      />\n    );\n  }\n);\nfunction VisibleRadioInput({ option }: { option: RadioOption }) {\n  const group = useRadioGroupContext();\n  // Ark owns selection and roving focus; DDS displays the native radio.\n  const {\n    style: _,\n    defaultChecked: __,\n    ...inputProps\n  } = group.getItemHiddenInputProps(option);\n  return (\n    <input\n      {...inputProps}\n      checked={group.value === option.value}\n      onChange={() => {}}\n      className=\"dds-check__input\"\n    />\n  );\n}\nexport interface RadioOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    ComponentProps<typeof ArkRadioGroup.Root>,\n    \"onValueChange\" | \"children\"\n  > {\n  options: readonly RadioOption[];\n  label: ReactNode;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n}\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(\n    { options, label, onValueChange, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <ArkRadioGroup.Root\n        {...rest}\n        ref={ref}\n        onValueChange={(details) => {\n          if (details.value !== null) onValueChange?.(details.value);\n        }}\n        className={classes(\"dds-radio-group\", className)}\n      >\n        <ArkRadioGroup.Label className=\"dds-field__label\">\n          {label}\n        </ArkRadioGroup.Label>\n        {options.map((option) => (\n          <ArkRadioGroup.Item\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            className=\"dds-check\"\n          >\n            <VisibleRadioInput option={option} />\n            <ArkRadioGroup.ItemText>{option.label}</ArkRadioGroup.ItemText>\n          </ArkRadioGroup.Item>\n        ))}\n        {children}\n      </ArkRadioGroup.Root>\n    );\n  }\n);\n","import {\n  forwardRef,\n  type ComponentProps,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { Tooltip as ArkTooltip } from \"@ark-ui/react/tooltip\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { classes } from \"./controls\";\nexport interface DialogFrameParts {\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n  actions: ReactNode;\n}\nexport interface DialogProps\n  extends Omit<\n    ComponentProps<typeof ArkDialog.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  closeOnOutside?: boolean;\n  portal?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  contentProps?: ComponentProps<typeof ArkDialog.Content>;\n  initialFocus?: () => HTMLElement | null | undefined;\n  finalFocus?: () => HTMLElement | null | undefined;\n  frame?: (parts: DialogFrameParts) => ReactNode;\n  unstyled?: boolean;\n}\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  {\n    title,\n    description,\n    children,\n    actions,\n    onOpenChange,\n    closeOnOutside,\n    portal = true,\n    className,\n    overlayClassName,\n    contentProps,\n    initialFocus,\n    finalFocus,\n    frame,\n    unstyled,\n    ...rest\n  },\n  ref\n) {\n  const parts: DialogFrameParts = {\n    title: (\n      <ArkDialog.Title className={unstyled ? undefined : \"dds-dialog__title\"}>\n        {title}\n      </ArkDialog.Title>\n    ),\n    description: description && (\n      <ArkDialog.Description\n        className={unstyled ? undefined : \"dds-dialog__body\"}\n      >\n        {description}\n      </ArkDialog.Description>\n    ),\n    children,\n    actions: actions && (\n      <div className={unstyled ? undefined : \"dds-dialog__actions\"}>\n        {actions}\n      </div>\n    ),\n  };\n  const content = (\n    <ArkDialog.Positioner\n      className={classes(!unstyled && \"dds-dialog-overlay\", overlayClassName)}\n    >\n      <ArkDialog.Content\n        {...contentProps}\n        ref={ref}\n        aria-describedby={\n          description ? contentProps?.[\"aria-describedby\"] : undefined\n        }\n        className={classes(\n          !unstyled && \"dds-dialog\",\n          className,\n          contentProps?.className\n        )}\n      >\n        {frame ? (\n          frame(parts)\n        ) : (\n          <>\n            {parts.title}\n            {parts.description}\n            {children}\n            {parts.actions}\n          </>\n        )}\n      </ArkDialog.Content>\n    </ArkDialog.Positioner>\n  );\n  return (\n    <ArkDialog.Root\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n      closeOnInteractOutside={closeOnOutside ?? rest.closeOnInteractOutside}\n      initialFocusEl={\n        initialFocus ? () => initialFocus() ?? null : rest.initialFocusEl\n      }\n      finalFocusEl={finalFocus ? () => finalFocus() ?? null : rest.finalFocusEl}\n      lazyMount\n      unmountOnExit\n    >\n      {portal ? <Portal>{content}</Portal> : content}\n    </ArkDialog.Root>\n  );\n});\nexport type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\nexport interface TooltipProps\n  extends Omit<\n    ComponentProps<typeof ArkTooltip.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  content: ReactNode;\n  children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  contentProps?: ComponentProps<typeof ArkTooltip.Content>;\n}\nexport function Tooltip({\n  content,\n  children,\n  onOpenChange,\n  className,\n  contentProps,\n  ...rest\n}: TooltipProps) {\n  return (\n    <ArkTooltip.Root\n      openDelay={0}\n      closeDelay={0}\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n    >\n      <span className={classes(\"dds-tooltip\", className)}>\n        {typeof children === \"function\" ? (\n          <ArkTooltip.Context>\n            {(api) => children(api.getTriggerProps())}\n          </ArkTooltip.Context>\n        ) : (\n          <ArkTooltip.Trigger asChild>{children}</ArkTooltip.Trigger>\n        )}\n        <Portal>\n          <ArkTooltip.Positioner>\n            <ArkTooltip.Content\n              {...contentProps}\n              className={classes(\n                \"dds-tooltip__bubble\",\n                contentProps?.className\n              )}\n            >\n              {content}\n            </ArkTooltip.Content>\n          </ArkTooltip.Positioner>\n        </Portal>\n      </span>\n    </ArkTooltip.Root>\n  );\n}\n","import { forwardRef, type SVGProps } from \"react\";\nimport { icons, directionPolicy, type DdsIconName } from \"@devslab/dds-icons\";\nimport { classes } from \"./controls\";\nexport interface IconProps\n  extends Omit<SVGProps<SVGSVGElement>, \"name\" | \"children\"> {\n  name: DdsIconName;\n  label?: string;\n  size?: number | string;\n  directional?: boolean;\n}\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(function Icon(\n  { name, label, size = 24, directional, className, ...rest },\n  ref\n) {\n  const icon = icons[name];\n  return (\n    <svg\n      {...rest}\n      ref={ref}\n      viewBox={icon.viewBox}\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={icon.strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={classes(\n        (directional ?? directionPolicy.mirrorInRtl.includes(name)) &&\n          directionPolicy.cssClass,\n        className\n      )}\n    >\n      {label && <title>{label}</title>}\n      <g dangerouslySetInnerHTML={{ __html: icon.body }} />\n    </svg>\n  );\n});\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from \"react\";\nimport { Toast as ArkToast, Toaster, createToaster } from \"@ark-ui/react/toast\";\nimport { classes } from \"./controls\";\nexport type ToastTone = \"success\" | \"warning\" | \"danger\" | \"info\";\nexport interface ToastInput {\n  message: ReactNode;\n  tone?: ToastTone;\n  duration?: number;\n}\nexport interface ToastRecord extends ToastInput {\n  id: string;\n}\nexport interface ToastApi {\n  show: (toast: ToastInput) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\nexport interface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n  dismissLabel?: string | ((toast: ToastRecord) => string);\n  regionLabel?: string;\n  className?: string;\n}\nconst ToastContext = createContext<ToastApi | null>(null);\nexport function ToastProvider({\n  children,\n  defaultDuration = 5000,\n  dismissLabel,\n  regionLabel,\n  className,\n}: ToastProviderProps) {\n  const prefix = useId();\n  const sequence = useRef(0);\n  const toaster = useMemo(\n    () =>\n      createToaster({\n        placement: \"bottom-end\",\n        overlap: false,\n        gap: 8,\n        offsets: \"var(--dds-space-16)\",\n        removeDelay: 0,\n        hotkey: [\"DDS_NO_HOTKEY\"],\n      }),\n    []\n  );\n  const api = useMemo<ToastApi>(() => {\n    return {\n      show(input) {\n        const id = `dds-toast-${prefix}-${++sequence.current}`;\n        const duration = input.duration ?? defaultDuration;\n        toaster.create({\n          id,\n          description: input.message,\n          type: input.tone === \"danger\" ? \"error\" : input.tone ?? \"info\",\n          duration: duration > 0 ? duration : Infinity,\n          meta: { dds: { ...input, id } },\n        });\n        return id;\n      },\n      dismiss: (id) => toaster.remove(id),\n      clear: () => toaster.remove(),\n    };\n  }, [toaster, prefix, defaultDuration]);\n  useEffect(() => () => toaster.remove(), [toaster]);\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <Toaster\n        toaster={toaster}\n        label={regionLabel ?? \"\"}\n        aria-label={regionLabel ?? \"\"}\n        role={regionLabel ? \"region\" : \"presentation\"}\n        className={classes(\"dds-toast-region\", className)}\n      >\n        {(toast) => {\n          const record = toast.meta?.dds as ToastRecord;\n          return (\n            <ArkToast.Root\n              className={classes(\n                \"dds-toast\",\n                `dds-toast--${record.tone ?? \"info\"}`\n              )}\n              role={record.tone === \"danger\" ? \"alert\" : \"status\"}\n            >\n              <ArkToast.Description>{toast.description}</ArkToast.Description>\n              {dismissLabel && (\n                <ArkToast.CloseTrigger\n                  className=\"dds-iconbtn dds-iconbtn--sm\"\n                  aria-label={\n                    typeof dismissLabel === \"function\"\n                      ? dismissLabel(record)\n                      : dismissLabel\n                  }\n                >\n                  ×\n                </ArkToast.CloseTrigger>\n              )}\n            </ArkToast.Root>\n          );\n        }}\n      </Toaster>\n    </ToastContext.Provider>\n  );\n}\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be called inside <ToastProvider>\");\n  return api;\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\nexport interface ConsoleNavItem {\n  id: string;\n  href: string;\n  label: string;\n  badge?: number;\n  active?: boolean;\n}\nexport interface ConsoleNavGroup {\n  label: string;\n  items: readonly ConsoleNavItem[];\n}\nexport interface ConsoleShellLabels {\n  skip: string;\n  menuOpen: string;\n  menuClose: string;\n  nav: string;\n  badge: string;\n}\nexport interface ConsoleHeader {\n  eyebrow?: string;\n  title: string;\n  actions?: ReactNode;\n}\nexport interface ConsoleShellProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"context\"> {\n  surface: string;\n  activePath: string;\n  brand: { href: string; name: string; mark: string };\n  context?: readonly { label: string; value: string }[];\n  nav: readonly ConsoleNavGroup[];\n  labels: ConsoleShellLabels;\n  header: ConsoleHeader;\n  foot?: ReactNode;\n  children: ReactNode;\n}\nfunction isActive(path: string, item: ConsoleNavItem) {\n  return (\n    item.active ??\n    (item.href.split(\"/\").filter(Boolean).length <= 1\n      ? path === item.href\n      : path === item.href || path.startsWith(`${item.href}/`))\n  );\n}\nexport const ConsoleShell = forwardRef<HTMLDivElement, ConsoleShellProps>(\n  function ConsoleShell(\n    {\n      surface,\n      activePath,\n      brand,\n      context,\n      nav,\n      labels,\n      header,\n      foot,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useState(false);\n    const [hydrated, setHydrated] = useState(false);\n    const id = useId();\n    const railId = `dds-console-rail-${id}`;\n    const mainId = `dds-console-main-${id}`;\n    useEffect(() => {\n      setHydrated(true);\n      const onKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") setOpen(false);\n      };\n      document.addEventListener(\"keydown\", onKey);\n      return () => document.removeEventListener(\"keydown\", onKey);\n    }, []);\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-console-shell\", className)}\n        data-surface={surface}\n        data-hydrated={hydrated ? \"true\" : undefined}\n      >\n        <a className=\"dds-console-skip dds-visually-hidden\" href={`#${mainId}`}>\n          {labels.skip}\n        </a>\n        <button\n          className=\"dds-console-rail__toggle\"\n          type=\"button\"\n          data-action=\"toggle-rail\"\n          aria-controls={railId}\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          <span aria-hidden />\n          <span className=\"dds-visually-hidden\">\n            {open ? labels.menuClose : labels.menuOpen}\n          </span>\n        </button>\n        <div\n          className=\"dds-console-rail__scrim\"\n          data-open={String(open)}\n          onClick={() => setOpen(false)}\n        />\n        <aside\n          id={railId}\n          className=\"dds-console-rail\"\n          data-open={String(open)}\n        >\n          <a className=\"dds-console-rail__brand\" href={brand.href}>\n            <img src={brand.mark} alt=\"\" width={20} height={20} />\n            <strong>{brand.name}</strong>\n          </a>\n          {context && context.length > 0 && (\n            <dl className=\"dds-console-rail__context\">\n              {context.map((row, index) => (\n                <div key={index}>\n                  <dt>{row.label}</dt>\n                  <dd>{row.value}</dd>\n                </div>\n              ))}\n            </dl>\n          )}\n          <nav className=\"dds-console-rail__nav\" aria-label={labels.nav}>\n            {nav.map((group, index) => (\n              <section\n                key={index}\n                className=\"dds-console-rail__group\"\n                aria-labelledby={`${id}-group-${index}`}\n              >\n                <h2\n                  id={`${id}-group-${index}`}\n                  className=\"dds-console-rail__group-label\"\n                >\n                  {group.label}\n                </h2>\n                <ul>\n                  {group.items.map((item) => (\n                    <li key={item.id}>\n                      <a\n                        className=\"dds-console-rail__item\"\n                        data-nav={`${surface}.${item.id}`}\n                        href={item.href}\n                        aria-current={\n                          isActive(activePath, item) ? \"page\" : undefined\n                        }\n                        onClick={() => setOpen(false)}\n                      >\n                        <span>{item.label}</span>\n                        {item.badge !== undefined && item.badge > 0 && (\n                          <span\n                            className=\"dds-console-rail__badge\"\n                            aria-label={labels.badge.replace(\"{count}\", () =>\n                              String(item.badge)\n                            )}\n                          >\n                            {item.badge}\n                          </span>\n                        )}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))}\n          </nav>\n          {foot && <div className=\"dds-console-rail__foot\">{foot}</div>}\n        </aside>\n        <main id={mainId} className=\"dds-console-main\" tabIndex={-1}>\n          <header className=\"dds-console-page-header\">\n            <div className=\"dds-console-page-header__text\">\n              {header.eyebrow && (\n                <p className=\"dds-console-page-eyebrow\">{header.eyebrow}</p>\n              )}\n              <h1>{header.title}</h1>\n            </div>\n            {header.actions && (\n              <div className=\"dds-console-page-header__actions\">\n                {header.actions}\n              </div>\n            )}\n          </header>\n          {children}\n        </main>\n      </div>\n    );\n  }\n);\n","import {useEffect,useRef,useState} from 'react';\nimport {DatePicker as ArkDatePicker,parseDate} from '@ark-ui/react/date-picker';\nimport {Portal} from '@ark-ui/react/portal';\nimport {Button,Field} from './controls';\n\nexport 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:'valid'|'required'|'incomplete'|'invalid'|'rangeUnderflow'|'rangeOverflow';\n}\nexport interface DatePickerProps {\n  label:string;\n  /** ISO calendar date (YYYY-MM-DD), or an empty string. */\n  value:string;\n  onChange:(value:string)=>void;\n  locale?:string;\n  timeZone?:string;\n  disabled?:boolean;\n  readOnly?:boolean;\n  required?:boolean;\n  /** Initial mount and semantic draft changes, deduped across callback identity changes. Key by editor identity for a fresh initial report. Button/API saves must guard validity and use its canonical value. */\n  onValidityChange?:(state:DatePickerValidity)=>void;\n  min?:string;\n  max?:string;\n}\nfunction CalendarIcon(){return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2\"/><path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\"/></svg>;}\nfunction Chevron({next=false}:{next?:boolean}){return <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" aria-hidden=\"true\"><path d={next?'m9 5 7 7-7 7':'m15 5-7 7 7 7'}/></svg>;}\n\n\n// Date-only Gregorian validation: never let a permissive parser repair user text.\nfunction isCalendarDate(value:string){\n  if(!/^\\d{4}-\\d{2}-\\d{2}$/.test(value))return false;\n  const year=Number(value.slice(0,4)),month=Number(value.slice(5,7)),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 day<=[31,leap?29:28,31,30,31,30,31,31,30,31,30,31][month-1]!;\n}\nfunction isKorean(locale:string){return /^ko(?:-|$)/i.test(locale);}\nfunction displayDate(value:string,locale:string){\n  return isKorean(locale)&&isCalendarDate(value)?value.replaceAll('-','/'):value;\n}\nfunction canonicalInput(inputValue:string,locale:string){\n  return isKorean(locale)&&/^\\d{4}\\/\\d{2}\\/\\d{2}$/.test(inputValue)?inputValue.replaceAll('/','-'):inputValue;\n}\nfunction validateInput(inputValue:string,required:boolean,min?:string,max?:string,locale='en-US'):DatePickerValidity{\n  const canonical=canonicalInput(inputValue,locale);\n  const incomplete=inputValue.length<10&&(/^\\d{0,4}(?:-\\d{0,2}(?:-\\d{0,2})?)?$/.test(inputValue)\n    ||(isKorean(locale)&&/^\\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))reason=incomplete?'incomplete':'invalid';\n  else if((min&&!isCalendarDate(min))||(max&&!isCalendarDate(max))||(min&&max&&min>max))reason='invalid';\n  else if(min&&canonical<min)reason='rangeUnderflow';\n  else if(max&&canonical>max)reason='rangeOverflow';\n  return {inputValue,value:reason==='valid'?canonical:null,valid:reason==='valid',reason};\n}\nfunction calendarSelection(value:string){return isCalendarDate(value)?[parseDate(value)]:[];}\n\nexport function DatePicker({label,value,onChange,locale='ko-KR',timeZone='Asia/Seoul',disabled=false,readOnly=false,required=false,onValidityChange,min,max}:DatePickerProps){\n  const [draft,setDraft]=useState(()=>displayDate(value,locale));\n  const [selection,setSelection]=useState(()=>calendarSelection(value));\n  const [open,setOpen]=useState(false);\n  const inputRef=useRef<HTMLInputElement>(null);\n  const restoreInputFocus=useRef(false);\n  const observedValue=useRef(value);\n  const observedLocale=useRef(locale);\n  // Every outstanding emission is retained, including repeated B/C/B values.\n  // Entries end on acknowledgement, an unmatched external reset, or unmount.\n  const pendingEchoes=useRef<string[]>([]);\n  const emittedValue=useRef(value);\n  const notified=useRef('');\n  // Convert a complete draft before reporting validity in the new locale.\n  const canonicalDraft=canonicalInput(draft,observedLocale.current);\n  const effectiveDraft=observedLocale.current!==locale&&isCalendarDate(canonicalDraft)\n    ?displayDate(canonicalDraft,locale):draft;\n  const validity=validateInput(effectiveDraft,required,min,max,locale);\n  const error=validity.valid?undefined:locale.toLowerCase().startsWith('ko')\n    ?(validity.reason==='required'?'날짜를 입력해 주세요.':'YYYY/MM/DD 형식의 유효한 범위 내 날짜를 입력해 주세요.')\n    :(validity.reason==='required'?'Enter a date.':'Enter a valid date within the allowed range (YYYY-MM-DD).');\n  useEffect(()=>{\n    const previousLocale=observedLocale.current;\n    observedLocale.current=locale;\n    if(observedValue.current===value){\n      if(previousLocale!==locale)setDraft(effectiveDraft);\n      return;\n    }\n    observedValue.current=value;\n    // A matched outstanding value is an acknowledgement, not a draft reset.\n    const acknowledged=pendingEchoes.current.indexOf(value);\n    if(acknowledged!==-1){pendingEchoes.current.splice(acknowledged,1);return;}\n    pendingEchoes.current=[];\n    emittedValue.current=value;\n    setDraft(displayDate(value,locale));\n    if(value===''||isCalendarDate(value))setSelection(calendarSelection(value));\n  },[value,locale]);\n  useEffect(()=>{\n    inputRef.current?.setCustomValidity(error??'');\n    const key=JSON.stringify(validity);\n    if(onValidityChange&&notified.current!==key){notified.current=key;onValidityChange(validity);}\n  },[draft,required,min,max,locale,error,onValidityChange]);\n  useEffect(()=>{if(disabled||readOnly){restoreInputFocus.current=false;setOpen(false);}},[disabled,readOnly]);\n  // Ark's calendar restores focus to its trigger when it does not own an Input.\n  // Return to the DDS input after that calendar frame; cancel on lock/unmount.\n  useEffect(()=>{\n    if(!restoreInputFocus.current||disabled||readOnly)return;\n    const frame=requestAnimationFrame(()=>{\n      restoreInputFocus.current=false;\n      inputRef.current?.focus({preventScroll:true});\n    });\n    return ()=>cancelAnimationFrame(frame);\n  },[open,selection,disabled,readOnly]);\n  function commit(next:string){\n    const state=validateInput(next,required,min,max,locale);\n    if(next!==''&&!state.valid)return;\n    const canonical=next===''?'':state.value!;\n    setSelection(calendarSelection(canonical));\n    // Blur/Enter must not emit the same local commit again while props lag.\n    if(canonical!==emittedValue.current){\n      emittedValue.current=canonical;\n      pendingEchoes.current.push(canonical);\n      onChange(canonical);\n    }\n  }\n  function changeDraft(next:string){\n    setDraft(next);\n    const state=validateInput(next,required,min,max,locale);\n    // Native form submission and callback-based saves both see this edit.\n    inputRef.current?.setCustomValidity(state.valid?'':(error??'Enter a valid date (YYYY-MM-DD).'));\n    if(next===''||state.valid){\n      setDraft(displayDate(state.value??'',locale));\n      commit(next);\n    }\n  }\n  return (\n    <Field label={label} required={required} error={error}>\n      {control=><ArkDatePicker.Root locale={locale} timeZone={timeZone} disabled={disabled} readOnly={readOnly} required={required} invalid={!validity.valid} open={open&&!disabled&&!readOnly} onOpenChange={details=>setOpen(details.open&&!disabled&&!readOnly)} min={min&&isCalendarDate(min)?parseDate(min):undefined} max={max&&isCalendarDate(max)?parseDate(max):undefined} startOfWeek={0} minView=\"day\" maxView=\"day\" fixedWeeks translations={{dayCell:state=>`${state.valueText} 선택`,clearTrigger:'선택 날짜 지우기'}} value={selection} format={v=>displayDate(v.toString(),locale)} onValueChange={details=>{const next=details.value[0]?.toString()||'';if(next!==''&&!validateInput(next,required,min,max,locale).valid)return;restoreInputFocus.current=true;setDraft(displayDate(next,locale));commit(next);}} positioning={{placement:'bottom-start',gutter:8}}>\n        {/* DDS owns the raw text input; Ark owns calendar interaction, not draft DOM writes. */}\n        <ArkDatePicker.Control className=\"dds-date-picker-control\">\n          <input {...control} ref={inputRef} type=\"text\" value={effectiveDraft} onChange={()=>{}} required={required} readOnly={readOnly} disabled={disabled} placeholder={isKorean(locale)?\"YYYY/MM/DD\":\"YYYY-MM-DD\"} autoComplete=\"off\" autoCorrect=\"off\" spellCheck={false}\n            onInputCapture={event=>{if(disabled||readOnly)return;event.stopPropagation();changeDraft(event.currentTarget.value);}}\n            onBlur={()=>{if(!disabled&&!readOnly)commit(effectiveDraft);}}\n            onKeyDownCapture={event=>{if(event.key==='Enter'&&!event.nativeEvent.isComposing){event.preventDefault();event.stopPropagation();if(!disabled&&!readOnly)commit(effectiveDraft);}}}/>\n          <ArkDatePicker.Trigger asChild><Button type=\"button\" tone=\"secondary\" aria-label={`${label} 달력 열기`}><CalendarIcon/></Button></ArkDatePicker.Trigger>\n        </ArkDatePicker.Control>\n        <Portal><ArkDatePicker.Positioner className=\"dds-date-picker-positioner\"><ArkDatePicker.Content className=\"dds-date-picker-content\" aria-label={`${label} 날짜 선택`}>\n          <ArkDatePicker.View view=\"day\">\n            <ArkDatePicker.Context>{picker=><>\n              <ArkDatePicker.ViewControl className=\"dds-date-picker-header\">\n                <ArkDatePicker.PrevTrigger asChild><Button type=\"button\" tone=\"secondary\" aria-label=\"이전 달\"><Chevron/></Button></ArkDatePicker.PrevTrigger>\n                <ArkDatePicker.RangeText/>\n                <ArkDatePicker.NextTrigger asChild><Button type=\"button\" tone=\"secondary\" aria-label=\"다음 달\"><Chevron next/></Button></ArkDatePicker.NextTrigger>\n              </ArkDatePicker.ViewControl>\n              <ArkDatePicker.Table className=\"dds-date-picker-table\">\n                <ArkDatePicker.TableHead><ArkDatePicker.TableRow>{picker.weekDays.map((day,index)=><ArkDatePicker.TableHeader key={index}>{day.short}</ArkDatePicker.TableHeader>)}</ArkDatePicker.TableRow></ArkDatePicker.TableHead>\n                <ArkDatePicker.TableBody>{picker.weeks.map((week,index)=><ArkDatePicker.TableRow key={index}>{week.map(day=><ArkDatePicker.TableCell key={day.toString()} value={day}><ArkDatePicker.TableCellTrigger>{day.day}</ArkDatePicker.TableCellTrigger></ArkDatePicker.TableCell>)}</ArkDatePicker.TableRow>)}</ArkDatePicker.TableBody>\n              </ArkDatePicker.Table>\n              <div className=\"dds-date-picker-footer\"><Button type=\"button\" tone=\"secondary\" onClick={()=>picker.selectToday()}>오늘</Button><ArkDatePicker.ClearTrigger hidden={false} asChild><Button type=\"button\" tone=\"secondary\" onClick={()=>{if(!disabled&&!readOnly){setDraft('');commit('');}}}>지우기</Button></ArkDatePicker.ClearTrigger></div>\n            </>}</ArkDatePicker.Context>\n          </ArkDatePicker.View>\n        </ArkDatePicker.Content></ArkDatePicker.Positioner></Portal>\n      </ArkDatePicker.Root>}\n    </Field>\n  );\n}\n","export type StatusTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"brand\" | \"neutral\";\nexport function createStatusPill<D extends string>(config:{\n tones:Record<D,Record<string,StatusTone>>;\n label:(domain:D,value:string,locale:string)=>string|undefined;\n openDomains?:readonly NoInfer<D>[];\n}){\n const open=new Set<string>(config.openDomains??[]);\n return function StatusPill(props:{domain:D;value:string;locale:string}){\n  const tone=config.tones[props.domain]?.[props.value];\n  const label=config.label(props.domain,props.value,props.locale);\n  if(!tone||!label){\n   if(open.has(props.domain))return <code data-status={`${props.domain}.${props.value}`}>{props.value}</code>;\n   throw new Error(!tone?`StatusPill: no tone for ${props.domain}.${props.value}`:`StatusPill: no label for ${props.domain}.${props.value}`);\n  }\n  return <span className={tone==='neutral'?'dds-badge':`dds-badge dds-badge--${tone}`} data-status={`${props.domain}.${props.value}`} data-tone={tone}>{label}</span>;\n };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devslab/dds-react",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "description": "Accessible React primitives for the DevsLab Design System",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -39,9 +39,9 @@
   },
   "dependencies": {
     "@ark-ui/react": "5.39.3",
-    "@devslab/dds-css": "0.21.1",
-    "@devslab/dds-icons": "0.21.1",
-    "@devslab/dds-tokens": "0.21.1"
+    "@devslab/dds-css": "0.21.2",
+    "@devslab/dds-icons": "0.21.2",
+    "@devslab/dds-tokens": "0.21.2"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0",