@editora/ui-core 0.1.21 → 0.1.23

package/dist/date-time-picker.esm.js

@@ -1,17 +1,18 @@
-import { E as W } from "./ElementBase-YlTLMsGk.mjs";
-import { c as Y } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as J } from "./calendar-DLY4acgn.mjs";
-import { r as G, e as Q, i as v, s as X, b as tt, f as et, t as it, n as E, d as rt, p as F, o as N, a as st, m as R, j as Z, k as j, q as y, l as nt, c as at } from "./date-time-utils-y1N2gvG2.mjs";
-let ot = 0;
-const lt = `
+import { E as W } from "./ElementBase-BeZT54Hj.mjs";
+import { s as Y, a as J } from "./control-name-Bpj7F34X.mjs";
+import { c as G } from "./dismissable-layer-BmPIoK80.mjs";
+import { r as Q } from "./calendar-B3PUKHQm.mjs";
+import { r as X, e as tt, i as v, s as et, b as it, f as st, t as rt, n as E, d as nt, p as F, o as N, a as at, m as R, j as Z, k as j, q as y, l as ot, c as lt } from "./date-time-utils-BTlxnz5j.mjs";
+let dt = 0;
+const ut = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
-`, dt = `
+`, ct = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.12l3.71-3.9a.75.75 0 1 1 1.08 1.04l-4.25 4.47a.75.75 0 0 1-1.08 0L5.2 8.27a.75.75 0 0 1 .02-1.06Z" fill="currentColor"/>
   </svg>
