@techzyapp/ui-library 1.0.25 → 1.0.28

package/dist/DatePicker.module-CMMQyEhG.js

@@ -0,0 +1,138 @@
+import o from "dayjs";
+import f from "dayjs/plugin/utc";
+import p from "dayjs/plugin/customParseFormat";
+o.extend(f);
+o.extend(p);
+const r = "YYYY-MM-DD";
+function ct(t) {
+  if (!t) return null;
+  const s = o.utc(t, r, !0);
+  return s.isValid() ? s : null;
+}
+function et(t, s) {
+  const e = o.utc(t, s, !0);
+  return e.isValid() ? e : null;
+}
+const st = (t) => t.format(r);
+function nt(t, s) {
+  if (!t) return null;
+  const e = o.utc(t, s, !0);
+  if (e.isValid()) return e;
+  const c = o.utc(t);
+  return c.isValid() ? c : null;
+}
+const ot = (t, s) => t.startOf("day").format(s), _ = () => o.utc(o().format(r), r), d = "YYYY-MM-DDTHH:mm:ss.SSS";
+function rt(t) {
+  return t ? o.utc(t.local().format(d)) : null;
+}
+function at(t) {
+  return o(t.format(d)).utc();
+}
+function lt(t, s) {
+  if (!t) return null;
+  const e = o.utc(t, s, !0);
+  if (e.isValid()) return e;
+  const c = o.utc(`${_().format(r)}T${t}`);
+  if (c.isValid()) return c;
+  const n = o.utc(t);
+  return n.isValid() ? n : null;
+}
+function it(t, s, e = 1) {
+  if (e <= 0) return [];
+  const c = [];
+  for (let n = t; n <= s; n += e) c.push(n);
+  return c;
+}
+const _t = (t) => String(t).padStart(2, "0"), dt = (t) => t.replace(/[DMYHhms]/g, "9").replace(/A/g, "AA").replace(/a/g, "aa"), g = /[0-9]/, y = /[A-Za-z]/;
+function ut(t, s) {
+  let e = "", c = 0;
+  for (const n of s)
+    if (n === "9") {
+      for (; c < t.length && !g.test(t[c]); ) c++;
+      if (c >= t.length) break;
+      e += t[c++];
+    } else if (n === "A" || n === "a") {
+      for (; c < t.length && !y.test(t[c]); ) c++;
+      if (c >= t.length) break;
+      e += n === "A" ? t[c++].toUpperCase() : t[c++].toLowerCase();
+    } else {
+      if (c >= t.length) break;
+      t[c] === n && c++, e += n;
+    }
+  return e;
+}
+function ft(t, s, e, c) {
+  return !!(s && t.isBefore(s, "day") || e && t.isAfter(e, "day") || c && c(t.format(r)));
+}
+function pt(t, s) {
+  const e = t.startOf("month"), c = (e.day() - s + 7) % 7, n = e.subtract(c, "day"), i = _(), l = t.month();
+  return Array.from({ length: 42 }, (R, u) => {
+    const a = n.add(u, "day");
+    return {
+      date: a,
+      iso: a.format(r),
+      inMonth: a.month() === l,
+      isToday: a.isSame(i, "day")
+    };
+  });
+}
+function gt(t, s, e) {
+  const c = Math.min(t ? t.year() : e - 100, e), n = Math.max(s ? s.year() : e + 100, e);
+  return Array.from({ length: n - c + 1 }, (i, l) => c + l);
+}
+const m = "_field_1scg0_1", k = "_fullWidth_1scg0_7", h = "_label_1scg0_12", S = "_required_1scg0_19", T = "_control_1scg0_25", b = "_open_1scg0_39", M = "_error_1scg0_43", A = "_disabled_1scg0_51", O = "_input_1scg0_59", V = "_clear_1scg0_79", D = "_calendarButton_1scg0_97", G = "_sm_1scg0_108", H = "_md_1scg0_112", I = "_lg_1scg0_116", Y = "_helper_1scg0_121", C = "_popover_1scg0_126", W = "_calendar_1scg0_97", B = "_calHeader_1scg0_136", L = "_calTitleGroup_1scg0_144", q = "_calTitle_1scg0_144", F = "_calTitleStatic_1scg0_173", x = "_weekdays_1scg0_180", P = "_week_1scg0_180", U = "_weekday_1scg0_180", $ = "_day_1scg0_196", j = "_dayOutside_1scg0_220", z = "_dayToday_1scg0_224", Z = "_daySelected_1scg0_224", w = "_dayDisabled_1scg0_235", E = "_pickGrid_1scg0_244", J = "_pickScroll_1scg0_249", K = "_pickCell_1scg0_255", N = "_pickToday_1scg0_278", Q = "_pickSelected_1scg0_281", yt = {
+  field: m,
+  fullWidth: k,
+  label: h,
+  required: S,
+  control: T,
+  open: b,
+  error: M,
+  disabled: A,
+  input: O,
+  clear: V,
+  calendarButton: D,
+  sm: G,
+  md: H,
+  lg: I,
+  helper: Y,
+  popover: C,
+  calendar: W,
+  calHeader: B,
+  calTitleGroup: L,
+  calTitle: q,
+  calTitleStatic: F,
+  weekdays: x,
+  week: P,
+  weekday: U,
+  day: $,
+  dayOutside: j,
+  dayToday: z,
+  daySelected: Z,
+  dayDisabled: w,
+  pickGrid: E,
+  pickScroll: J,
+  pickCell: K,
+  pickToday: N,
+  pickSelected: Q
+};
+export {
+  ct as a,
+  et as b,
+  ut as c,
+  st as d,
+  pt as e,
+  ot as f,
+  _t as g,
+  lt as h,
+  ft as i,
+  at as l,
+  dt as m,
+  nt as p,
+  it as r,
+  yt as s,
+  _ as t,
+  rt as u,
+  gt as y
+};
+//# sourceMappingURL=DatePicker.module-CMMQyEhG.js.map

