@wssto2/vue-core 0.3.0 → 0.4.1

package/dist/useTypedEntry-aTfPBAhw.js

@@ -0,0 +1,857 @@
+import { defineComponent as B, ref as L, watch as oe, computed as _, openBlock as f, createElementBlock as b, Fragment as I, createElementVNode as h, normalizeClass as $, unref as y, createVNode as N, createTextVNode as Pe, toDisplayString as M, renderList as j, useModel as de, useId as De, useTemplateRef as ce, createCommentVNode as G, createBlock as ie, mergeModels as me, nextTick as Te, onMounted as Ee, onBeforeUnmount as Fe, normalizeStyle as X, withCtx as he } from "vue";
+import { useI18n as J } from "vue-i18n";
+import { u as Ce } from "./format-B8mJm946.js";
+import { _ as je } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { _ as F } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { a as Oe } from "./mediaQuery-CygcXmFW.js";
+const We = /^(\d{4})-(\d{2})-(\d{2})$/, Me = 864e5, W = (e, t = 2) => String(e).padStart(t, "0"), Re = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], He = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, re = (e, t) => t === 2 && He(e) ? 29 : Re[t - 1] ?? 0;
+function O(e, t, a) {
+  return !Number.isInteger(e) || !Number.isInteger(t) || !Number.isInteger(a) || e < 1 || e > 9999 || t < 1 || t > 12 || a < 1 || a > re(e, t) ? null : `${W(e, 4)}-${W(t)}-${W(a)}`;
+}
+function R(e) {
+  const t = e ? We.exec(e) : null;
+  if (!t) return null;
+  const a = { year: Number(t[1]), month: Number(t[2]), day: Number(t[3]) };
+  return O(a.year, a.month, a.day) ? a : null;
+}
+const ne = (e) => R(e) !== null, Ve = (e) => `${W(e.year, 4)}-${W(e.month)}-${W(e.day)}`;
+function Ne(e) {
+  const t = /* @__PURE__ */ new Date(0);
+  return t.setUTCFullYear(e.year, e.month - 1, e.day), Math.round(t.getTime() / Me);
+}
+function Be(e) {
+  const t = new Date(e * Me);
+  return { year: t.getUTCFullYear(), month: t.getUTCMonth() + 1, day: t.getUTCDate() };
+}
+const se = (e) => R(e) ?? { year: 1970, month: 1, day: 1 };
+function Y(e, t) {
+  return Ve(Be(Ne(se(e)) + t));
+}
+function H(e, t) {
+  const a = se(e), n = a.year * 12 + (a.month - 1) + t, u = Math.floor(n / 12), m = n % 12 + 1;
+  return O(u, m, Math.min(a.day, re(u, m))) ?? e;
+}
+const ye = (e, t) => H(e, t * 12);
+function le(e) {
+  const t = se(e);
+  return Ve({ ...t, day: re(t.year, t.month) });
+}
+function fe(e) {
+  const t = (Ne(se(e)) + 3) % 7;
+  return (t < 0 ? t + 7 : t) + 1;
+}
+function ve(e, t) {
+  return Y(e, -((fe(e) - t + 7) % 7));
+}
+const Ke = (e, t) => Y(ve(e, t), 6);
+function Qe(e) {
+  let t = Y(e, 1);
+  for (; fe(t) >= 6; ) t = Y(t, 1);
+  return t;
+}
+function ue(e = /* @__PURE__ */ new Date()) {
+  return O(e.getFullYear(), e.getMonth() + 1, e.getDate()) ?? "1970-01-01";
+}
+function qe(e, t) {
+  if (t.min && e < t.min || t.max && e > t.max) return !0;
+  const a = t.disabled;
+  return a ? typeof a == "function" ? a(e) : a.some((n) => typeof n == "string" ? n === e : e >= n.from && e <= n.to) : !1;
+}
+function ee(e, t) {
+  return t.min && e < t.min ? t.min : t.max && e > t.max ? t.max : e;
+}
+function Ge(e) {
+  return Se(e)?.firstDay ?? 1;
+}
+function Ze(e) {
+  return Se(e)?.weekend ?? [6, 7];
+}
+function Se(e) {
+  try {
+    const t = new Intl.Locale(e);
+    return t.getWeekInfo?.() ?? t.weekInfo ?? null;
+  } catch {
+    return null;
+  }
+}
+function Je(e, t, a) {
+  const n = O(e, t, 1) ?? "1970-01-01", u = le(n), m = [];
+  for (let r = ve(n, a.firstWeekday); r <= u; r = Y(r, 7))
+    m.push(
+      Array.from({ length: 7 }, (d, o) => {
+        const c = Y(r, o);
+        return {
+          day: c,
+          date: Number(c.slice(8)),
+          inMonth: c.startsWith(n.slice(0, 7)),
+          weekend: a.weekend.includes(fe(c)),
+          today: c === a.today,
+          selected: c === a.selected,
+          disabled: qe(c, a.rules)
+        };
+      })
+    );
+  return m;
+}
+function Xe(e, t, a, n) {
+  switch (t) {
+    case "ArrowLeft":
+      return Y(e, -1);
+    case "ArrowRight":
+      return Y(e, 1);
+    case "ArrowUp":
+      return Y(e, -7);
+    case "ArrowDown":
+      return Y(e, 7);
+    case "PageUp":
+      return a ? ye(e, -1) : H(e, -1);
+    case "PageDown":
+      return a ? ye(e, 1) : H(e, 1);
+    case "Home":
+      return ve(e, n);
+    case "End":
+      return Ke(e, n);
+    default:
+      return null;
+  }
+}
+const et = {
+  class: "flex flex-col gap-2",
+  "data-test": "month-year-panel"
+}, tt = { class: "flex items-center" }, at = ["disabled", "aria-label"], nt = ["aria-label"], lt = ["disabled", "aria-label"], ot = { class: "grid grid-cols-3 gap-1.5" }, rt = ["aria-pressed", "aria-label", "disabled", "onClick"], st = { class: "flex items-center" }, it = ["disabled", "aria-label"], ut = {
+  class: "grow text-center text-body font-semibold tabular-nums",
+  "aria-live": "polite"
+}, dt = ["disabled", "aria-label"], ct = { class: "grid grid-cols-3 gap-1.5" }, mt = ["aria-pressed", "disabled", "onClick"], te = "flex size-8 cursor-pointer items-center justify-center rounded-control text-content-link hover:bg-fill disabled:cursor-default disabled:text-content-disabled disabled:hover:bg-transparent focus-visible:outline-2 focus-visible:outline-border-focus", xe = "min-h-9 cursor-pointer rounded-full px-1 text-subheadline focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-default disabled:text-content-disabled disabled:hover:bg-fill", ft = /* @__PURE__ */ B({
+  __name: "MonthYearPanel",
+  props: {
+    month: { default: null },
+    year: { default: null },
+    viewYear: { default: void 0 },
+    minYear: { default: 1 },
+    maxYear: { default: 9999 },
+    monthDisabled: { type: Function, default: void 0 }
+  },
+  emits: ["pick"],
+  setup(e, { emit: t }) {
+    const a = e, n = t, { t: u } = J(), m = (k) => Math.floor(k / 10) * 10, r = L(c(a.year ?? a.viewYear ?? (/* @__PURE__ */ new Date()).getFullYear())), d = L(!1), o = L(m(r.value));
+    oe(
+      () => a.year,
+      (k) => {
+        k !== null && (r.value = c(k));
+      }
+    );
+    function c(k) {
+      return Math.min(a.maxYear, Math.max(a.minYear, k));
+    }
+    const v = _(() => Array.from({ length: 12 }, (k, g) => o.value + g)), w = (k, g) => u(`core.form.months.${g}.${k}`), D = (k) => a.month === k && a.year === r.value;
+    function z() {
+      o.value = m(r.value), d.value = !0;
+    }
+    function S(k) {
+      r.value = k, d.value = !1;
+    }
+    const P = (k) => k ? "bg-tint font-semibold text-content-on-tint" : "bg-fill text-content-strong hover:bg-fill-strong";
+    return (k, g) => (f(), b("div", et, [
+      d.value ? (f(), b(I, { key: 1 }, [
+        h("div", st, [
+          h("button", {
+            type: "button",
+            disabled: o.value <= a.minYear,
+            "aria-label": y(u)("core.form.date.previous_years"),
+            class: $(te),
+            onClick: g[2] || (g[2] = (p) => o.value -= 12)
+          }, [
+            N(y(F), {
+              name: "arrowLeftSLine",
+              size: 18
+            })
+          ], 8, it),
+          h("p", ut, M(v.value[0]) + " – " + M(v.value[11]), 1),
+          h("button", {
+            type: "button",
+            disabled: o.value + 11 >= a.maxYear,
+            "aria-label": y(u)("core.form.date.next_years"),
+            class: $(te),
+            onClick: g[3] || (g[3] = (p) => o.value += 12)
+          }, [
+            N(y(F), {
+              name: "arrowRightSLine",
+              size: 18
+            })
+          ], 8, dt)
+        ]),
+        h("div", ct, [
+          (f(!0), b(I, null, j(v.value, (p) => (f(), b("button", {
+            key: p,
+            type: "button",
+            "aria-pressed": a.year === p,
+            disabled: p < a.minYear || p > a.maxYear,
+            class: $([xe, "tabular-nums", P(a.year === p || a.year === null && r.value === p)]),
+            onClick: (l) => S(p)
+          }, M(p), 11, mt))), 128))
+        ])
+      ], 64)) : (f(), b(I, { key: 0 }, [
+        h("div", tt, [
+          h("button", {
+            type: "button",
+            disabled: r.value <= a.minYear,
+            "aria-label": y(u)("core.form.date.previous_year"),
+            class: $(te),
+            onClick: g[0] || (g[0] = (p) => r.value = c(r.value - 1))
+          }, [
+            N(y(F), {
+              name: "arrowLeftSLine",
+              size: 18
+            })
+          ], 8, at),
+          h("button", {
+            type: "button",
+            "aria-label": y(u)("core.form.date.years"),
+            "aria-expanded": "false",
+            class: "flex min-h-8 grow cursor-pointer items-center justify-center gap-1 rounded-control text-lg font-semibold tabular-nums hover:bg-fill focus-visible:outline-2 focus-visible:outline-border-focus",
+            onClick: z
+          }, [
+            Pe(M(r.value), 1),
+            N(y(F), {
+              name: "arrowDownSLine",
+              size: 14,
+              class: "text-content-link"
+            })
+          ], 8, nt),
+          h("button", {
+            type: "button",
+            disabled: r.value >= a.maxYear,
+            "aria-label": y(u)("core.form.date.next_year"),
+            class: $(te),
+            onClick: g[1] || (g[1] = (p) => r.value = c(r.value + 1))
+          }, [
+            N(y(F), {
+              name: "arrowRightSLine",
+              size: 18
+            })
+          ], 8, lt)
+        ]),
+        h("div", ot, [
+          (f(), b(I, null, j(12, (p) => h("button", {
+            key: p,
+            type: "button",
+            "aria-pressed": D(p),
+            "aria-label": `${w(p, "long")} ${r.value}`,
+            disabled: a.monthDisabled?.(r.value, p),
+            class: $([xe, P(D(p))]),
+            onClick: (l) => n("pick", { month: p, year: r.value })
+          }, M(w(p, "short")), 11, rt)), 64))
+        ])
+      ], 64))
+    ]));
+  }
+}), vt = ["aria-expanded", "aria-label"], bt = ["id"], pt = ["id"], ht = ["disabled", "aria-label"], yt = ["disabled", "aria-label"], xt = ["aria-labelledby"], gt = ["aria-selected"], kt = ["data-day", "aria-label", "aria-current", "aria-disabled", "tabindex", "onClick"], ge = "flex shrink-0 cursor-pointer items-center justify-center rounded-control text-content-link hover:bg-fill disabled:cursor-default disabled:text-content-disabled disabled:hover:bg-transparent focus-visible:outline-2 focus-visible:outline-border-focus", _t = /* @__PURE__ */ B({
+  __name: "Calendar",
+  props: /* @__PURE__ */ me({
+    min: { default: null },
+    max: { default: null },
+    disabledDates: { type: [Array, Function], default: void 0 },
+    openOn: { default: null },
+    size: { default: "regular" },
+    monthPicker: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: t }) {
+    const a = e, n = de(e, "modelValue"), { t: u } = J(), m = Ce(), r = De(), d = ce("grid"), o = _(() => ({ min: a.min, max: a.max, disabled: a.disabledDates })), c = _(() => Ge(m.locale));
+    function v() {
+      return ne(n.value) ? n.value : ee(ne(a.openOn) ? a.openOn : ue(), o.value);
+    }
+    const w = R(v()), D = L({ year: w.year, month: w.month }), z = L(v()), S = L(!1);
+    oe(n, (i) => {
+      ne(i) && P(i);
+    });
+    function P(i) {
+      const x = R(i);
+      D.value = { year: x.year, month: x.month }, z.value = i;
+    }
+    const k = _(
+      () => Je(D.value.year, D.value.month, { firstWeekday: c.value, weekend: Ze(m.locale), today: ue(), selected: n.value, rules: o.value })
+    ), g = _(() => O(D.value.year, D.value.month, 1) ?? "1970-01-01"), p = _(() => z.value.startsWith(g.value.slice(0, 7)) ? z.value : g.value), l = _(() => u("core.form.months.with_year", { month: u(`core.form.months.long.${D.value.month}`), year: D.value.year })), T = _(() => {
+      const i = new Intl.DateTimeFormat(m.locale, { weekday: "short", timeZone: "UTC" });
+      return Array.from({ length: 7 }, (x, C) => {
+        const Q = new Date(Date.UTC(2026, 8, 28 + (c.value - 1 + C) % 7)), V = i.format(Q).replace(/\.$/, "");
+        return V.charAt(0).toLocaleUpperCase(m.locale) + V.slice(1, 2);
+      });
+    }), s = _(() => {
+      const i = new Intl.DateTimeFormat(m.locale, { dateStyle: "full", timeZone: "UTC" });
+      return (x) => {
+        const C = R(x);
+        return i.format(new Date(Date.UTC(C.year, C.month - 1, C.day)));
+      };
+    }), A = _(() => !a.min || le(H(g.value, -1)) >= a.min), E = _(() => !a.max || H(g.value, 1) <= a.max);
+    async function K(i, x) {
+      P(i), x && (await Te(), be());
+    }
+    function be() {
+      d.value?.querySelector(`[data-day="${p.value}"]`)?.focus();
+    }
+    function Ye(i) {
+      if (i.altKey || i.ctrlKey || i.metaKey) return;
+      const x = Xe(p.value, i.key, i.shiftKey, c.value);
+      x && (i.preventDefault(), K(ee(x, o.value), !0));
+    }
+    const pe = (i) => K(ee(H(p.value, i), o.value), !1);
+    function ze(i, x) {
+      z.value = i, x || (n.value = i);
+    }
+    function Ae(i) {
+      const x = O(i.year, i.month, Math.min(Number(p.value.slice(8)), re(i.year, i.month)));
+      S.value = !1, K(ee(x ?? g.value, o.value), !0);
+    }
+    const Ie = (i, x) => {
+      const C = O(i, x, 1) ?? "";
+      return !!a.max && C > a.max || !!a.min && le(C) < a.min;
+    };
+    t({ focus: be });
+    const U = _(() => a.size === "touch");
+    function Le(i) {
+      if (i.selected) return "bg-tint font-semibold text-content-on-tint";
+      const x = i.disabled ? "cursor-default text-content-disabled line-through decoration-1" : i.inMonth ? i.weekend ? "text-content-muted" : "text-content-strong" : "text-content-disabled", C = i.today ? "font-bold text-content-link ring-[1.5px] ring-inset ring-tint" : "";
+      return [x, C, i.disabled ? "" : "hover:bg-fill"].join(" ");
+    }
+    return (i, x) => (f(), b("div", {
+      class: $(["flex flex-col", U.value ? "gap-1" : "gap-2"]),
+      "data-test": "calendar"
+    }, [
+      h("div", {
+        class: $(["flex items-center gap-1", U.value ? "px-1" : ""])
+      }, [
+        a.monthPicker ? (f(), b("button", {
+          key: 0,
+          type: "button",
+          "aria-expanded": S.value,
+          "aria-label": y(u)("core.form.date.choose_month"),
+          class: "flex min-h-8 cursor-pointer items-center gap-1 rounded-control px-1.5 py-1 text-lg font-semibold hover:bg-fill focus-visible:outline-2 focus-visible:outline-border-focus",
+          onClick: x[0] || (x[0] = (C) => S.value = !S.value)
+        }, [
+          h("span", {
+            id: y(r),
+            "aria-live": "polite"
+          }, M(l.value), 9, bt),
+          N(y(F), {
+            name: "arrowDownSLine",
+            size: 14,
+            class: "text-content-link"
+          })
+        ], 8, vt)) : (f(), b("p", {
+          key: 1,
+          id: y(r),
+          "aria-live": "polite",
+          class: $(["ml-1.5 font-semibold", U.value ? "text-headline" : "text-lg"])
+        }, M(l.value), 11, pt)),
+        x[3] || (x[3] = h("span", { class: "grow" }, null, -1)),
+        S.value ? G("", !0) : (f(), b(I, { key: 2 }, [
+          h("button", {
+            type: "button",
+            disabled: !A.value,
+            "aria-label": y(u)("core.form.date.previous_month"),
+            class: $([ge, U.value ? "size-11" : "size-8"]),
+            onClick: x[1] || (x[1] = (C) => pe(-1))
+          }, [
+            N(y(F), {
+              name: "arrowLeftSLine",
+              size: U.value ? 22 : 18
+            }, null, 8, ["size"])
+          ], 10, ht),
+          h("button", {
+            type: "button",
+            disabled: !E.value,
+            "aria-label": y(u)("core.form.date.next_month"),
+            class: $([ge, U.value ? "size-11" : "size-8"]),
+            onClick: x[2] || (x[2] = (C) => pe(1))
+          }, [
+            N(y(F), {
+              name: "arrowRightSLine",
+              size: U.value ? 22 : 18
+            }, null, 8, ["size"])
+          ], 10, yt)
+        ], 64))
+      ], 2),
+      S.value ? (f(), ie(ft, {
+        key: 0,
+        month: D.value.month,
+        year: D.value.year,
+        "min-year": a.min ? Number(a.min.slice(0, 4)) : 1,
+        "max-year": a.max ? Number(a.max.slice(0, 4)) : 9999,
+        "month-disabled": Ie,
+        onPick: Ae
+      }, null, 8, ["month", "year", "min-year", "max-year"])) : (f(), b("div", {
+        key: 1,
+        ref_key: "grid",
+        ref: d,
+        role: "grid",
+        "aria-labelledby": y(r),
+        class: $(["flex flex-col", U.value ? "gap-y-1" : "gap-0.5"]),
+        onKeydown: Ye
+      }, [
+        h("div", {
+          role: "row",
+          class: $(["grid grid-cols-7 text-center", U.value ? "" : "gap-0.5"])
+        }, [
+          (f(!0), b(I, null, j(T.value, (C, Q) => (f(), b("div", {
+            key: Q,
+            role: "columnheader",
+            class: $(["py-1 font-semibold text-content-disabled", U.value ? "text-footnote" : "text-caption"])
+          }, M(C), 3))), 128))
+        ], 2),
+        (f(!0), b(I, null, j(k.value, (C, Q) => (f(), b("div", {
+          key: Q,
+          role: "row",
+          class: $(["grid grid-cols-7", U.value ? "" : "gap-0.5"])
+        }, [
+          (f(!0), b(I, null, j(C, (V) => (f(), b("div", {
+            key: V.day,
+            role: "gridcell",
+            "aria-selected": V.selected
+          }, [
+            h("button", {
+              type: "button",
+              "data-day": V.day,
+              "aria-label": s.value(V.day),
+              "aria-current": V.today ? "date" : void 0,
+              "aria-disabled": V.disabled || void 0,
+              tabindex: V.day === p.value ? 0 : -1,
+              class: $(["w-full cursor-pointer rounded-full tabular-nums transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", [U.value ? "h-11 text-body" : "h-9 text-body", Le(V)]]),
+              onClick: (Kt) => ze(V.day, V.disabled)
+            }, M(V.date), 11, kt)
+          ], 8, gt))), 128))
+        ], 2))), 128))
+      ], 42, xt))
+    ], 2));
+  }
+}), wt = ["aria-label"], $t = ["disabled", "aria-pressed", "onClick"], Dt = /* @__PURE__ */ B({
+  __name: "QuickChips",
+  props: {
+    items: {},
+    selected: { default: null },
+    variant: { default: "popover" }
+  },
+  emits: ["pick"],
+  setup(e, { emit: t }) {
+    const a = e, n = t, { t: u } = J();
+    return (m, r) => (f(), b("div", {
+      role: "group",
+      "aria-label": y(u)("core.form.date.quick"),
+      class: "flex flex-wrap gap-1.5",
+      "data-test": "quick-picks"
+    }, [
+      (f(!0), b(I, null, j(a.items, (d) => (f(), b("button", {
+        key: d.key,
+        type: "button",
+        disabled: d.disabled,
+        "aria-pressed": d.value === a.selected,
+        class: $(["cursor-pointer whitespace-nowrap rounded-full font-medium transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-default disabled:opacity-45", [
+          a.variant === "sheet" ? "px-3 py-2 text-subheadline" : "px-2.5 py-1.5 text-footnote",
+          d.value === a.selected ? a.variant === "sheet" ? "bg-tint text-content-on-tint" : "bg-tint-soft text-content-link" : a.variant === "sheet" ? "bg-surface-cell text-content-strong shadow-group" : "bg-fill text-content-strong hover:bg-fill-strong"
+        ]]),
+        onClick: (o) => n("pick", d.value)
+      }, M(d.label), 11, $t))), 128))
+    ], 8, wt));
+  }
+}), Tt = /^(\d{2}):(\d{2})$/, ke = (e) => String(e).padStart(2, "0");
+function Z(e, t) {
+  return !Number.isInteger(e) || !Number.isInteger(t) || e < 0 || e > 23 || t < 0 || t > 59 ? null : `${ke(e)}:${ke(t)}`;
+}
+function Ue(e) {
+  const t = e ? Tt.exec(e) : null;
+  return t && Z(Number(t[1]), Number(t[2])) ? { hour: Number(t[1]), minute: Number(t[2]) } : null;
+}
+const ea = (e) => Ue(e) !== null;
+function Ct(e) {
+  const t = Number.isInteger(e) && e >= 1 && e <= 30 ? e : 1;
+  return Array.from({ length: Math.ceil(60 / t) }, (a, n) => n * t);
+}
+const _e = Array.from({ length: 24 }, (e, t) => t);
+function we(e = 1, t = /* @__PURE__ */ new Date()) {
+  const a = Number.isInteger(e) && e >= 1 && e <= 30 ? e : 1;
+  return Z(t.getHours(), t.getMinutes() - t.getMinutes() % a) ?? "00:00";
+}
+function ta(e, t = 1) {
+  const a = e.trim().toLowerCase();
+  let n, u;
+  const m = /^(\d{1,2})\s*[:.,h]\s*(\d{1,2})?$/.exec(a);
+  if (m)
+    n = Number(m[1]), u = m[2] === void 0 ? 0 : Number(m[2]);
+  else if (/^\d{1,2}$/.test(a))
+    n = Number(a), u = 0;
+  else if (/^\d{3,4}$/.test(a))
+    n = Number(a.slice(0, -2)), u = Number(a.slice(-2));
+  else return { error: "invalid" };
+  const r = Z(n, u);
+  return r ? t > 1 && u % t !== 0 ? { error: "step" } : { time: r } : { error: "invalid" };
+}
+const Mt = (e, t) => `${e}T${t}`;
+function Vt(e) {
+  const t = e ? /^(\d{4}-\d{2}-\d{2})(?:[T ](\d{2}:\d{2}))?/.exec(e) : null;
+  return { day: t?.[1] ?? null, time: t?.[2] ?? null };
+}
+const Nt = ["aria-label", "aria-activedescendant"], St = ["id", "aria-selected", "data-value", "onClick"], Ut = ["aria-label", "aria-activedescendant"], Yt = ["id", "aria-selected", "data-value", "onClick"], q = 30, $e = 150, ae = /* @__PURE__ */ B({
+  __name: "ValueColumn",
+  props: /* @__PURE__ */ me({
+    values: {},
+    label: {},
+    variant: { default: "list" }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = de(e, "modelValue"), n = ($e - q) / 2, u = De(), m = ce("scroller"), r = Oe("(prefers-reduced-motion: reduce)"), d = _(() => a.value === null ? -1 : t.values.indexOf(a.value)), o = L(Math.max(0, d.value));
+    let c;
+    const v = (l) => String(l).padStart(2, "0"), w = (l) => `${u}-${l}`;
+    function D(l) {
+      l !== void 0 && (a.value = l);
+    }
+    function z(l) {
+      const T = t.values.length - 1, s = d.value, E = {
+        ArrowDown: s < 0 ? 0 : Math.min(T, s + 1),
+        ArrowUp: s < 0 ? 0 : Math.max(0, s - 1),
+        PageDown: s < 0 ? 0 : Math.min(T, s + 5),
+        PageUp: s < 0 ? 0 : Math.max(0, s - 5),
+        Home: 0,
+        End: T
+      }[l.key];
+      E !== void 0 && (l.preventDefault(), D(t.values[E]));
+    }
+    function S(l) {
+      D(l);
+    }
+    function P(l, T) {
+      const s = m.value;
+      if (!s || l < 0 || typeof s.scrollTo != "function") return;
+      const A = T || r.value ? "instant" : "smooth";
+      if (t.variant === "wheel") {
+        Math.abs(s.scrollTop - l * q) > 1 && s.scrollTo({ top: l * q, behavior: A });
+        return;
+      }
+      const E = s.querySelector(`[data-value="${t.values[l]}"]`);
+      if (!E) return;
+      const K = E.offsetTop - (s.clientHeight - E.offsetHeight) / 2;
+      s.scrollTo({ top: Math.max(0, K), behavior: A });
+    }
+    function k() {
+      const l = m.value;
+      t.variant !== "wheel" || !l || (o.value = Math.min(t.values.length - 1, Math.max(0, Math.round(l.scrollTop / q))), clearTimeout(c), c = setTimeout(() => {
+        const T = t.values[o.value];
+        T !== void 0 && T !== a.value && (a.value = T);
+      }, 90));
+    }
+    Ee(() => void Te(() => P(d.value, !0))), Fe(() => clearTimeout(c)), oe(d, (l) => {
+      o.value = Math.max(0, l), P(l, !1);
+    });
+    const g = (l) => Math.abs(l - o.value), p = (l) => g(l) === 0 ? "text-[22px] font-semibold text-content-strong" : g(l) === 1 ? "text-[19px] text-content-muted" : "text-base text-content-disabled";
+    return (l, T) => t.variant === "list" ? (f(), b("div", {
+      key: 0,
+      ref_key: "scroller",
+      ref: m,
+      role: "listbox",
+      tabindex: "0",
+      "aria-label": t.label,
+      "aria-activedescendant": d.value >= 0 ? w(t.values[d.value]) : void 0,
+      class: "relative flex min-w-0 grow flex-col gap-0.5 overflow-y-auto rounded-control [scrollbar-width:none] focus-visible:outline-2 focus-visible:outline-border-focus [&::-webkit-scrollbar]:hidden",
+      onKeydown: z
+    }, [
+      (f(!0), b(I, null, j(t.values, (s) => (f(), b("div", {
+        id: w(s),
+        key: s,
+        role: "option",
+        "aria-selected": s === a.value,
+        "data-value": s,
+        class: $(["flex min-h-6.5 shrink-0 cursor-pointer items-center justify-center rounded-md text-body tabular-nums transition-colors duration-motion-fast", s === a.value ? "bg-tint font-semibold text-content-on-tint" : "text-content-strong hover:bg-fill"]),
+        onClick: (A) => S(s)
+      }, M(v(s)), 11, St))), 128))
+    ], 40, Nt)) : (f(), b("div", {
+      key: 1,
+      ref_key: "scroller",
+      ref: m,
+      role: "listbox",
+      tabindex: "0",
+      "aria-label": t.label,
+      "aria-activedescendant": d.value >= 0 ? w(t.values[d.value]) : void 0,
+      class: "relative w-16 snap-y snap-mandatory overflow-y-auto overscroll-contain rounded-control [scrollbar-width:none] focus-visible:outline-2 focus-visible:outline-border-focus [&::-webkit-scrollbar]:hidden",
+      style: X({ height: `${$e}px` }),
+      onScrollPassive: k,
+      onKeydown: z
+    }, [
+      h("div", {
+        style: X({ height: `${n}px` }),
+        "aria-hidden": "true"
+      }, null, 4),
+      (f(!0), b(I, null, j(t.values, (s, A) => (f(), b("div", {
+        id: w(s),
+        key: s,
+        role: "option",
+        "aria-selected": s === a.value,
+        "data-value": s,
+        class: $(["flex cursor-pointer snap-center items-center justify-center tabular-nums", p(A)]),
+        style: X({ height: `${q}px` }),
+        onClick: (E) => S(s)
+      }, M(v(s)), 15, Yt))), 128)),
+      h("div", {
+        style: X({ height: `${n}px` }),
+        "aria-hidden": "true"
+      }, null, 4)
+    ], 44, Ut));
+  }
+}), zt = {
+  key: 0,
+  class: "flex h-49 gap-1.5",
+  "data-test": "time-columns"
+}, At = {
+  key: 1,
+  class: "relative flex items-center justify-center gap-1",
+  "data-test": "time-columns"
+}, It = /* @__PURE__ */ B({
+  __name: "TimeColumns",
+  props: /* @__PURE__ */ me({
+    step: { default: 1 },
+    variant: { default: "list" }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = de(e, "modelValue"), { t: n } = J(), u = _(() => Ue(a.value)), m = _(() => Ct(t.step)), r = _({
+      get: () => u.value?.hour ?? null,
+      set: (o) => {
+        o !== null && (a.value = Z(o, u.value?.minute ?? 0));
+      }
+    }), d = _({
+      get: () => u.value?.minute ?? null,
+      set: (o) => {
+        o !== null && (a.value = Z(u.value?.hour ?? 0, o));
+      }
+    });
+    return (o, c) => t.variant === "list" ? (f(), b("div", zt, [
+      N(ae, {
+        modelValue: r.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (v) => r.value = v),
+        values: y(_e),
+        label: y(n)("core.form.time.hour")
+      }, null, 8, ["modelValue", "values", "label"]),
+      N(ae, {
+        modelValue: d.value,
+        "onUpdate:modelValue": c[1] || (c[1] = (v) => d.value = v),
+        values: m.value,
+        label: y(n)("core.form.time.minute")
+      }, null, 8, ["modelValue", "values", "label"])
+    ])) : (f(), b("div", At, [
+      c[4] || (c[4] = h("div", {
+        class: "pointer-events-none absolute inset-x-0 h-9 rounded-lg bg-fill",
+        "aria-hidden": "true"
+      }, null, -1)),
+      N(ae, {
+        modelValue: r.value,
+        "onUpdate:modelValue": c[2] || (c[2] = (v) => r.value = v),
+        values: y(_e),
+        label: y(n)("core.form.time.hour"),
+        variant: "wheel",
+        class: "relative"
+      }, null, 8, ["modelValue", "values", "label"]),
+      c[5] || (c[5] = h("span", {
+        class: "relative text-[22px] font-semibold",
+        "aria-hidden": "true"
+      }, ":", -1)),
+      N(ae, {
+        modelValue: d.value,
+        "onUpdate:modelValue": c[3] || (c[3] = (v) => d.value = v),
+        values: m.value,
+        label: y(n)("core.form.time.minute"),
+        variant: "wheel",
+        class: "relative"
+      }, null, 8, ["modelValue", "values", "label"])
+    ]));
+  }
+}), Lt = { class: "flex min-h-bar-height items-center gap-2 px-4 pb-1" }, Pt = ["disabled"], Et = ["id"], Ft = {
+  class: "flex flex-col gap-3.5",
+  "data-test": "date-picker-sheet"
+}, jt = {
+  key: 1,
+  class: "rounded-group bg-surface-cell p-2.5 shadow-group"
+}, Ot = {
+  key: 2,
+  class: "flex items-center gap-2 rounded-group bg-surface-cell px-4 py-2 shadow-group"
+}, Wt = {
+  key: 0,
+  class: "w-22 shrink-0 text-body"
+}, Rt = { class: "flex grow justify-center" }, Ht = {
+  class: "min-h-5 text-center text-subheadline text-content-muted",
+  "aria-live": "polite"
+}, aa = /* @__PURE__ */ B({
+  __name: "DatePickerSheet",
+  props: {
+    title: {},
+    mode: {},
+    modelValue: { default: null },
+    min: { default: null },
+    max: { default: null },
+    disabledDates: { type: [Array, Function], default: void 0 },
+    openOn: { default: null },
+    shortcuts: { default: () => [] },
+    step: { default: 1 },
+    clearable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: t, emit: a }) {
+    const n = e, u = a, { t: m } = J(), r = Ce(), d = ce("sheet"), o = _(() => n.mode !== "time"), c = _(() => n.mode !== "date"), v = L(null), w = L(null);
+    function D() {
+      const l = n.mode === "time" ? { day: null, time: n.modelValue } : n.mode === "date" ? { day: n.modelValue, time: null } : Vt(n.modelValue);
+      v.value = ne(l.day) ? l.day : null, w.value = c.value ? l.time ?? we(n.step) : null, d.value?.present();
+    }
+    function z() {
+      return n.mode === "time" ? w.value : v.value ? n.mode === "date" ? v.value : Mt(v.value, w.value ?? we(n.step)) : null;
+    }
+    function S() {
+      u("update:modelValue", z()), d.value?.dismiss();
+    }
+    function P() {
+      u("update:modelValue", null), d.value?.dismiss();
+    }
+    function k(l) {
+      n.mode === "time" ? w.value = l : v.value = l;
+    }
+    function g(l) {
+      w.value = l, o.value && !v.value && (v.value = ue());
+    }
+    const p = _(() => {
+      const l = (T) => {
+        const s = R(T), A = new Intl.DateTimeFormat(r.locale, { dateStyle: "full", timeZone: "UTC" }).format(new Date(Date.UTC(s.year, s.month - 1, s.day)));
+        return A.charAt(0).toLocaleUpperCase(r.locale) + A.slice(1);
+      };
+      return n.mode === "time" ? w.value ?? "" : v.value ? n.mode === "date" || !w.value ? l(v.value) : m("core.form.time.at", { date: l(v.value), time: w.value }) : "";
+    });
+    return t({ present: D, dismiss: () => d.value?.dismiss() }), (l, T) => (f(), ie(je, {
+      ref_key: "sheet",
+      ref: d,
+      title: n.title,
+      grouped: ""
+    }, {
+      header: he(({ titleId: s }) => [
+        h("div", Lt, [
+          h("button", {
+            type: "button",
+            disabled: !n.clearable,
+            class: "min-w-16 cursor-pointer py-1.5 text-start text-headline text-content-link focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-default disabled:text-content-disabled",
+            onClick: P
+          }, M(y(m)("core.form.select.clear")), 9, Pt),
+          h("h3", {
+            id: s,
+            class: "min-w-0 grow truncate text-center text-headline font-semibold"
+          }, M(n.title), 9, Et),
+          h("button", {
+            type: "button",
+            class: "min-w-16 cursor-pointer py-1.5 text-end text-headline font-semibold text-content-link focus-visible:outline-2 focus-visible:outline-border-focus",
+            onClick: S
+          }, M(y(m)("core.form.select.done")), 1)
+        ])
+      ]),
+      default: he(() => [
+        h("div", Ft, [
+          n.shortcuts.length > 0 ? (f(), ie(Dt, {
+            key: 0,
+            variant: "sheet",
+            items: n.shortcuts,
+            selected: n.mode === "time" ? w.value : v.value,
+            onPick: k
+          }, null, 8, ["items", "selected"])) : G("", !0),
+          o.value ? (f(), b("div", jt, [
+            N(_t, {
+              modelValue: v.value,
+              "onUpdate:modelValue": T[0] || (T[0] = (s) => v.value = s),
+              size: "touch",
+              min: n.min,
+              max: n.max,
+              "disabled-dates": n.disabledDates,
+              "open-on": n.openOn
+            }, null, 8, ["modelValue", "min", "max", "disabled-dates", "open-on"])
+          ])) : G("", !0),
+          c.value ? (f(), b("div", Ot, [
+            o.value ? (f(), b("p", Wt, M(y(m)("core.form.time.label")), 1)) : G("", !0),
+            h("div", Rt, [
+              N(It, {
+                "model-value": w.value,
+                variant: "wheel",
+                step: n.step,
+                "onUpdate:modelValue": g
+              }, null, 8, ["model-value", "step"])
+            ])
+          ])) : G("", !0),
+          h("p", Ht, M(p.value), 1)
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), na = (e) => e ? ["today", "tomorrow", "next-working-day"] : ["today", "tomorrow", "week", "month-end"], la = ["now", "08:00", "12:00"], Bt = {
+  today: (e) => e,
+  tomorrow: (e) => Y(e, 1),
+  week: (e) => Y(e, 7),
+  "month-end": (e) => le(e),
+  "next-working-day": (e) => Qe(e)
+};
+function oa(e, t, a) {
+  return typeof e == "string" ? { key: e, label: t(e), value: Bt[e](a) } : { key: e.label, label: e.label, value: e.day(a) };
+}
+function ra(e, t, a) {
+  return e === "now" ? { key: "now", label: t, value: a } : typeof e == "string" ? { key: e, label: `${Number(e.slice(0, 2))}${e.slice(2)}`, value: e } : { key: e.label, label: e.label, value: e.time() };
+}
+function sa(e) {
+  const t = L(null), a = L(), n = _(() => t.value ?? (e.model.value ? e.display(e.model.value) : "")), u = _(() => {
+    if (t.value === null || t.value.trim() === "") return null;
+    const o = e.parse(t.value);
+    return "value" in o ? o.value : null;
+  });
+  function m(o) {
+    t.value = o, a.value = void 0;
+  }
+  function r(o) {
+    t.value = null, a.value = void 0, e.model.value = o;
+  }
+  function d() {
+    if (t.value === null) return;
+    if (t.value.trim() === "") return r(null);
+    const o = e.parse(t.value);
+    if ("error" in o) {
+      a.value = o.error, e.model.value !== null && (e.model.value = null);
+      return;
+    }
+    r(o.value);
+  }
+  return oe(e.model, (o) => {
+    o === null && a.value || (t.value = null, a.value = void 0);
+  }), { text: n, typed: u, message: a, input: m, commit: d, set: r };
+}
+export {
+  aa as _,
+  Ue as a,
+  It as b,
+  Dt as c,
+  la as d,
+  ue as e,
+  Y as f,
+  qe as g,
+  na as h,
+  ea as i,
+  oa as j,
+  ne as k,
+  _t as l,
+  O as m,
+  Z as n,
+  Mt as o,
+  ta as p,
+  ft as q,
+  ra as r,
+  Vt as s,
+  we as t,
+  sa as u
+};