@iamfiro/design 0.3.2 → 0.3.4

package/agents/INDEX.md

@@ -18,7 +18,7 @@
 - **SelectorButton** — 지금 선택된 것을 보여 주고 눌러서 바꾸는 조용한 버튼. → [`agents/selector-button/AGENTS.md`](selector-button/AGENTS.md)
 - **Link** — 글 속 링크. → [`agents/link/AGENTS.md`](link/AGENTS.md)
 - **ActionBar** — 상세 화면 · 검토 화면 아래에 붙는 동작 바. → [`agents/action-bar/AGENTS.md`](action-bar/AGENTS.md)
-- **SocialLoginButton** — Google · Apple 계정으로 로그인하는 버튼. → [`agents/social-login-button/AGENTS.md`](social-login-button/AGENTS.md)
+- **SocialLoginButton** — Google · Apple · Microsoft 계정으로 로그인하는 버튼. → [`agents/social-login-button/AGENTS.md`](social-login-button/AGENTS.md)
 - **Toolbar** — 버튼 · 토글 · ToggleGroup · 메뉴 트리거를 한 줄로 묶는 WAI-ARIA 툴바. → [`agents/toolbar/AGENTS.md`](toolbar/AGENTS.md)
 
 ## 라벨 & 배지

package/agents/brand-icon/AGENTS.md

@@ -25,7 +25,7 @@ import { BrandIcon, BRAND_NAMES } from '@iamfiro/design'
 
 ### 로고 목록
 
-지금 들어 있는 로고 10개(Gmail, Slack, ClickUp, Figma, GitHub, HubSpot, Notion, Google Calendar, Google, Apple). Apple은 한 색 로고라 글자색을 따라요. 새 앱은 BrandIcon.tsx의 MARKS에 추가해요.
+지금 들어 있는 로고 11개(Gmail, Slack, ClickUp, Figma, GitHub, HubSpot, Notion, Google Calendar, Google, Apple, Microsoft). Apple은 한 색 로고라 글자색을 따라요. 새 앱은 BrandIcon.tsx의 MARKS에 추가해요.
 
 ```tsx
 import { BRAND_NAMES, BrandIcon, Inline, Stack, Text } from '@iamfiro/design'

package/agents/social-login-button/AGENTS.md

@@ -2,7 +2,7 @@
 
 > 버튼 & 링크 · `@iamfiro/design` · 직접 만들지 말고 이 컴포넌트를 쓴다.
 
-Google · Apple 계정으로 로그인하는 버튼. 각 브랜드 가이드대로 Google은 흰 바탕 + 옅은 윤곽 + 색 G 로고, Apple은 검정 바탕 + 흰 로고예요. 문구는 action으로 고르고, 나머지 props는 Button과 같아요.
+Google · Apple · Microsoft 계정으로 로그인하는 버튼. 각 브랜드 가이드대로 Google · Microsoft는 흰 바탕 + 옅은 윤곽 + 색 로고, Apple은 검정 바탕 + 흰 로고예요. 문구는 action으로 고르고, 나머지 props는 Button과 같아요.
 
 ```tsx
 import { SocialLoginButton } from '@iamfiro/design'
@@ -16,7 +16,7 @@ variant · icon은 provider가 정해요. 나머지 props(size · block · loadi
 
 | prop | 타입 | 기본값 | 설명 |
 | --- | --- | --- | --- |
-| `provider` (필수) | `'google' \| 'apple'` |  | 로그인 제공자. 색 · 로고 · 이름이 정해져요. |
+| `provider` (필수) | `'google' \| 'apple' \| 'microsoft'` |  | 로그인 제공자. 색 · 로고 · 이름이 정해져요. |
 | `action` | `'continue' \| 'signin' \| 'signup'` | `'continue'` | "Google로 계속하기" · "Google로 로그인" · "Google로 가입하기". |
 | `children` | `ReactNode` |  | 문구를 직접 바꿀 때. |
 | `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | 높이 28 / 34 / 40px. 로고는 14 / 16 / 18px. |
@@ -30,7 +30,7 @@ variant · icon은 provider가 정해요. 나머지 props(size · block · loadi
 
 ### 기본
 
-로그인 화면에선 block으로 폭을 채워 위아래로 쌓아요. 순서는 보통 Google → Apple.
+로그인 화면에선 block으로 폭을 채워 위아래로 쌓아요. 순서는 보통 Google → Apple → Microsoft.
 
 ```tsx
 import { SocialLoginButton, Stack } from '@iamfiro/design'
@@ -40,6 +40,7 @@ export default function Example() {
     <Stack gap={2} style={{ width: 320 }}>
       <SocialLoginButton provider="google" size="lg" block />
       <SocialLoginButton provider="apple" size="lg" block />
+      <SocialLoginButton provider="microsoft" size="lg" block />
     </Stack>
   )
 }