package/dist/{DatePicker.module-BZDftL4g.js.map → DatePicker.module-CMMQyEhG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.module-BZDftL4g.js","sources":["../src/components/DatePicker/dateUtils.ts"],"sourcesContent":["/**\n * Date math for the date components, on top of dayjs (an optional peer dep). All calendar math runs\n * in **UTC** (via the `utc` plugin) so a calendar date never drifts with the viewer's timezone; the\n * public value is a plain ISO date string `'YYYY-MM-DD'`. Typed input is parsed strictly against a\n * display `format` (via the `customParseFormat` plugin).\n */\nimport dayjs, { type Dayjs } from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(utc)\ndayjs.extend(customParseFormat)\n\nexport type { Dayjs }\n\n/** The canonical value format (timezone-agnostic calendar date). */\nexport const ISO = 'YYYY-MM-DD'\n\n/** Parse an ISO `'YYYY-MM-DD'` value (UTC-anchored) into a dayjs, or `null` if empty/invalid. */\nexport function parseISO(value?: string | null): Dayjs | null {\n  if (!value) return null\n  const d = dayjs.utc(value, ISO, true)\n  return d.isValid() ? d : null\n}\n\n/** Parse a user-typed string strictly against a display `format` (UTC), or `null`. */\nexport function parseInput(text: string, format: string): Dayjs | null {\n  const d = dayjs.utc(text, format, true)\n  return d.isValid() ? d : null\n}\n\nexport const toISO = (d: Dayjs): string => d.format(ISO)\n\n/**\n * Parse an incoming **value** leniently (UTC): the declared `valueFormat` first (strict), then any\n * ISO-8601 string — so a richer backend datetime such as `'2026-06-10T09:35:49.6134342'` is still\n * accepted (dayjs caps the fractional seconds at milliseconds). Returns `null` when empty/unparseable.\n */\nexport function parseValue(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/**\n * Format a date to the I/O `valueFormat`, anchored to the **start of its UTC day** — a date picker\n * carries no time-of-day, so the emitted time is `00:00:00` (e.g. `valueFormat='YYYY-MM-DDTHH:mm:ss'`\n * → `'2026-06-10T00:00:00'`).\n */\nexport const formatValue = (d: Dayjs, valueFormat: string): string =>\n  d.startOf('day').format(valueFormat)\n\n/** The viewer's local calendar date, anchored to UTC midnight for stable, drift-free math. */\nexport const today = (): Dayjs => dayjs.utc(dayjs().format(ISO), ISO)\n\nconst ISO_MS = 'YYYY-MM-DDTHH:mm:ss.SSS'\n\n/**\n * Convert a real UTC instant into a UTC-mode dayjs that **holds the viewer's local wall-clock** — so the\n * UTC-internal calendar/time machinery renders the viewer's local time while the stored value stays UTC\n * (the \"store UTC, show local\" pattern, used by `DateTimePicker`/`TimePicker`). Returns `null` for null.\n */\nexport function utcToLocalWall(instant: Dayjs | null): Dayjs | null {\n  return instant ? dayjs.utc(instant.local().format(ISO_MS)) : null\n}\n\n/** Inverse of {@link utcToLocalWall}: a local-wall dayjs → the real UTC instant (for emitting). */\nexport function localWallToUtc(localWall: Dayjs): Dayjs {\n  return dayjs(localWall.format(ISO_MS)).utc()\n}\n\n/**\n * Parse an incoming **time-of-day** value leniently (UTC): the declared `valueFormat` first (strict),\n * then a numeric time anchored to a fixed date (so `'09:35:49.6134342'` is accepted, ms-capped), then\n * any ISO-8601 datetime (its time is used). Only the time-of-day matters; the date part is ignored by\n * `TimePicker`. Returns `null` when empty/unparseable.\n */\nexport function parseTime(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  // anchor a bare time to today's date so any local-tz conversion uses the current offset\n  const numeric = dayjs.utc(`${today().format(ISO)}T${value}`)\n  if (numeric.isValid()) return numeric\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/** Inclusive numeric range `[start, end]` stepped by `step` — for the time-picker columns. A\n *  non-positive `step` returns `[]` rather than looping forever. */\nexport function range(start: number, end: number, step = 1): number[] {\n  if (step <= 0) return []\n  const out: number[] = []\n  for (let v = start; v <= end; v += step) out.push(v)\n  return out\n}\n\n/** Zero-pads a number to two digits (`9` → `'09'`) for time-column display. */\nexport const pad2 = (n: number): string => String(n).padStart(2, '0')\n\n/**\n * Build an input mask from a date/time format: numeric tokens (`D M Y H h m s`) → `9` (digit slots),\n * the **uppercase** meridiem token `A` → `AA` and the **lowercase** `a` → `aa` (two letter slots for\n * `AM`/`PM`, matching dayjs's case-sensitive strict parse), everything else literal.\n * `'DD/MM/YYYY'` → `'99/99/9999'`; `'DD/MM/YYYY hh:mm A'` → `'99/99/9999 99:99 AA'`.\n */\nexport const maskFromFormat = (format: string): string =>\n  format\n    .replace(/[DMYHhms]/g, '9')\n    .replace(/A/g, 'AA')\n    .replace(/a/g, 'aa')\n\nconst DIGIT = /[0-9]/\nconst ALPHA = /[A-Za-z]/\n\n/**\n * Applies a mask to raw input: `9` = digit, `A` = letter forced upper-case, `a` = letter forced\n * lower-case (so a typed meridiem matches the format's case for dayjs), everything else a literal.\n */\nexport function applyMask(raw: string, mask: string): string {\n  let out = ''\n  let i = 0\n  for (const m of mask) {\n    if (m === '9') {\n      while (i < raw.length && !DIGIT.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += raw[i++]\n    } else if (m === 'A' || m === 'a') {\n      while (i < raw.length && !ALPHA.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += m === 'A' ? raw[i++].toUpperCase() : raw[i++].toLowerCase()\n    } else {\n      if (i >= raw.length) break\n      if (raw[i] === m) i++\n      out += m\n    }\n  }\n  return out\n}\n\n/** True when `d` falls outside `[min, max]` or is rejected by `disabledDate`. */\nexport function isDisabled(\n  d: Dayjs,\n  min: Dayjs | null,\n  max: Dayjs | null,\n  disabledDate?: (iso: string) => boolean,\n): boolean {\n  if (min && d.isBefore(min, 'day')) return true\n  if (max && d.isAfter(max, 'day')) return true\n  if (disabledDate && disabledDate(d.format(ISO))) return true\n  return false\n}\n\n/** A single cell in the month grid. */\nexport interface CalendarDay {\n  date: Dayjs\n  iso: string\n  /** Belongs to the month being displayed (vs. a leading/trailing day from an adjacent month). */\n  inMonth: boolean\n  isToday: boolean\n}\n\n/**\n * Builds a fixed 6×7 (42-cell) grid for the month containing `monthDate`, with weeks starting on\n * `weekStartsOn` (0 = Sunday … 6 = Saturday). Fixed height avoids layout shift between months.\n */\nexport function buildMonthGrid(monthDate: Dayjs, weekStartsOn: number): CalendarDay[] {\n  const firstOfMonth = monthDate.startOf('month')\n  const lead = (firstOfMonth.day() - weekStartsOn + 7) % 7\n  const start = firstOfMonth.subtract(lead, 'day')\n  const now = today()\n  const month = monthDate.month()\n  return Array.from({ length: 42 }, (_, i) => {\n    const date = start.add(i, 'day')\n    return {\n      date,\n      iso: date.format(ISO),\n      inMonth: date.month() === month,\n      isToday: date.isSame(now, 'day'),\n    }\n  })\n}\n\n/** Short weekday header labels, ordered from `weekStartsOn`. */\nexport function weekdayLabels(weekStartsOn: number): string[] {\n  return Array.from({ length: 7 }, (_, i) =>\n    dayjs\n      .utc()\n      .day((weekStartsOn + i) % 7)\n      .format('dd'),\n  )\n}\n\n/** Full month names (`'January'…'December'`), index 0–11, for the month-picker view. */\nexport function monthLabels(): string[] {\n  return Array.from({ length: 12 }, (_, m) => dayjs.utc().month(m).format('MMMM'))\n}\n\n/**\n * The list of selectable years for the (scrollable) year-picker view: bounded by `min`/`max` when\n * given, otherwise ±100 around `viewYear`. Always widened to include `viewYear` so the roving focus\n * has a cell to land on.\n */\nexport function yearList(min: Dayjs | null, max: Dayjs | null, viewYear: number): number[] {\n  const start = Math.min(min ? min.year() : viewYear - 100, viewYear)\n  const end = Math.max(max ? max.year() : viewYear + 100, viewYear)\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n"],"names":["dayjs","utc","customParseFormat","ISO","parseISO","value","d","parseInput","text","format","toISO","parseValue","valueFormat","strict","lenient","formatValue","today","ISO_MS","utcToLocalWall","instant","localWallToUtc","localWall","parseTime","numeric","range","start","end","step","out","v","pad2","n","maskFromFormat","DIGIT","ALPHA","applyMask","raw","mask","i","m","isDisabled","min","max","disabledDate","buildMonthGrid","monthDate","weekStartsOn","firstOfMonth","lead","now","month","_","date","yearList","viewYear"],"mappings":"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"}
+{"version":3,"file":"DatePicker.module-CMMQyEhG.js","sources":["../src/components/DatePicker/dateUtils.ts"],"sourcesContent":["/**\n * Date math for the date components, on top of dayjs (an optional peer dep). All calendar math runs\n * in **UTC** (via the `utc` plugin) so a calendar date never drifts with the viewer's timezone; the\n * public value is a plain ISO date string `'YYYY-MM-DD'`. Typed input is parsed strictly against a\n * display `format` (via the `customParseFormat` plugin).\n */\nimport dayjs, { type Dayjs } from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(utc)\ndayjs.extend(customParseFormat)\n\nexport type { Dayjs }\n\n/** The canonical value format (timezone-agnostic calendar date). */\nexport const ISO = 'YYYY-MM-DD'\n\n/** Parse an ISO `'YYYY-MM-DD'` value (UTC-anchored) into a dayjs, or `null` if empty/invalid. */\nexport function parseISO(value?: string | null): Dayjs | null {\n  if (!value) return null\n  const d = dayjs.utc(value, ISO, true)\n  return d.isValid() ? d : null\n}\n\n/** Parse a user-typed string strictly against a display `format` (UTC), or `null`. */\nexport function parseInput(text: string, format: string): Dayjs | null {\n  const d = dayjs.utc(text, format, true)\n  return d.isValid() ? d : null\n}\n\nexport const toISO = (d: Dayjs): string => d.format(ISO)\n\n/**\n * Parse an incoming **value** leniently (UTC): the declared `valueFormat` first (strict), then any\n * ISO-8601 string — so a richer backend datetime such as `'2026-06-10T09:35:49.6134342'` is still\n * accepted (dayjs caps the fractional seconds at milliseconds). Returns `null` when empty/unparseable.\n */\nexport function parseValue(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/**\n * Format a date to the I/O `valueFormat`, anchored to the **start of its UTC day** — a date picker\n * carries no time-of-day, so the emitted time is `00:00:00` (e.g. `valueFormat='YYYY-MM-DDTHH:mm:ss'`\n * → `'2026-06-10T00:00:00'`).\n */\nexport const formatValue = (d: Dayjs, valueFormat: string): string =>\n  d.startOf('day').format(valueFormat)\n\n/** The viewer's local calendar date, anchored to UTC midnight for stable, drift-free math. */\nexport const today = (): Dayjs => dayjs.utc(dayjs().format(ISO), ISO)\n\nconst ISO_MS = 'YYYY-MM-DDTHH:mm:ss.SSS'\n\n/**\n * Convert a real UTC instant into a UTC-mode dayjs that **holds the viewer's local wall-clock** — so the\n * UTC-internal calendar/time machinery renders the viewer's local time while the stored value stays UTC\n * (the \"store UTC, show local\" pattern, used by `DateTimePicker`/`TimePicker`). Returns `null` for null.\n */\nexport function utcToLocalWall(instant: Dayjs | null): Dayjs | null {\n  return instant ? dayjs.utc(instant.local().format(ISO_MS)) : null\n}\n\n/** Inverse of {@link utcToLocalWall}: a local-wall dayjs → the real UTC instant (for emitting). */\nexport function localWallToUtc(localWall: Dayjs): Dayjs {\n  return dayjs(localWall.format(ISO_MS)).utc()\n}\n\n/**\n * Parse an incoming **time-of-day** value leniently (UTC): the declared `valueFormat` first (strict),\n * then a numeric time anchored to a fixed date (so `'09:35:49.6134342'` is accepted, ms-capped), then\n * any ISO-8601 datetime (its time is used). Only the time-of-day matters; the date part is ignored by\n * `TimePicker`. Returns `null` when empty/unparseable.\n */\nexport function parseTime(value: string | null | undefined, valueFormat: string): Dayjs | null {\n  if (!value) return null\n  const strict = dayjs.utc(value, valueFormat, true)\n  if (strict.isValid()) return strict\n  // anchor a bare time to today's date so any local-tz conversion uses the current offset\n  const numeric = dayjs.utc(`${today().format(ISO)}T${value}`)\n  if (numeric.isValid()) return numeric\n  const lenient = dayjs.utc(value)\n  return lenient.isValid() ? lenient : null\n}\n\n/** Inclusive numeric range `[start, end]` stepped by `step` — for the time-picker columns. A\n *  non-positive `step` returns `[]` rather than looping forever. */\nexport function range(start: number, end: number, step = 1): number[] {\n  if (step <= 0) return []\n  const out: number[] = []\n  for (let v = start; v <= end; v += step) out.push(v)\n  return out\n}\n\n/** Zero-pads a number to two digits (`9` → `'09'`) for time-column display. */\nexport const pad2 = (n: number): string => String(n).padStart(2, '0')\n\n/**\n * Build an input mask from a date/time format: numeric tokens (`D M Y H h m s`) → `9` (digit slots),\n * the **uppercase** meridiem token `A` → `AA` and the **lowercase** `a` → `aa` (two letter slots for\n * `AM`/`PM`, matching dayjs's case-sensitive strict parse), everything else literal.\n * `'DD/MM/YYYY'` → `'99/99/9999'`; `'DD/MM/YYYY hh:mm A'` → `'99/99/9999 99:99 AA'`.\n */\nexport const maskFromFormat = (format: string): string =>\n  format\n    .replace(/[DMYHhms]/g, '9')\n    .replace(/A/g, 'AA')\n    .replace(/a/g, 'aa')\n\nconst DIGIT = /[0-9]/\nconst ALPHA = /[A-Za-z]/\n\n/**\n * Applies a mask to raw input: `9` = digit, `A` = letter forced upper-case, `a` = letter forced\n * lower-case (so a typed meridiem matches the format's case for dayjs), everything else a literal.\n */\nexport function applyMask(raw: string, mask: string): string {\n  let out = ''\n  let i = 0\n  for (const m of mask) {\n    if (m === '9') {\n      while (i < raw.length && !DIGIT.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += raw[i++]\n    } else if (m === 'A' || m === 'a') {\n      while (i < raw.length && !ALPHA.test(raw[i])) i++\n      if (i >= raw.length) break\n      out += m === 'A' ? raw[i++].toUpperCase() : raw[i++].toLowerCase()\n    } else {\n      if (i >= raw.length) break\n      if (raw[i] === m) i++\n      out += m\n    }\n  }\n  return out\n}\n\n/** True when `d` falls outside `[min, max]` or is rejected by `disabledDate`. */\nexport function isDisabled(\n  d: Dayjs,\n  min: Dayjs | null,\n  max: Dayjs | null,\n  disabledDate?: (iso: string) => boolean,\n): boolean {\n  if (min && d.isBefore(min, 'day')) return true\n  if (max && d.isAfter(max, 'day')) return true\n  if (disabledDate && disabledDate(d.format(ISO))) return true\n  return false\n}\n\n/** A single cell in the month grid. */\nexport interface CalendarDay {\n  date: Dayjs\n  iso: string\n  /** Belongs to the month being displayed (vs. a leading/trailing day from an adjacent month). */\n  inMonth: boolean\n  isToday: boolean\n}\n\n/**\n * Builds a fixed 6×7 (42-cell) grid for the month containing `monthDate`, with weeks starting on\n * `weekStartsOn` (0 = Sunday … 6 = Saturday). Fixed height avoids layout shift between months.\n */\nexport function buildMonthGrid(monthDate: Dayjs, weekStartsOn: number): CalendarDay[] {\n  const firstOfMonth = monthDate.startOf('month')\n  const lead = (firstOfMonth.day() - weekStartsOn + 7) % 7\n  const start = firstOfMonth.subtract(lead, 'day')\n  const now = today()\n  const month = monthDate.month()\n  return Array.from({ length: 42 }, (_, i) => {\n    const date = start.add(i, 'day')\n    return {\n      date,\n      iso: date.format(ISO),\n      inMonth: date.month() === month,\n      isToday: date.isSame(now, 'day'),\n    }\n  })\n}\n\n/** Short weekday header labels, ordered from `weekStartsOn`. */\nexport function weekdayLabels(weekStartsOn: number): string[] {\n  return Array.from({ length: 7 }, (_, i) =>\n    dayjs\n      .utc()\n      .day((weekStartsOn + i) % 7)\n      .format('dd'),\n  )\n}\n\n/** Full month names (`'January'…'December'`), index 0–11, for the month-picker view. */\nexport function monthLabels(): string[] {\n  return Array.from({ length: 12 }, (_, m) => dayjs.utc().month(m).format('MMMM'))\n}\n\n/**\n * The list of selectable years for the (scrollable) year-picker view: bounded by `min`/`max` when\n * given, otherwise ±100 around `viewYear`. Always widened to include `viewYear` so the roving focus\n * has a cell to land on.\n */\nexport function yearList(min: Dayjs | null, max: Dayjs | null, viewYear: number): number[] {\n  const start = Math.min(min ? min.year() : viewYear - 100, viewYear)\n  const end = Math.max(max ? max.year() : viewYear + 100, viewYear)\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n"],"names":["dayjs","utc","customParseFormat","ISO","parseISO","value","d","parseInput","text","format","toISO","parseValue","valueFormat","strict","lenient","formatValue","today","ISO_MS","utcToLocalWall","instant","localWallToUtc","localWall","parseTime","numeric","range","start","end","step","out","v","pad2","n","maskFromFormat","DIGIT","ALPHA","applyMask","raw","mask","i","m","isDisabled","min","max","disabledDate","buildMonthGrid","monthDate","weekStartsOn","firstOfMonth","lead","now","month","_","date","yearList","viewYear"],"mappings":"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"}

package/dist/{DateTimePicker-COEj2Z0F.cjs → DateTimePicker-DUFtddxJ.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),A=require("clsx"),Ne=require("./formContext-bTWrqdEV.cjs"),Re=require("./FloatingPanel-U6sGYiSK.cjs"),Ye=require("./Button-CXmDOzPk.cjs"),te=require("./Icon-BVULqOJD.cjs"),He=require("./IconButton-BN-bZxEi.cjs"),Ve=require("./Tabs-BiKDy_fv.cjs"),se=require("./Typography-BFatE1_A.cjs"),Ee=require("./Calendar-B2nMXk4C.cjs"),t=require("./DatePicker.module-tE-tGNBd.cjs"),y=require("./TimeColumns-DxVN0V8l.cjs"),Oe=require("./ConfigProvider-Bszl3Wr3.cjs");function we(L,u){return`DD/MM/YYYY ${L?u?"hh:mm:ss A":"hh:mm A":u?"HH:mm:ss":"HH:mm"}`}const We=a.forwardRef(function({label:u,size:v="md",error:re,helperText:ae,required:oe=!1,fullWidth:ne=!0,disabled:x=!1,value:g,defaultValue:le,onChange:P,format:ce,valueFormat:ie,utc:F=!0,hour12:$=!1,minuteStep:ue=1,showSeconds:z=!0,placeholder:me,min:de,max:fe,disabledDate:S,weekStartsOn:pe=1,clearable:he=!0,name:m,id:ye,className:ve,style:xe},d){const i=Oe.useT(),Te=a.useId(),T=ye??Te,U=`${T}-helper`,Ce=`${T}-label`,c=ce??we($,z),f=ie??(F?"YYYY-MM-DDTHH:mm:ss[Z]":"YYYY-MM-DDTHH:mm:ss"),C=Ne.useFormContext(),b=!!(C&&m),l=b?C.field(m):void 0,be=g!==void 0?g:b?C.values[m]??"":void 0,K=g!==void 0||b,[je,ke]=a.useState(le??""),j=K?be:je,B=e=>F?t.utcToLocalWall(e):e,o=B(t.parseValue(j,f)),M=re??(l==null?void 0:l.error)??!1,N=ae??(l==null?void 0:l.helperText),R=B(t.parseValue(de,f)),Y=B(t.parseValue(fe,f)),Ie=t.maskFromFormat(c),qe=/s/.test(c)?"second":"minute",k=e=>{e!==j&&(K||ke(e),b&&C.setValue(m,e),P==null||P(e))},I=e=>{e&&o&&e.isSame(o,"second")||k(e?(F?t.localWallToUtc(e):e).format(f):"")},Z=e=>!o||!e.isSame(o,qe),[H,p]=a.useState(()=>o?o.format(c):"");a.useEffect(()=>{p(o?o.format(c):"")},[j,c,f]);const V=a.useRef(null),E=a.useRef(null),[h,_]=a.useState(!1),[De,G]=a.useState(()=>o??t.today()),[O,w]=a.useState("date"),W=a.useRef(!1),ge=a.useCallback(e=>{E.current=e,typeof d=="function"?d(e):d&&(d.current=e)},[d]),q=a.useRef(void 0);q.current=l?()=>l.onBlur({}):void 0;const D=a.useRef(null),J=a.useCallback(e=>{var s,n;_(!1),(s=q.current)==null||s.call(q),e&&((n=E.current)==null||n.focus())},[]);a.useEffect(()=>{h&&(G(o??t.today()),w("date"))},[h]),a.useEffect(()=>{var e,s;O==="time"&&W.current&&(W.current=!1,(s=(e=D.current)==null?void 0:e.querySelector('[role="tab"][aria-selected="true"]'))==null||s.focus())},[O,D]);const Q=e=>R&&e.isBefore(R,"day")||Y&&e.isAfter(Y,"day")?!0:!!(S&&S(t.toISO(e))),Pe=e=>{const s=t.applyMask(e,Ie);if(p(s),s===""){k("");return}const n=t.parseInput(s,c);n&&!Q(n)&&Z(n)&&I(n)},Fe=e=>{var X,ee;const s=t.parseInput(H,c);H===""?k(""):s&&!Q(s)?(Z(s)&&I(s),p(s.format(c))):p(o?o.format(c):"");const n=e.relatedTarget;n&&((X=D.current)!=null&&X.contains(n)||(ee=V.current)!=null&&ee.contains(n))||l==null||l.onBlur(e)},Se=e=>{const s=t.parseISO(e);if(!s)return;const n=o??t.today();I(s.hour(n.hour()).minute(n.minute()).second(n.second())),W.current=!0,w("time")},Be=e=>I(e),Me=v==="sm"?"sm":"md";return r.jsxs("div",{className:A.clsx(t.styles.field,t.styles[v],ne&&t.styles.fullWidth,M&&t.styles.error,x&&t.styles.disabled,ve),style:xe,children:[u!=null&&r.jsxs("label",{htmlFor:T,className:t.styles.label,children:[r.jsx(se.Typography,{as:"span",variant:"bodySmall",color:"muted",children:u}),oe&&r.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:V,className:A.clsx(t.styles.control,h&&t.styles.open),children:[r.jsx("input",{ref:ge,id:T,name:m,className:t.styles.input,value:H,placeholder:me??c.toLowerCase(),disabled:x,autoComplete:"off","aria-invalid":M||void 0,"aria-describedby":N!=null?U:void 0,onChange:e=>Pe(e.target.value),onBlur:Fe}),he&&j!==""&&!x&&r.jsx("button",{type:"button",className:t.styles.clear,"aria-label":i("dateTimePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;k(""),p(""),(e=E.current)==null||e.focus()},children:r.jsx(te.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(He.IconButton,{type:"button",variant:"text",color:"primary",size:v,disabled:x,"aria-label":i("dateTimePicker.open"),"aria-haspopup":"dialog","aria-expanded":h,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>_(e=>!e),children:r.jsx(te.Icon,{name:"Calendar3",size:Me})})]}),r.jsxs(Re.FloatingPanel,{ref:D,open:h,triggerRef:V,onClose:J,role:"dialog",ariaLabel:"Choose date and time",trapFocus:!0,className:A.clsx(t.styles.popover,y.dt.popover),children:[r.jsx(Ve.Tabs,{className:y.dt.tabs,"aria-label":i("dateTimePicker.label"),fullWidth:!0,autoFocus:!0,queryKey:null,value:O,onChange:e=>w(e),items:[{value:"date",label:i("dateTimePicker.dateTab"),icon:"Calendar3",content:r.jsx(Ee.Calendar,{value:o,month:De,onMonthChange:G,onSelect:Se,min:R,max:Y,disabledDate:S,weekStartsOn:pe,labelId:Ce})},{value:"time",label:i("dateTimePicker.timeTab"),icon:"Clock",content:r.jsx("div",{className:y.dt.timePane,children:r.jsx(y.TimeColumns,{value:o,onChange:Be,hour12:$,minuteStep:ue,showSeconds:z})})}]}),r.jsx("div",{className:y.dt.footer,children:r.jsx(Ye.Button,{size:"sm",variant:"filled",color:"primary",onClick:()=>J(!0),children:i("common.done")})})]}),N!=null&&r.jsx(se.Typography,{as:"span",id:U,variant:"bodySmall",color:M?"error":"muted",className:t.styles.helper,children:N})]})});exports.DateTimePicker=We;
-//# sourceMappingURL=DateTimePicker-COEj2Z0F.cjs.map
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),A=require("clsx"),Ne=require("./formContext-bTWrqdEV.cjs"),Re=require("./FloatingPanel-BIC4WrFa.cjs"),Ye=require("./Button-KRGjJdMV.cjs"),te=require("./Icon-BVULqOJD.cjs"),He=require("./IconButton-A2B0bqC-.cjs"),Ve=require("./Tabs-C1N9FgAq.cjs"),se=require("./Typography-B6ASPrzT.cjs"),Ee=require("./Calendar-CoTCOOUu.cjs"),t=require("./DatePicker.module-BDtTsg8M.cjs"),y=require("./TimeColumns-Cl0_IRf0.cjs"),Oe=require("./ConfigProvider-BElY0HuV.cjs");function we(L,u){return`DD/MM/YYYY ${L?u?"hh:mm:ss A":"hh:mm A":u?"HH:mm:ss":"HH:mm"}`}const We=a.forwardRef(function({label:u,size:v="md",error:re,helperText:ae,required:oe=!1,fullWidth:ne=!0,disabled:x=!1,value:g,defaultValue:le,onChange:P,format:ce,valueFormat:ie,utc:F=!0,hour12:$=!1,minuteStep:ue=1,showSeconds:z=!0,placeholder:me,min:de,max:fe,disabledDate:S,weekStartsOn:pe=1,clearable:he=!0,name:m,id:ye,className:ve,style:xe},d){const i=Oe.useT(),Te=a.useId(),T=ye??Te,U=`${T}-helper`,Ce=`${T}-label`,c=ce??we($,z),f=ie??(F?"YYYY-MM-DDTHH:mm:ss[Z]":"YYYY-MM-DDTHH:mm:ss"),C=Ne.useFormContext(),b=!!(C&&m),l=b?C.field(m):void 0,be=g!==void 0?g:b?C.values[m]??"":void 0,K=g!==void 0||b,[je,ke]=a.useState(le??""),j=K?be:je,B=e=>F?t.utcToLocalWall(e):e,o=B(t.parseValue(j,f)),M=re??(l==null?void 0:l.error)??!1,N=ae??(l==null?void 0:l.helperText),R=B(t.parseValue(de,f)),Y=B(t.parseValue(fe,f)),Ie=t.maskFromFormat(c),qe=/s/.test(c)?"second":"minute",k=e=>{e!==j&&(K||ke(e),b&&C.setValue(m,e),P==null||P(e))},I=e=>{e&&o&&e.isSame(o,"second")||k(e?(F?t.localWallToUtc(e):e).format(f):"")},Z=e=>!o||!e.isSame(o,qe),[H,p]=a.useState(()=>o?o.format(c):"");a.useEffect(()=>{p(o?o.format(c):"")},[j,c,f]);const V=a.useRef(null),E=a.useRef(null),[h,_]=a.useState(!1),[De,G]=a.useState(()=>o??t.today()),[O,w]=a.useState("date"),W=a.useRef(!1),ge=a.useCallback(e=>{E.current=e,typeof d=="function"?d(e):d&&(d.current=e)},[d]),q=a.useRef(void 0);q.current=l?()=>l.onBlur({}):void 0;const D=a.useRef(null),J=a.useCallback(e=>{var s,n;_(!1),(s=q.current)==null||s.call(q),e&&((n=E.current)==null||n.focus())},[]);a.useEffect(()=>{h&&(G(o??t.today()),w("date"))},[h]),a.useEffect(()=>{var e,s;O==="time"&&W.current&&(W.current=!1,(s=(e=D.current)==null?void 0:e.querySelector('[role="tab"][aria-selected="true"]'))==null||s.focus())},[O,D]);const Q=e=>R&&e.isBefore(R,"day")||Y&&e.isAfter(Y,"day")?!0:!!(S&&S(t.toISO(e))),Pe=e=>{const s=t.applyMask(e,Ie);if(p(s),s===""){k("");return}const n=t.parseInput(s,c);n&&!Q(n)&&Z(n)&&I(n)},Fe=e=>{var X,ee;const s=t.parseInput(H,c);H===""?k(""):s&&!Q(s)?(Z(s)&&I(s),p(s.format(c))):p(o?o.format(c):"");const n=e.relatedTarget;n&&((X=D.current)!=null&&X.contains(n)||(ee=V.current)!=null&&ee.contains(n))||l==null||l.onBlur(e)},Se=e=>{const s=t.parseISO(e);if(!s)return;const n=o??t.today();I(s.hour(n.hour()).minute(n.minute()).second(n.second())),W.current=!0,w("time")},Be=e=>I(e),Me=v==="sm"?"sm":"md";return r.jsxs("div",{className:A.clsx(t.styles.field,t.styles[v],ne&&t.styles.fullWidth,M&&t.styles.error,x&&t.styles.disabled,ve),style:xe,children:[u!=null&&r.jsxs("label",{htmlFor:T,className:t.styles.label,children:[r.jsx(se.Typography,{as:"span",variant:"bodySmall",color:"muted",children:u}),oe&&r.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:V,className:A.clsx(t.styles.control,h&&t.styles.open),children:[r.jsx("input",{ref:ge,id:T,name:m,className:t.styles.input,value:H,placeholder:me??c.toLowerCase(),disabled:x,autoComplete:"off","aria-invalid":M||void 0,"aria-describedby":N!=null?U:void 0,onChange:e=>Pe(e.target.value),onBlur:Fe}),he&&j!==""&&!x&&r.jsx("button",{type:"button",className:t.styles.clear,"aria-label":i("dateTimePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;k(""),p(""),(e=E.current)==null||e.focus()},children:r.jsx(te.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(He.IconButton,{type:"button",variant:"text",color:"primary",size:v,disabled:x,"aria-label":i("dateTimePicker.open"),"aria-haspopup":"dialog","aria-expanded":h,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>_(e=>!e),children:r.jsx(te.Icon,{name:"Calendar3",size:Me})})]}),r.jsxs(Re.FloatingPanel,{ref:D,open:h,triggerRef:V,onClose:J,role:"dialog",ariaLabel:"Choose date and time",trapFocus:!0,className:A.clsx(t.styles.popover,y.dt.popover),children:[r.jsx(Ve.Tabs,{className:y.dt.tabs,"aria-label":i("dateTimePicker.label"),fullWidth:!0,autoFocus:!0,queryKey:null,value:O,onChange:e=>w(e),items:[{value:"date",label:i("dateTimePicker.dateTab"),icon:"Calendar3",content:r.jsx(Ee.Calendar,{value:o,month:De,onMonthChange:G,onSelect:Se,min:R,max:Y,disabledDate:S,weekStartsOn:pe,labelId:Ce})},{value:"time",label:i("dateTimePicker.timeTab"),icon:"Clock",content:r.jsx("div",{className:y.dt.timePane,children:r.jsx(y.TimeColumns,{value:o,onChange:Be,hour12:$,minuteStep:ue,showSeconds:z})})}]}),r.jsx("div",{className:y.dt.footer,children:r.jsx(Ye.Button,{size:"sm",variant:"filled",color:"primary",onClick:()=>J(!0),children:i("common.done")})})]}),N!=null&&r.jsx(se.Typography,{as:"span",id:U,variant:"bodySmall",color:M?"error":"muted",className:t.styles.helper,children:N})]})});exports.DateTimePicker=We;
+//# sourceMappingURL=DateTimePicker-DUFtddxJ.cjs.map

package/dist/{DateTimePicker-COEj2Z0F.cjs.map → DateTimePicker-DUFtddxJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-COEj2Z0F.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-DUFtddxJ.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/{DateTimePicker-e2zj2bhS.js → DateTimePicker-laJsZYJX.js}

@@ -2,16 +2,16 @@ import { jsxs as M, jsx as r } from "react/jsx-runtime";
 import { forwardRef as Ae, useId as Ee, useState as h, useEffect as j, useRef as v, useCallback as ne } from "react";
 import { clsx as z } from "clsx";
 import { u as Le } from "./formContext-B7ln1Miy.js";
-import { F as $e } from "./FloatingPanel-BG9Uag__.js";
-import { B as je } from "./Button-DBs8xnA5.js";
+import { F as $e } from "./FloatingPanel-CeSOtE_D.js";
+import { B as je } from "./Button-BLW9yV8W.js";
 import { I as le } from "./Icon-DaTvzLBu.js";
-import { I as ze } from "./IconButton-BEGWfcVc.js";
-import { T as Ue } from "./Tabs-ytbBzAxG.js";
-import { T as ie } from "./Typography-Cta6Rg4L.js";
-import { C as Ke } from "./Calendar-CtteUt82.js";
-import { p as U, m as Ze, t as K, s, u as Ge, b as ce, c as Je, a as Qe, l as Xe, d as _e } from "./DatePicker.module-BZDftL4g.js";
-import { d as N, T as et } from "./TimeColumns-n-fz50mr.js";
-import { a as tt } from "./ConfigProvider-DR9YMy9U.js";
+import { I as ze } from "./IconButton-Dq17Fekm.js";
+import { T as Ue } from "./Tabs-By86Cmpw.js";
+import { T as ie } from "./Typography-CJv5AnRP.js";
+import { C as Ke } from "./Calendar-sLA-xa0B.js";
+import { p as U, m as Ze, t as K, s, u as Ge, b as ce, c as Je, a as Qe, l as Xe, d as _e } from "./DatePicker.module-CMMQyEhG.js";
+import { d as N, T as et } from "./TimeColumns-yzjScNU8.js";
+import { a as tt } from "./ConfigProvider-B_RSn9bb.js";
 function at(Z, c) {
   return `DD/MM/YYYY ${Z ? c ? "hh:mm:ss A" : "hh:mm A" : c ? "HH:mm:ss" : "HH:mm"}`;
 }
@@ -242,4 +242,4 @@ const Tt = Ae(
 export {
   Tt as D
 };
-//# sourceMappingURL=DateTimePicker-e2zj2bhS.js.map
+//# sourceMappingURL=DateTimePicker-laJsZYJX.js.map

package/dist/{DateTimePicker-e2zj2bhS.js.map → DateTimePicker-laJsZYJX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-e2zj2bhS.js","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-laJsZYJX.js","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/DescriptionList-BCvOX8fg.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),R=require("react"),S=require("clsx"),G=require("./breakpoints-Dpnh6BbG.cjs"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./names-BJnFU_5m.cjs"),V=require("./Icon-BVULqOJD.cjs"),X=require("./CopyButton-B5aicGl3.cjs"),Y=require("./IconButton-A2B0bqC-.cjs"),k=require("./Skeleton-DK0lAjS9.cjs"),q=require("./Typography-B6ASPrzT.cjs"),Z=require("./ConfigProvider-BElY0HuV.cjs"),W="_root_1hhb1_4",ee="_sm_1hhb1_14",se="_md_1hhb1_22",te="_lg_1hhb1_30",ae="_header_1hhb1_40",le="_headerMain_1hhb1_49",ne="_headerIcon_1hhb1_56",oe="_headerText_1hhb1_59",re="_title_1hhb1_65",ce="_actions_1hhb1_68",de="_grid_1hhb1_80",he="_item_1hhb1_87",ie="_dividers_1hhb1_95",_e="_lastRow_1hhb1_99",ue="_label_1hhb1_103",pe="_labelIcon_1hhb1_111",be="_value_1hhb1_116",me="_valueMedium_1hhb1_125",ve="_valueBold_1hhb1_128",xe="_valueText_1hhb1_131",ye="_placeholder_1hhb1_135",je="_copy_1hhb1_148",Ne="_copyButton_1hhb1_156",fe="_horizontal_1hhb1_172",ge="_stacked_1hhb1_170",Ie="_bordered_1hhb1_184",we="_lastRowStart_1hhb1_213",e={root:W,sm:ee,md:se,lg:te,header:ae,headerMain:le,headerIcon:ne,headerText:oe,title:re,actions:ce,grid:de,item:he,dividers:ie,lastRow:_e,label:ue,labelIcon:pe,value:be,valueMedium:me,valueBold:ve,valueText:xe,placeholder:ye,copy:je,copyButton:Ne,horizontal:fe,stacked:ge,bordered:Ie,lastRowStart:we},Te=new Set(K.ICON_NAMES),Me={xs:1,sm:2,lg:3},Re=t=>t==null||t===""||t===!1,Se=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},ke=(t,n)=>{let r=0,l=0;return t.map(h=>{const o=Math.min(h.span??1,n);l+o>n&&(r+=1,l=0);const u={item:h,span:o,row:r,col:l};return l+=o,l>=n&&(r+=1,l=0),u})},B=(t,n="sm")=>typeof t=="string"&&Te.has(t)?s.jsx(V.Icon,{name:t,size:n}):t,qe=R.forwardRef(function({items:n,columns:r=Me,layout:l="vertical",size:h="md",valueWeight:o="regular",bordered:u=!1,dividers:C=!0,labelWidth:p=160,stackBelow:x="xxs",loading:c=!1,emptyText:L="—",title:d,icon:b,color:z="accent",subtitle:i,actions:m,className:E,style:A,...D},O){const y=Z.useT(),j=`${R.useId()}-title`,N=J.useBreakpointMatches(),f=G.resolveResponsive(r,N)??1,$=l==="horizontal"&&x!==!1&&N[x],g=n.filter(a=>!a.hidden),_=ke(g,f),I=_.length?_[_.length-1].row:0,U=typeof c=="number"?c:g.length||6,F=d!=null||i!=null||m!=null||b!=null,H={"--dl-cols":f,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:O,className:S.clsx(e.root,e[h],e[l],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],u&&e.bordered,C&&e.dividers,$&&e.stacked,E),style:{...H,...A},...D,children:[F&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[b!=null&&s.jsx(Y.IconButton,{variant:"filled",size:"sm",color:z,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:B(b,"md")}),(d!=null||i!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(q.Typography,{as:"h3",id:j,variant:"subtitle",className:e.title,children:d}),i!=null&&s.jsx(q.Typography,{as:"p",variant:"bodySmall",color:"muted",children:i})]})]}),m!=null&&s.jsx("div",{className:e.actions,children:m})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?j:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:U},(a,v)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(k.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(k.Skeleton,{width:"70%",height:"1.1em"})})]},v)):_.map(({item:a,span:v,row:w,col:P},Q)=>{const T=Re(a.value),M=!T&&a.copyable?Se(a):void 0;return s.jsxs("div",{className:S.clsx(e.item,w===I&&e.lastRow,w===I&&P===0&&e.lastRowStart),style:{"--dl-span":v},children:[s.jsxs("dt",{className:e.label,children:[a.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:B(a.icon)}),a.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:T?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:L}):a.value}),M!=null&&s.jsx("span",{className:e.copy,children:s.jsx(X.CopyButton,{value:M,size:"sm",variant:"text",className:e.copyButton})})]})]},a.key??Q)})})]})});exports.DescriptionList=qe;
+//# sourceMappingURL=DescriptionList-BCvOX8fg.cjs.map