@devslab/dds-react 0.24.0 → 0.25.1

package/dist/date-only-Bu4UmsTP.js

@@ -0,0 +1,151 @@
+//#region src/date-only.ts
+function e(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 t(e) {
+	return /^ko(?:-|$)/i.test(e);
+}
+function n(n, r) {
+	return t(r) && e(n) ? n.replaceAll("-", "/") : n;
+}
+function r(e, n) {
+	return t(n) && /^\d{4}\/\d{2}\/\d{2}$/.test(e) ? e.replaceAll("/", "-") : e;
+}
+function i(n, i, a, o, s = "en-US") {
+	let c = r(n, s), l = n.length < 10 && (/^\d{0,4}(?:-\d{0,2}(?:-\d{0,2})?)?$/.test(n) || t(s) && /^\d{0,4}(?:\/\d{0,2}(?:\/\d{0,2})?)?$/.test(n)), u = "valid";
+	return n === "" ? u = i ? "required" : "valid" : e(c) ? a && !e(a) || o && !e(o) || a && o && a > o ? u = "invalid" : a && c < a ? u = "rangeUnderflow" : o && c > o && (u = "rangeOverflow") : u = l ? "incomplete" : "invalid", {
+		inputValue: n,
+		value: u === "valid" ? c : null,
+		valid: u === "valid",
+		reason: u
+	};
+}
+function a(e, n = {}) {
+	let r = t(e);
+	return {
+		previousMonth: r ? "이전 달" : "Previous month",
+		nextMonth: r ? "다음 달" : "Next month",
+		previousYear: r ? "이전 해" : "Previous year",
+		nextYear: r ? "다음 해" : "Next year",
+		today: r ? "오늘" : "Today",
+		thisMonth: r ? "이번 달" : "This month",
+		clear: r ? "선택 날짜 지우기" : "Clear selected date",
+		openCalendar: r ? "달력 열기" : "Open calendar",
+		selectDate: (e) => r ? `${e} 선택` : `Choose ${e}`,
+		required: r ? "날짜를 입력해 주세요." : "Enter a date.",
+		invalid: r ? "YYYY/MM/DD 형식의 유효한 범위 내 날짜를 입력해 주세요." : "Enter a valid date within the allowed range (YYYY-MM-DD).",
+		...n
+	};
+}
+function o(e) {
+	let t = new Intl.DateTimeFormat("en-US-u-ca-gregory-nu-latn", {
+		timeZone: e,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	}).formatToParts(/* @__PURE__ */ new Date()), n = (e) => t.find((t) => t.type === e).value;
+	return `${n("year").padStart(4, "0")}-${n("month")}-${n("day")}`;
+}
+function s(e, n = {}) {
+	let r = t(e);
+	return {
+		...a(e),
+		clear: r ? "선택 기간 지우기" : "Clear selected period",
+		startLabel: r ? "시작일" : "Start date",
+		endLabel: r ? "종료일" : "End date",
+		chooseRange: r ? "기간 선택" : "Choose a period",
+		presets: r ? "빠른 기간 선택" : "Quick periods",
+		required: r ? "시작일과 종료일을 입력해 주세요." : "Enter a start date and an end date.",
+		order: r ? "종료일은 시작일과 같거나 그 이후여야 합니다." : "The end date must be on or after the start date.",
+		...n
+	};
+}
+function c(e, t, n, r, a, o = "en-US") {
+	let s = i(e, n, r, a, o), c = i(t, n, r, a, o), l = s.valid ? c.valid ? "valid" : c.reason : s.reason;
+	return l === "valid" && s.value && c.value && s.value > c.value && (l = "order"), {
+		start: s,
+		end: c,
+		value: l === "valid" ? {
+			start: s.value,
+			end: c.value
+		} : null,
+		valid: l === "valid",
+		reason: l
+	};
+}
+function l(e) {
+	if (!/^\d{4}-\d{2}$/.test(e)) return !1;
+	let t = Number(e.slice(0, 4)), n = Number(e.slice(5, 7));
+	return t >= 1 && n >= 1 && n <= 12;
+}
+function u(e, n) {
+	return t(n) && l(e) ? e.replace("-", "/") : e;
+}
+function d(e) {
+	let t = /^(\d{4})[-/.](\d{2})$/.exec(e) ?? /^(\d{4})(\d{2})$/.exec(e);
+	return t ? `${t[1]}-${t[2]}` : e;
+}
+function f(e, t, n, r) {
+	let i = d(e), a = /^\d{0,5}$/.test(e) || /^\d{4}[-/.]\d?$/.test(e), o = "valid";
+	return e === "" ? o = t ? "required" : "valid" : l(i) ? n && !l(n) || r && !l(r) || n && r && n > r ? o = "invalid" : n && i < n ? o = "rangeUnderflow" : r && i > r && (o = "rangeOverflow") : o = a ? "incomplete" : "invalid", {
+		inputValue: e,
+		value: o === "valid" ? i : null,
+		valid: o === "valid",
+		reason: o
+	};
+}
+function p(e, t) {
+	return {
+		min: e && l(e) ? `${e}-01` : void 0,
+		max: t && l(t) ? `${t}-${((e) => {
+			let t = Number(e.slice(0, 4)), n = Number(e.slice(5, 7));
+			return [
+				31,
+				t % 4 == 0 && (t % 100 != 0 || t % 400 == 0) ? 29 : 28,
+				31,
+				30,
+				31,
+				30,
+				31,
+				31,
+				30,
+				31,
+				30,
+				31
+			][n - 1];
+		})(t)}` : void 0
+	};
+}
+function m(e, n = {}) {
+	let r = t(e);
+	return {
+		previousYear: r ? "이전 해" : "Previous year",
+		nextYear: r ? "다음 해" : "Next year",
+		thisMonth: r ? "이번 달" : "This month",
+		clear: r ? "선택 월 지우기" : "Clear selected month",
+		openCalendar: r ? "달력 열기" : "Open calendar",
+		chooseMonth: r ? "월 선택" : "Choose a month",
+		required: r ? "월을 입력해 주세요." : "Enter a month.",
+		invalid: r ? "YYYY/MM 형식의 유효한 범위 내 월을 입력해 주세요." : "Enter a valid month within the allowed range (YYYY-MM).",
+		...n
+	};
+}
+//#endregion
+export { u as a, t as c, s as d, o as f, c as h, n as i, p as l, f as m, d as n, e as o, i as p, a as r, l as s, r as t, m as u };
+
+//# sourceMappingURL=date-only-Bu4UmsTP.js.map

package/dist/date-only-Bu4UmsTP.js.map

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

package/dist/date-only.d.ts

@@ -14,7 +14,12 @@ export declare function validateInput(inputValue: string, required: boolean, min
 export interface CalendarMessages {
     previousMonth?: string;
     nextMonth?: string;
+    /** Month-grid header controls (MonthPicker). */
+    previousYear?: string;
+    nextYear?: string;
     today?: string;
+    /** Footer action of the month grid (MonthPicker). */
+    thisMonth?: string;
     clear?: string;
     openCalendar?: string;
     selectDate?: (dateText: string) => string;
@@ -24,7 +29,10 @@ export interface CalendarMessages {
 export declare function dateMessages(locale: string, messages?: CalendarMessages): {
     previousMonth: string;
     nextMonth: string;
+    previousYear: string;
+    nextYear: string;
     today: string;
+    thisMonth: string;
     clear: string;
     openCalendar: string;
     selectDate: (text: string) => string;
@@ -33,4 +41,88 @@ export declare function dateMessages(locale: string, messages?: CalendarMessages
 };
 /** Today is the sole timestamp boundary; stored dates remain Gregorian date-only strings. */
 export declare function todayDate(timeZone: string): string;
+/** A period of two date-only values; either side may be "" (not chosen). */
+export interface DateRange {
+    start: string;
+    end: string;
+}
+export interface DateRangeMessages extends CalendarMessages {
+    /** Accessible name of the first input. */
+    startLabel?: string;
+    /** Accessible name of the second input. */
+    endLabel?: string;
+    /** Accessible name of the calendar popup. */
+    chooseRange?: string;
+    /** Shown when both dates are typed but the end is before the start. */
+    order?: string;
+    /** Accessible name of the preset button group. */
+    presets?: string;
+}
+export declare function rangeMessages(locale: string, messages?: DateRangeMessages): {
+    previousMonth: string;
+    nextMonth: string;
+    previousYear: string;
+    nextYear: string;
+    today: string;
+    thisMonth: string;
+    openCalendar: string;
+    selectDate: (text: string) => string;
+    invalid: string;
+    clear: string;
+    startLabel: string;
+    endLabel: string;
+    chooseRange: string;
+    presets: string;
+    required: string;
+    order: string;
+};
+export interface DateRangeValidity {
+    start: DatePickerValidity;
+    end: DatePickerValidity;
+    /** Canonical range, or null while either side is invalid/incomplete or out of order. */
+    value: DateRange | null;
+    valid: boolean;
+    reason: DatePickerValidity["reason"] | "order";
+}
+/** Each side follows DatePicker's rules; a typed end before the start is invalid, never swapped. */
+export declare function validateRange(startText: string, endText: string, required: boolean, min?: string, max?: string, locale?: string): DateRangeValidity;
+export declare function isCalendarMonth(value: string): boolean;
+export declare function displayMonth(value: string, locale: string): string;
+/** Accepts YYYY-MM, YYYY/MM, YYYY.MM and YYYYMM; other text is returned unchanged. */
+export declare function canonicalMonth(inputValue: string): string;
+export interface MonthPickerValidity {
+    /** Exact displayed draft; never persist this display text as an API month. */
+    inputValue: string;
+    /** Valid YYYY-MM, optional empty string, or null when invalid/incomplete. */
+    value: string | null;
+    valid: boolean;
+    reason: DatePickerValidity["reason"];
+}
+export declare function validateMonth(inputValue: string, required: boolean, min?: string, max?: string): MonthPickerValidity;
+/** Month bounds widened to whole days, so any day inside an allowed month stays selectable. */
+export declare function monthBounds(min?: string, max?: string): {
+    min: string | undefined;
+    max: string | undefined;
+};
+export interface MonthPickerMessages {
+    previousYear?: string;
+    nextYear?: string;
+    thisMonth?: string;
+    clear?: string;
+    openCalendar?: string;
+    /** Accessible name of the month popup. */
+    chooseMonth?: string;
+    required?: string;
+    invalid?: string;
+}
+export declare function monthMessages(locale: string, messages?: MonthPickerMessages): {
+    previousYear: string;
+    nextYear: string;
+    thisMonth: string;
+    clear: string;
+    openCalendar: string;
+    chooseMonth: string;
+    required: string;
+    invalid: string;
+};
 //# sourceMappingURL=date-only.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-only.d.ts","sourceRoot":"","sources":["../src/date-only.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EACF,OAAO,GACP,UAAU,GACV,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,eAAe,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,WAW3C;AACD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,WAEtC;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAIxD;AACD,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAIhE;AACD,wBAAgB,aAAa,CAC3B,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,OAAO,EACjB,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,MAAM,SAAU,GACf,kBAAkB,CAyBpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAE,gBAAqB;;;;;;uBAQrD,MAAM;;;EAO5B;AAED,6FAA6F;AAC7F,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,UAUzC"}
+{"version":3,"file":"date-only.d.ts","sourceRoot":"","sources":["../src/date-only.ts"],"names":[],"mappings":"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"}

package/dist/date-picker.js

@@ -1,11 +1,12 @@
 import { r as e, t } from "./controls-BajigKUv.js";
-import { a as n, i as r, n as i, o as ee, r as a, s as o, t as s } from "./calendar-view-I_sNlioP.js";
+import { c as n, i as r, o as i, p as a, r as ee, t as o } from "./date-only-Bu4UmsTP.js";
+import { t as s } from "./calendar-view-BxjCQV9k.js";
 import { useEffect as c, useRef as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Portal as p } from "@ark-ui/react/portal";
-import { DatePicker as m, parseDate as h } from "@ark-ui/react/date-picker";
+import { Portal as te } from "@ark-ui/react/portal";
+import { DatePicker as p, parseDate as m } from "@ark-ui/react/date-picker";
 //#region src/date-picker.tsx
-function g() {
+function h() {
 	return /* @__PURE__ */ f("svg", {
 		width: "20",
 		height: "20",
@@ -23,11 +24,11 @@ function g() {
 		}), /* @__PURE__ */ d("path", { d: "M7.5 3v5M16.5 3v5M3.5 10.5h17" })]
 	});
 }
-function _(e) {
-	return n(e) ? [h(e)] : [];
+function g(e) {
+	return i(e) ? [m(e)] : [];
 }
-function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S = "Asia/Seoul", disabled: C = !1, readOnly: w = !1, required: T = !1, onValidityChange: E, min: D, max: O, startOfWeek: k = 0, labelPlacement: te = "outside", messages: A, clearable: ne = !0, showToday: re = !0 }) {
-	let [j, M] = u(() => r(y, x)), [N, P] = u(() => _(y)), [F, I] = u(!1), L = l(null), R = l(null), z = l(void 0);
+function _({ label: _, value: v, onChange: y, locale: b = "ko-KR", timeZone: x = "Asia/Seoul", disabled: S = !1, readOnly: C = !1, required: w = !1, onValidityChange: T, min: E, max: D, startOfWeek: O = 0, labelPlacement: k = "outside", messages: A, clearable: ne = !0, showToday: re = !0 }) {
+	let [j, M] = u(() => r(v, b)), [N, P] = u(() => g(v)), [F, I] = u(!1), L = l(null), R = l(null), z = l(void 0);
 	c(() => () => {
 		z.current !== void 0 && cancelAnimationFrame(z.current);
 	}, []);
@@ -36,36 +37,36 @@ function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S =
 		let e = L.current;
 		e && V(e.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? e.ownerDocument.body);
 	}, []);
-	let H = l(!1), U = l(y), W = l(x), G = l([]), K = l(y), q = l(""), J = i(j, W.current), Y = W.current !== x && n(J) ? r(J, x) : j, X = o(Y, T, D, O, x), Z = a(x, A), Q = X.valid ? void 0 : X.reason === "required" ? Z.required : Z.invalid;
+	let H = l(!1), U = l(v), W = l(b), G = l([]), K = l(v), q = l(""), J = o(j, W.current), Y = W.current !== b && i(J) ? r(J, b) : j, X = a(Y, w, E, D, b), Z = ee(b, A), Q = X.valid ? void 0 : X.reason === "required" ? Z.required : Z.invalid;
 	c(() => {
 		let e = W.current;
-		if (W.current = x, U.current === y) {
-			e !== x && M(Y);
+		if (W.current = b, U.current === v) {
+			e !== b && M(Y);
 			return;
 		}
-		U.current = y;
-		let t = G.current.indexOf(y);
+		U.current = v;
+		let t = G.current.indexOf(v);
 		if (t !== -1) {
 			G.current.splice(t, 1);
 			return;
 		}
-		G.current = [], K.current = y, M(r(y, x)), (y === "" || n(y)) && P(_(y));
-	}, [y, x]), c(() => {
+		G.current = [], K.current = v, M(r(v, b)), (v === "" || i(v)) && P(g(v));
+	}, [v, b]), c(() => {
 		L.current?.setCustomValidity(Q ?? "");
 		let e = JSON.stringify(X);
-		E && q.current !== e && (q.current = e, E(X));
+		T && q.current !== e && (q.current = e, T(X));
 	}, [
 		j,
-		T,
+		w,
+		E,
 		D,
-		O,
-		x,
+		b,
 		Q,
-		E
+		T
 	]), c(() => {
-		(C || w) && (H.current = !1, I(!1));
-	}, [C, w]), c(() => {
-		if (!H.current || C || w) return;
+		(S || C) && (H.current = !1, I(!1));
+	}, [S, C]), c(() => {
+		if (!H.current || S || C) return;
 		let e = requestAnimationFrame(() => {
 			H.current = !1, L.current?.focus({ preventScroll: !0 });
 		});
@@ -73,38 +74,38 @@ function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S =
 	}, [
 		F,
 		N,
-		C,
-		w
+		S,
+		C
 	]);
 	function $(e) {
-		let t = o(e, T, D, O, x);
+		let t = a(e, w, E, D, b);
 		if (e !== "" && !t.valid) return;
 		let n = e === "" ? "" : t.value;
-		P(_(n)), n !== K.current && (K.current = n, G.current.push(n), b(n));
+		P(g(n)), n !== K.current && (K.current = n, G.current.push(n), y(n));
 	}
 	function ie(e) {
 		M(e);
-		let t = o(e, T, D, O, x);
-		L.current?.setCustomValidity(t.valid ? "" : Q ?? "Enter a valid date (YYYY-MM-DD)."), (e === "" || t.valid) && (M(r(t.value ?? "", x)), $(e));
+		let t = a(e, w, E, D, b);
+		L.current?.setCustomValidity(t.valid ? "" : Q ?? "Enter a valid date (YYYY-MM-DD)."), (e === "" || t.valid) && (M(r(t.value ?? "", b)), $(e));
 	}
 	return /* @__PURE__ */ d(e, {
-		label: v,
-		required: T,
+		label: _,
+		required: w,
 		error: Q,
-		className: `dds-date-picker dds-date-picker--${te}`,
+		className: `dds-date-picker dds-date-picker--${k}`,
 		"data-filled": Y === "" ? void 0 : "true",
-		children: (e) => /* @__PURE__ */ f(m.Root, {
-			locale: x,
-			timeZone: S,
-			disabled: C,
-			readOnly: w,
-			required: T,
+		children: (e) => /* @__PURE__ */ f(p.Root, {
+			locale: b,
+			timeZone: x,
+			disabled: S,
+			readOnly: C,
+			required: w,
 			invalid: !X.valid,
-			open: F && !C && !w,
-			onOpenChange: (e) => I(e.open && !C && !w),
-			min: D && n(D) ? h(D) : void 0,
-			max: O && n(O) ? h(O) : void 0,
-			startOfWeek: k,
+			open: F && !S && !C,
+			onOpenChange: (e) => I(e.open && !S && !C),
+			min: E && i(E) ? m(E) : void 0,
+			max: D && i(D) ? m(D) : void 0,
+			startOfWeek: O,
 			minView: "day",
 			maxView: "day",
 			fixedWeeks: !0,
@@ -113,10 +114,10 @@ function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S =
 				clearTrigger: Z.clear
 			},
 			value: N,
-			format: (e) => r(e.toString(), x),
+			format: (e) => r(e.toString(), b),
 			onValueChange: (e) => {
 				let t = e.value[0]?.toString() || "";
-				t !== "" && !o(t, T, D, O, x).valid || (H.current = !0, M(r(t, x)), $(t));
+				t !== "" && !a(t, w, E, D, b).valid || (H.current = !0, M(r(t, b)), $(t));
 			},
 			positioning: {
 				placement: "bottom-start",
@@ -124,7 +125,7 @@ function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S =
 				strategy: B?.matches("[role=\"dialog\"], [role=\"alertdialog\"]") ? "fixed" : "absolute",
 				hideWhenDetached: !!B?.matches("[role=\"dialog\"], [role=\"alertdialog\"]")
 			},
-			children: [/* @__PURE__ */ f(m.Control, {
+			children: [/* @__PURE__ */ f(p.Control, {
 				className: "dds-date-picker-control",
 				children: [/* @__PURE__ */ d("input", {
 					...e,
@@ -132,54 +133,54 @@ function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S =
 					type: "text",
 					value: Y,
 					onChange: () => {},
-					required: T,
-					readOnly: w,
-					disabled: C,
-					placeholder: ee(x) ? "YYYY/MM/DD" : "YYYY-MM-DD",
+					required: w,
+					readOnly: C,
+					disabled: S,
+					placeholder: n(b) ? "YYYY/MM/DD" : "YYYY-MM-DD",
 					autoComplete: "off",
 					autoCorrect: "off",
 					spellCheck: !1,
 					onInputCapture: (e) => {
-						C || w || (e.stopPropagation(), ie(e.currentTarget.value));
+						S || C || (e.stopPropagation(), ie(e.currentTarget.value));
 					},
 					onBlur: () => {
-						!C && !w && $(Y);
+						!S && !C && $(Y);
 					},
 					onKeyDownCapture: (e) => {
-						e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), !C && !w && $(Y));
+						e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), !S && !C && $(Y));
 					}
-				}), /* @__PURE__ */ d(m.Trigger, {
+				}), /* @__PURE__ */ d(p.Trigger, {
 					asChild: !0,
 					children: /* @__PURE__ */ d(t, {
 						ref: R,
 						type: "button",
 						tone: "secondary",
-						"aria-label": `${v} ${Z.openCalendar}`,
-						children: /* @__PURE__ */ d(g, {})
+						"aria-label": `${_} ${Z.openCalendar}`,
+						children: /* @__PURE__ */ d(h, {})
 					})
 				})]
-			}), /* @__PURE__ */ d(p, {
+			}), /* @__PURE__ */ d(te, {
 				container: B ? { current: B } : void 0,
-				children: /* @__PURE__ */ d(m.Positioner, {
+				children: /* @__PURE__ */ d(p.Positioner, {
 					className: "dds-date-picker-positioner",
-					children: /* @__PURE__ */ d(m.Content, {
+					children: /* @__PURE__ */ d(p.Content, {
 						onKeyDownCapture: (e) => {
 							e.key === "Escape" && (H.current = !1, z.current !== void 0 && cancelAnimationFrame(z.current), z.current = requestAnimationFrame(() => {
 								z.current = requestAnimationFrame(() => {
-									!C && !w && R.current?.focus({ preventScroll: !0 });
+									!S && !C && R.current?.focus({ preventScroll: !0 });
 								});
 							}));
 						},
 						className: "dds-date-picker-content",
-						"aria-label": `${v} 날짜 선택`,
+						"aria-label": `${_} 날짜 선택`,
 						children: /* @__PURE__ */ d(s, {
-							timeZone: S,
-							min: D,
-							max: O,
-							locale: x,
+							timeZone: x,
+							min: E,
+							max: D,
+							locale: b,
 							messages: A,
-							disabled: C,
-							readOnly: w,
+							disabled: S,
+							readOnly: C,
 							showToday: re,
 							showClear: ne,
 							onClear: () => {
@@ -193,6 +194,6 @@ function v({ label: v, value: y, onChange: b, locale: x = "ko-KR", timeZone: S =
 	});
 }
 //#endregion
-export { v as DatePicker };
+export { _ as DatePicker };
 
 //# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":[],"sources":["../src/date-picker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  DatePicker as ArkDatePicker,\n  parseDate,\n} from \"@ark-ui/react/date-picker\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { Button, Field } from \"./controls\";\nimport { CalendarView } from \"./calendar-view\";\nimport {\n  isCalendarDate,\n  isKorean,\n  displayDate,\n  canonicalInput,\n  validateInput,\n  dateMessages,\n  type CalendarMessages,\n  type DatePickerValidity,\n} from \"./date-only\";\nexport type { DatePickerValidity, CalendarMessages } from \"./date-only\";\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  startOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  messages?: CalendarMessages;\n  clearable?: boolean;\n  showToday?: boolean;\n}\nfunction CalendarIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2\" />\n      <path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\" />\n    </svg>\n  );\n}\nfunction calendarSelection(value: string) {\n  return isCalendarDate(value) ? [parseDate(value)] : [];\n}\n\nexport function DatePicker({\n  label,\n  value,\n  onChange,\n  locale = \"ko-KR\",\n  timeZone = \"Asia/Seoul\",\n  disabled = false,\n  readOnly = false,\n  required = false,\n  onValidityChange,\n  min,\n  max,\n  startOfWeek = 0,\n  labelPlacement = \"outside\",\n  messages,\n  clearable = true,\n  showToday = true,\n}: 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 triggerRef = useRef<HTMLButtonElement>(null);\n  const escapeFrame = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (escapeFrame.current !== undefined)\n        cancelAnimationFrame(escapeFrame.current);\n    },\n    [],\n  );\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const input = inputRef.current;\n    if (input) {\n      // A modal hides its body siblings from assistive technology. Keep the\n      // calendar within that modal while preserving the server Portal boundary.\n      setPortalMount(\n        input.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          input.ownerDocument.body,\n      );\n    }\n  }, []);\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 =\n    observedLocale.current !== locale && isCalendarDate(canonicalDraft)\n      ? displayDate(canonicalDraft, locale)\n      : draft;\n  const validity = validateInput(effectiveDraft, required, min, max, locale);\n  const text = dateMessages(locale, messages);\n  const error = validity.valid\n    ? undefined\n    : validity.reason === \"required\"\n      ? text.required\n      : text.invalid;\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) {\n      pendingEchoes.current.splice(acknowledged, 1);\n      return;\n    }\n    pendingEchoes.current = [];\n    emittedValue.current = value;\n    setDraft(displayDate(value, locale));\n    if (value === \"\" || isCalendarDate(value))\n      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) {\n      notified.current = key;\n      onValidityChange(validity);\n    }\n  }, [draft, required, min, max, locale, error, onValidityChange]);\n  useEffect(() => {\n    if (disabled || readOnly) {\n      restoreInputFocus.current = false;\n      setOpen(false);\n    }\n  }, [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(\n      state.valid ? \"\" : (error ?? \"Enter a valid date (YYYY-MM-DD).\"),\n    );\n    if (next === \"\" || state.valid) {\n      setDraft(displayDate(state.value ?? \"\", locale));\n      commit(next);\n    }\n  }\n  return (\n    <Field\n      label={label}\n      required={required}\n      error={error}\n      className={`dds-date-picker dds-date-picker--${labelPlacement}`}\n      data-filled={effectiveDraft !== \"\" ? \"true\" : undefined}\n    >\n      {(control) => (\n        <ArkDatePicker.Root\n          locale={locale}\n          timeZone={timeZone}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          invalid={!validity.valid}\n          open={open && !disabled && !readOnly}\n          onOpenChange={(details) =>\n            setOpen(details.open && !disabled && !readOnly)\n          }\n          min={min && isCalendarDate(min) ? parseDate(min) : undefined}\n          max={max && isCalendarDate(max) ? parseDate(max) : undefined}\n          startOfWeek={startOfWeek}\n          minView=\"day\"\n          maxView=\"day\"\n          fixedWeeks\n          translations={{\n            dayCell: (state) => text.selectDate(state.valueText),\n            clearTrigger: text.clear,\n          }}\n          value={selection}\n          format={(v) => displayDate(v.toString(), locale)}\n          onValueChange={(details) => {\n            const next = details.value[0]?.toString() || \"\";\n            if (\n              next !== \"\" &&\n              !validateInput(next, required, min, max, locale).valid\n            )\n              return;\n            restoreInputFocus.current = true;\n            setDraft(displayDate(next, locale));\n            commit(next);\n          }}\n          positioning={{\n            placement: \"bottom-start\",\n            gutter: 8,\n            strategy: portalMount?.matches(\n              '[role=\"dialog\"], [role=\"alertdialog\"]',\n            )\n              ? \"fixed\"\n              : \"absolute\",\n            hideWhenDetached: !!portalMount?.matches(\n              '[role=\"dialog\"], [role=\"alertdialog\"]',\n            ),\n          }}\n        >\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\n              {...control}\n              ref={inputRef}\n              type=\"text\"\n              value={effectiveDraft}\n              onChange={() => {}}\n              required={required}\n              readOnly={readOnly}\n              disabled={disabled}\n              placeholder={isKorean(locale) ? \"YYYY/MM/DD\" : \"YYYY-MM-DD\"}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              onInputCapture={(event) => {\n                if (disabled || readOnly) return;\n                event.stopPropagation();\n                changeDraft(event.currentTarget.value);\n              }}\n              onBlur={() => {\n                if (!disabled && !readOnly) commit(effectiveDraft);\n              }}\n              onKeyDownCapture={(event) => {\n                if (event.key === \"Enter\" && !event.nativeEvent.isComposing) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (!disabled && !readOnly) commit(effectiveDraft);\n                }\n              }}\n            />\n            <ArkDatePicker.Trigger asChild>\n              <Button\n                ref={triggerRef}\n                type=\"button\"\n                tone=\"secondary\"\n                aria-label={`${label} ${text.openCalendar}`}\n              >\n                <CalendarIcon />\n              </Button>\n            </ArkDatePicker.Trigger>\n          </ArkDatePicker.Control>\n          <Portal\n            container={portalMount ? { current: portalMount } : undefined}\n          >\n            <ArkDatePicker.Positioner className=\"dds-date-picker-positioner\">\n              <ArkDatePicker.Content\n                onKeyDownCapture={(event) => {\n                  if (event.key !== \"Escape\") return;\n                  restoreInputFocus.current = false;\n                  if (escapeFrame.current !== undefined)\n                    cancelAnimationFrame(escapeFrame.current);\n                  escapeFrame.current = requestAnimationFrame(() => {\n                    escapeFrame.current = requestAnimationFrame(() => {\n                      if (!disabled && !readOnly)\n                        triggerRef.current?.focus({ preventScroll: true });\n                    });\n                  });\n                }}\n                className=\"dds-date-picker-content\"\n                aria-label={`${label} 날짜 선택`}\n              >\n                <CalendarView\n                  timeZone={timeZone}\n                  min={min}\n                  max={max}\n                  locale={locale}\n                  messages={messages}\n                  disabled={disabled}\n                  readOnly={readOnly}\n                  showToday={showToday}\n                  showClear={clearable}\n                  onClear={() => {\n                    setDraft(\"\");\n                    commit(\"\");\n                  }}\n                />\n              </ArkDatePicker.Content>\n            </ArkDatePicker.Positioner>\n          </Portal>\n        </ArkDatePicker.Root>\n      )}\n    </Field>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","names":[],"sources":["../src/date-picker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n  DatePicker as ArkDatePicker,\n  parseDate,\n} from \"@ark-ui/react/date-picker\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { Button, Field } from \"./controls\";\nimport { CalendarView } from \"./calendar-view\";\nimport {\n  isCalendarDate,\n  isKorean,\n  displayDate,\n  canonicalInput,\n  validateInput,\n  dateMessages,\n  type CalendarMessages,\n  type DatePickerValidity,\n} from \"./date-only\";\nexport type { DatePickerValidity, CalendarMessages } from \"./date-only\";\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  startOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  messages?: CalendarMessages;\n  clearable?: boolean;\n  showToday?: boolean;\n}\nfunction CalendarIcon() {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"2\" />\n      <path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\" />\n    </svg>\n  );\n}\nfunction calendarSelection(value: string) {\n  return isCalendarDate(value) ? [parseDate(value)] : [];\n}\n\nexport function DatePicker({\n  label,\n  value,\n  onChange,\n  locale = \"ko-KR\",\n  timeZone = \"Asia/Seoul\",\n  disabled = false,\n  readOnly = false,\n  required = false,\n  onValidityChange,\n  min,\n  max,\n  startOfWeek = 0,\n  labelPlacement = \"outside\",\n  messages,\n  clearable = true,\n  showToday = true,\n}: 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 triggerRef = useRef<HTMLButtonElement>(null);\n  const escapeFrame = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (escapeFrame.current !== undefined)\n        cancelAnimationFrame(escapeFrame.current);\n    },\n    [],\n  );\n  const [portalMount, setPortalMount] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const input = inputRef.current;\n    if (input) {\n      // A modal hides its body siblings from assistive technology. Keep the\n      // calendar within that modal while preserving the server Portal boundary.\n      setPortalMount(\n        input.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          input.ownerDocument.body,\n      );\n    }\n  }, []);\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 =\n    observedLocale.current !== locale && isCalendarDate(canonicalDraft)\n      ? displayDate(canonicalDraft, locale)\n      : draft;\n  const validity = validateInput(effectiveDraft, required, min, max, locale);\n  const text = dateMessages(locale, messages);\n  const error = validity.valid\n    ? undefined\n    : validity.reason === \"required\"\n      ? text.required\n      : text.invalid;\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) {\n      pendingEchoes.current.splice(acknowledged, 1);\n      return;\n    }\n    pendingEchoes.current = [];\n    emittedValue.current = value;\n    setDraft(displayDate(value, locale));\n    if (value === \"\" || isCalendarDate(value))\n      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) {\n      notified.current = key;\n      onValidityChange(validity);\n    }\n  }, [draft, required, min, max, locale, error, onValidityChange]);\n  useEffect(() => {\n    if (disabled || readOnly) {\n      restoreInputFocus.current = false;\n      setOpen(false);\n    }\n  }, [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(\n      state.valid ? \"\" : (error ?? \"Enter a valid date (YYYY-MM-DD).\"),\n    );\n    if (next === \"\" || state.valid) {\n      setDraft(displayDate(state.value ?? \"\", locale));\n      commit(next);\n    }\n  }\n  return (\n    <Field\n      label={label}\n      required={required}\n      error={error}\n      className={`dds-date-picker dds-date-picker--${labelPlacement}`}\n      data-filled={effectiveDraft !== \"\" ? \"true\" : undefined}\n    >\n      {(control) => (\n        <ArkDatePicker.Root\n          locale={locale}\n          timeZone={timeZone}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          invalid={!validity.valid}\n          open={open && !disabled && !readOnly}\n          onOpenChange={(details) =>\n            setOpen(details.open && !disabled && !readOnly)\n          }\n          min={min && isCalendarDate(min) ? parseDate(min) : undefined}\n          max={max && isCalendarDate(max) ? parseDate(max) : undefined}\n          startOfWeek={startOfWeek}\n          minView=\"day\"\n          maxView=\"day\"\n          fixedWeeks\n          translations={{\n            dayCell: (state) => text.selectDate(state.valueText),\n            clearTrigger: text.clear,\n          }}\n          value={selection}\n          format={(v) => displayDate(v.toString(), locale)}\n          onValueChange={(details) => {\n            const next = details.value[0]?.toString() || \"\";\n            if (\n              next !== \"\" &&\n              !validateInput(next, required, min, max, locale).valid\n            )\n              return;\n            restoreInputFocus.current = true;\n            setDraft(displayDate(next, locale));\n            commit(next);\n          }}\n          positioning={{\n            placement: \"bottom-start\",\n            gutter: 8,\n            strategy: portalMount?.matches(\n              '[role=\"dialog\"], [role=\"alertdialog\"]',\n            )\n              ? \"fixed\"\n              : \"absolute\",\n            hideWhenDetached: !!portalMount?.matches(\n              '[role=\"dialog\"], [role=\"alertdialog\"]',\n            ),\n          }}\n        >\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\n              {...control}\n              ref={inputRef}\n              type=\"text\"\n              value={effectiveDraft}\n              onChange={() => {}}\n              required={required}\n              readOnly={readOnly}\n              disabled={disabled}\n              placeholder={isKorean(locale) ? \"YYYY/MM/DD\" : \"YYYY-MM-DD\"}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n              onInputCapture={(event) => {\n                if (disabled || readOnly) return;\n                event.stopPropagation();\n                changeDraft(event.currentTarget.value);\n              }}\n              onBlur={() => {\n                if (!disabled && !readOnly) commit(effectiveDraft);\n              }}\n              onKeyDownCapture={(event) => {\n                if (event.key === \"Enter\" && !event.nativeEvent.isComposing) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (!disabled && !readOnly) commit(effectiveDraft);\n                }\n              }}\n            />\n            <ArkDatePicker.Trigger asChild>\n              <Button\n                ref={triggerRef}\n                type=\"button\"\n                tone=\"secondary\"\n                aria-label={`${label} ${text.openCalendar}`}\n              >\n                <CalendarIcon />\n              </Button>\n            </ArkDatePicker.Trigger>\n          </ArkDatePicker.Control>\n          <Portal\n            container={portalMount ? { current: portalMount } : undefined}\n          >\n            <ArkDatePicker.Positioner className=\"dds-date-picker-positioner\">\n              <ArkDatePicker.Content\n                onKeyDownCapture={(event) => {\n                  if (event.key !== \"Escape\") return;\n                  restoreInputFocus.current = false;\n                  if (escapeFrame.current !== undefined)\n                    cancelAnimationFrame(escapeFrame.current);\n                  escapeFrame.current = requestAnimationFrame(() => {\n                    escapeFrame.current = requestAnimationFrame(() => {\n                      if (!disabled && !readOnly)\n                        triggerRef.current?.focus({ preventScroll: true });\n                    });\n                  });\n                }}\n                className=\"dds-date-picker-content\"\n                aria-label={`${label} 날짜 선택`}\n              >\n                <CalendarView\n                  timeZone={timeZone}\n                  min={min}\n                  max={max}\n                  locale={locale}\n                  messages={messages}\n                  disabled={disabled}\n                  readOnly={readOnly}\n                  showToday={showToday}\n                  showClear={clearable}\n                  onClear={() => {\n                    setDraft(\"\");\n                    commit(\"\");\n                  }}\n                />\n              </ArkDatePicker.Content>\n            </ArkDatePicker.Positioner>\n          </Portal>\n        </ArkDatePicker.Root>\n      )}\n    </Field>\n  );\n}\n"],"mappings":"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"}