package/lib/components/Accordion/Accordion2.js

@@ -1,135 +1,135 @@
 "use client";
-const e = f;
-(function(e, t) {
-	let n = f, r = e();
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
 	for (;;) try {
-		if (parseInt(n(390)) / 1 * (parseInt(n(427)) / 2) + -parseInt(n(401)) / 3 + -parseInt(n(411)) / 4 + -parseInt(n(396)) / 5 + parseInt(n(428)) / 6 * (-parseInt(n(419)) / 7) + parseInt(n(405)) / 8 + parseInt(n(417)) / 9 == t) break;
-		r.push(r.shift());
+		if (parseInt(r(246)) / 1 * (-parseInt(r(262)) / 2) + parseInt(r(260)) / 3 * (parseInt(r(244)) / 4) + -parseInt(r(250)) / 5 + parseInt(r(226)) / 6 + -parseInt(r(230)) / 7 + -parseInt(r(234)) / 8 * (-parseInt(r(222)) / 9) + parseInt(r(221)) / 10 == n) break;
+		i.push(i.shift());
 	} catch {
-		r.push(r.shift());
+		i.push(i.shift());
 	}
-})(t, 911233);
-function t() {
-	let e = /* @__PURE__ */ "zhmTzgLZy2XVC3vYzv9FBgfIzwW.zhmTzgLZy2XVC3vYzv9Fy2HLDNjVBG.y3vYCMvUDa.lxrYAwDNzxi.mtC1otuZmLfTAe15qW.qwnJB3jKAw9UsxrLBsbTDxn0igjLihvZzwqGAw5ZAwrLidXby2nVCMrPB24+.ywn0AxzLrwXLBwvUDa.A2v5.sg9Tzq.rw5K.mJq1otq4mdrpB0DsAMO.CgXHAw4.mZvqDKj2DNC.zMLSDgvY.zhmTywnJB3jKAw9U.Aw5KzxHpzG.zhmTzgLZy2XVC3vYzv9Fy29UDgvUDa.zhmTzgLZy2XVC3vYzv9FzM9Sza.zhmTywnJB3jKAw9Uls0.zgvMyxvSDa.odeXnZCWuMTisgPM.mty2ntK3oefgrKrcuG.zgL2.uhjVDMLKzxi.C3bHBG.lMrZlwrPC2nSB3n1CMvFx3rYAwDNzxi6BM90kdPKAxnHyMXLzcK.y2XVC2vZDa.zhmTzgLZy2XVC3vYzs0TzMX1C2G.zhmTzgLZy2XVC3vYzv9FzgvZyW.AxnpCgvU.CxvLCNLtzwXLy3rVCKfSBa.m29KrgXosq.qxjYB3DeB3DU.zhmTzgLZy2XVC3vYzv9FAwnVBG.zhmTzgLZy2XVC3vYzq.Aw5SAw5L.zhmTzgLZy2XVC3vYzv9FAgvHzgLUzW.nJi0ndyWnwDXwfHQsa.lMrZlwfJy29YzgLVBG.Dg9Nz2XL.AxntzwXLy3rLza.zhmTzgLZy2XVC3vYzv9FDgv4Da.mtiZmZq1nLrArgj0Aq.zhmTzgLZy2XVC3vYzs0TAw5SAw5L.zhmTzgLZy2XVC3vYzv9FDhjPz2DLCG.lxjLz2LVBG.mZu5mJC0nfLjwLfQBa.BgvUz3rO".split(".");
-	return t = function() {
-		return e;
-	}, t();
-}
-import { useControllableState as n } from "../../hooks/useControllableState.js";
-import { cx as r } from "../../primitives/index.js";
-import { useSelection as i } from "../../hooks/useSelection.js";
-/* empty css          */
-import { createContext as a, useContext as o, useId as s, useRef as c } from "react";
-import { ChevronDown as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-function f(e, n) {
-	e -= 388;
-	let r = t(), i = r[e];
-	f.PHwuGE === void 0 && (f.zxlDlk = function(e) {
+})(n, 727301);
+function t(e, r) {
+	e -= 221;
+	let i = n(), a = i[e];
+	t.ITedZy === void 0 && (t.lvCDjF = 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.pLAvGE = {}, f.PHwuGE = !0);
-	let a = r[0];
-	f.eJJbrN !== a && (f.pLAvGE = {}, f.eJJbrN = a);
-	let o = f.pLAvGE[e];
-	return o === void 0 ? (i = f.zxlDlk(i), f.pLAvGE[e] = i) : i = o, i;
+	}, t.zMVeMU = {}, t.ITedZy = !0);
+	let o = i[0];
+	t.ZHWnQt !== o && (t.zMVeMU = {}, t.ZHWnQt = o);
+	let s = t.zMVeMU[e];
+	return s === void 0 ? (a = t.lvCDjF(a), t.zMVeMU[e] = a) : a = s, a;
 }
