@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/TimePicker/TimePicker2.js

@@ -0,0 +1,388 @@
+"use client";
+const e = f;
+(function(e, t) {
+	let n = f, r = e();
+	for (;;) try {
+		if (parseInt(n(210)) / 1 + -parseInt(n(226)) / 2 + parseInt(n(218)) / 3 + -parseInt(n(233)) / 4 + -parseInt(n(177)) / 5 + -parseInt(n(231)) / 6 * (parseInt(n(181)) / 7) + parseInt(n(227)) / 8 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(y, 896109);
+import { usePresence as t } from "../../hooks/usePresence.js";
+import { Inline as n, Stack as r } from "../../primitives/Layout2.js";
+import { useControllableState as i } from "../../hooks/useControllableState.js";
+import { Button as a, cx as o } from "../../primitives/index.js";
+import { useDismiss as s } from "../../hooks/useDismiss.js";
+import { Listbox as c, ListboxPopover as l, nextEnabled as u, optionId as d } from "../Listbox/Listbox2.js";
+function f(e, t) {
+	e -= 161;
+	let n = y(), r = n[e];
+	f.gidOCo === void 0 && (f.ijmTZQ = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, f.DpxqmF = {}, f.gidOCo = !0);
+	let i = n[0];
+	f.GLCqHh !== i && (f.DpxqmF = {}, f.GLCqHh = i);
+	let a = f.DpxqmF[e];
+	return a === void 0 ? (r = f.ijmTZQ(r), f.DpxqmF[e] = r) : r = a, r;
+}
+/* empty css               */
+import { Popover as p } from "../Popover/Popover2.js";
+/* empty css                     */
+import { formatDuration as m, formatTime as h, minutesToTime as g, parseTimeInput as _, timeToMinutes as v } from "./time.js";
+/* empty css           */
+function y() {
+	let e = /* @__PURE__ */ "w3jVBgu9iMXPC3rIB3GIxq.ChjPBwfYEq.w2rHDgeTA2v5psi.y29TyM9IB3G.qxjYB3DeB3DU.C29YDa.BMf0AxzLrxzLBNq.A2v5q29Kzq.Aw5WDxq.BgLZDa.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24GzhmTzgf0zwzPzwXKx19Py29U.zhmTzgf0zwzPzwXKx19PBNb1Da.zhmTDgLTzwnVBf9FAxrLBq.A2v5.y2XVC2LUzW.qxjYB3DvCa.rw50zxi.C3rHCNq.7iUC6RceioYEHEUGPsdRMjdRIPqG7isG7yoD.C3bHBG.AxrLBxm.zhmTDgLTzwnVBa.mtK3mtG1nwLSvNLhuW.lwXPC3q.zNjVBq.zhmTDgLTzwzPzwXK.ntzWEe1Xr24.zMLUza.C21VB3rO.Aw5JBhvKzxm.C2vSzwn0zwq.qxjYB3Dmzwz0.A2v5CW.Bw91BNrLza.zgLHBg9N.y3vYCMvUDa.zgL2.zhmTC2vSzwn0lxrYAwDNzxjFx2nSzwfY.zgLZywjSzwq.qxjYB3DsAwDODa.zhmTC2vSzwn0lxrYAwDNzxi.ChvZAa.CxvLCNLtzwXLy3rVCG.zMLUzeLUzgv4.AgLKzgvU.7iUC6RceioYNGoYASoQ4Sa.DMfSDwu.ChjLDMvUDerLzMf1Bhq.B2zMC2v0vg9W.zMXVB3i.B2zM.zhmTy29UDhjVBa.yNv0Dg9U.BgLZDgjVEa.rw5K.otu3nta3zeP2Cujr.DgfYz2v0.y2vPBa.rxnJyxbL.CgLJAW.DhjPBq.zhmTDgLTzwnVBhm.z2v0sg91CNm.mtaWndi5nxPVze1twG.B3b0Aw9U.sg9Tzq.6RoG66w8ioYiMcdSNOJRIPqG7iUC6Rce7j20ioYxHUYwToYALa.BgvUz3rO.C3rVCfbYB3bHz2f0Aw9U.BgfIzwW.yMv0D2vLBG.mta5mJC2D1DxCLbt.mtGYnde5ndrWD1LQyMC.AxndB21WB3nPBMC.CxvLCNLtzwXLy3rVCKfSBa.BwfW.nZmWmdaYtxD2rwDx.zM9JDxm.ntaXnJi0nhf6D2jZsa.C29Tzq".split(".");
+	return y = function() {
+		return e;
+	}, y();
+}
+import { useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Clock as ee, X as te } from "lucide-react";
+import { Fragment as ne, jsx as T, jsxs as E } from "react/jsx-runtime";
+var D = (e) => {
+	let t = f, n = /* @__PURE__ */ new Date(), r = n[t(217)]() * 60 + n.getMinutes();
+	return Math.min(Math[t(212)](r / e) * e, 1440 - e);
+};
+function O({ value: n, defaultValue: r = null, onValueChange: a, hourCycle: f = 12, mode: y = "columns", minuteStep: b = y === e(164) ? 30 : 5, min: O, max: k, isTimeDisabled: A, durationFrom: j, formatValue: M = (e) => h(e, f), placeholder: ie = e(173), clearable: ae = !0, size: oe = "md", disabled: N, invalid: se, align: ce = e(172), name: le, id: ue, className: de, maxHeight: fe, "aria-label": pe }) {
+	let P = e, F = x() + P(178), [I, L] = i(n, r, a), [R, z] = w(!1), [B, V] = w(null), [me, he] = w(0), [H, U] = w(null), [ge, W] = w(!1), [G, K] = w(-1), q = C(null), J = C(null), _e = C(null), ve = C(null), ye = O ? v(O) : 0, Y = k ? v(k) : 1439, X = (e) => e < ye || e > Y || !!A?.(g(e)), be = (e) => {
+		for (let t = 0; t < 1440; t += b) {
+			let n = (e + t) % 1440;
+			if (!X(n)) return n;
+		}
+		return e;
+	}, Z = S(() => {
+		let e = P;
+		if (y !== "list") return [];
+		let t = [], n = j ? v(j) : null;
+		for (let r = Math[e(212)](ye / b) * b; r <= Y; r += b) {
+			let e = g(r);
+			t.push({
+				value: e,
+				label: M(e),
+				description: n !== null && r > n ? m(r - n) : void 0,
+				disabled: !!A?.(e) || n !== null && r <= n
+			});
+		}
+		return t;
+	}, [
+		y,
+		ye,
+		Y,
+		b,
+		j,
+		A,
+		M
+	]), xe = (e) => {
+		let t = _(e);
+		return t && !X(v(t)) ? t : null;
+	}, Q = () => {
+		let e = P;
+		if (N || R) return;
+		let t = be(D(b));
+		if (he(t), V(I), y === e(164)) {
+			let n = I ?? g(t), r = Z[e(198)]((t) => t[e(201)] >= n && !t[e(193)]);
+			K(r >= 0 ? r : u(Z, -1, 1));
+		}
+		z(!0);
+	}, $ = (e, t = B) => {
+		e && t !== null && t !== I && L(t), z(!1);
+	}, Se = () => {
+		let e = P;
+		if (H === null) return !0;
+		if (!H[e(215)]()) L(null);
+		else {
+			let e = xe(H);
+			if (!e) return W(!0), !1;
+			L(e), V(e);
+		}
+		return U(null), W(!1), !0;
+	}, Ce = () => requestAnimationFrame(() => _e[P(190)]?.[P(197)](P(235))?.focus({ preventScroll: !0 })), we = (e) => {
+		e[P(193)] || (L(e.value), U(null), W(!1), z(!1));
+	};
+	s(R && y === P(164), [q, ve], () => z(!1));
+	let Te = t(R && y === P(164)), Ee = (e) => {
+		let t = P;
+		if (!(e[t(161)][t(228)] || e[t(162)] === 229)) {
+			if (y === t(164) && (e.key === "ArrowDown" || e[t(168)] === t(170))) e[t(202)](), R ? K(u(Z, G, e[t(168)] === t(239) ? 1 : -1)) : Q();
+			else switch (e.key) {
+				case t(171):
+					e[t(202)](), H === null ? y === "list" && R && Z[G] ? we(Z[G]) : R && $(!0) : Se() && z(!1);
+					break;
+				case t(239):
+					e[t(202)](), Q(), Ce();
+					break;
+				case "Escape":
+					R ? (e.preventDefault(), $(!1)) : H !== null && (U(null), W(!1));
+					break;
+				case "Tab": R && y === "list" && z(!1);
+			}
+		}
+	}, De = R && y === "columns" ? B ?? I : I, Oe = E(P(191), {
+		ref: q,
+		className: o(P(206), P(195), "ds-datefield", P(180), oe !== "md" && "ds-select-trigger--" + oe, de),
+		"data-open": R || void 0,
+		"data-invalid": se || ge || void 0,
+		"data-disabled": N || void 0,
+		onPointerDown: (e) => {
+			let t = P;
+			N || e[t(211)] === J[t(190)] || (e[t(202)](), J[t(190)]?.[t(232)](), Q());
+		},
+		children: [
+			T("input", {
+				ref: J,
+				id: ue,
+				className: P(166),
+				value: H ?? (De ? M(De) : ""),
+				placeholder: ie,
+				disabled: N,
+				role: y === P(164) ? P(238) : void 0,
+				"aria-label": pe,
+				"aria-invalid": se || ge || void 0,
+				"aria-haspopup": y === P(164) ? P(208) : P(189),
+				"aria-expanded": R,
+				"aria-controls": y === P(164) && R ? F : void 0,
+				"aria-activedescendant": y === "list" && R && G >= 0 ? d(F, G) : void 0,
+				autoComplete: P(205),
+				onClick: Q,
+				onFocus: (e) => e[P(211)].select(),
+				onChange: (e) => {
+					let t = P, n = e[t(211)][t(201)];
+					U(n), W(!1);
+					let r = xe(n);
+					if (r && (V(r), y === "list")) {
+						let e = Z.findIndex((e) => e[t(201)] >= r && !e.disabled);
+						e >= 0 && K(e);
+					}
+					R || Q();
+				},
+				onKeyDown: Ee,
+				onBlur: () => {
+					!Se() && (U(null), W(!1));
+				}
+			}),
+			T(P(174), {
+				className: P(165),
+				"aria-hidden": !0,
+				children: T(ee, {})
+			}),
+			ae && I && !N && H === null && T(P(174), {
+				role: P(207),
+				tabIndex: -1,
+				"aria-label": P(200),
+				className: P(192),
+				onPointerDown: (e) => e[P(223)](),
+				onClick: () => {
+					let e = P;
+					L(null), V(null), J[e(190)]?.[e(232)]();
+				},
+				children: T(te, {})
+			}),
+			le && T(P(163), {
+				type: P(199),
+				name: le,
+				value: I ?? ""
+			})
+		]
+	});
+	return y === P(164) ? E(ne, { children: [Oe, Te[P(188)] && T(l, {
+		ref: ve,
+		closing: Te[P(169)],
+		anchorRef: q,
+		maxHeight: fe ?? 280,
+		children: T(c, {
+			id: F,
+			options: Z,
+			activeIndex: G,
+			isSelected: (e) => e === I,
+			onSelect: we,
+			onActiveChange: K,
+			"aria-label": pe ?? "시간",
+			emptyText: P(221)
+		})
+	})] }) : T(p, {
+		open: R,
+		onOpenChange: (e) => e ? Q() : $(!0),
+		openOn: "manual",
+		align: ce,
+		padding: "sm",
+		autoFocus: !1,
+		"aria-label": "시간 선택",
+		trigger: Oe,
+		children: T(re, {
+			ref: _e,
+			time: B,
+			base: me,
+			hourCycle: f,
+			minuteStep: b,
+			blocked: X,
+			onChange: (e) => {
+				V(e), U(null), W(!1);
+			},
+			onCommit: (e) => $(!0, e),
+			onCancel: () => $(!1),
+			onNow: () => V(g(be(D(b))))
+		})
+	});
+}
+var k = (e) => String(e).padStart(2, "0");
+function re({ ref: t, time: i, base: o, hourCycle: s, minuteStep: c, blocked: l, onChange: u, onCommit: d, onCancel: p, onNow: m }) {
+	let h = e, _ = i ? v(i) : o, y = Math[h(204)](_ / 60), b = _ % 60, x = y < 12 ? "am" : "pm", S = Array.from({ length: Math[h(212)](60 / c) }, (e, t) => t * c);
+	!S[h(184)](b) && (S[h(196)](b), S[h(240)]((e, t) => e - t));
+	let C = (e) => {
+		let t = h;
+		if (!l(e * 60 + b)) return e * 60 + b;
+		let n = S[t(182)]((t) => !l(e * 60 + t));
+		return e * 60 + (n ?? b);
+	}, w = (e) => S[h(234)]((t) => !l(e * 60 + t)), ee = (s === 12 ? [
+		0,
+		1,
+		2,
+		3,
+		4,
+		5,
+		6,
+		7,
+		8,
+		9,
+		10,
+		11
+	][h(230)]((e) => x === "pm" ? e + 12 : e) : [...Array(24)[h(187)]()])[h(230)]((e) => ({
+		key: String(e),
+		label: s === 12 ? String(e % 12 == 0 ? 12 : e % 12) : k(e),
+		disabled: !w(e),
+		pick: () => C(e)
+	})), te = S[h(230)]((e) => ({
+		key: String(e),
+		label: k(e),
+		disabled: l(y * 60 + e),
+		pick: () => y * 60 + e
+	})), ne = ["am", "pm"][h(230)]((e) => {
+		let t = e === "am" ? 0 : 12, n = y % 12 + t;
+		return {
+			key: e,
+			label: e === "am" ? "오전" : "오후",
+			disabled: !Array.from({ length: 12 }, (e, n) => t + n).some(w),
+			pick: () => {
+				let e = f;
+				if (w(n)) return C(n);
+				let r = Array[e(179)]({ length: 12 }, (e, n) => t + n).find(w) ?? n;
+				return C(r);
+			}
+		};
+	}), D = [
+		...s === 12 ? [{
+			label: "오전/오후",
+			items: ne,
+			selected: x
+		}] : [],
+		{
+			label: "시",
+			items: ee,
+			selected: String(y)
+		},
+		{
+			label: "분",
+			items: te,
+			selected: String(b)
+		}
+	];
+	return E(r, {
+		gap: 2,
+		children: [T(h(191), {
+			ref: t,
+			className: h(216),
+			children: D.map((e, t) => T(A, {
+				label: e.label,
+				items: e[h(175)],
+				selectedKey: i ? e[h(185)] : null,
+				focusKey: e.selected,
+				onPick: (e) => u(g(e[h(214)]())),
+				onCommit: (e) => d(e ? g(e[h(214)]()) : void 0),
+				onCancel: p,
+				onMoveColumn: (e, n) => {
+					let r = h;
+					(n.parentElement?.[r(229)](r(235)))?.[t + e]?.focus({ preventScroll: !0 });
+				}
+			}, e[h(224)]))
+		}), E(n, {
+			justify: h(225),
+			gap: 2,
+			children: [T(a, {
+				variant: "ghost",
+				size: "sm",
+				onClick: m,
+				children: "지금"
+			}), T(a, {
+				variant: h(236),
+				size: "sm",
+				onClick: () => d(),
+				disabled: !i,
+				children: "확인"
+			})]
+		})]
+	});
+}
+function A({ label: t, items: n, selectedKey: r, focusKey: i, onPick: a, onCommit: o, onCancel: s, onMoveColumn: c }) {
+	let l = e, d = x(), f = C(null), p = C(!1), m = n[l(198)]((e) => e.key === i);
+	return b(() => {
+		let e = l, t = f[e(190)], n = t?.querySelector(e(237) + i + "\"]");
+		t && n && (t.scrollTo({
+			top: n[e(203)] - 4,
+			behavior: p[e(190)] ? e(183) : "auto"
+		}), p[e(190)] = !0);
+	}, [i]), T("div", {
+		ref: f,
+		role: "listbox",
+		tabIndex: 0,
+		"aria-label": t,
+		"aria-activedescendant": m >= 0 ? d + "-" + m : void 0,
+		className: l(176),
+		onKeyDown: (e) => {
+			let t = l;
+			switch (e[t(168)]) {
+				case t(239):
+				case t(170): {
+					e.preventDefault();
+					let i = r === null && m >= 0 && !n[m].disabled ? m : u(n, m, e[t(168)] === "ArrowDown" ? 1 : -1);
+					i >= 0 && a(n[i]);
+					break;
+				}
+				case t(220):
+				case t(209): {
+					e[t(202)]();
+					let r = e[t(168)] === t(220) ? u(n, -1, 1) : u(n, n[t(222)], -1);
+					r >= 0 && a(n[r]);
+					break;
+				}
+				case t(186):
+				case t(194):
+					e.preventDefault(), c(e.key === t(194) ? 1 : -1, e.currentTarget);
+					break;
+				case t(171):
+				case " ": {
+					e[t(202)]();
+					let i = r === null && m >= 0 && !n[m][t(193)] ? n[m] : void 0;
+					i && a(i), e[t(168)] === t(171) && o(i);
+					break;
+				}
+				case t(213): e[t(202)](), s();
+			}
+		},
+		children: n.map((e, t) => T(l(191), {
+			id: d + "-" + t,
+			"data-key": e[l(168)],
+			role: l(219),
+			"aria-selected": e[l(168)] === r,
+			"aria-disabled": e.disabled || void 0,
+			"data-focus": t === m || void 0,
+			className: l(167),
+			onClick: () => !e.disabled && a(e),
+			children: e.label
+		}, e[l(168)]))
+	});
+}
+export { O as TimePicker };

package/lib/components/TimePicker/time.js

@@ -0,0 +1,83 @@
+"use client";
+const e = c;
+(function(e, t) {
+	let n = c, r = e();
+	for (;;) try {
+		if (parseInt(n(229)) / 1 + parseInt(n(232)) / 2 * (parseInt(n(243)) / 3) + parseInt(n(226)) / 4 * (-parseInt(n(239)) / 5) + parseInt(n(240)) / 6 + -parseInt(n(231)) / 7 + -parseInt(n(237)) / 8 * (parseInt(n(225)) / 9) + parseInt(n(233)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(o, 613434);
+var t = (t) => String(t)[e(238)](2, "0"), n = (t) => {
+	let n = e, [r, i] = t[n(235)](":")[n(224)](Number);
+	return r * 60 + i;
+}, r = (n) => t(Math[e(228)](n / 60) % 24) + ":" + t(n % 60);
+function i(r, i = 12) {
+	let a = e, o = n(r), s = Math[a(228)](o / 60), c = o % 60;
+	return i === 24 ? t(s) + ":" + t(c) : (s < 12 ? "오전" : "오후") + " " + (s % 12 == 0 ? 12 : s % 12) + ":" + t(c);
+}
+function a(t) {
+	let n = e, r = Math[n(228)](t / 60), i = t % 60;
+	return [r && r + "시간", i && i + "분"][n(241)](Boolean)[n(227)](" ") || "0분";
+}
+function o() {
+	let e = [
+		"mJC1ndi0ofHSDhvhBG",
+		"CgfKu3rHCNq",
+		"mtaZotbmD1ntufi",
+		"ndGYndm5mfbmzNfnvG",
+		"zMLSDgvY",
+		"mti6mda",
+		"ovHNCMHiwa",
+		"Bwf0y2G",
+		"BwfW",
+		"mJDRzxvQA2u",
+		"mtG2oeLJweXntq",
+		"AM9PBG",
+		"zMXVB3i",
+		"odGYntGYCLb4qKrr",
+		"CMvWBgfJzq",
+		"ndaYodqXnKzsBNvcCG",
+		"ndGZntC0txffEfzZ",
+		"nZGWmtGZmfrdA2Hfza",
+		"mda6mda",
+		"C3bSAxq",
+		"DhjPBq"
+	];
+	return o = function() {
+		return e;
+	}, o();
+}
+function s(n) {
+	let r = e, i = n[r(236)]().toLowerCase()[r(230)](/\s+/g, "");
+	if (!i) return null;
+	if (i === "정오") return r(242);
+	if (i === "자정") return r(234);
+	let a = null;
+	/오후|pm|p\.m\.?/.test(i) ? a = "pm" : /오전|am|a\.m\.?/.test(i) && (a = "am"), i = i[r(230)](/오후|오전|p\.m\.?|a\.m\.?|pm|am/g, "")[r(230)](/시반$/, "시30");
+	let o = i[r(223)](/^(\d{1,2})(?:(?:[:.시h])(\d{1,2})?분?|(\d{2}))?$/);
+	if (!o) return null;
+	let s = Number(o[1]), c = Number(o[2] ?? o[3] ?? 0);
+	if (c > 59) return null;
+	if (a) {
+		if (s < 1 || s > 12) return null;
+		a === "am" && s === 12 && (s = 0), a === "pm" && s < 12 && (s += 12);
+	} else if (s > 23) return null;
+	return t(s) + ":" + t(c);
+}
+function c(e, t) {
+	e -= 223;
+	let n = o(), r = n[e];
+	c.RsbMpr === void 0 && (c.WgSAPO = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, c.OaHvvF = {}, c.RsbMpr = !0);
+	let i = n[0];
+	c.CHLJvu !== i && (c.OaHvvF = {}, c.CHLJvu = i);
+	let a = c.OaHvvF[e];
+	return a === void 0 ? (r = c.WgSAPO(r), c.OaHvvF[e] = r) : r = a, r;
+}
+export { a as formatDuration, i as formatTime, r as minutesToTime, s as parseTimeInput, n as timeToMinutes };