@iamfiro/design 0.1.0 → 0.3.1

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(377)) / 1 * (parseInt(n(416)) / 2) + parseInt(n(402)) / 3 + parseInt(n(380)) / 4 * (-parseInt(n(412)) / 5) + -parseInt(n(410)) / 6 + -parseInt(n(391)) / 7 * (parseInt(n(348)) / 8) + parseInt(n(421)) / 9 + -parseInt(n(423)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(E, 125486);
+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";
+/* empty css               */
+function f(e, t) {
+	e -= 348;
+	let n = E(), r = n[e];
+	f.ZinxSd === void 0 && (f.vDmEEA = 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.yaQLGf = {}, f.ZinxSd = !0);
+	let i = n[0];
+	f.woFKnK !== i && (f.yaQLGf = {}, f.woFKnK = i);
+	let a = f.yaQLGf[e];
+	return a === void 0 ? (r = f.vDmEEA(r), f.yaQLGf[e] = r) : r = a, r;
+}
+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           */
+import { useEffect as y, useId as b, useMemo as x, useRef as S, useState as C } from "react";
+import { Clock as ee, X as te } from "lucide-react";
+import { Fragment as ne, jsx as w, jsxs as T } from "react/jsx-runtime";
+function E() {
+	let e = /* @__PURE__ */ "zMLUzeLUzgv4.BwfW.A2v5.C2vSzwn0.CxvLCNLtzwXLy3rVCKfSBa.y29TyM9IB3G.A2v5q29Kzq.ChvZAa.zhmTDgLTzwnVBa.C3rHCNq.C29Tzq.AgLKzgvU.qxjYB3DeB3DU.zMXVB3i.6RoG66w8ioYiMcdSNOJRIPqG7iUC6Rce7j20ioYxHUYwToYALa.C2nYB2XSvg8.y3vYCMvUDfrHCMDLDa.y2vPBa.BgLZDa.B2zM.Aw5WDxq.BgfIzwW.C3bHBG.BgvUz3rO.yNv0Dg9U.mtKWmZDqsNvct2y.BgLZDgjVEa.y3vYCMvUDa.mta1mKjnwfrNta.7iUC6RceioYEHEUGPsdRMjdRIPqG7isG7yoD.rw50zxi.vgfI.C29YDa.zgLZywjSzwq.zhmTC2vSzwn0lxrYAwDNzxiTlq.B3b0Aw9U.w2rHDgeTA2v5psi.qxjYB3DvCa.Bw91BNrLza.mZaZmdiZAhbeAejY.CgLJAW.zhmTzgf0zwzPzwXK.7iUC6RceioYNGoYASoQ4Sa.y2XVC2LUzW.zhmTDgLTzwnVBhm.zNjVBq.CxvLCNLtzwXLy3rVCG.7jIK7kcel+YyPo2BHa.zhmTC2vSzwn0lxrYAwDNzxi.zhmTDgLTzwnVBf9FAxrLBq.nJmYmZq2zu5WtM1J.sg9Tzq.rxnJyxbL.yxv0BW.zhmTy29UDhjVBa.z2v0twLUDxrLCW.BwLU.DMfSDwu.nJu3nZG2A2DNEMvv.ChjLDMvUDerLzMf1Bhq.nde2nxPRr0Xyuq.zhmTDgLTzwzPzwXK.DgfYz2v0.zM9JDxm.mtbLqwzNvvO.AxrLBxm.zgL2.zhmTzgf0zwzPzwXKx19PBNb1Da.C21VB3rO.mJe2nJKYmwDuwxf3vq.zMLUza.ntK2mJb4ugDSBvK.rw5K.qxjYB3DsAwDODa.w3jVBgu9iMXPC3rIB3GIxq.CgfYzw50rwXLBwvUDa.mtzNr1vvD2q.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24GzhmTzgf0zwzPzwXKx19Py29U.A2v5CW.C2vSzwn0zwq".split(".");
+	return E = function() {
+		return e;
+	}, E();
+}
+var re = (e) => {
+	let t = f, n = /* @__PURE__ */ new Date(), r = n.getHours() * 60 + n[t(407)]();
+	return Math[t(408)](Math[t(369)](r / e) * e, 1440 - e);
+};
+function D({ value: n, defaultValue: r = null, onValueChange: a, hourCycle: y = 12, mode: E = "columns", minuteStep: D = E === "list" ? 30 : 5, min: O, max: k, isTimeDisabled: A, durationFrom: j, formatValue: M = (e) => h(e, y), placeholder: ae = e(381), clearable: oe = !0, size: se = "md", disabled: N, invalid: ce, align: le = e(361), name: ue, id: de, className: fe, maxHeight: pe, "aria-label": me }) {
+	let P = e, F = b() + "-list", [I, L] = i(n, r, a), [R, z] = C(!1), [B, V] = C(null), [he, ge] = C(0), [H, U] = C(null), [_e, W] = C(!1), [G, K] = C(-1), q = S(null), J = S(null), ve = S(null), ye = S(null), Y = O ? v(O) : 0, X = k ? v(k) : 1439, be = (e) => e < Y || e > X || !!A?.(g(e)), xe = (e) => {
+		for (let t = 0; t < 1440; t += D) {
+			let n = (e + t) % 1440;
+			if (!be(n)) return n;
+		}
+		return e;
+	}, Z = x(() => {
+		let e = f;
+		if (E !== "list") return [];
+		let t = [], n = j ? v(j) : null;
+		for (let r = Math[e(369)](Y / D) * D; r <= X; r += D) {
+			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;
+	}, [
+		E,
+		Y,
+		X,
+		D,
+		j,
+		A,
+		M
+	]), Se = (e) => {
+		let t = _(e);
+		return t && !be(v(t)) ? t : null;
+	}, Q = () => {
+		let e = f;
+		if (N || R) return;
+		let t = xe(re(D));
+		if (ge(t), V(I), E === e(370)) {
+			let n = I ?? g(t), r = Z.findIndex((t) => t[e(409)] >= n && !t[e(385)]);
+			K(r >= 0 ? r : u(Z, -1, 1));
+		}
+		z(!0);
+	}, $ = (e, t = B) => {
+		e && t !== null && t !== I && L(t), z(!1);
+	}, Ce = () => {
+		if (H === null) return !0;
+		if (!H.trim()) L(null);
+		else {
+			let e = Se(H);
+			if (!e) return W(!0), !1;
+			L(e), V(e);
+		}
+		return U(null), W(!1), !0;
+	}, we = () => requestAnimationFrame(() => ve.current?.[P(398)]("[role=\"listbox\"]")?.[P(415)]({ preventScroll: !0 })), Te = (e) => {
+		let t = P;
+		e[t(385)] || (L(e[t(409)]), U(null), W(!1), z(!1));
+	};
+	s(R && E === "list", [q, ye], () => z(!1));
+	let Ee = t(R && E === "list"), De = (e) => {
+		let t = P;
+		if (!(e.nativeEvent.isComposing || e[t(358)] === 229)) {
+			if (E === t(370) && (e[t(354)] === "ArrowDown" || e[t(354)] === t(389))) e[t(411)](), R ? K(u(Z, G, e.key === "ArrowDown" ? 1 : -1)) : Q();
+			else switch (e[t(354)]) {
+				case t(382):
+					e[t(411)](), H === null ? E === "list" && R && Z[G] ? Te(Z[G]) : R && $(!0) : Ce() && z(!1);
+					break;
+				case t(364):
+					e[t(411)](), Q(), we();
+					break;
+				case t(404):
+					R ? (e[t(411)](), $(!1)) : H !== null && (U(null), W(!1));
+					break;
+				case t(383): R && E === t(370) && z(!1);
+			}
+		}
+	}, Oe = R && E === "columns" ? B ?? I : I, ke = T(P(418), {
+		ref: q,
+		className: o(P(406), P(400), P(393), P(413), se !== "md" && P(386) + se, fe),
+		"data-open": R || void 0,
+		"data-invalid": ce || _e || void 0,
+		"data-disabled": N || void 0,
+		onPointerDown: (e) => {
+			let t = P;
+			N || e[t(414)] === J[t(379)] || (e[t(411)](), J[t(379)]?.[t(415)](), Q());
+		},
+		children: [
+			w(P(372), {
+				ref: J,
+				id: de,
+				className: P(419),
+				value: H ?? (Oe ? M(Oe) : ""),
+				placeholder: ae,
+				disabled: N,
+				role: E === "list" ? P(357) : void 0,
+				"aria-label": me,
+				"aria-invalid": ce || _e || void 0,
+				"aria-haspopup": E === P(370) ? P(378) : "dialog",
+				"aria-expanded": R,
+				"aria-controls": E === P(370) && R ? F : void 0,
+				"aria-activedescendant": E === P(370) && R && G >= 0 ? d(F, G) : void 0,
+				autoComplete: P(371),
+				onClick: Q,
+				onFocus: (e) => e[P(414)][P(355)](),
+				onChange: (e) => {
+					let t = P, n = e.target.value;
+					U(n), W(!1);
+					let r = Se(n);
+					if (r && (V(r), E === t(370))) {
+						let e = Z.findIndex((e) => e.value >= r && !e[t(385)]);
+						e >= 0 && K(e);
+					}
+					R || Q();
+				},
+				onKeyDown: De,
+				onBlur: () => {
+					!Ce() && (U(null), W(!1));
+				}
+			}),
+			w(P(374), {
+				className: P(349),
+				"aria-hidden": !0,
+				children: w(ee, {})
+			}),
+			oe && I && !N && H === null && w(P(374), {
+				role: P(376),
+				tabIndex: -1,
+				"aria-label": P(394),
+				className: "ds-select-trigger__clear",
+				onPointerDown: (e) => e.stopPropagation(),
+				onClick: () => {
+					let e = P;
+					L(null), V(null), J[e(379)]?.[e(415)]();
+				},
+				children: w(te, {})
+			}),
+			ue && w(P(372), {
+				type: P(363),
+				name: ue,
+				value: I ?? ""
+			})
+		]
+	});
+	return E === "list" ? T(ne, { children: [ke, Ee[P(390)] && w(l, {
+		ref: ye,
+		closing: Ee[P(395)],
+		anchorRef: q,
+		maxHeight: pe ?? 280,
+		children: w(c, {
+			id: F,
+			options: Z,
+			activeIndex: G,
+			isSelected: (e) => e === I,
+			onSelect: Te,
+			onActiveChange: K,
+			"aria-label": me ?? "시간",
+			emptyText: P(366)
+		})
+	})] }) : w(p, {
+		open: R,
+		onOpenChange: (e) => e ? Q() : $(!0),
+		openOn: "manual",
+		align: le,
+		padding: "sm",
+		autoFocus: !1,
+		"aria-label": "시간 선택",
+		trigger: ke,
+		children: w(ie, {
+			ref: ve,
+			time: B,
+			base: he,
+			hourCycle: y,
+			minuteStep: D,
+			blocked: be,
+			onChange: (e) => {
+				V(e), U(null), W(!1);
+			},
+			onCommit: (e) => $(!0, e),
+			onCancel: () => $(!1),
+			onNow: () => V(g(xe(re(D))))
+		})
+	});
+}
+var O = (e) => String(e).padStart(2, "0");
+function ie({ ref: t, time: i, base: o, hourCycle: s, minuteStep: c, blocked: l, onChange: u, onCommit: d, onCancel: f, onNow: p }) {
+	let m = e, h = i ? v(i) : o, _ = Math[m(365)](h / 60), y = h % 60, b = _ < 12 ? "am" : "pm", x = Array[m(397)]({ length: Math[m(369)](60 / c) }, (e, t) => t * c);
+	!x.includes(y) && (x[m(359)](y), x[m(384)]((e, t) => e - t));
+	let S = (e) => {
+		let t = m;
+		if (!l(e * 60 + y)) return e * 60 + y;
+		let n = x[t(422)]((t) => !l(e * 60 + t));
+		return e * 60 + (n ?? y);
+	}, C = (e) => x[m(362)]((t) => !l(e * 60 + t)), ee = (s === 12 ? [
+		0,
+		1,
+		2,
+		3,
+		4,
+		5,
+		6,
+		7,
+		8,
+		9,
+		10,
+		11
+	][m(353)]((e) => b === "pm" ? e + 12 : e) : [...Array(24)[m(350)]()])[m(353)]((e) => ({
+		key: String(e),
+		label: s === 12 ? String(e % 12 == 0 ? 12 : e % 12) : O(e),
+		disabled: !C(e),
+		pick: () => S(e)
+	})), te = x[m(353)]((e) => ({
+		key: String(e),
+		label: O(e),
+		disabled: l(_ * 60 + e),
+		pick: () => _ * 60 + e
+	})), ne = ["am", "pm"][m(353)]((e) => {
+		let t = m, n = e === "am" ? 0 : 12, r = _ % 12 + n;
+		return {
+			key: e,
+			label: e === "am" ? "오전" : "오후",
+			disabled: !Array.from({ length: 12 }, (e, t) => n + t)[t(362)](C),
+			pick: () => {
+				let e = t;
+				if (C(r)) return S(r);
+				let i = Array[e(397)]({ length: 12 }, (e, t) => n + t)[e(422)](C) ?? r;
+				return S(i);
+			}
+		};
+	}), E = [
+		...s === 12 ? [{
+			label: m(399),
+			items: ne,
+			selected: b
+		}] : [],
+		{
+			label: "시",
+			items: ee,
+			selected: String(_)
+		},
+		{
+			label: "분",
+			items: te,
+			selected: String(y)
+		}
+	];
+	return T(r, {
+		gap: 2,
+		children: [w(m(418), {
+			ref: t,
+			className: m(396),
+			children: E[m(353)]((e, t) => w(k, {
+				label: e[m(373)],
+				items: e[m(417)],
+				selectedKey: i ? e[m(351)] : null,
+				focusKey: e[m(351)],
+				onPick: (e) => u(g(e[m(392)]())),
+				onCommit: (e) => d(e ? g(e[m(392)]()) : void 0),
+				onCancel: f,
+				onMoveColumn: (e, n) => {
+					let r = m;
+					(n[r(427)]?.[r(356)](r(426)))?.[t + e]?.[r(415)]({ preventScroll: !0 });
+				}
+			}, e[m(373)]))
+		}), T(n, {
+			justify: "between",
+			gap: 2,
+			children: [w(a, {
+				variant: "ghost",
+				size: "sm",
+				onClick: p,
+				children: "지금"
+			}), w(a, {
+				variant: "primary",
+				size: "sm",
+				onClick: () => d(),
+				disabled: !i,
+				children: "확인"
+			})]
+		})]
+	});
+}
+function k({ label: t, items: n, selectedKey: r, focusKey: i, onPick: a, onCommit: o, onCancel: s, onMoveColumn: c }) {
+	let l = e, d = b(), f = S(null), p = S(!1), m = n[l(352)]((e) => e[l(354)] === i);
+	return y(() => {
+		let e = l, t = f[e(379)], n = t?.querySelector(e(388) + i + "\"]");
+		t && n && (t[e(367)]({
+			top: n.offsetTop - 4,
+			behavior: p[e(379)] ? e(420) : e(405)
+		}), p[e(379)] = !0);
+	}, [i]), w("div", {
+		ref: f,
+		role: "listbox",
+		tabIndex: 0,
+		"aria-label": t,
+		"aria-activedescendant": m >= 0 ? d + "-" + m : void 0,
+		className: l(360),
+		onKeyDown: (e) => {
+			let t = l;
+			switch (e.key) {
+				case t(364):
+				case t(389): {
+					e[t(411)]();
+					let i = r === null && m >= 0 && !n[m].disabled ? m : u(n, m, e[t(354)] === t(364) ? 1 : -1);
+					i >= 0 && a(n[i]);
+					break;
+				}
+				case t(403):
+				case t(424): {
+					e[t(411)]();
+					let r = e[t(354)] === t(403) ? u(n, -1, 1) : u(n, n[t(375)], -1);
+					r >= 0 && a(n[r]);
+					break;
+				}
+				case "ArrowLeft":
+				case "ArrowRight":
+					e[t(411)](), c(e[t(354)] === t(425) ? 1 : -1, e[t(368)]);
+					break;
+				case t(382):
+				case " ": {
+					e.preventDefault();
+					let i = r === null && m >= 0 && !n[m][t(385)] ? n[m] : void 0;
+					i && a(i), e.key === t(382) && o(i);
+					break;
+				}
+				case t(404): e.preventDefault(), s();
+			}
+		},
+		children: n.map((e, t) => w("div", {
+			id: d + "-" + t,
+			"data-key": e[l(354)],
+			role: l(387),
+			"aria-selected": e.key === r,
+			"aria-disabled": e.disabled || void 0,
+			"data-focus": t === m || void 0,
+			className: l(401),
+			onClick: () => !e[l(385)] && a(e),
+			children: e[l(373)]
+		}, e.key))
+	});
+}
+export { D as TimePicker };

package/lib/components/TimePicker/time.js

@@ -0,0 +1,81 @@
+"use client";
+const e = t;
+function t(e, r) {
+	e -= 354;
+	let i = n(), a = i[e];
+	t.MeyaFk === void 0 && (t.zijrkB = 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);
+	}, t.qUbQnf = {}, t.MeyaFk = !0);
+	let o = i[0];
+	t.ZKwvbM !== o && (t.qUbQnf = {}, t.ZKwvbM = o);
+	let s = t.qUbQnf[e];
+	return s === void 0 ? (a = t.zijrkB(a), t.qUbQnf[e] = a) : a = s, a;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (-parseInt(r(358)) / 1 + parseInt(r(363)) / 2 + -parseInt(r(366)) / 3 + -parseInt(r(367)) / 4 * (parseInt(r(357)) / 5) + -parseInt(r(361)) / 6 + -parseInt(r(355)) / 7 * (parseInt(r(369)) / 8) + -parseInt(r(360)) / 9 * (-parseInt(r(359)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 463007);
+function n() {
+	let e = [
+		"DgvZDa",
+		"mJrmtenhyue",
+		"AM9PBG",
+		"mda6mda",
+		"C3bSAxq",
+		"zMXVB3i",
+		"nZa1ntu4y3noBKTK",
+		"DhjPBq",
+		"mJeXntqWzhf2CxDP",
+		"mti0mJmWzg13D3L6",
+		"mJbyCwrZtg0",
+		"nZyXmtmYn1vyBKHiDa",
+		"mZG0mZy1nfnqzvzvAW",
+		"7iUCmZa",
+		"mta2otiXogXmuwvHtq",
+		"CMvWBgfJzq",
+		"zMLSDgvY",
+		"mtu3oty2nuzwyKzlEG",
+		"mtzIyw51weO"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+var r = (e) => String(e).padStart(2, "0"), i = (e) => {
+	let [n, r] = e[t(372)](":").map(Number);
+	return n * 60 + r;
+}, a = (t) => r(Math[e(354)](t / 60) % 24) + ":" + r(t % 60);
+function o(t, n = 12) {
+	let a = e, o = i(t), s = Math[a(354)](o / 60), c = o % 60;
+	return n === 24 ? r(s) + ":" + r(c) : (s < 12 ? "오전" : "오후") + " " + (s % 12 == 0 ? 12 : s % 12) + ":" + r(c);
+}
+function s(t) {
+	let n = e, r = Math[n(354)](t / 60), i = t % 60;
+	return [r && r + "시간", i && i + "분"][n(365)](Boolean)[n(370)](" ") || "0분";
+}
+function c(t) {
+	let n = e, i = t[n(356)]().toLowerCase()[n(364)](/\s+/g, "");
+	if (!i) return null;
+	if (i === "정오") return "12:00";
+	if (i === "자정") return n(371);
+	let a = null;
+	/오후|pm|p\.m\.?/[n(368)](i) ? a = "pm" : /오전|am|a\.m\.?/[n(368)](i) && (a = "am"), i = i[n(364)](/오후|오전|p\.m\.?|a\.m\.?|pm|am/g, "").replace(/시반$/, n(362));
+	let o = i.match(/^(\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 r(s) + ":" + r(c);
+}
+export { s as formatDuration, o as formatTime, a as minutesToTime, c as parseTimeInput, i as timeToMinutes };