-function p({ open: e, defaultOpen: t = !1, onOpenChange: r, ...i }) {
-	let [a, o] = n(e, t, r);
-	return u(m, {
+function n() {
+	let e = /* @__PURE__ */ "zhmTywnJB3jKAw9Uls0.zgvMyxvSDa.otuXmLritLD2sa.ChjLDMvUDerLzMf1Bhq.AxntzwXLy3rLza.sxrLBq.ywn0AxzLrwXLBwvUDa.qxjYB3DvCa.zhmTzgLZy2XVC3vYzv9FDhjPz2DLCG.y2XVC2vZDa.A2v5.Dg9Nz2XL.mtK2wxfZvuz1.zhmTzgLZy2XVC3vYzv9FAw5Uzxi.odaZofzfqw5JAa.zMLSDgvY.yNv0Dg9U.qwnJB3jKAw9UsxrLBsbTDxn0igjLihvZzwqGAw5ZAwrLidXby2nVCMrPB24+.nJuXnduWDejgBvLQ.zhmTzgLZy2XVC3vYzv9FBgfIzwW.zhmTywnJB3jKAw9U.zhmTzgLZy2XVC3vYzv9FzM9Sza.zhmTzgLZy2XVC3vYzv9FzgvZyW.zhmTzgLZy2XVC3vYzs0TAw5SAw5L.BgvUz3rO.zgL2.lMrZlwrPC2nSB3n1CMvFx3rYAwDNzxi6BM90kdPKAxnHyMXLzcK.lxrYAwDNzxi.otq3nfvsEw5tyq.CMvNAw9U.mZrYv2LOBKW.y3vYCMvUDa.C3bHBG.lxjLz2LVBG.mZe3mtuWtKnPsKje.nZy0muXoCwfzzG.uhjVDMLKzxi.zhmTzgLZy2XVC3vYzs0TzMX1C2G.Aw5SAw5L.mJm4mZGYng1zAxfxqG.sg9Tzq.rw5K.AxnpCgvU.nde5mJG5nuHhCwDlAa.lMrZlwfJy29YzgLVBG".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+import { useControllableState as r } from "../../hooks/useControllableState.js";
+import { cx as i } from "../../primitives/index.js";
+import { useSelection as a } from "../../hooks/useSelection.js";
+/* empty css          */
+import { createContext as o, useContext as s, useId as c, useRef as l } from "react";
+import { ChevronDown as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+function p({ open: e, defaultOpen: t = !1, onOpenChange: n, ...i }) {
+	let [a, o] = r(e, t, n);
+	return d(m, {
 		...i,
 		open: a,
 		onToggle: () => o(!a)
 	});
 }
-function m({ label: t, description: n, icon: i, disabled: a, open: o, onToggle: c, children: f, variant: p = e(426), iconTone: m = "default", className: h }) {
-	let g = e, _ = s(), v = p === g(394) ? g(429) : "h3";
-	return d(g(429), {
-		className: r(g(393), p === g(394) && g(402), h),
+function m({ label: t, description: n, icon: r, disabled: a, open: o, onToggle: s, children: l, variant: p = e(233), iconTone: m = e(233), className: h }) {
+	let g = e, _ = c(), v = p === g(225) ? g(257) : "h3";
+	return f(g(257), {
+		className: i("ds-disclosure", p === g(225) && g(255), h),
 		"data-open": o || void 0,
 		"data-disabled": a || void 0,
-		children: [u(v, {
-			className: g(395),
-			children: d("button", {
-				type: "button",
-				id: _ + g(410),
+		children: [d(v, {
+			className: "ds-disclosure__heading",
+			children: f(g(248), {
+				type: g(248),
+				id: _ + g(259),
 				"aria-expanded": o,
-				"aria-controls": _ + g(404),
+				"aria-controls": _ + "-region",
 				disabled: a,
-				className: g(403),
-				onClick: c,
+				className: g(240),
+				onClick: s,
 				children: [
-					i && u(g(431), {
-						className: g(392),
-						"data-tone": m === g(426) ? void 0 : m,
-						children: i
+					r && d(g(264), {
+						className: "ds-disclosure__icon",
+						"data-tone": m === "default" ? void 0 : m,
+						children: r
 					}),
-					d(g(431), {
-						className: g(400),
-						children: [u(g(431), {
-							className: g(407),
+					f(g(264), {
+						className: "ds-disclosure__text",
+						children: [d(g(264), {
+							className: g(251),
 							children: t
-						}), n && u(g(431), {
-							className: g(435),
+						}), n && d(g(264), {
+							className: g(254),
 							children: n
 						})]
 					}),
-					u(l, {
-						className: g(408),
+					d(u, {
+						className: "ds-disclosure__chevron",
 						"aria-hidden": !0
 					})
 				]
 			})
-		}), u(g(429), {
-			id: _ + g(404),
-			role: "region",
-			"aria-labelledby": _ + "-trigger",
-			className: g(424),
+		}), d("div", {
+			id: _ + g(265),
+			role: g(261),
+			"aria-labelledby": _ + g(259),
+			className: g(253),
 			inert: !o || void 0,
-			children: u(g(429), {
-				className: "ds-disclosure__inner",
-				children: u(g(429), {
-					className: g(423),
-					children: f
+			children: d(g(257), {
+				className: g(245),
+				children: d(g(257), {
+					className: "ds-disclosure__content",
+					children: l
 				})
 			})
 		})]
 	});
 }
-var h = a(null);
-function g({ variant: t = e(418), children: n, className: a, style: o, ...s }) {
-	let l = e, d = i(s), p = c(null);
-	return u(h[l(430)], {
+var h = o(null);
+function g({ variant: n = "plain", children: r, className: o, style: s, ...c }) {
+	let u = e, f = a(c), p = l(null);
+	return d(h[u(223)], {
 		value: {
-			isOpen: d[l(399)],
-			toggle: d[l(398)]
+			isOpen: f[u(236)],
+			toggle: f.toggle
 		},
-		children: u("div", {
+		children: d(u(257), {
 			ref: p,
-			className: r(l(421), l(425) + t, a),
-			style: o,
+			className: i(u(252), u(232) + n, o),
+			style: s,
 			onKeyDown: (e) => {
-				let t = f, n = [...p[t(409)]?.[t(389)](t(432)) ?? []][t(420)]((e) => e[t(433)](t(397)) === p.current), r = n[t(422)](document[t(413)]);
-				if (r < 0) return;
-				let i;
-				e[t(414)] === t(391) ? i = n[(r + 1) % n[t(406)]] : e.key === "ArrowUp" ? i = n[(r - 1 + n.length) % n[t(406)]] : e.key === t(415) ? i = n[0] : e.key === t(416) && (i = n[n[t(406)] - 1]), i && (e.preventDefault(), i.focus());
+				let n = t, r = [...p[n(263)]?.querySelectorAll(n(258)) ?? []][n(247)]((e) => e[n(241)](n(231)) === p[n(263)]), i = r.indexOf(document[n(238)]);
+				if (i < 0) return;
+				let a;
+				e[n(242)] === "ArrowDown" ? a = r[(i + 1) % r[n(256)]] : e[n(242)] === n(239) ? a = r[(i - 1 + r[n(256)]) % r[n(256)]] : e[n(242)] === n(227) ? a = r[0] : e[n(242)] === n(228) && (a = r[r[n(256)] - 1]), a && (e[n(235)](), a.focus());
 			},
-			children: n
+			children: r
 		})
 	});
 }
 function _({ value: t, title: n, flush: r, ...i }) {
-	let a = e, s = o(h);
-	if (!s) throw Error(a(412));
-	return u(m, {
+	let a = e, o = s(h);
+	if (!o) throw Error(a(249));
+	return d(m, {
 		...i,
-		className: r ? a(434) : void 0,
+		className: r ? a(224) : void 0,
 		label: n,
-		open: s[a(388)](t),
-		onToggle: () => s[a(398)](t)
+		open: o[a(229)](t),
+		onToggle: () => o[a(243)](t)
 	});
 }
-g.Item = _;
+g[e(237)] = _;
 export { g as Accordion, _ as AccordionItem, p as Collapsible };

package/lib/components/ActionBar/ActionBar2.js

@@ -1,65 +1,63 @@
 "use client";
-var e = r;
+var e = a;
 (function(e, t) {
-	for (var n = r, i = e();;) try {
-		if (-parseInt(n(158)) / 1 + parseInt(n(164)) / 2 * (parseInt(n(161)) / 3) + parseInt(n(159)) / 4 * (-parseInt(n(168)) / 5) + -parseInt(n(160)) / 6 + -parseInt(n(154)) / 7 + parseInt(n(157)) / 8 * (-parseInt(n(155)) / 9) + -parseInt(n(167)) / 10 * (-parseInt(n(165)) / 11) == t) break;
-		i.push(i.shift());
+	for (var n = a, r = e();;) try {
+		if (-parseInt(n(152)) / 1 * (parseInt(n(159)) / 2) + parseInt(n(151)) / 3 + parseInt(n(154)) / 4 + -parseInt(n(153)) / 5 + -parseInt(n(163)) / 6 + parseInt(n(150)) / 7 + parseInt(n(158)) / 8 == t) break;
+		r.push(r.shift());
 	} catch {
-		i.push(i.shift());
+		r.push(r.shift());
 	}
-})(i, 412273);
+})(n, 948639);
 import { cx as t } from "../../primitives/index.js";
 /* empty css          */
-import { jsx as n } from "react/jsx-runtime";
-function r(e, t) {
-	e -= 153;
-	var n = i(), a = n[e];
-	r.gIgryb === void 0 && (r.RpVNAJ = function(e) {
-		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
-		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
-		return decodeURIComponent(r);
-	}, r.dcqamE = {}, r.gIgryb = !0);
-	var o = n[0];
-	r.NMjFRW !== o && (r.dcqamE = {}, r.NMjFRW = o);
-	var s = r.dcqamE[e];
-	return s === void 0 ? (a = r.RpVNAJ(a), r.dcqamE[e] = a) : a = s, a;
-}
-function i() {
+function n() {
 	var e = [
-		"mtaWnZu2ne9VuwPmyW",
-		"mJGYodK4mKjStNrQvG",
-		"owzArvDZyq",
-		"y2vUDgvY",
 		"zhmTywn0Aw9UlwjHCG",
-		"ndy4nZCWt3P6Ew1s",
-		"mtmWmtnuzg9xthq",
-		"zgL2",
-		"mtmYmJbKCw9wv2q",
-		"nwjbBgf5EG",
+		"mZm3nZe3ohfzve5SBq",
+		"nduZntq0n1bhCuj5yG",
+		"mtGYmJy4ou1pB1jzwq",
+		"mtq2ody1n2j6ChHPqW",
+		"mZC1odC3nujftKnOtq",
+		"nZe2mZK2ogDjv1bnua",
+		"zhmTywn0Aw9UlwjHCI0T",
+		"y2vUDgvY",
+		"zMLLBgrZzxq",
+		"ntq4mZuWnhrIBLf5uW",
+		"mLzusenUyW",
 		"zhmTywn0Aw9UlwjHCL9Fz3jVDxa",
-		"ndmZmtaZm0jWC2Tvwa",
-		"odq1ntC3qvLfBuXb",
-		"zhmTywn0Aw9UlwjHCI0TC3rPy2T5",
-		"mJrrqKPTuvm",
-		"mJmWodqYA0nhBNzU"
+		"zgL2"
 	];
-	return i = function() {
+	return n = function() {
 		return e;
-	}, i();
+	}, n();
 }
-function a({ children: r, align: i = e(162), sticky: a = !0, pending: o, "aria-label": s, className: c, style: l }) {
+import { jsx as r } from "react/jsx-runtime";
+function i({ children: n, align: i = e(156), sticky: a = !0, pending: o, "aria-label": s, className: c, style: l }) {
 	var u = e;
-	return n(u(166), {
-		className: t(u(163), "ds-action-bar--" + i, a && u(156), c),
+	return r(u(161), {
+		className: t(u(162), u(155) + i, a && "ds-action-bar--sticky", c),
 		"data-pending": o || void 0,
 		style: l,
-		children: n("fieldset", {
-			className: u(153),
+		children: r(u(157), {
+			className: u(160),
 			disabled: o,
 			"aria-label": s,
 			"aria-busy": o || void 0,
-			children: r
+			children: n
 		})
 	});
 }
-export { a as ActionBar };
+function a(e, t) {
+	e -= 150;
+	var r = n(), i = r[e];
+	a.tRMKcQ === void 0 && (a.gzTUAW = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, a.TWYLPy = {}, a.tRMKcQ = !0);
+	var o = r[0];
+	a.lKFhDR !== o && (a.TWYLPy = {}, a.lKFhDR = o);
+	var s = a.TWYLPy[e];
+	return s === void 0 ? (i = a.gzTUAW(i), a.TWYLPy[e] = i) : i = s, i;
+}
+export { i as ActionBar };

package/lib/components/Alert/Alert2.js

@@ -1,36 +1,36 @@
 "use client";
-const e = n;
+const e = r;
 (function(e, t) {
-	let r = n, i = e();
+	let n = r, i = e();
 	for (;;) try {
-		if (-parseInt(r(210)) / 1 + parseInt(r(213)) / 2 * (-parseInt(r(211)) / 3) + parseInt(r(203)) / 4 + parseInt(r(204)) / 5 + -parseInt(r(201)) / 6 * (-parseInt(r(198)) / 7) + parseInt(r(217)) / 8 + parseInt(r(215)) / 9 == t) break;
+		if (-parseInt(n(172)) / 1 * (-parseInt(n(148)) / 2) + parseInt(n(171)) / 3 * (parseInt(n(165)) / 4) + parseInt(n(152)) / 5 * (parseInt(n(144)) / 6) + parseInt(n(162)) / 7 + parseInt(n(151)) / 8 + parseInt(n(146)) / 9 * (-parseInt(n(149)) / 10) + -parseInt(n(156)) / 11 == t) break;
 		i.push(i.shift());
 	} catch {
 		i.push(i.shift());
 	}
-})(t, 293631);
-function t() {
-	let e = /* @__PURE__ */ "mZi2mJmYouHntefOEq.zgL2.ntiZmdaWr2X0tNbe.67cW64siioUlQ+Q4Sa.zhmTywXLCNq.zhmTywXLCNqTlq.zhmTywXLCNrFx2fJDgLVBNm.zhmTyMfUBMvYls1MBhvZAa.zhmTywXLCNrFx2nVBNrLBNq.C2v0vgLTzw91Da.ywXLCNq.C3rHDhvZ.D2fYBMLUzW.mtaWntjdsMzHCuq.zhmTyMfUBMvYx19Hy3rPB24.C3bHBG.odm0yuzVCMLw.zhmTywXLCNqTD3jHCa.nduYota4yvDiyKLT.ndyYmdiWu2zhrMnL.zhmTyMfUBMvYx190zxH0.Aw5MBW.Aw5SAw5L.zgfUz2vY.z2HVC3q.mJq2odi4uxPWs3Lt.mtiZm2vvCwz2ta.zhmTywXLCNrFx3rPDgXL.mtqYnfvTCgHhwa.zhmTywXLCNrFx2LJB24".split(".");
-	return t = function() {
-		return e;
-	}, t();
-}
-function n(e, r) {
-	e -= 193;
-	let i = t(), a = i[e];
-	n.ydVUvd === void 0 && (n.fFVEmi = function(e) {
+})(i, 127346);
+import { Button as t, cx as n } from "../../primitives/index.js";
+function r(e, t) {
+	e -= 144;
+	let n = i(), a = n[e];
+	r.VAcBuc === void 0 && (r.NazYoV = 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);
-	}, n.FkLiOT = {}, n.ydVUvd = !0);
-	let o = i[0];
-	n.cOVcCs !== o && (n.FkLiOT = {}, n.cOVcCs = o);
-	let s = n.FkLiOT[e];
-	return s === void 0 ? (a = n.fFVEmi(a), n.FkLiOT[e] = a) : a = s, a;
+	}, r.ZdzHcX = {}, r.VAcBuc = !0);
+	let o = n[0];
+	r.WOWWSv !== o && (r.ZdzHcX = {}, r.WOWWSv = o);
+	let s = r.ZdzHcX[e];
+	return s === void 0 ? (a = r.NazYoV(a), r.ZdzHcX[e] = a) : a = s, a;
 }
-import { Button as r, cx as i } from "../../primitives/index.js";
 /* empty css      */
+function i() {
+	let e = /* @__PURE__ */ "C3rHy2TLza.nZa1nZy3n0rACeTbta.zgL2.D2fYBMLUzW.67cW64siioUlQ+Q4Sa.zgfUz2vY.zhmTyMfUBMvYx19Hy3rPB24.mty3nde5mejxBLHJza.zhmTywXLCNqTD3jHCa.C2v0vgLTzw91Da.mZe0mhnYDhPzqq.zhmTywXLCNrFx2fJDgLVBNm.zhmTywXLCNqTlq.zhmTyMfUBMvYx190zxH0.Aw5MBW.zhmTywXLCNrFx2nSB3nL.mZa5thLWvwnb.odi0nZn5D2jIB0O.7jwm66A8ioUlQ+Q4Sa.zhmTyMfUBMvYls1MBhvZAa.mtjRy2XNsvO.C3bHBG.owHuzeLvCW.zhmTywXLCNrFx2LJB24.nLHAzuHSwG.ntuXmJuWCwfXz3Hj.zhmTywXLCNrFx2nVBNrLBNq.oty1oda4q2v6rM5c.mZm5nZCWr2jyCwrk.zhmTyMfUBMvY.zhmTyMfUBMvYx19JBg9Zzq".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
 import { useState as a } from "react";
 import { AlertTriangle as o, CheckCircle2 as s, Info as c, X as l, XCircle as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -41,24 +41,24 @@ var p = {
 	warning: d(o, {}),
 	danger: d(u, {})
 }, m = 260;
-function h({ tone: t = e(206), title: o, children: s, icon: c, actions: u, onClose: h, layout: g = "stacked", className: _ }) {
+function h({ tone: i = e(169), title: o, children: s, icon: c, actions: u, onClose: h, layout: g = e(155), className: _ }) {
 	let v = e, [y, b] = a(!1);
-	return d(v(216), {
-		className: v(202),
+	return d(v(157), {
+		className: v(163),
 		"data-leaving": y || void 0,
-		children: f("div", {
-			role: t === v(208) || t === v(197) ? v(195) : v(196),
-			className: i(v(219), v(220) + t, v(220) + g, _),
+		children: f(v(157), {
+			role: i === v(160) || i === v(158) ? "alert" : "status",
+			className: n("ds-alert", v(167) + i, v(167) + g, _),
 			children: [
-				c !== !1 && d(v(200), {
-					className: v(214),
-					children: c ?? p[t]
+				c !== !1 && d(v(145), {
+					className: v(147),
+					children: c ?? p[i]
 				}),
-				f("div", {
-					className: v(193),
+				f(v(157), {
+					className: v(150),
 					children: [
-						o && d(v(216), {
-							className: v(212),
+						o && d(v(157), {
+							className: "ds-alert__title",
 							children: o
 						}),
 						s && d("div", {
@@ -66,62 +66,62 @@ function h({ tone: t = e(206), title: o, children: s, icon: c, actions: u, onClo
 							children: s
 						}),
 						u && g === "stacked" && d("div", {
-							className: v(221),
+							className: v(166),
 							children: u
 						})
 					]
 				}),
-				u && g === v(207) && d("div", {
-					className: "ds-alert__actions",
+				u && g === "inline" && d("div", {
+					className: v(166),
 					children: u
 				}),
-				h && d(r, {
+				h && d(t, {
 					iconOnly: !0,
-					variant: v(209),
+					variant: "ghost",
 					size: "sm",
 					icon: d(l, {}),
-					"aria-label": "알림 닫기",
-					className: "ds-alert__close",
+					"aria-label": v(173),
+					className: v(170),
 					onClick: () => {
-						let e = n;
-						b(!0), window[e(194)](() => h?.(), m);
+						let e = r;
+						b(!0), window[e(164)](() => h?.(), m);
 					}
 				})
 			]
 		})
 	});
 }
-function g({ tone: t = "info", children: o, action: s, onClose: c, icon: u, flush: h, className: g }) {
+function g({ tone: i = "info", children: o, action: s, onClose: c, icon: u, flush: h, className: g }) {
 	let _ = e, [v, y] = a(!1);
-	return d(_(216), {
-		className: _(202),
+	return d(_(157), {
+		className: _(163),
 		"data-leaving": v || void 0,
-		children: f("div", {
-			role: _(196),
-			className: i("ds-banner", _(220) + t, h && _(222), g),
+		children: f(_(157), {
+			role: "status",
+			className: n(_(153), "ds-alert--" + i, h && _(174), g),
 			children: [
-				u !== !1 && d(_(200), {
-					className: "ds-alert__icon",
-					children: u ?? p[t]
+				u !== !1 && d(_(145), {
+					className: _(147),
+					children: u ?? p[i]
 				}),
-				d(_(200), {
-					className: _(205),
+				d("span", {
+					className: _(168),
 					children: o
 				}),
-				s && d(_(200), {
-					className: _(199),
+				s && d(_(145), {
+					className: _(161),
 					children: s
 				}),
-				c && d(r, {
+				c && d(t, {
 					iconOnly: !0,
-					variant: _(209),
+					variant: "ghost",
 					size: "sm",
 					icon: d(l, {}),
-					"aria-label": _(218),
-					className: "ds-banner__close",
+					"aria-label": _(159),
+					className: _(154),
 					onClick: () => {
-						let e = n;
-						y(!0), window[e(194)](() => c?.(), m);
+						let e = r;
+						y(!0), window[e(164)](() => c?.(), m);
 					}
 				})
 			]