-`, ut = `
+`, pt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06Z" fill="currentColor"/>
   </svg>
@@ -19,7 +20,7 @@ const lt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm.75 2.75a.75.75 0 0 0-1.5 0v3.88c0 .2.08.4.22.54l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28V6.25Z" fill="currentColor"/>
   </svg>
-`, ct = `
+`, ht = `
   :host {
     --ui-dtp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dtp-surface: linear-gradient(
@@ -29,9 +30,9 @@ const lt = `
     );
     --ui-dtp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-dp-text: var(--ui-color-text, #0f172a);
-    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dtp-accent: var(--ui-color-primary, #2563eb);
-    --ui-dtp-success: var(--ui-color-success, #16a34a);
+    --ui-dtp-success: var(--ui-color-success, #15803d);
     --ui-dtp-error: var(--ui-color-danger, #dc2626);
     --ui-dtp-radius: 12px;
     --ui-dtp-panel-radius: 14px;
@@ -285,7 +286,7 @@ const lt = `
       outline-color: Highlight;
     }
   }
-`, pt = `
+`, mt = `
   .ui-date-time-picker-overlay-host {
     --ui-dtp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dtp-surface: linear-gradient(
@@ -295,7 +296,7 @@ const lt = `
     );
     --ui-dtp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-dp-text: var(--ui-color-text, #0f172a);
-    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dtp-accent: var(--ui-color-primary, #2563eb);
     --ui-dtp-panel-radius: 14px;
     --ui-dtp-shadow: none;
@@ -354,7 +355,7 @@ const lt = `
   .head-meta {
     margin: 0;
     font: 500 12px/1.3 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-    color: var(--ui-dp-muted, #64748b);
+    color: var(--ui-dp-muted, #526175);
   }
   .content {
     display: grid;
@@ -382,7 +383,7 @@ const lt = `
   }
   .time-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
   .time-grid[data-meridiem="true"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-  .time-grid label { font-size: 11px; color: var(--ui-dp-muted, #64748b); font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
+  .time-grid label { font-size: 11px; color: var(--ui-dp-muted, #526175); font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
   .time-grid select {
     min-block-size: 34px;
     border: 1px solid color-mix(in srgb, var(--ui-dtp-border, #cbd5e1) 84%, transparent);
@@ -477,14 +478,17 @@ function U(h) {
 function x(h) {
   return Z(h.date, h.time);
 }
-class ht extends W {
+class _t extends W {
   constructor() {
-    super(...arguments), this._value = { date: null, time: null }, this._pending = { date: null, time: null }, this._draft = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._uid = `ui-dtp-${++ot}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._schedulePosition = G(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootInputBound = (t) => this._onRootInput(t), this._onRootChangeBound = (t) => this._onRootChange(t), this._onRootBlurBound = (t) => this._onRootBlur(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendar(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
-      Q(t, [this._overlay]) || this._schedulePosition.run();
+    super(...arguments), this._value = { date: null, time: null }, this._pending = { date: null, time: null }, this._draft = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._uid = `ui-dtp-${++dt}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._schedulePosition = X(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootInputBound = (t) => this._onRootInput(t), this._onRootChangeBound = (t) => this._onRootChange(t), this._onRootBlurBound = (t) => this._onRootBlur(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendar(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
+      tt(t, [this._overlay]) || this._schedulePosition.run();
     };
   }
   static get observedAttributes() {
     return [
+      "aria-label",
+      "aria-description",
+      "aria-describedby",
       "open",
       "default-open",
       "value",
@@ -538,7 +542,7 @@ class ht extends W {
     return (this.getAttribute("mode") || "popover") === "inline";
   }
   _isMobileSheet() {
-    return X(this.getAttribute("mode"));
+    return et(this.getAttribute("mode"));
   }
   _isDisabled() {
     return this.hasAttribute("disabled");
@@ -572,10 +576,10 @@ class ht extends W {
     return v(this.getAttribute("bare"), !1);
   }
   _locale() {
-    return tt(this.getAttribute("locale"));
+    return it(this.getAttribute("locale"));
   }
   _translations() {
-    return J(
+    return Q(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
@@ -586,8 +590,8 @@ class ht extends W {
   }
   _formatDisplay(t) {
     if (!t.date || !t.time) return "";
-    const e = et(t.date, this._locale(), "locale", null);
-    return this._is12h() ? `${e} ${it(t.time, this._locale())}` : `${e} ${t.time}`;
+    const e = st(t.date, this._locale(), "locale", null);
+    return this._is12h() ? `${e} ${rt(t.time, this._locale())}` : `${e} ${t.time}`;
   }
   _is12h() {
     return (this.getAttribute("format") || "24h") === "12h";
@@ -595,12 +599,12 @@ class ht extends W {
   _parseDateInput(t) {
     const e = E(t);
     if (e) return e;
-    const i = rt(t, this._locale());
+    const i = nt(t, this._locale());
     if (i) return i;
-    const r = new Date(t);
-    if (!Number.isFinite(r.getTime())) return null;
-    const o = r.getFullYear(), a = String(r.getMonth() + 1).padStart(2, "0"), s = String(r.getDate()).padStart(2, "0");
-    return `${o}-${a}-${s}`;
+    const s = new Date(t);
+    if (!Number.isFinite(s.getTime())) return null;
+    const o = s.getFullYear(), a = String(s.getMonth() + 1).padStart(2, "0"), r = String(s.getDate()).padStart(2, "0");
+    return `${o}-${a}-${r}`;
   }
   _syncOpenAttribute(t) {
     this._syncing = !0;
@@ -658,16 +662,16 @@ class ht extends W {
   }
   _clampState(t) {
     if (!t.date) return { date: null, time: t.time };
-    const e = this._minDate(), i = this._maxDate(), r = st(t.date, e, i), o = t.time || "00:00";
-    let a = this._minDateTime(), s = this._maxDateTime();
-    if (a && s && R(a, s) > 0) {
-      const f = a;
-      a = s, s = f;
+    const e = this._minDate(), i = this._maxDate(), s = at(t.date, e, i), o = t.time || "00:00";
+    let a = this._minDateTime(), r = this._maxDateTime();
+    if (a && r && R(a, r) > 0) {
+      const _ = a;
+      a = r, r = _;
     }
-    let n = Z(r, o) || `${r}T00:00`;
-    a && R(n, a) < 0 && (n = a), s && R(n, s) > 0 && (n = s);
+    let n = Z(s, o) || `${s}T00:00`;
+    a && R(n, a) < 0 && (n = a), r && R(n, r) > 0 && (n = r);
     const d = j(n);
-    return d ? { date: d.date, time: d.time } : { date: r, time: o };
+    return d ? { date: d.date, time: d.time } : { date: s, time: o };
   }
   _commit(t, e) {
     if (this._isInteractionBlocked() || this._isReadonly()) return;
@@ -675,15 +679,15 @@ class ht extends W {
       this._value = { date: null, time: null }, this._pending = { date: null, time: null }, this._draft = "", this._inlineError = "", this._syncValueAttribute(this._value), this._emitInput(e), this._emitChange(e), this._updateHostState();
       return;
     }
-    const i = y(t.time || ""), r = this._clampState({
+    const i = y(t.time || ""), s = this._clampState({
       date: E(t.date),
       time: i ? `${p(i.hours)}:${p(i.minutes)}` : null
     });
-    if (!r.date || !r.time) {
+    if (!s.date || !s.time) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidDateTime, this._emitInvalid(JSON.stringify(t), "parse"), this._updateHostState();
       return;
     }
-    this._value = r, this._pending = { ...r }, this._draft = this._formatDisplay(r), this._inlineError = "", this._syncValueAttribute(this._value), this._emitInput(e), this._emitChange(e), this._updateHostState();
+    this._value = s, this._pending = { ...s }, this._draft = this._formatDisplay(s), this._inlineError = "", this._syncValueAttribute(this._value), this._emitInput(e), this._emitChange(e), this._updateHostState();
   }
   _setOpen(t, e) {
     t && this._isInteractionBlocked() || this._open !== t && (this._open = t, this._syncOpenAttribute(t), this._syncOverlay(e), this._updateHostState(), this.dispatchEvent(new CustomEvent(t ? "open" : "close", { bubbles: !0, composed: !0 })));
@@ -708,7 +712,7 @@ class ht extends W {
   _ensureOverlay() {
     if (this._overlay || typeof document > "u") return;
     const t = document.createElement("div");
-    t.className = "ui-date-time-picker-overlay-host", t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), t.addEventListener("change", this._onOverlayCalendarBound), t.addEventListener("select", this._onOverlayCalendarBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = nt());
+    t.className = "ui-date-time-picker-overlay-host", t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), t.addEventListener("change", this._onOverlayCalendarBound), t.addEventListener("select", this._onOverlayCalendarBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = ot());
   }
   _syncOverlayHostZIndex() {
     if (!this._overlay || typeof window > "u") return;
@@ -721,7 +725,7 @@ class ht extends W {
   _syncDismissableLayer() {
     if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, !this._open || !this._overlay) return;
     const t = this._overlay.querySelector(".panel, .sheet"), e = this.root.querySelector(".field");
-    t && (this._dismissableLayer = Y({
+    t && (this._dismissableLayer = G({
       node: t,
       trigger: e,
       closeOnEscape: !0,
@@ -734,27 +738,27 @@ class ht extends W {
     if (!this._overlay || !this._open || this._isMobileSheet()) return;
     const t = this.root.querySelector(".field"), e = this._overlay.querySelector(".panel");
     if (!t || !e) return;
-    const i = e.getAttribute("data-placement"), r = at(
+    const i = e.getAttribute("data-placement"), s = lt(
       t.getBoundingClientRect(),
       e.getBoundingClientRect(),
       8,
       8,
       i === "top" ? "top" : i === "bottom" ? "bottom" : null
     );
-    e.style.position = "absolute", e.style.top = `${Math.round(r.top)}px`, e.style.left = `${Math.round(r.left)}px`, e.setAttribute("data-placement", r.placement);
+    e.style.position = "absolute", e.style.top = `${Math.round(s.top)}px`, e.style.left = `${Math.round(s.left)}px`, e.setAttribute("data-placement", s.placement);
   }
   _timeOptions() {
-    const t = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 }, e = this._minuteStep(), i = this._is12h() ? Array.from({ length: 12 }, (a, s) => {
-      const n = s + 1, d = t.hours % 12 || 12;
+    const t = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 }, e = this._minuteStep(), i = this._is12h() ? Array.from({ length: 12 }, (a, r) => {
+      const n = r + 1, d = t.hours % 12 || 12;
       return `<option value="${n}" ${n === d ? "selected" : ""}>${p(n)}</option>`;
-    }).join("") : Array.from({ length: 24 }, (a, s) => `<option value="${s}" ${s === t.hours ? "selected" : ""}>${p(s)}</option>`).join(""), r = Array.from({ length: Math.ceil(60 / e) }, (a, s) => {
-      const n = Math.min(59, s * e);
+    }).join("") : Array.from({ length: 24 }, (a, r) => `<option value="${r}" ${r === t.hours ? "selected" : ""}>${p(r)}</option>`).join(""), s = Array.from({ length: Math.ceil(60 / e) }, (a, r) => {
+      const n = Math.min(59, r * e);
       return `<option value="${n}" ${n === t.minutes ? "selected" : ""}>${p(n)}</option>`;
     }).join(""), o = t.hours >= 12 ? "pm" : "am";
-    return { hours: i, minutes: r, meridiem: o };
+    return { hours: i, minutes: s, meridiem: o };
   }
   _renderSurfaceInner(t, e = !1) {
-    const i = this._translations(), r = this._timeOptions(), o = (this.getAttribute("label") || "").trim(), a = c(o), s = c(o || i.selectDate), n = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : "", d = `
+    const i = this._translations(), s = this._timeOptions(), o = (this.getAttribute("label") || "").trim(), a = c(o), r = c(o || i.selectDate), n = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : "", d = `
       <header class="head">
         <div>
           <p class="head-title" ${o ? "" : "hidden"}>${a}</p>
@@ -766,9 +770,9 @@ class ht extends W {
         <section class="time-panel" part="time">
           <span class="icon" aria-hidden="true">${K}</span>
           <div class="time-grid" data-meridiem="${this._is12h() ? "true" : "false"}">
-            <div><label>${c(i.hour)}</label><select data-segment="hours" aria-label="${c(i.hour)}">${r.hours}</select></div>
-            <div><label>${c(i.minute)}</label><select data-segment="minutes" aria-label="${c(i.minute)}">${r.minutes}</select></div>
-            ${this._is12h() ? `<div><label>${c(i.meridiem)}</label><select data-segment="meridiem" aria-label="${c(i.meridiem)}"><option value="am" ${r.meridiem === "am" ? "selected" : ""}>${c(i.am)}</option><option value="pm" ${r.meridiem === "pm" ? "selected" : ""}>${c(i.pm)}</option></select></div>` : ""}
+            <div><label>${c(i.hour)}</label><select data-segment="hours" aria-label="${c(i.hour)}">${s.hours}</select></div>
+            <div><label>${c(i.minute)}</label><select data-segment="minutes" aria-label="${c(i.minute)}">${s.minutes}</select></div>
+            ${this._is12h() ? `<div><label>${c(i.meridiem)}</label><select data-segment="meridiem" aria-label="${c(i.meridiem)}"><option value="am" ${s.meridiem === "am" ? "selected" : ""}>${c(i.am)}</option><option value="pm" ${s.meridiem === "pm" ? "selected" : ""}>${c(i.pm)}</option></select></div>` : ""}
           </div>
         </section>
       </div>
@@ -780,20 +784,20 @@ class ht extends W {
       </footer>
     `;
     return e ? d : `
-      <style>${pt}</style>
+      <style>${mt}</style>
       ${t ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
-      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${s}" part="${t ? "sheet" : "popover"}">${d}</section>
+      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${r}" part="${t ? "sheet" : "popover"}">${d}</section>
     `;
   }
   _syncCalendar(t) {
-    const e = (s, n) => {
+    const e = (r, n) => {
       if (n == null || n === "") {
-        t.hasAttribute(s) && t.removeAttribute(s);
+        t.hasAttribute(r) && t.removeAttribute(r);
         return;
       }
-      t.getAttribute(s) !== n && t.setAttribute(s, n);
-    }, i = (s, n) => {
-      n ? e(s, "") : e(s, null);
+      t.getAttribute(r) !== n && t.setAttribute(r, n);
+    }, i = (r, n) => {
+      n ? e(r, "") : e(r, null);
     };
     e("selection", "single"), e("value", this._pending.date), e("min", this.getAttribute("min")), e("max", this.getAttribute("max")), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
     const o = this.getAttribute("size") || "sm", a = t.classList.contains("dt-calendar-inline");
@@ -816,20 +820,20 @@ class ht extends W {
   _setClosestOptionValue(t, e) {
     const i = Array.from(t.options).map((a) => Number(a.value)).filter((a) => Number.isFinite(a));
     if (!i.length) return;
-    let r = i[0], o = Math.abs(r - e);
+    let s = i[0], o = Math.abs(s - e);
     for (let a = 1; a < i.length; a += 1) {
-      const s = i[a], n = Math.abs(s - e);
-      n < o && (r = s, o = n);
+      const r = i[a], n = Math.abs(r - e);
+      n < o && (s = r, o = n);
     }
-    t.value = String(r);
+    t.value = String(s);
   }
   _syncOverlayState() {
     if (!this._overlay) return;
     this._syncOverlayHostZIndex();
     const t = this._isMobileSheet();
     this._ensureOverlayContent(t), this._syncDismissableLayer();
-    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".footer");
-    i && (i.dataset.bare = this._isBare() ? "true" : "false"), r && (r.hidden = !this._showFooter());
+    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), s = this._overlay.querySelector(".footer");
+    i && (i.dataset.bare = this._isBare() ? "true" : "false"), s && (s.hidden = !this._showFooter());
     const o = this._overlay.querySelector(".head-title");
     if (o) {
       const l = (this.getAttribute("label") || "").trim();
@@ -837,14 +841,14 @@ class ht extends W {
     }
     const a = this._overlay.querySelector(".head-meta");
     a && (a.textContent = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : e.selectDate);
-    const s = this._overlay.querySelector(".dt-calendar");
-    s && this._syncCalendar(s);
-    const n = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 }, d = this._overlay.querySelector('select[data-segment="hours"]'), f = this._overlay.querySelector('select[data-segment="minutes"]'), m = this._overlay.querySelector('select[data-segment="meridiem"]');
+    const r = this._overlay.querySelector(".dt-calendar");
+    r && this._syncCalendar(r);
+    const n = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 }, d = this._overlay.querySelector('select[data-segment="hours"]'), _ = this._overlay.querySelector('select[data-segment="minutes"]'), m = this._overlay.querySelector('select[data-segment="meridiem"]');
     if (d) {
       const l = this._is12h() ? n.hours % 12 || 12 : n.hours;
       this._setClosestOptionValue(d, l), d.disabled = this._isInteractionBlocked() || this._isReadonly();
     }
-    f && (this._setClosestOptionValue(f, n.minutes), f.disabled = this._isInteractionBlocked() || this._isReadonly()), m && (m.value = n.hours >= 12 ? "pm" : "am", m.disabled = this._isInteractionBlocked() || this._isReadonly());
+    _ && (this._setClosestOptionValue(_, n.minutes), _.disabled = this._isInteractionBlocked() || this._isReadonly()), m && (m.value = n.hours >= 12 ? "pm" : "am", m.disabled = this._isInteractionBlocked() || this._isReadonly());
     const S = this._isInteractionBlocked() || this._isReadonly();
     this._overlay.querySelectorAll(".action").forEach((l) => {
       l.disabled = S;
@@ -854,18 +858,18 @@ class ht extends W {
     this._syncOverlayState();
   }
   _applyTimeFromSurface(t) {
-    const e = t.querySelector('select[data-segment="hours"]'), i = t.querySelector('select[data-segment="minutes"]'), r = t.querySelector('select[data-segment="meridiem"]');
+    const e = t.querySelector('select[data-segment="hours"]'), i = t.querySelector('select[data-segment="minutes"]'), s = t.querySelector('select[data-segment="meridiem"]');
     if (!e || !i) return;
     const o = Number(e.value), a = Number(i.value);
     if (!Number.isFinite(o) || !Number.isFinite(a)) return;
-    let s = o;
+    let r = o;
     if (this._is12h()) {
-      const n = r?.value === "pm" ? "pm" : "am";
-      n === "pm" && s < 12 && (s += 12), n === "am" && s === 12 && (s = 0);
+      const n = s?.value === "pm" ? "pm" : "am";
+      n === "pm" && r < 12 && (r += 12), n === "am" && r === 12 && (r = 0);
     }
     this._pending = this._clampState({
       date: this._pending.date,
-      time: `${p(s)}:${p(a)}`
+      time: `${p(r)}:${p(a)}`
     }), this._emitInput("time");
   }
   _onRootClick(t) {
@@ -882,8 +886,8 @@ class ht extends W {
         return;
       }
       if (this._isInlineMode() && i === "now") {
-        const r = /* @__PURE__ */ new Date(), o = String(r.getMonth() + 1).padStart(2, "0"), a = String(r.getDate()).padStart(2, "0"), s = `${r.getFullYear()}-${o}-${a}`, n = `${p(r.getHours())}:${p(r.getMinutes())}`;
-        this._pending = this._clampState({ date: s, time: n }), this._emitInput("now"), this._updateHostState();
+        const s = /* @__PURE__ */ new Date(), o = String(s.getMonth() + 1).padStart(2, "0"), a = String(s.getDate()).padStart(2, "0"), r = `${s.getFullYear()}-${o}-${a}`, n = `${p(s.getHours())}:${p(s.getMinutes())}`;
+        this._pending = this._clampState({ date: r, time: n }), this._emitInput("now"), this._updateHostState();
         return;
       }
       if (this._isInlineMode() && i === "cancel") {
@@ -925,12 +929,12 @@ class ht extends W {
       this._commit({ date: null, time: null }, "blur");
       return;
     }
-    const r = /^(.+)\s+(\d{1,2}:\d{2}(?::\d{2})?(?:\s?[ap]m)?)$/i.exec(i);
-    if (!r) {
+    const s = /^(.+)\s+(\d{1,2}:\d{2}(?::\d{2})?(?:\s?[ap]m)?)$/i.exec(i);
+    if (!s) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidDateTime, this._emitInvalid(i, "parse"), this._updateHostState();
       return;
     }
-    const o = this._parseDateInput(r[1]), a = y(r[2]) ? r[2] : null;
+    const o = this._parseDateInput(s[1]), a = y(s[2]) ? s[2] : null;
     if (!o || !a) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidDateTime, this._emitInvalid(i, "parse"), this._updateHostState();
       return;
@@ -965,8 +969,8 @@ class ht extends W {
         return;
       }
       if (i === "now") {
-        const r = /* @__PURE__ */ new Date(), o = String(r.getMonth() + 1).padStart(2, "0"), a = String(r.getDate()).padStart(2, "0"), s = `${r.getFullYear()}-${o}-${a}`, n = `${p(r.getHours())}:${p(r.getMinutes())}`;
-        this._pending = this._clampState({ date: s, time: n }), this._emitInput("now"), this._renderOverlay();
+        const s = /* @__PURE__ */ new Date(), o = String(s.getMonth() + 1).padStart(2, "0"), a = String(s.getDate()).padStart(2, "0"), r = `${s.getFullYear()}-${o}-${a}`, n = `${p(s.getHours())}:${p(s.getMinutes())}`;
+        this._pending = this._clampState({ date: r, time: n }), this._emitInput("now"), this._renderOverlay();
         return;
       }
       i === "apply" && (this._commit(this._pending, "apply"), this._setOpen(!1, "apply"));
@@ -980,7 +984,7 @@ class ht extends W {
     if (this._isInteractionBlocked() || this._isReadonly()) return;
     const e = t.target;
     if (!e || e.tagName.toLowerCase() !== "ui-calendar") return;
-    const i = t.type, r = t.detail, o = E(i === "select" ? r?.value || null : r?.value);
+    const i = t.type, s = t.detail, o = E(i === "select" ? s?.value || null : s?.value);
     if (o) {
       if (this._pending = this._clampState({ date: o, time: this._pending.time || "09:00" }), this._emitInput("calendar"), this._shouldAutoCommit() && this._pending.time) {
         this._commit(this._pending, "calendar"), this._setOpen(!1, "calendar");
@@ -999,21 +1003,21 @@ class ht extends W {
   }
   _updateHostState() {
     if (!this._hasView) return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, o = !!x(this._value), a = this.getAttribute("name") || "", s = this._allowInput() ? this._draft : this._formatDisplay(this._value), n = this._isInlineMode(), d = this._translations(), f = r ? "error" : this._state();
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", s = this._inlineError || i, o = !!x(this._value), a = this.getAttribute("name") || "", r = this._allowInput() ? this._draft : this._formatDisplay(this._value), n = this._isInlineMode(), d = this._translations(), _ = s ? "error" : this._state();
     this._state() === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy");
     const m = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), $ = this.root.querySelector(".required"), l = this.root.querySelector(".input"), w = this.root.querySelector('.btn[data-action="clear"]'), b = this.root.querySelector('.btn[data-action="toggle"]'), g = this.root.querySelector(".hint"), I = this.root.querySelector(".error"), k = this.root.querySelector(".hidden-input");
-    if (m && (m.hidden = !t), m && (m.id = this._labelId, m.setAttribute("for", this._inputId)), S && (S.textContent = t), $ && ($.hidden = !this.hasAttribute("required")), l && (l.value !== s && (l.value = s), l.id = this._inputId, l.placeholder = d.dateTimePlaceholder, l.readOnly = !this._allowInput() || this._isReadonly(), l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", n ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", r ? "true" : "false"), t ? l.setAttribute("aria-labelledby", this._labelId) : l.removeAttribute("aria-labelledby")), w && (w.hidden = !(this._clearable() && o), w.setAttribute("aria-label", d.clear), w.disabled = this._isInteractionBlocked()), b && (b.hidden = n, b.setAttribute("aria-label", d.toggleCalendar), b.setAttribute("aria-expanded", n ? "false" : String(this._open)), b.setAttribute("aria-controls", this._panelId), b.disabled = this._isInteractionBlocked()), g && (g.id = this._hintId, g.hidden = !e, g.textContent = e), I && (I.id = this._errorId, I.hidden = !r, I.textContent = r), l) {
-      const _ = [];
-      e && g && !g.hidden && _.push(this._hintId), r && _.push(this._errorId), _.length ? l.setAttribute("aria-describedby", _.join(" ")) : l.removeAttribute("aria-describedby");
+    if (m && (m.hidden = !t), m && (m.id = this._labelId, m.setAttribute("for", this._inputId)), S && (S.textContent = t), $ && ($.hidden = !this.hasAttribute("required")), l && (l.value !== r && (l.value = r), l.id = this._inputId, l.placeholder = d.dateTimePlaceholder, l.readOnly = !this._allowInput() || this._isReadonly(), l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", n ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", s ? "true" : "false"), Y(l, this, t ? this._labelId : null, l.placeholder)), w && (w.hidden = !(this._clearable() && o), w.setAttribute("aria-label", d.clear), w.disabled = this._isInteractionBlocked()), b && (b.hidden = n, b.setAttribute("aria-label", d.toggleCalendar), b.setAttribute("aria-expanded", n ? "false" : String(this._open)), b.setAttribute("aria-controls", this._panelId), b.disabled = this._isInteractionBlocked()), g && (g.id = this._hintId, g.hidden = !e, g.textContent = e), I && (I.id = this._errorId, I.hidden = !s, I.textContent = s), l) {
+      const f = [];
+      e && g && !g.hidden && f.push(this._hintId), s && f.push(this._errorId), J(l, this, this._uid, f);
     }
     k && (k.disabled = !a, k.name = a, k.value = x(this._value) || "");
-    const A = this.root.querySelector(".field");
-    A && (A.dataset.open = this._open && !n ? "true" : "false", A.dataset.invalid = r ? "true" : "false", A.dataset.state = f);
+    const C = this.root.querySelector(".field");
+    C && (C.dataset.open = this._open && !n ? "true" : "false", C.dataset.invalid = s ? "true" : "false", C.dataset.state = _);
     const u = this.root.querySelector(".inline-panel");
     if (u) {
       u.hidden = !n, u.id = this._panelId, u.dataset.bare = this._isBare() ? "true" : "false", u.setAttribute("role", "dialog"), u.setAttribute("aria-modal", "false"), u.setAttribute("aria-label", t || d.selectDate);
-      const _ = u.querySelector(".panel-title");
-      _ && (_.textContent = t, _.hidden = !t);
+      const f = u.querySelector(".panel-title");
+      f && (f.textContent = t, f.hidden = !t);
       const D = u.querySelector(".head-title");
       D && (D.textContent = t, D.hidden = !t);
       const q = u.querySelector(".head-meta");
@@ -1028,12 +1032,12 @@ class ht extends W {
       H && (H.hidden = !this._showFooter());
       const V = u.querySelector(".dt-calendar-inline");
       V && this._syncCalendar(V);
-      const O = u.querySelector('select[data-segment="hours"]'), B = u.querySelector('select[data-segment="minutes"]'), z = u.querySelector('select[data-segment="meridiem"]'), C = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 };
+      const O = u.querySelector('select[data-segment="hours"]'), B = u.querySelector('select[data-segment="minutes"]'), z = u.querySelector('select[data-segment="meridiem"]'), A = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 };
       if (O) {
-        const L = this._is12h() ? C.hours % 12 || 12 : C.hours;
+        const L = this._is12h() ? A.hours % 12 || 12 : A.hours;
         this._setClosestOptionValue(O, L), O.disabled = this._isInteractionBlocked() || this._isReadonly();
       }
-      B && (this._setClosestOptionValue(B, C.minutes), B.disabled = this._isInteractionBlocked() || this._isReadonly()), z && (z.value = C.hours >= 12 ? "pm" : "am", z.disabled = this._isInteractionBlocked() || this._isReadonly()), u.querySelectorAll(".action").forEach((L) => {
+      B && (this._setClosestOptionValue(B, A.minutes), B.disabled = this._isInteractionBlocked() || this._isReadonly()), z && (z.value = A.hours >= 12 ? "pm" : "am", z.disabled = this._isInteractionBlocked() || this._isReadonly()), u.querySelectorAll(".action").forEach((L) => {
         L.disabled = this._isInteractionBlocked() || this._isReadonly();
       });
     }
@@ -1043,18 +1047,18 @@ class ht extends W {
     if (!this._hasView) {
       const t = this._translations();
       this.setContent(`
-        <style>${ct}</style>
+        <style>${ht}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon">${lt}</span>
+            <span class="icon" part="icon">${ut}</span>
             <input class="input" id="${this._inputId}" part="input" />
             <span class="icon" part="icon">${K}</span>
-            <button type="button" class="btn" part="clear" data-action="clear">${ut}</button>
-            <button type="button" class="btn" part="toggle" data-action="toggle">${dt}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${pt}</button>
+            <button type="button" class="btn" part="toggle" data-action="toggle">${ct}</button>
           </div>
           <div class="hint" id="${this._hintId}" part="hint"></div>
           <div class="error" id="${this._errorId}" part="error" role="alert"></div>
@@ -1072,7 +1076,7 @@ class ht extends W {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-date-time-picker") && customElements.define("ui-date-time-picker", ht);
+typeof customElements < "u" && !customElements.get("ui-date-time-picker") && customElements.define("ui-date-time-picker", _t);
 export {
-  ht as UIDateTimePicker
+  _t as UIDateTimePicker
 };

package/dist/{date-time-utils-y1N2gvG2.mjs → date-time-utils-BTlxnz5j.mjs}

@@ -1,4 +1,4 @@
-import { p as T, c as b, a as N, s as v, e as F } from "./calendar-DLY4acgn.mjs";
+import { p as T, c as b, a as N, s as v, e as F } from "./calendar-B3PUKHQm.mjs";
 import { a as L } from "./scroll-lock-LfqXXqsu.mjs";
 import { c as U } from "./positioner-D0VGxtYU.mjs";
 const C = /* @__PURE__ */ new Map(), I = 24;

package/dist/{date-time-utils-Dmost5Ee.js → date-time-utils-y3AvNvGe.js}

@@ -1 +1 @@
-"use strict";const l=require("./calendar-Dkof-FTK.js"),C=require("./scroll-lock-BX6e3Ced.js"),I=require("./positioner-D_fqyx_j.js"),w=new Map,v=24;function y(t,e,n){return Math.max(e,Math.min(n,t))}function u(t){return String(t).padStart(2,"0")}function b(t){if(!/^-?\d+$/.test(t))return null;const e=Number(t);return Number.isFinite(e)?Math.trunc(e):null}function N(t){return t.replace(/[.\-]/g,"/").replace(/\s+/g," ").trim()}function O(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"short",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function L(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"long",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function U(t,e=!1){if(t==null)return e;const n=t.trim().toLowerCase();return n?n!=="false"&&n!=="0"&&n!=="off"&&n!=="no":!0}function F(t,e){const n=typeof t.composedPath=="function"?t.composedPath():[];for(const o of e)if(o&&n.includes(o))return!0;const r=t.target;if(!(r instanceof Node))return!1;for(const o of e)if(o instanceof Node&&o.contains(r))return!0;return!1}function P(t){const e=(t||"").trim();return e||(typeof navigator<"u"&&navigator.language?navigator.language:"en-US")}function m(t){if(!t)return null;const e=l.parseISO(t);return e?`${e.y}-${u(e.m)}-${u(e.d)}`:null}function g(t){if(!t)return null;const e=/^(\d{4}-\d{2}-\d{2})[T ](\d{1,2}:\d{2}(?::\d{2})?)$/.exec(t.trim());if(!e)return null;const n=m(e[1]);if(!n)return null;const r=d(e[2]);if(!r)return null;const o=e[2].split(":").length===3;return{date:n,time:M(r,o)}}function z(t,e){if(!t||!e)return null;const n=m(t),r=d(e);return!n||!r?null:`${n}T${M(r,e.split(":").length>=3)}`}function A(t){if(!t)return null;const e=m(t);return e||g(t)?.date||null}function Y(t){if(!t)return null;const e=g(t);if(e)return e;const n=m(t);return n?{date:n,time:"00:00"}:null}function k(t,e,n){const r=l.parseISO(t);if(!r)return t;const o=`${e}::${JSON.stringify({})}`;let i=w.get(o);return i||(i=new Intl.DateTimeFormat(e,{year:"numeric",month:"short",day:"2-digit",timeZone:"UTC"}),w.set(o,i)),i.format(new Date(Date.UTC(r.y,r.m-1,r.d)))}function q(t,e,n,r){if(!t)return"";if(n==="iso")return t;if(n==="custom"&&r){const o=l.parseISO(t);if(!o)return t;const i=O(e),s=L(e);return r.replace(/YYYY/g,String(o.y)).replace(/MMM/g,i[o.m-1]||"").replace(/MMMM/g,s[o.m-1]||"").replace(/MM/g,u(o.m)).replace(/DD/g,u(o.d))}return k(t,e)}function B(t,e){const n=m(t.trim());if(n)return n;const r=N(t);if(!r)return null;const o=m(r);if(o)return o;const i=r.split("/").map($=>$.trim()).filter(Boolean);if(i.length!==3)return null;const s=b(i[0]),a=b(i[1]),h=b(i[2]);if(s==null||a==null||h==null)return null;let f=h;f<100&&(f+=f>=70?1900:2e3);const p=e.toLowerCase().startsWith("en-us"),c=p?s:a,D=p?a:s;if(f<1e3||c<1||c>12||D<1||D>31)return null;const T=`${f}-${u(c)}-${u(D)}`;return m(T)}function d(t,e){const n=t.trim().toLowerCase();if(!n)return null;const r=/^(\d{1,2})(?::|\.|h)?(\d{1,2})?(?::|\.|m)?(\d{1,2})?\s*(am|pm)?$/.exec(n);if(!r)return null;let o=Number(r[1]);const i=Number(r[2]??"0"),s=Number(r[3]??"0");if(!Number.isFinite(o)||!Number.isFinite(i)||!Number.isFinite(s)||i<0||i>59||s<0||s>59)return null;const a=r[4];if(a){if(o<1||o>12)return null;a==="pm"&&o<12&&(o+=12),a==="am"&&o===12&&(o=0)}return o<0||o>23?null:{hours:o,minutes:i,seconds:s}}function M(t,e=!1){if(!t)return"";const n=u(y(t.hours,0,23)),r=u(y(t.minutes,0,59));if(!e)return`${n}:${r}`;const o=u(y(t.seconds,0,59));return`${n}:${r}:${o}`}function x(t,e){const n=d(t);if(!n)return t;const r=new Date;return r.setHours(n.hours,n.minutes,n.seconds,0),new Intl.DateTimeFormat(e,{hour:"numeric",minute:"2-digit",second:t.split(":").length>2?"2-digit":void 0,hour12:!0}).format(r)}function S(t,e){const n=d(t),r=d(e);if(!n||!r)return t.localeCompare(e);const o=n.hours*3600+n.minutes*60+n.seconds,i=r.hours*3600+r.minutes*60+r.seconds;return o-i}function H(t,e,n){const r=d(t);if(!r)return t;let o=M(r,t.split(":").length>=3);return e&&S(o,e)<0&&(o=e),n&&S(o,n)>0&&(o=n),o}function E(t,e,n){let r=t;return e&&l.compareISO(r,e)<0&&(r=e),n&&l.compareISO(r,n)>0&&(r=n),r}function W(t,e){const n=g(t),r=g(e);if(!n||!r)return t.localeCompare(e);const o=l.compareISO(n.date,r.date);return o!==0?o:S(n.time,r.time)}function Z(t){const e=l.parseISO(t);if(!e)return{start:t,end:t};const n=l.startOfMonth(e.y,e.m),r=l.endOfMonth(e.y,e.m);return{start:`${n.y}-${u(n.m)}-${u(n.d)}`,end:`${r.y}-${u(r.m)}-${u(r.d)}`}}function _(t,e){const n=y(e,1,366);return{start:l.addDaysISO(t,-(n-1)),end:t}}function R(t,e,n=8,r=8,o=null){const s=(typeof window<"u"?window.innerHeight:800)-t.bottom-r-n,a=t.top-r-n,h=s>=e.height,f=a>=e.height,p=o==="top"?"top":"bottom";let c;if(h&&!f)c="bottom";else if(f&&!h)c="top";else if(f&&h)c=p;else{const T=p==="bottom"?s:a,$=p==="bottom"?a:s;T>0&&$<=T+v?c=p:c=s>=a?"bottom":"top"}const D=I.computePositionState(t,e,{placement:`${c}-start`,strategy:"fixed",offset:r,shift:!1,flip:!1,boundaryPadding:n});return{top:Math.round(D.y),left:Math.round(D.x),placement:c}}function G(t){let e=0;return{run:()=>{e||(e=requestAnimationFrame(()=>{e=0,t()}))},cancel:()=>{e&&(cancelAnimationFrame(e),e=0)}}}function J(t){return(t||"popover")==="inline"||typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(max-width: 639px)").matches}function K(){return C.acquireBodyScrollLock()}exports.clampDateIso=E;exports.clampTime=H;exports.combineDateTime=z;exports.compareDateTimes=W;exports.compareTimes=S;exports.computeLastDaysRange=_;exports.computeMonthRange=Z;exports.computePopoverPosition=R;exports.eventOriginatesWithin=F;exports.formatDateForDisplay=q;exports.formatTime=M;exports.isTruthyAttr=U;exports.lockBodyScroll=K;exports.normalizeDateIso=m;exports.normalizeLocale=P;exports.parseConstraintDate=A;exports.parseConstraintDateTime=Y;exports.parseTimeInput=d;exports.parseUserDateInput=B;exports.rafThrottle=G;exports.shouldUseMobileSheet=J;exports.splitDateTime=g;exports.to12hDisplay=x;
+"use strict";const l=require("./calendar-D-mXMgqc.js"),C=require("./scroll-lock-BX6e3Ced.js"),I=require("./positioner-D_fqyx_j.js"),w=new Map,v=24;function y(t,e,n){return Math.max(e,Math.min(n,t))}function u(t){return String(t).padStart(2,"0")}function b(t){if(!/^-?\d+$/.test(t))return null;const e=Number(t);return Number.isFinite(e)?Math.trunc(e):null}function N(t){return t.replace(/[.\-]/g,"/").replace(/\s+/g," ").trim()}function O(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"short",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function L(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"long",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function U(t,e=!1){if(t==null)return e;const n=t.trim().toLowerCase();return n?n!=="false"&&n!=="0"&&n!=="off"&&n!=="no":!0}function F(t,e){const n=typeof t.composedPath=="function"?t.composedPath():[];for(const o of e)if(o&&n.includes(o))return!0;const r=t.target;if(!(r instanceof Node))return!1;for(const o of e)if(o instanceof Node&&o.contains(r))return!0;return!1}function P(t){const e=(t||"").trim();return e||(typeof navigator<"u"&&navigator.language?navigator.language:"en-US")}function m(t){if(!t)return null;const e=l.parseISO(t);return e?`${e.y}-${u(e.m)}-${u(e.d)}`:null}function g(t){if(!t)return null;const e=/^(\d{4}-\d{2}-\d{2})[T ](\d{1,2}:\d{2}(?::\d{2})?)$/.exec(t.trim());if(!e)return null;const n=m(e[1]);if(!n)return null;const r=d(e[2]);if(!r)return null;const o=e[2].split(":").length===3;return{date:n,time:M(r,o)}}function z(t,e){if(!t||!e)return null;const n=m(t),r=d(e);return!n||!r?null:`${n}T${M(r,e.split(":").length>=3)}`}function A(t){if(!t)return null;const e=m(t);return e||g(t)?.date||null}function Y(t){if(!t)return null;const e=g(t);if(e)return e;const n=m(t);return n?{date:n,time:"00:00"}:null}function k(t,e,n){const r=l.parseISO(t);if(!r)return t;const o=`${e}::${JSON.stringify({})}`;let i=w.get(o);return i||(i=new Intl.DateTimeFormat(e,{year:"numeric",month:"short",day:"2-digit",timeZone:"UTC"}),w.set(o,i)),i.format(new Date(Date.UTC(r.y,r.m-1,r.d)))}function q(t,e,n,r){if(!t)return"";if(n==="iso")return t;if(n==="custom"&&r){const o=l.parseISO(t);if(!o)return t;const i=O(e),s=L(e);return r.replace(/YYYY/g,String(o.y)).replace(/MMM/g,i[o.m-1]||"").replace(/MMMM/g,s[o.m-1]||"").replace(/MM/g,u(o.m)).replace(/DD/g,u(o.d))}return k(t,e)}function B(t,e){const n=m(t.trim());if(n)return n;const r=N(t);if(!r)return null;const o=m(r);if(o)return o;const i=r.split("/").map($=>$.trim()).filter(Boolean);if(i.length!==3)return null;const s=b(i[0]),a=b(i[1]),h=b(i[2]);if(s==null||a==null||h==null)return null;let f=h;f<100&&(f+=f>=70?1900:2e3);const p=e.toLowerCase().startsWith("en-us"),c=p?s:a,D=p?a:s;if(f<1e3||c<1||c>12||D<1||D>31)return null;const T=`${f}-${u(c)}-${u(D)}`;return m(T)}function d(t,e){const n=t.trim().toLowerCase();if(!n)return null;const r=/^(\d{1,2})(?::|\.|h)?(\d{1,2})?(?::|\.|m)?(\d{1,2})?\s*(am|pm)?$/.exec(n);if(!r)return null;let o=Number(r[1]);const i=Number(r[2]??"0"),s=Number(r[3]??"0");if(!Number.isFinite(o)||!Number.isFinite(i)||!Number.isFinite(s)||i<0||i>59||s<0||s>59)return null;const a=r[4];if(a){if(o<1||o>12)return null;a==="pm"&&o<12&&(o+=12),a==="am"&&o===12&&(o=0)}return o<0||o>23?null:{hours:o,minutes:i,seconds:s}}function M(t,e=!1){if(!t)return"";const n=u(y(t.hours,0,23)),r=u(y(t.minutes,0,59));if(!e)return`${n}:${r}`;const o=u(y(t.seconds,0,59));return`${n}:${r}:${o}`}function x(t,e){const n=d(t);if(!n)return t;const r=new Date;return r.setHours(n.hours,n.minutes,n.seconds,0),new Intl.DateTimeFormat(e,{hour:"numeric",minute:"2-digit",second:t.split(":").length>2?"2-digit":void 0,hour12:!0}).format(r)}function S(t,e){const n=d(t),r=d(e);if(!n||!r)return t.localeCompare(e);const o=n.hours*3600+n.minutes*60+n.seconds,i=r.hours*3600+r.minutes*60+r.seconds;return o-i}function H(t,e,n){const r=d(t);if(!r)return t;let o=M(r,t.split(":").length>=3);return e&&S(o,e)<0&&(o=e),n&&S(o,n)>0&&(o=n),o}function E(t,e,n){let r=t;return e&&l.compareISO(r,e)<0&&(r=e),n&&l.compareISO(r,n)>0&&(r=n),r}function W(t,e){const n=g(t),r=g(e);if(!n||!r)return t.localeCompare(e);const o=l.compareISO(n.date,r.date);return o!==0?o:S(n.time,r.time)}function Z(t){const e=l.parseISO(t);if(!e)return{start:t,end:t};const n=l.startOfMonth(e.y,e.m),r=l.endOfMonth(e.y,e.m);return{start:`${n.y}-${u(n.m)}-${u(n.d)}`,end:`${r.y}-${u(r.m)}-${u(r.d)}`}}function _(t,e){const n=y(e,1,366);return{start:l.addDaysISO(t,-(n-1)),end:t}}function R(t,e,n=8,r=8,o=null){const s=(typeof window<"u"?window.innerHeight:800)-t.bottom-r-n,a=t.top-r-n,h=s>=e.height,f=a>=e.height,p=o==="top"?"top":"bottom";let c;if(h&&!f)c="bottom";else if(f&&!h)c="top";else if(f&&h)c=p;else{const T=p==="bottom"?s:a,$=p==="bottom"?a:s;T>0&&$<=T+v?c=p:c=s>=a?"bottom":"top"}const D=I.computePositionState(t,e,{placement:`${c}-start`,strategy:"fixed",offset:r,shift:!1,flip:!1,boundaryPadding:n});return{top:Math.round(D.y),left:Math.round(D.x),placement:c}}function G(t){let e=0;return{run:()=>{e||(e=requestAnimationFrame(()=>{e=0,t()}))},cancel:()=>{e&&(cancelAnimationFrame(e),e=0)}}}function J(t){return(t||"popover")==="inline"||typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(max-width: 639px)").matches}function K(){return C.acquireBodyScrollLock()}exports.clampDateIso=E;exports.clampTime=H;exports.combineDateTime=z;exports.compareDateTimes=W;exports.compareTimes=S;exports.computeLastDaysRange=_;exports.computeMonthRange=Z;exports.computePopoverPosition=R;exports.eventOriginatesWithin=F;exports.formatDateForDisplay=q;exports.formatTime=M;exports.isTruthyAttr=U;exports.lockBodyScroll=K;exports.normalizeDateIso=m;exports.normalizeLocale=P;exports.parseConstraintDate=A;exports.parseConstraintDateTime=Y;exports.parseTimeInput=d;exports.parseUserDateInput=B;exports.rafThrottle=G;exports.shouldUseMobileSheet=J;exports.splitDateTime=g;exports.to12hDisplay=x;

package/dist/description.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-EV6mVBUV.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./ElementBase-DxbvhLJs.js"),u=`
   :host {
-    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #64748b));
+    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
     --ui-description-size: 12px;
     --ui-description-weight: 500;
     --ui-description-line-height: 1.45;
@@ -32,8 +32,8 @@
   }
 
   :host([tone="brand"]) { --ui-description-color: var(--ui-color-primary, #2563eb); }
-  :host([tone="success"]) { --ui-description-color: var(--ui-color-success, #16a34a); }
-  :host([tone="warning"]) { --ui-description-color: var(--ui-color-warning, #d97706); }
+  :host([tone="success"]) { --ui-description-color: var(--ui-color-success, #15803d); }
+  :host([tone="warning"]) { --ui-description-color: var(--ui-color-warning, #b45309); }
   :host([tone="danger"]) { --ui-description-color: var(--ui-color-danger, #dc2626); }
 
   :host([size="sm"]),

package/dist/description.esm.js

@@ -1,7 +1,7 @@
-import { E as d } from "./ElementBase-YlTLMsGk.mjs";
+import { E as d } from "./ElementBase-BeZT54Hj.mjs";
 const a = `
   :host {
-    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #64748b));
+    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
     --ui-description-size: 12px;
     --ui-description-weight: 500;
     --ui-description-line-height: 1.45;
@@ -33,8 +33,8 @@ const a = `
   }
 
   :host([tone="brand"]) { --ui-description-color: var(--ui-color-primary, #2563eb); }
-  :host([tone="success"]) { --ui-description-color: var(--ui-color-success, #16a34a); }
-  :host([tone="warning"]) { --ui-description-color: var(--ui-color-warning, #d97706); }
+  :host([tone="success"]) { --ui-description-color: var(--ui-color-success, #15803d); }
+  :host([tone="warning"]) { --ui-description-color: var(--ui-color-warning, #b45309); }
   :host([tone="danger"]) { --ui-description-color: var(--ui-color-danger, #dc2626); }
 
   :host([size="sm"]),

package/dist/dialog.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("./ElementBase-EV6mVBUV.js"),S=require("./scroll-lock-BX6e3Ced.js"),M=require("./dismissable-layer-DNfrKA20.js"),I=require("./focus-scope-Bwug2gDv.js"),R=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("./ElementBase-DxbvhLJs.js"),S=require("./scroll-lock-BX6e3Ced.js"),M=require("./dismissable-layer-DNfrKA20.js"),I=require("./focus-scope-Bwug2gDv.js"),R=`
   :host {
     position: fixed;
     inset: 0;
@@ -15,7 +15,7 @@
       color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 24%, var(--ui-color-surface, #ffffff)) 100%
     );
     --ui-dialog-color: var(--ui-color-text, #0f172a);
-    --ui-dialog-muted: var(--ui-color-muted, #64748b);
+    --ui-dialog-muted: var(--ui-color-muted, #526175);
     --ui-dialog-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
     --ui-dialog-border: 1px solid var(--ui-dialog-border-color);
     --ui-dialog-shadow: none;
@@ -25,7 +25,7 @@
     --ui-dialog-width: min(560px, calc(100vw - 24px));
     --ui-dialog-focus: var(--ui-color-focus-ring, #2563eb);
     --ui-dialog-danger: var(--ui-color-danger, #dc2626);
-    --ui-dialog-success: var(--ui-color-success, #16a34a);
+    --ui-dialog-success: var(--ui-color-success, #15803d);
     --ui-dialog-z: 1201;
     --ui-dialog-backdrop-z: 1200;
     --ui-dialog-btn-bg: color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 88%, transparent);