@ac-design/design-system 2.2.0 → 2.2.1

package/dist/lib/components/AcTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeStyle as ee, onBeforeUnmount as te, onMounted as ne, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, useAttrs as re, useId as ie, useModel as y, watch as ae, withCtx as oe } from "vue";
+import { fixedFrame as e } from "./fixedFrame.js";
+import { Fragment as t, Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as ee, onBeforeUnmount as te, onMounted as ne, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, useAttrs as re, useId as ie, useModel as b, watch as ae, withCtx as oe } from "vue";
 import { Clock as se, X as ce } from "@lucide/vue";
 //#region src/lib/components/AcTimePicker.vue?vue&type=script&setup=true&lang.ts
 var le = ["for"], ue = {
@@ -30,10 +31,10 @@ var le = ["for"], ue = {
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
-], we = { class: "mt-4 flex shrink-0 justify-center gap-2 border-t border-border pt-4" }, Te = ["disabled"], b = 86399, x = /*@__PURE__*/ l({
+], we = { class: "mt-4 flex shrink-0 justify-center gap-2 border-t border-border pt-4" }, Te = ["disabled"], x = 86399, S = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "AcTimePicker",
-	props: /*@__PURE__*/ u({
+	props: /*@__PURE__*/ d({
 		label: { default: "" },
 		placeholder: { default: "Choose time" },
 		hourCycle: { default: 24 },
@@ -70,19 +71,19 @@ var le = ["for"], ue = {
 		openModifiers: {}
 	}),
 	emits: ["update:modelValue", "update:open"],
-	setup(l, { expose: u }) {
-		let x = l, S = y(l, "modelValue"), C = y(l, "open"), Ee = /^(\d{1,2}):(\d{2})(?::(\d{2}))?$/, w = ie(), T = re(), De = r(() => ({
-			class: T.class,
-			style: T.style
-		})), Oe = r(() => {
-			let { class: e, style: t, ...n } = T;
+	setup(u, { expose: d }) {
+		let S = u, C = b(u, "modelValue"), w = b(u, "open"), Ee = /^(\d{1,2}):(\d{2})(?::(\d{2}))?$/, T = ie(), E = re(), De = i(() => ({
+			class: E.class,
+			style: E.style
+		})), Oe = i(() => {
+			let { class: e, style: t, ...n } = E;
 			return n;
-		}), E = `${w}-label`, D = `${w}-value`, O = `${w}-msg`, k = `${w}-hint`, A = h(null), j = h(null), M = h(null), N = h({
+		}), D = `${T}-label`, O = `${T}-value`, k = `${T}-msg`, A = `${T}-hint`, j = g(null), M = g(null), N = g(null), P = g({
 			left: 0,
 			maxHeight: 400,
 			minWidth: 0
-		}), P = h(!1), F = r(() => C.value || P.value), I = r(() => G(S.value)), L = r(() => G(x.min) ?? 0), R = r(() => G(x.max) ?? b), z = r(() => I.value === null ? null : K(I.value)), B = r(() => x.hourCycle === 12), V = r(() => I.value === null ? "" : Ne(I.value)), ke = r(() => [x.hint && k, x.errorMsg && O].filter(Boolean).join(" ") || void 0), Ae = r(() => x.label ? `${x.label}: choose time` : "Choose time"), je = r(() => q(Fe())), H = r(() => {
-			let e = z.value, t = e?.h ?? null, n = e?.m ?? null, r = t === null ? 0 : t >= 12 ? 12 : 0, i = [], a = B.value ? [
+		}), F = g(!1), I = i(() => w.value || F.value), L = i(() => G(C.value)), R = i(() => G(S.min) ?? 0), z = i(() => G(S.max) ?? x), B = i(() => L.value === null ? null : K(L.value)), V = i(() => S.hourCycle === 12), H = i(() => L.value === null ? "" : Pe(L.value)), ke = i(() => [S.hint && A, S.errorMsg && k].filter(Boolean).join(" ") || void 0), Ae = i(() => S.label ? `${S.label}: choose time` : "Choose time"), je = i(() => q(Ie())), Me = i(() => {
+			let e = B.value, t = e?.h ?? null, n = e?.m ?? null, r = t === null ? 0 : t >= 12 ? 12 : 0, i = [], a = V.value ? [
 				0,
 				1,
 				2,
@@ -103,25 +104,25 @@ var le = ["for"], ue = {
 				selected: t,
 				cells: a.map((e) => ({
 					value: e,
-					text: U(B.value ? e % 12 || 12 : e),
+					text: U(V.value ? e % 12 || 12 : e),
 					disabled: !J(e * 3600, e * 3600 + 3599)
 				}))
 			});
-			let o = t ?? Pe();
+			let o = t ?? Fe();
 			if (i.push({
 				unit: "m",
 				heading: "Min",
 				name: "Minutes",
 				selected: n,
-				cells: W(0, 59, Math.max(1, x.minuteStep)).map((e) => {
+				cells: W(0, 59, Math.max(1, S.minuteStep)).map((e) => {
 					let t = o * 3600 + e * 60;
 					return {
 						value: e,
 						text: U(e),
-						disabled: !J(t, x.showSeconds ? t + 59 : t)
+						disabled: !J(t, S.showSeconds ? t + 59 : t)
 					};
 				})
-			}), x.showSeconds) {
+			}), S.showSeconds) {
 				let t = n ?? 0;
 				i.push({
 					unit: "s",
@@ -135,7 +136,7 @@ var le = ["for"], ue = {
 					}))
 				});
 			}
-			return B.value && i.push({
+			return V.value && i.push({
 				unit: "p",
 				heading: "AM/PM",
 				name: "AM or PM",
@@ -147,7 +148,7 @@ var le = ["for"], ue = {
 				}, {
 					value: 12,
 					text: "PM",
-					disabled: !J(43200, b)
+					disabled: !J(43200, x)
 				}]
 			}), i;
 		});
@@ -176,79 +177,79 @@ var le = ["for"], ue = {
 				s: e % 60
 			};
 		}
-		function Me(e) {
+		function Ne(e) {
 			let { h: t, m: n, s: r } = K(e);
-			return x.showSeconds ? `${U(t)}:${U(n)}:${U(r)}` : `${U(t)}:${U(n)}`;
+			return S.showSeconds ? `${U(t)}:${U(n)}:${U(r)}` : `${U(t)}:${U(n)}`;
 		}
-		function Ne(e) {
-			let { h: t, m: n, s: r } = K(e), i = x.showSeconds ? `${U(n)}:${U(r)}` : U(n);
-			return B.value ? `${U(t % 12 || 12)}:${i} ${t >= 12 ? "PM" : "AM"}` : `${U(t)}:${i}`;
+		function Pe(e) {
+			let { h: t, m: n, s: r } = K(e), i = S.showSeconds ? `${U(n)}:${U(r)}` : U(n);
+			return V.value ? `${U(t % 12 || 12)}:${i} ${t >= 12 ? "PM" : "AM"}` : `${U(t)}:${i}`;
 		}
 		function q(e) {
-			return e >= L.value && e <= R.value;
+			return e >= R.value && e <= z.value;
 		}
 		function J(e, t) {
-			return t >= L.value && e <= R.value;
-		}
-		function Pe() {
-			return Math.floor(L.value / 3600);
+			return t >= R.value && e <= z.value;
 		}
 		function Fe() {
-			let e = /* @__PURE__ */ new Date(), t = Math.max(1, x.minuteStep), n = Math.floor(e.getMinutes() / t) * t;
-			return e.getHours() * 3600 + n * 60 + (x.showSeconds ? e.getSeconds() : 0);
+			return Math.floor(R.value / 3600);
 		}
-		function Ie(e) {
-			if (q(e) && Le(e)) return e;
-			let { h: t } = K(e), n = Math.max(1, x.minuteStep) * 60, r = [];
-			for (let e = t * 3600; e < (t + 1) * 3600; e += n) if (x.showSeconds) for (let t = 0; t < 60; t++) r.push(e + t);
+		function Ie() {
+			let e = /* @__PURE__ */ new Date(), t = Math.max(1, S.minuteStep), n = Math.floor(e.getMinutes() / t) * t;
+			return e.getHours() * 3600 + n * 60 + (S.showSeconds ? e.getSeconds() : 0);
+		}
+		function Le(e) {
+			if (q(e) && Re(e)) return e;
+			let { h: t } = K(e), n = Math.max(1, S.minuteStep) * 60, r = [];
+			for (let e = t * 3600; e < (t + 1) * 3600; e += n) if (S.showSeconds) for (let t = 0; t < 60; t++) r.push(e + t);
 			else r.push(e);
 			let i = r.filter(q);
 			return i.length ? i.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t) : null;
 		}
-		function Le(e) {
+		function Re(e) {
 			let { m: t, s: n } = K(e);
-			return t % Math.max(1, x.minuteStep) === 0 && (x.showSeconds || n === 0);
+			return t % Math.max(1, S.minuteStep) === 0 && (S.showSeconds || n === 0);
 		}
-		function Re(e, t) {
-			let { h: n, m: r, s: i } = z.value ?? K(Ie(L.value) ?? L.value);
+		function ze(e, t) {
+			let { h: n, m: r, s: i } = B.value ?? K(Le(R.value) ?? R.value);
 			e === "h" ? n = t : e === "m" ? r = t : e === "s" ? i = t : n = n % 12 + t;
-			let a = Ie(n * 3600 + r * 60 + (x.showSeconds ? i : 0));
-			a !== null && (S.value = Me(a));
-		}
-		function ze() {
-			S.value = Me(Fe()), f(() => Z("smooth"));
+			let a = Le(n * 3600 + r * 60 + (S.showSeconds ? i : 0));
+			a !== null && (C.value = Ne(a));
 		}
 		function Be() {
-			S.value = null, j.value?.focus();
+			C.value = Ne(Ie()), p(() => Z("smooth"));
+		}
+		function Ve() {
+			C.value = null, M.value?.focus();
 		}
 		function Y() {
-			let e = j.value;
-			if (!e) return;
-			let t = e.getBoundingClientRect(), n = M.value?.offsetWidth ?? 240, r = M.value?.offsetHeight ?? 320, i = window.innerHeight - t.bottom - 6 - 8, a = t.top - 6 - 8, o = i < r && a > i, s = Math.max(8, Math.min(t.left, window.innerWidth - n - 8)), c = Math.min(t.width, 448);
-			N.value = o ? {
-				bottom: window.innerHeight - t.top + 6,
-				left: s,
-				maxHeight: Math.max(200, a),
-				minWidth: c
+			let t = M.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect(), r = e(), i = N.value?.offsetWidth ?? 240, a = N.value?.offsetHeight ?? 320, o = r.bottom - n.bottom - 6 - 8, s = n.top - r.top - 6 - 8, c = o < a && s > o, l = Math.max(8, Math.min(n.left - r.left, r.width - i - 8)), u = Math.min(n.width, 448);
+			P.value = c ? {
+				bottom: r.bottom - n.top + 6,
+				left: l,
+				maxHeight: Math.max(200, s),
+				minWidth: u
 			} : {
-				top: t.bottom + 6,
-				left: s,
-				maxHeight: Math.max(200, i),
-				minWidth: c
+				top: n.bottom + 6 - r.top,
+				left: l,
+				maxHeight: Math.max(200, o),
+				minWidth: u
 			};
 		}
-		function Ve() {
-			x.disabled || C.value || (C.value = !0);
+		function He() {
+			S.disabled || w.value || (w.value = !0);
 		}
 		function X(e = !0) {
-			C.value && (C.value = !1, e && j.value?.focus());
+			w.value && (w.value = !1, e && M.value?.focus());
 		}
-		async function He() {
-			Y(), Ze(), await f(), Y(), Z("instant"), We(0);
+		async function Ue() {
+			Y(), Qe(), await p(), Y(), Z("instant"), Ge(0);
 		}
 		function Z(e) {
 			let t = e === "smooth" && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			M.value?.querySelectorAll("[role=listbox]").forEach((e) => {
+			N.value?.querySelectorAll("[role=listbox]").forEach((e) => {
 				let n = e.querySelector("[aria-selected=true]") ?? e.querySelector("[aria-disabled=false]");
 				n && e.scrollTo({
 					top: n.offsetTop - (e.clientHeight - n.offsetHeight) / 2,
@@ -256,22 +257,22 @@ var le = ["for"], ue = {
 				});
 			});
 		}
-		function Ue(e) {
-			return [...M.value?.querySelectorAll(`[data-col="${e}"] [role=option]`) ?? []];
-		}
 		function We(e) {
-			let t = Ue(e);
+			return [...N.value?.querySelectorAll(`[data-col="${e}"] [role=option]`) ?? []];
+		}
+		function Ge(e) {
+			let t = We(e);
 			(t.find((e) => e.tabIndex === 0) ?? t[0])?.focus({ preventScroll: !0 });
 		}
-		function Ge(e, t) {
+		function Ke(e, t) {
 			return (e.cells.find((t) => t.value === e.selected) ?? e.cells.find((e) => !e.disabled)) === t ? 0 : -1;
 		}
-		function Ke(e, t, n) {
-			n.disabled || (Re(t.unit, n.value), f(() => {
-				Z("smooth"), Ue(e).find((e) => e.tabIndex === 0)?.focus({ preventScroll: !0 });
+		function qe(e, t, n) {
+			n.disabled || (ze(t.unit, n.value), p(() => {
+				Z("smooth"), We(e).find((e) => e.tabIndex === 0)?.focus({ preventScroll: !0 });
 			}));
 		}
-		function qe(e, t, n) {
+		function Je(e, t, n) {
 			let r = n.cells.filter((e) => !e.disabled);
 			if (!r.length) return;
 			let i = r.findIndex((e) => e.value === n.selected), a = {
@@ -285,171 +286,171 @@ var le = ["for"], ue = {
 			if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
 				e.preventDefault();
 				let n = t + (e.key === "ArrowRight" ? 1 : -1);
-				n >= 0 && n < H.value.length && We(n);
+				n >= 0 && n < Me.value.length && Ge(n);
 				return;
 			}
 			if (e.key === "Enter") {
 				e.preventDefault();
 				let t = n.cells.find((t) => String(t.value) === e.target.dataset.value);
-				t && !t.disabled && Re(n.unit, t.value), X();
+				t && !t.disabled && ze(n.unit, t.value), X();
 				return;
 			}
 			if (!(e.key in a)) return;
 			e.preventDefault();
 			let o = r[Math.max(0, Math.min(r.length - 1, a[e.key]))];
-			Ke(t, n, o);
+			qe(t, n, o);
 		}
-		function Je(e) {
+		function Ye(e) {
 			if (e.key === "Escape") {
 				e.preventDefault(), e.stopPropagation(), X();
 				return;
 			}
-			if (e.key !== "Tab" || !M.value) return;
-			let t = [...M.value.querySelectorAll("button:not([disabled])")].filter((e) => e.tabIndex >= 0);
+			if (e.key !== "Tab" || !N.value) return;
+			let t = [...N.value.querySelectorAll("button:not([disabled])")].filter((e) => e.tabIndex >= 0);
 			if (!t.length) return;
 			let n = t[0], r = t[t.length - 1];
 			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
 		}
-		function Ye(e) {
-			(e.key === "ArrowDown" || e.key === "ArrowUp" && e.altKey) && (e.preventDefault(), Ve());
-		}
 		function Xe(e) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp" && e.altKey) && (e.preventDefault(), He());
+		}
+		function Ze(e) {
 			let t = e.target;
-			A.value?.contains(t) || M.value?.contains(t) || X(!1);
+			j.value?.contains(t) || N.value?.contains(t) || X(!1);
 		}
 		function Q(e) {
-			e?.target instanceof Node && M.value?.contains(e.target) || Y();
+			e?.target instanceof Node && N.value?.contains(e.target) || Y();
 		}
-		function Ze() {
-			document.addEventListener("pointerdown", Xe, !0), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q);
+		function Qe() {
+			document.addEventListener("pointerdown", Ze, !0), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q);
 		}
 		function $() {
-			document.removeEventListener("pointerdown", Xe, !0), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
+			document.removeEventListener("pointerdown", Ze, !0), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
 		}
-		return ae(C, (e) => e ? He() : $()), ne(() => {
-			C.value && He();
-		}), te($), u({ focus: () => j.value?.focus() }), (r, u) => (m(), o("div", d({
+		return ae(w, (e) => e ? Ue() : $()), ne(() => {
+			w.value && Ue();
+		}), te($), d({ focus: () => M.value?.focus() }), (e, i) => (h(), s("div", f({
 			ref_key: "root",
-			ref: A
+			ref: j
 		}, De.value, {
-			class: ["w-full", l.disabled && "opacity-50"],
+			class: ["w-full", u.disabled && "opacity-50"],
 			"data-ac-ds": "",
 			"data-testid": "ac-time-picker"
 		}), [
-			l.label ? (m(), o("label", {
+			u.label ? (h(), s("label", {
 				key: 0,
-				id: E,
-				for: `${v(w)}-trigger`,
+				id: D,
+				for: `${y(T)}-trigger`,
 				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
-			}, [s("span", null, _(l.label), 1), l.required ? (m(), o("span", ue, "*")) : a("", !0)], 8, le)) : a("", !0),
-			l.hint ? (m(), o("p", {
+			}, [c("span", null, v(u.label), 1), u.required ? (h(), s("span", ue, "*")) : o("", !0)], 8, le)) : o("", !0),
+			u.hint ? (h(), s("p", {
 				key: 1,
-				id: k,
+				id: A,
 				class: "mb-2 text-base text-muted"
-			}, _(l.hint), 1)) : a("", !0),
-			s("div", de, [s("button", d({
-				id: `${v(w)}-trigger`,
+			}, v(u.hint), 1)) : o("", !0),
+			c("div", de, [c("button", f({
+				id: `${y(T)}-trigger`,
 				ref_key: "trigger",
-				ref: j
+				ref: M
 			}, Oe.value, {
 				type: "button",
-				disabled: l.disabled,
+				disabled: u.disabled,
 				"aria-haspopup": "dialog",
-				"aria-expanded": C.value,
-				"aria-labelledby": l.label ? `${E} ${D}` : D,
+				"aria-expanded": w.value,
+				"aria-labelledby": u.label ? `${D} ${O}` : O,
 				"aria-describedby": ke.value,
-				"aria-invalid": !!l.errorMsg || void 0,
-				"aria-required": l.required || void 0,
+				"aria-invalid": !!u.errorMsg || void 0,
+				"aria-required": u.required || void 0,
 				class: ["flex w-full items-center rounded-10 border bg-background text-left text-base font-normal text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none disabled:cursor-not-allowed", [
-					l.size === "small" ? "h-9 pl-3" : "h-10.5 pl-4",
-					l.clearable && S.value ? "pr-20" : "pr-10",
-					l.disabled ? "" : "cursor-pointer hover:bg-accent-hover",
-					l.errorMsg ? ["border-danger/60", F.value && "border-danger shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]"] : F.value ? "focus-ring" : ["border-border", !l.disabled && "hover:border-accent-active"]
+					u.size === "small" ? "h-9 pl-3" : "h-10.5 pl-4",
+					u.clearable && C.value ? "pr-20" : "pr-10",
+					u.disabled ? "" : "cursor-pointer hover:bg-accent-hover",
+					u.errorMsg ? ["border-danger/60", I.value && "border-danger shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]"] : I.value ? "focus-ring" : ["border-border", !u.disabled && "hover:border-accent-active"]
 				]],
-				onClick: u[0] ||= (e) => C.value ? X() : Ve(),
-				onKeydown: Ye,
-				onFocus: u[1] ||= (e) => P.value = !0,
-				onBlur: u[2] ||= (e) => P.value = !1
-			}), [s("span", {
-				id: D,
-				class: p(["truncate tabular-nums", !V.value && "text-muted/80"])
-			}, _(V.value || S.value || l.placeholder), 3)], 16, fe), s("span", { class: p(["pointer-events-none absolute inset-y-0 flex items-center gap-4 text-muted", l.size === "small" ? "right-3" : "right-4"]) }, [l.clearable && S.value && !l.disabled ? (m(), o("button", {
+				onClick: i[0] ||= (e) => w.value ? X() : He(),
+				onKeydown: Xe,
+				onFocus: i[1] ||= (e) => F.value = !0,
+				onBlur: i[2] ||= (e) => F.value = !1
+			}), [c("span", {
+				id: O,
+				class: m(["truncate tabular-nums", !H.value && "text-muted/80"])
+			}, v(H.value || C.value || u.placeholder), 3)], 16, fe), c("span", { class: m(["pointer-events-none absolute inset-y-0 flex items-center gap-4 text-muted", u.size === "small" ? "right-3" : "right-4"]) }, [u.clearable && C.value && !u.disabled ? (h(), s("button", {
 				key: 0,
 				type: "button",
 				class: "pointer-events-auto inline-flex cursor-pointer items-center justify-center rounded-full p-1 transition-colors duration-200 hover:bg-accent-hover hover:text-primary active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
-				"aria-label": l.label ? `Clear ${l.label}` : "Clear",
-				onClick: Be
-			}, [c(v(ce), {
+				"aria-label": u.label ? `Clear ${u.label}` : "Clear",
+				onClick: Ve
+			}, [l(y(ce), {
 				class: "size-4",
 				"aria-hidden": "true"
-			})], 8, pe)) : a("", !0), c(v(se), {
-				class: p(["size-4", C.value && "text-heading"]),
+			})], 8, pe)) : o("", !0), l(y(se), {
+				class: m(["size-4", w.value && "text-heading"]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])], 2)]),
-			l.errorMsg ? (m(), o("p", {
+			u.errorMsg ? (h(), s("p", {
 				key: 2,
-				id: O,
+				id: k,
 				class: "mt-1 text-base text-danger-strong",
 				role: "alert"
-			}, _(l.errorMsg), 1)) : a("", !0),
-			l.name ? (m(), o("input", {
+			}, v(u.errorMsg), 1)) : o("", !0),
+			u.name ? (h(), s("input", {
 				key: 3,
 				type: "hidden",
-				name: l.name,
-				value: S.value ?? ""
-			}, null, 8, me)) : a("", !0),
-			(m(), i(t, { to: "body" }, [c(n, {
+				name: u.name,
+				value: C.value ?? ""
+			}, null, 8, me)) : o("", !0),
+			(h(), a(n, { to: "body" }, [l(r, {
 				"enter-active-class": "transition duration-150 ease-out motion-reduce:transition-opacity",
 				"enter-from-class": "opacity-0 scale-95",
 				"leave-active-class": "transition duration-100 ease-in",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: oe(() => [C.value ? (m(), o("div", {
+				default: oe(() => [w.value ? (h(), s("div", {
 					key: 0,
 					ref_key: "panel",
-					ref: M,
+					ref: N,
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": Ae.value,
 					class: "fixed z-[90] flex max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-10 border border-border bg-surface p-3 shadow-sm",
 					style: ee({
-						top: N.value.top === void 0 ? void 0 : `${N.value.top}px`,
-						bottom: N.value.bottom === void 0 ? void 0 : `${N.value.bottom}px`,
-						left: `${N.value.left}px`,
-						maxHeight: `${N.value.maxHeight}px`,
-						minWidth: `${N.value.minWidth}px`
+						top: P.value.top === void 0 ? void 0 : `${P.value.top}px`,
+						bottom: P.value.bottom === void 0 ? void 0 : `${P.value.bottom}px`,
+						left: `${P.value.left}px`,
+						maxHeight: `${P.value.maxHeight}px`,
+						minWidth: `${P.value.minWidth}px`
 					}),
 					"data-ac-ds": "",
 					"data-testid": "ac-time-picker-panel",
-					onKeydown: Je
-				}, [s("div", ge, [(m(!0), o(e, null, g(H.value, (t, n) => (m(), o(e, { key: t.unit }, [t.unit === "p" ? (m(), o("span", _e)) : n > 0 ? (m(), o("span", ve, ":")) : a("", !0), s("div", {
+					onKeydown: Ye
+				}, [c("div", ge, [(h(!0), s(t, null, _(Me.value, (e, n) => (h(), s(t, { key: e.unit }, [e.unit === "p" ? (h(), s("span", _e)) : n > 0 ? (h(), s("span", ve, ":")) : o("", !0), c("div", {
 					class: "flex h-full min-w-14 flex-1 flex-col items-center",
 					"data-col": n
-				}, [s("span", be, _(t.heading), 1), s("div", {
+				}, [c("span", be, v(e.heading), 1), c("div", {
 					role: "listbox",
-					"aria-label": t.name,
+					"aria-label": e.name,
 					class: "relative min-h-0 w-full flex-1 scroll-smooth overflow-y-auto [scrollbar-width:none] motion-reduce:scroll-auto [&::-webkit-scrollbar]:hidden",
-					onKeydown: (e) => qe(e, n, t)
-				}, [s("div", Se, [(m(!0), o(e, null, g(t.cells, (e) => (m(), o("button", {
-					key: e.value,
+					onKeydown: (t) => Je(t, n, e)
+				}, [c("div", Se, [(h(!0), s(t, null, _(e.cells, (t) => (h(), s("button", {
+					key: t.value,
 					type: "button",
-					"data-value": e.value,
+					"data-value": t.value,
 					role: "option",
-					tabindex: Ge(t, e),
-					"aria-selected": e.value === t.selected,
-					"aria-disabled": e.disabled,
-					class: p(["inline-flex h-10 shrink-0 items-center justify-center rounded-8 tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset motion-reduce:transition-none", [t.unit === "p" ? "w-12 text-xs font-bold" : "w-10 text-base", e.disabled ? "cursor-not-allowed text-muted/50 line-through" : e.value === t.selected ? ["cursor-pointer bg-primary text-white", t.unit !== "p" && "scale-110 font-bold"] : "cursor-pointer text-heading hover:bg-accent-hover hover:font-bold active:bg-accent-active"]]),
-					onClick: (r) => Ke(n, t, e)
-				}, _(e.text), 11, Ce))), 128))])], 40, xe)], 8, ye)], 64))), 128))]), s("div", we, [s("button", {
+					tabindex: Ke(e, t),
+					"aria-selected": t.value === e.selected,
+					"aria-disabled": t.disabled,
+					class: m(["inline-flex h-10 shrink-0 items-center justify-center rounded-8 tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset motion-reduce:transition-none", [e.unit === "p" ? "w-12 text-xs font-bold" : "w-10 text-base", t.disabled ? "cursor-not-allowed text-muted/50 line-through" : t.value === e.selected ? ["cursor-pointer bg-primary text-white", e.unit !== "p" && "scale-110 font-bold"] : "cursor-pointer text-heading hover:bg-accent-hover hover:font-bold active:bg-accent-active"]]),
+					onClick: (r) => qe(n, e, t)
+				}, v(t.text), 11, Ce))), 128))])], 40, xe)], 8, ye)], 64))), 128))]), c("div", we, [c("button", {
 					type: "button",
 					class: "cursor-pointer rounded-8 bg-accent px-3 py-1.5 text-xs font-medium text-heading transition-colors duration-200 hover:bg-accent-hover active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
 					disabled: !je.value,
-					onClick: ze
-				}, " Current time ", 8, Te)])], 44, he)) : a("", !0)]),
+					onClick: Be
+				}, " Current time ", 8, Te)])], 44, he)) : o("", !0)]),
 				_: 1
 			})]))
 		], 16));
 	}
 });
 //#endregion
-export { x as default };
+export { S as default };