@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/NavigationMenu/NavigationMenu2.js

@@ -0,0 +1,481 @@
+"use client";
+const e = l;
+(function(e, t) {
+	let n = l, r = e();
+	for (;;) try {
+		if (-parseInt(n(440)) / 1 + -parseInt(n(402)) / 2 + -parseInt(n(444)) / 3 * (-parseInt(n(451)) / 4) + parseInt(n(392)) / 5 + -parseInt(n(452)) / 6 * (parseInt(n(393)) / 7) + -parseInt(n(362)) / 8 * (-parseInt(n(386)) / 9) + parseInt(n(383)) / 10 * (parseInt(n(431)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(b, 762141);
+import { TIMING as t } from "../../hooks/timing.js";
+import { usePresence as n } from "../../hooks/usePresence.js";
+import { Text as r } from "../../primitives/Typography2.js";
+import { Stack as i } from "../../primitives/Layout2.js";
+import { useControllableState as a } from "../../hooks/useControllableState.js";
+import { cx as o } from "../../primitives/index.js";
+import { useDismiss as s } from "../../hooks/useDismiss.js";
+import { focusableIn as c } from "../../hooks/useFocusTrap.js";
+/* empty css                 */
+/* empty css               */
+function l(e, t) {
+	e -= 328;
+	let n = b(), r = n[e];
+	l.SVUDAO === void 0 && (l.ZlwrIV = 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);
+	}, l.mpFWbP = {}, l.SVUDAO = !0);
+	let i = n[0];
+	l.hvNrXl !== i && (l.mpFWbP = {}, l.hvNrXl = i);
+	let a = l.mpFWbP[e];
+	return a === void 0 ? (r = l.ZlwrIV(r), l.mpFWbP[e] = r) : r = a, r;
+}
+import { createContext as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
+import { ChevronDown as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+function b() {
+	let e = /* @__PURE__ */ "lxrYAwDNzxi.Aw5UzxjxAwr0Aa.yM9KEq.mJeZmgnftu1pvq.Dg8Tzw5K.zM9JDxm.mJG1m1nYrvjWDW.Aw5SAw5Lu2L6zq.z2v0qM91BMrPBMDdBgLLBNrszwn0.zhmTBMf2BwvUDq.yM9KEs1ZBq.C2HVD24.nta1nJy1mfbMyLnYCa.mZa0mdG3suLJsLDM.rw5K.zhmTBMf2BwvUDv9FzMvHDhvYzs1TzwrPyq.zgf0yxnLDa.rxnJyxbL.y2XLyxjuAw1LB3v0.D2fUDezVy3vZ.CgfNzq.zhmTBMf2BwvUDv9FDhjPz2DLCG.nta1mJa4wezvvxnU.CMvWB3j0u2L6zq.lwnVBNrLBNq.BwLU.zhmTBMf2BwvUDv9FzMvHDhvYzs1IB2r5.Aw5UzxjizwLNAhq.BgfIzwWTBgC.sg9Tzq.zgL2.zhmTBMf2BwvUDv9FBgf5zxi.A2v5.zhmTBMf2BwvUDv9FzMvHDhvYzs1LEwvICM93.Bw90Aw9U.y3vYCMvUDa.AgLKzgvU.Bwf4sgvPz2H0.AgvHzgLUzY1ZBq.BgvHDMu.z3jVDxa.tMf2AwDHDgLVBK1LBNvmAw5R.yNv0Dg9U.Ag92zxjjBNrLBNq.uhjVDMLKzxi.BgvUz3rO.BgvMDa.zNjVBs1ZDgfYDa.DgvYDgLHCNK.zhmTBMf2BwvUDv9Fy29UDgvUDa.Cg9PBNrLCLr5Cgu.nZaWntLxzhbhvvO.DMLZAwjSzq.CMvNAw9U.CMvTB3zLrxzLBNrmAxn0zw5LCG.DMfSDwu.C3rHEq.ywrKrxzLBNrmAxn0zw5LCG.ywn0AxzLrwXLBwvUDa.Aw5KzxHpzG.mtm1nZi4n25Xuvf3Eq.qxjYB3Dmzwz0.C2vJB25Kyxj5.CxvLCNLtzwXLy3rVCKfSBa.otLuC2HjrfO.ANvZDe9Wzw5Lza.C2v0vgLTzw91Da.B2zMC2v0sgvPz2H0.y2XVC2vK.rMvHDhvYzq.zgLZy29UBMvJDa.ntK5mZjcuLvnrhu.mti2qM90Axbx.zgLY.sxrLBq.CMvSyxrLzfrHCMDLDa.w2rHDgeTBMf2BwvUDs10B3bDoM5VDcG6zgLZywjSzwqP.ChjLDMvUDerLzMf1Bhq.y3vYCMvUDfrHCMDLDa.BMf2.yxv0BW.B3bLBG.y2HHBMDL.vgfI.zhmTBMf2BwvUDv9FzMvHDhvYzq.Bwf4.C2vTAwjVBgq.C2nYB2XS.zMLUza.BgfIzwWTC20.BMf2BwvUDvrYAwDNzxi.ChjLDMLVDxm.Bw91C2u.zhmTzMXVyxrPBMCGzhmTBMf2BwvUDv9FDMLLD3bVCNqGzhmTC2nYB2XS.zhmTBMf2BwvUDv9FyMfY.zMLUzeLUzgv4.zMLYC3q.Ag92zxjhCMfJzq.Aw52zxjZzq.C2XPzgu.y2fWDgLVBG.BwvKAxvT.zhmTBMf2BwvUDv9FDgH1Bwi.B2zMC2v0v2LKDgG.tMf2AwDHDgLVBK1LBNvjDgvT.yMXVy2TtAxPL.r3jVDxa.zhmTBMf2BwvUDv9Fz3jVDxaTDgL0Bgu.B2jZzxj2zq.yMfSyw5Jzq.w2rHDgeTBMf2BwvUDs1JB250zw50xvTKyxrHlxn0yxrLpsjJDxjYzw50iL0.C2HPzNrlzxK.zhmTBMf2BwvUDv9FBgLUAY1SywjLBa.Dg8TC3rHCNq.zhmTBMf2BwvUDv9FBgLUAW.D2LKDgG.qxjYB3DeB3DU.mta2ndH6yMDSzuK.Bw91BNrLza.zhmTBMf2BwvUDv9FAxrLBq.Bgf5zxi.Ag92zxi.BM93.BgfZDa.yMv0D2vLBG.y29UDgfPBNm.zgvMyxvSDa.DgfRzuzVy3vZ.qxjYB3DsAwDODa.zgv0ywLS.qxjYB3DvCa.Bw92zuzVy3vZ.C3bHBG.C3rYzxrJAa.yM90Dg9T".split(".");
+	return b = function() {
+		return e;
+	}, b();
+}
+import { createPortal as x } from "react-dom";
+var ee = 160, te = 240, ne = 8, S = 8, C = e(456), w = u(null), T = u(!1), E = (t) => [...t?.[e(443)](C) ?? []];
+function D({ children: r, value: i, defaultValue: u = null, onValueChange: d, openOn: p = "hover", panelAlign: _ = e(378), viewportAnchor: b, tone: C = e(371), "aria-label": T = "주 메뉴", className: D, style: O }) {
+	let k = e, [A, j] = a(i, u, d), [M, N] = g(A);
+	A !== null && A !== M && N(A);
+	let [P, F] = g({
+		dir: 0,
+		previous: null
+	}), [I, re] = g(null), [L, ie] = g(null), [R, z] = g({ visibility: k(416) }), [B, V] = g({
+		left: 0,
+		width: 0,
+		visible: !1,
+		slide: !1
+	}), H = n(A !== null, ee), U = h(null), W = h(null), G = h(null), K = h(!1), q = h(0), J = h(0), Y = (e) => e === null ? void 0 : E(W[k(415)])[k(333)]((t) => t[k(396)][k(435)] === e), X = (e) => {
+		let t = k;
+		if (window.clearTimeout(q[t(415)]), e !== A) {
+			if (A !== null && e !== null) {
+				let n = E(W[t(415)]), r = n.findIndex((e) => e[t(396)][t(435)] === A), i = n[t(340)]((n) => n[t(396)][t(435)] === e);
+				F({
+					dir: i > r ? 1 : -1,
+					previous: A
+				});
+			} else F({
+				dir: 0,
+				previous: null
+			});
+			j(e);
+		}
+	}, Z = () => {
+		let e = k, t = Y(M);
+		X(null), t?.[e(385)]({ preventScroll: !0 });
+	}, Q = {
+		enter: (e) => {
+			let n = k;
+			p === n(366) && (window.clearTimeout(q.current), A === null ? q[n(415)] = window[n(446)](() => {
+				J.current = performance[n(367)](), X(e);
+			}, t[n(423)]) : (J[n(415)] = performance[n(367)](), X(e)));
+		},
+		leave: () => {
+			let e = k;
+			p === e(366) && (window[e(398)](q[e(415)]), q.current = window[e(446)](() => X(null), t[e(342)]));
+		},
+		stay: () => window[k(398)](q[k(415)]),
+		justOpened: () => performance[k(367)]() - J[k(415)] < t[k(342)]
+	}, ae = (e, t) => {
+		let n = k, r = E(W[n(415)]), i = r.indexOf(e), a = t === n(341) ? r[0] : t === n(368) ? r.at(-1) : r[(i + t + r[n(425)]) % r[n(425)]];
+		a && (a[n(385)](), A !== null && X(a[n(396)][n(335)] === void 0 ? null : a[n(396)][n(435)] ?? null));
+	}, oe = (e) => re((t) => t && t.w === e.w && t.h === e.h ? t : e);
+	f(() => () => window.clearTimeout(q[k(415)]), []), f(() => {
+		let e = k;
+		if (P.previous === null) return;
+		let t = window.setTimeout(() => F((e) => ({
+			...e,
+			previous: null
+		})), te);
+		return () => window[e(398)](t);
+	}, [P[k(336)]]), s(A !== null, [W, G], () => X(null)), m(() => {
+		let e = k;
+		if (!H.mounted) return;
+		let t = () => {
+			let e = l, t = (b?.[e(415)] ?? U.current)?.[e(388)]();
+			if (!t) return;
+			let n = t[e(379)] + ne, r = Math[e(330)](160, window[e(407)] - n - S);
+			if (_ === e(378)) {
+				z({
+					top: n,
+					left: t[e(426)],
+					width: t.width,
+					maxHeight: r
+				});
+				return;
+			}
+			let i = Y(M)?.[e(388)](), a = Math[e(405)](I?.w ?? 0, window[e(381)] - 16), o = i ? i[e(426)] + i[e(360)] / 2 : t.left + t[e(360)] / 2, s = Math.max(S, Math[e(405)](o - a / 2, window[e(381)] - a - S));
+			z({
+				top: n,
+				left: s,
+				width: a,
+				maxHeight: r
+			});
+		};
+		return t(), window[e(437)]("resize", t), window.addEventListener(e(332), t, !0), () => {
+			let n = e;
+			window.removeEventListener("resize", t), window[n(434)](n(332), t, !0);
+		};
+	}, [
+		H[k(363)],
+		M,
+		I,
+		_,
+		b
+	]), m(() => {
+		let e = k, t = W[e(415)];
+		if (!t) return;
+		let n = () => {
+			let n = e, r = Y(A);
+			if (!r) return V((e) => ({
+				...e,
+				visible: !1,
+				slide: !1
+			}));
+			let i = t.getBoundingClientRect(), a = r[n(388)]();
+			V((e) => ({
+				left: a[n(426)] - i.left,
+				width: a[n(360)],
+				visible: !0,
+				slide: e[n(432)]
+			}));
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r[e(353)](t), () => r[e(450)]();
+	}, [A]);
+	let $ = (e) => {
+		let t = k, n = e[t(455)];
+		n && A !== null && (W[t(415)]?.[t(370)](n) || G[t(415)]?.contains(n) || X(null));
+	}, se = (e) => {
+		let t = k, n = L?.querySelector(t(355)), r = n ? c(n) : [], i = r[t(439)](document[t(438)]);
+		switch (e[t(412)]) {
+			case t(397):
+				e.preventDefault(), Z();
+				break;
+			case "ArrowDown":
+			case t(375):
+				e[t(457)](), r[i + (e[t(412)] === t(361) ? 1 : -1)]?.[t(385)]({ preventScroll: !1 });
+				break;
+			case "Tab": {
+				let n = Y(M);
+				if (e[t(356)] && i <= 0) e.preventDefault(), n?.[t(385)]();
+				else if (!e[t(356)] && i === r[t(425)] - 1) {
+					e[t(457)]();
+					let r = E(W[t(415)]), i = n ? r[r[t(439)](n) + 1] : void 0;
+					X(null), (i ?? n)?.[t(385)]();
+				}
+				break;
+			}
+		}
+	}, ce = {
+		open: A,
+		shown: M,
+		motion: P,
+		openOn: p,
+		layer: L,
+		wantFocus: (e) => K[k(415)] = e,
+		takeFocus: () => {
+			let e = k, t = K.current;
+			return K[e(415)] = !1, t;
+		},
+		change: X,
+		closeToTrigger: Z,
+		reportSize: oe,
+		hover: Q,
+		moveFocus: ae
+	};
+	return y(w[k(424)], {
+		value: ce,
+		children: [v(k(459), {
+			ref: U,
+			"aria-label": T,
+			className: o(k(389), D),
+			"data-tone": C,
+			"data-open": A !== null || void 0,
+			style: O,
+			children: y("div", {
+				ref: W,
+				className: k(339),
+				onBlur: $,
+				children: [v("span", {
+					className: k(347),
+					"aria-hidden": !0,
+					"data-visible": B[k(432)] || void 0,
+					"data-slide": B[k(344)] || void 0,
+					style: {
+						left: B[k(426)],
+						width: B[k(360)]
+					}
+				}), v("ul", {
+					className: "ds-navmenu__list",
+					children: r
+				})]
+			})
+		}), H[k(363)] && x(v("div", {
+			ref: G,
+			className: k(338),
+			"data-state": H.closing ? k(448) : "open",
+			"data-align": _,
+			"data-morph": P[k(453)] !== 0 || void 0,
+			style: {
+				...R,
+				height: I ? Math[k(405)](I.h, Number(R[k(417)]) || I.h) : void 0,
+				overflowY: I && R.maxHeight !== void 0 && I.h > Number(R.maxHeight) ? k(460) : k(416)
+			},
+			onPointerEnter: (e) => e[k(430)] === k(337) && Q[k(436)](),
+			onPointerLeave: (e) => e.pointerType === "mouse" && Q.leave(),
+			onKeyDown: se,
+			onBlur: $,
+			children: v(k(410), {
+				ref: ie,
+				className: k(411),
+				style: { height: I?.h }
+			})
+		}), document[k(382)])]
+	});
+}
+function O(e) {
+	let t = d(w);
+	if (!t) throw Error(e + " must be inside <NavigationMenu>");
+	return t;
+}
+function k({ label: t, children: n, value: r, icon: i, disabled: a, width: o }) {
+	let s = e, c = O(s(349)), l = p(), u = r ?? l, d = c[s(461)] === u, f = l + s(380), m = l + s(404), h = c[s(391)] === u ? s(415) : c.motion[s(336)] === u ? s(336) : null;
+	return y("li", {
+		className: s(364),
+		children: [y(s(422), {
+			id: f,
+			type: s(422),
+			className: "ds-navmenu__trigger",
+			"data-navmenu-top": "",
+			"data-navmenu-trigger": "",
+			"data-value": u,
+			"data-state": d ? s(461) : "closed",
+			"aria-expanded": d,
+			"aria-controls": h ? m : void 0,
+			disabled: a,
+			onClick: (e) => {
+				let t = s;
+				if (e[t(374)] === 0) return c[t(399)](!d), c.change(d ? null : u);
+				d && c.hover[t(445)]() || c[t(462)](d ? null : u);
+			},
+			onKeyDown: (e) => {
+				let t = s;
+				switch (e[t(412)]) {
+					case t(361):
+						e[t(457)](), c.wantFocus(!0), d ? A(c[t(365)]) : c.change(u);
+						break;
+					case t(373):
+					case t(441):
+						e[t(457)](), c[t(376)](e.currentTarget, e.key === t(373) ? 1 : -1);
+						break;
+					case "Home":
+					case t(394):
+						e[t(457)](), c[t(376)](e[t(458)], e[t(412)] === "Home" ? t(341) : t(368));
+						break;
+					case t(397):
+						d && (e.preventDefault(), c[t(462)](null));
+						break;
+					case t(328): d && !e[t(356)] && A(c.layer) && e[t(457)]();
+				}
+			},
+			onPointerEnter: (e) => e.pointerType === s(337) && !a && c[s(366)].enter(u),
+			onPointerLeave: (e) => e[s(430)] === "mouse" && c.hover[s(419)](),
+			children: [
+				i,
+				t,
+				v(_, {
+					className: "ds-navmenu__chevron",
+					"aria-hidden": !0
+				})
+			]
+		}), h && c[s(365)] && x(v(j, {
+			id: m,
+			labelledBy: f,
+			state: h,
+			width: o,
+			children: n
+		}), c.layer)]
+	});
+}
+function A(t) {
+	let n = e, r = t?.querySelector(n(355)), i = r ? c(r)[0] : void 0;
+	return i?.[n(385)]({ preventScroll: !0 }), !!i;
+}
+function j({ id: t, labelledBy: n, state: r, width: i, children: a }) {
+	let o = e, s = O(o(349)), c = h(null), { dir: l } = s[o(414)], u = l === 0 ? void 0 : r === "current" ? l > 0 ? "from-end" : o(427) : o(l > 0 ? 358 : 384);
+	return m(() => {
+		let e = o, t = c[e(415)];
+		if (r !== e(415) || !t) return;
+		s[e(403)]({
+			w: t[e(348)],
+			h: t[e(447)]
+		});
+		let n = new ResizeObserver(([t]) => {
+			let n = e, r = t.borderBoxSize[0];
+			s[n(403)]({
+				w: Math.ceil(r[n(387)]),
+				h: Math.ceil(r[n(350)])
+			});
+		});
+		return n.observe(t), () => n.disconnect();
+	}, [r]), f(() => {
+		let e = o;
+		if (r !== e(415)) return;
+		let t = requestAnimationFrame(() => {
+			let t = e;
+			s[t(372)]() && A(s[t(365)]);
+		});
+		return () => cancelAnimationFrame(t);
+	}, [r, s[o(365)]]), v(T[o(424)], {
+		value: !0,
+		children: v(o(410), {
+			ref: c,
+			id: t,
+			role: o(433),
+			"aria-labelledby": n,
+			className: o(429),
+			"data-navmenu-content": "",
+			"data-state": r,
+			"data-motion": u,
+			inert: r === o(336) || void 0,
+			style: { width: i },
+			children: a
+		})
+	});
+}
+function M({ as: t, label: n, description: a, icon: s, active: c, badge: l, className: u, onClick: f, onPointerEnter: p, ...m }) {
+	let h = e, g = O(h(421)), _ = d(T), b = t ?? "a";
+	return _ ? y(b, {
+		className: o(h(359), u),
+		"aria-current": c ? h(400) : void 0,
+		onClick: (e) => {
+			let t = h;
+			f?.(e), g[t(462)](null);
+		},
+		onPointerEnter: p,
+		...m,
+		children: [s && v("span", {
+			className: "ds-navmenu__link-icon",
+			children: s
+		}), y(i, {
+			as: h(377),
+			gap: 0,
+			style: { minWidth: 0 },
+			children: [y(h(377), {
+				className: h(357),
+				children: [v(r, {
+					variant: h(408),
+					weight: c ? h(331) : void 0,
+					children: n
+				}), l]
+			}), a && v(r, {
+				as: h(377),
+				variant: h(390),
+				tone: h(442),
+				children: a
+			})]
+		})]
+	}) : v("li", {
+		className: h(364),
+		children: y(b, {
+			className: o(h(401), u),
+			"data-navmenu-top": "",
+			"aria-current": c ? h(400) : void 0,
+			onPointerEnter: (e) => {
+				let t = h;
+				e.pointerType === "mouse" && g.hover[t(419)](), p?.(e);
+			},
+			onKeyDown: (e) => {
+				let t = h;
+				e[t(412)] === t(373) || e.key === "ArrowLeft" ? (e.preventDefault(), g.moveFocus(e[t(458)], e[t(412)] === t(373) ? 1 : -1)) : (e.key === t(409) || e[t(412)] === t(394)) && (e.preventDefault(), g[t(376)](e[t(458)], e.key === t(409) ? t(341) : t(368)));
+			},
+			onClick: (e) => {
+				g[h(462)](null), f?.(e);
+			},
+			...m,
+			children: [
+				s,
+				n,
+				l
+			]
+		})
+	});
+}
+function N({ title: t, children: n, className: a }) {
+	let o = e, s = p();
+	return y(i, {
+		gap: 1,
+		className: a,
+		role: o(420),
+		"aria-labelledby": t ? s : void 0,
+		children: [t && v(r, {
+			id: s,
+			variant: o(345),
+			tone: o(428),
+			className: o(352),
+			children: t
+		}), v(i, {
+			gap: 0,
+			children: n
+		})]
+	});
+}
+function P({ eyebrow: t, title: n, description: a, action: s, media: c, background: l, tone: u = e(371), className: d, style: f }) {
+	let p = e, m = u === p(343);
+	return y("div", {
+		className: o(p(329), d),
+		"data-tone": u,
+		style: {
+			background: l,
+			...f
+		},
+		children: [c && v(p(410), {
+			className: p(395),
+			children: c
+		}), y(i, {
+			gap: 4,
+			justify: p(369),
+			className: p(406),
+			children: [y(i, {
+				gap: 2,
+				children: [
+					t && v(r, {
+						variant: p(334),
+						tone: p(m ? 343 : 442),
+						className: p(413),
+						children: t
+					}),
+					v(r, {
+						as: "p",
+						variant: p(418),
+						weight: p(346),
+						tone: m ? "inverse" : p(371),
+						wrap: p(354),
+						children: n
+					}),
+					a && v(r, {
+						as: "p",
+						variant: "body-sm",
+						tone: m ? "inverse" : p(442),
+						className: "ds-navmenu__feature-eyebrow",
+						children: a
+					})
+				]
+			}), s && v(p(410), { children: s })]
+		})]
+	});
+}
+D[e(454)] = k, D.Link = M, D[e(351)] = N, D[e(449)] = P;
+export { D as NavigationMenu, P as NavigationMenuFeature, N as NavigationMenuGroup, k as NavigationMenuItem, M as NavigationMenuLink };

package/lib/components/NoticeStack/NoticeStack2.js

@@ -0,0 +1,178 @@
+"use client";
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(239)) / 1 + -parseInt(r(251)) / 2 * (parseInt(r(248)) / 3) + parseInt(r(254)) / 4 * (parseInt(r(277)) / 5) + parseInt(r(243)) / 6 * (-parseInt(r(252)) / 7) + parseInt(r(269)) / 8 + -parseInt(r(259)) / 9 + -parseInt(r(278)) / 10 * (parseInt(r(256)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(b, 186490);
+function e(t, n) {
+	t -= 228;
+	let r = b(), i = r[t];
+	e.XPvvnL === void 0 && (e.YvaHYS = 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);
+	}, e.OPcTQZ = {}, e.XPvvnL = !0);
+	let a = r[0];
+	e.fVFZrW !== a && (e.OPcTQZ = {}, e.fVFZrW = a);
+	let o = e.OPcTQZ[t];
+	return o === void 0 ? (i = e.YvaHYS(i), e.OPcTQZ[t] = i) : i = o, i;
+}
+import { TIMING as t } from "../../hooks/timing.js";
+import { Text as n } from "../../primitives/Typography2.js";
+import { Button as r, cx as i } from "../../primitives/index.js";
+import { Card as a, CardFooter as o, CardHeader as s } from "../Card/Card2.js";
+/* empty css            */
+import { useCallback as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import { X as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = 8, _ = 320;
+function v({ items: n, onDismiss: r, visible: a = 3, expanded: o, direction: s = "up", gap: u = 8, dismissLabel: p = "닫기", className: h, style: v, "aria-label": b = "공지" }) {
+	let x = e, [S, C] = f({}), [w, T] = f(/* @__PURE__ */ new Set()), [E, D] = f(/* @__PURE__ */ new Set()), [O, k] = f(!1), [A, j] = f(!1), M = d(0), N = d(/* @__PURE__ */ new Set()), P = d(null), F = n[x(249)]((e) => e.id)[x(268)]("\n"), [I, L] = f(F);
+	if (F !== I) {
+		L(F);
+		let e = new Set(n[x(249)]((e) => e.id));
+		D((t) => new Set([...t].filter((t) => e.has(t))));
+	}
+	l(() => {
+		let e = x, t = N[e(237)];
+		return () => {
+			let n = e;
+			window[n(250)](M.current), t[n(258)]((e) => window[n(250)](e));
+		};
+	}, []);
+	let R = c((e, t) => {
+		C((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, []), z = n[x(263)]((e) => !E.has(e.id)), B = z[x(263)]((e) => !w[x(238)](e.id)), V = B[x(235)] > 1 && (o || O || A), H = s === "up" ? -1 : 1, U = /* @__PURE__ */ new Map(), W = 0, G = 0;
+	for (let e of z) U[x(274)](e.id, {
+		index: G,
+		y: W
+	}), !w.has(e.id) && (G < a && (W += (S[e.id] ?? 0) + u), G++);
+	let K = S[B[0]?.id] ?? 0, q = B.length === 0 ? 0 : V ? Math[x(247)](0, W - u) : K + (Math.min(B.length, a) - 1) * g, J = (e) => {
+		let t = x;
+		if (w.has(e)) return;
+		let n = P.current;
+		if ((n?.querySelector("[data-notice-id=\"" + CSS[t(246)](e) + "\"]"))?.[t(264)](document.activeElement)) {
+			let r = B[t(273)]((n) => n.id !== e && n[t(265)] !== !1);
+			n?.querySelector(t(245) + (r ? CSS[t(246)](r.id) : "") + "\"] .ds-notice-stack__close")?.focus();
+		}
+		T((n) => new Set(n)[t(232)](e));
+		let i = window[t(236)](() => {
+			let n = t;
+			N[n(237)][n(257)](i), D((t) => new Set(t).add(e)), T((t) => {
+				let r = n, i = new Set(t);
+				return i[r(257)](e), i;
+			}), r?.(e);
+		}, _);
+		N[t(237)][t(232)](i);
+	}, Y = (e) => {
+		let n = x;
+		window[n(250)](M[n(237)]), M[n(237)] = window[n(236)](() => k(e), e ? t[n(266)] : t[n(272)]);
+	};
+	return z[x(235)] === 0 ? null : m("section", {
+		className: i(x(231), h),
+		"data-direction": s,
+		"data-expanded": V || void 0,
+		"aria-label": b,
+		style: v,
+		onPointerEnter: (e) => e[x(261)] === x(240) && Y(!0),
+		onPointerLeave: (e) => e.pointerType === x(240) && Y(!1),
+		onFocus: () => j(!0),
+		onBlur: (e) => !e.currentTarget[x(264)](e[x(255)]) && j(!1),
+		children: m("ol", {
+			ref: P,
+			className: x(276),
+			style: { height: q },
+			children: z[x(249)]((e) => {
+				let t = x, { index: n, y: r } = U[t(271)](e.id), i = !V && n > 0;
+				return m(y, {
+					item: e,
+					onHeight: R,
+					onDismiss: () => J(e.id),
+					dismissLabel: p,
+					leaving: w.has(e.id),
+					behind: i,
+					hidden: n >= a,
+					style: {
+						"--_y": (V ? r : n * g) * H + "px",
+						"--_scale": V ? 1 : 1 - n * .05,
+						"--_z": z[t(235)] - n,
+						"--_h": (i ? K : S[e.id] ?? 0) + "px",
+						"--_enter": -H * 16 + "px"
+					}
+				}, e.id);
+			})
+		})
+	});
+}
+function y({ item: t, onHeight: i, onDismiss: c, dismissLabel: g, leaving: _, behind: v, hidden: y, style: b }) {
+	let x = e, S = d(null), [C, w] = f(!1);
+	return l(() => {
+		let e = 0, t = requestAnimationFrame(() => {
+			e = requestAnimationFrame(() => w(!0));
+		});
+		return () => {
+			cancelAnimationFrame(t), cancelAnimationFrame(e);
+		};
+	}, []), u(() => {
+		let n = e, r = S.current;
+		if (!r) return;
+		let a = () => i(t.id, r[n(241)]);
+		a();
+		let o = new ResizeObserver(a);
+		return o.observe(r), () => o.disconnect();
+	}, [t.id, i]), m("li", {
+		className: x(275),
+		"data-notice-id": t.id,
+		"data-mounted": C || void 0,
+		"data-leaving": _ || void 0,
+		"data-behind": v || void 0,
+		"data-hidden": y || void 0,
+		inert: _ || y || void 0,
+		style: b,
+		children: m(a, {
+			padding: "sm",
+			className: x(228),
+			children: h(x(244), {
+				ref: S,
+				className: x(230),
+				children: [m(s, {
+					eyebrow: t[x(229)] && m(n, {
+						as: x(234),
+						variant: x(233),
+						tone: x(270),
+						children: t.eyebrow
+					}),
+					title: t[x(253)],
+					description: t[x(262)],
+					actions: t.dismissible !== !1 && m(r, {
+						className: x(267),
+						variant: "ghost",
+						size: "sm",
+						iconOnly: !0,
+						icon: m(p, {}),
+						"aria-label": g,
+						onClick: c
+					})
+				}), t[x(242)] && m(o, {
+					align: x(260),
+					children: t[x(242)]
+				})]
+			})
+		})
+	});
+}
+export { v as NoticeStack };
+function b() {
+	let e = /* @__PURE__ */ "zgvSzxrL.zM9YrwfJAa.mJeWndm4C2HIrhDk.C3rHCNq.Cg9PBNrLCLr5Cgu.zgvZy3jPChrPB24.zMLSDgvY.y29UDgfPBNm.zgLZBwLZC2LIBgu.Ag92zxjjBNrLBNq.zhmTBM90AwnLlxn0ywnRx19JBg9Zzq.AM9PBG.mteZodG0ogTIze1MEa.ywnJzw50.z2v0.Ag92zxjhCMfJzq.zMLUza.C2v0.zhmTBM90AwnLlxn0ywnRx19PDgvT.zhmTBM90AwnLlxn0ywnRx19SAxn0.mJm0nta1q2jRwe9q.nJm3mZbMwM9izuC.zhmTBM90AwnLlxn0ywnRx19JyxjK.zxLLyNjVDW.zhmTBM90AwnLlxn0ywnRx19PBM5LCG.zhmTBM90AwnLlxn0ywnR.ywrK.y2fWDgLVBG.C3bHBG.BgvUz3rO.C2v0vgLTzw91Da.y3vYCMvUDa.AgfZ.mJu1nda0ywvHz0HU.Bw91C2u.B2zMC2v0sgvPz2H0.zM9VDgvY.mtyYnNDdugPxsW.zgL2.w2rHDgeTBM90AwnLlwLKpsi.zxnJyxbL.Bwf4.mZbZwwrOCMm.BwfW.y2XLyxjuAw1LB3v0.mty1odzVt1vAsKO.mZaXAMXxrfv5.DgL0Bgu.nezuDNzkDq.CMvSyxrLzfrHCMDLDa.mJqYD1DNr1DL".split(".");
+	return b = function() {
+		return e;
+	}, b();
+}