@iamfiro/design 0.3.0 → 0.3.2

package/agents/avatar/AGENTS.md

@@ -2,7 +2,7 @@
 
 > 아이콘 & 아바타 · `@iamfiro/design` · 직접 만들지 말고 이 컴포넌트를 쓴다.
 
-사람이나 팀을 나타내는 이름 배지. 한국어 이름(3–4글자)은 성을 빼고 이름만(김민지 → 민지), 그 밖의 이름은 이니셜로 보여요. 배경색은 이름에 따라 정해져 같은 사람은 늘 같은 색이에요.
+사람이나 팀을 나타내는 이름 배지. 한국어 이름(3–4글자)은 성을 빼고 이름만(김민지 → 민지), 그 밖의 이름은 이니셜로 보여요. 배경색은 이름에 따라 정해져 같은 사람은 늘 같은 색이에요. 사진이 있으면 src로 넘기세요.
 
 ```tsx
 import { Avatar, AvatarGroup } from '@iamfiro/design'
@@ -11,6 +11,7 @@ import { Avatar, AvatarGroup } from '@iamfiro/design'
 ## 디자인 규칙
 
 - 행 앞 타일: 사람은 `Avatar`, 도구·사이트·문서는 `IconTile`(회색 채움 + 아이콘/글자). 선택된 것을 보여 주고 메뉴로 바꾸는 버튼(워크스페이스·계정 전환, 드롭다운 제목)은 `SelectorButton`을 `DropdownMenu` trigger에.
+- 아바타는 hover하면 이름 `Tooltip`이 기본(`tooltip={false}`로 끔). `title` 속성 툴팁은 쓰지 않는다. 사진은 `Avatar src` / `AvatarGroup srcs`로 — `<img>`를 직접 얹지 않는다(불러오는 동안·실패 땐 이름 글자가 대신 보이고, 크기·모양·접속 점은 그대로).
 
 ## API
 
@@ -19,6 +20,7 @@ import { Avatar, AvatarGroup } from '@iamfiro/design'
 | prop | 타입 | 기본값 | 설명 |
 | --- | --- | --- | --- |
 | `name` (필수) | `string` |  | 이름. 보이는 글자, 배경색, 툴팁, 화면 읽기 이름이 모두 여기서 나와요. |
+| `src` | `string` |  | 사진 주소. 불러오는 동안·실패하면 이름 글자를 보여 주고, 주소가 바뀌면 다시 불러와요. name은 그대로 화면 읽기 이름과 툴팁이 돼요. |
 | `size` | `number` | `28` | 지름(px). |
 | `square` | `boolean` |  | 둥근 사각형. |
 | `online` | `boolean` |  | 오른쪽 아래 접속 중 점. |
@@ -30,6 +32,7 @@ import { Avatar, AvatarGroup } from '@iamfiro/design'
 | prop | 타입 | 기본값 | 설명 |
 | --- | --- | --- | --- |
 | `names` (필수) | `string[]` |  | 이름 목록. |
+| `srcs` | `(string \| undefined)[]` |  | 사진 주소 목록. names와 같은 순서이고, 사진이 없는 자리는 undefined면 글자로 보여요. |
 | `size` | `number` | `24` | 각 아바타 지름(px). |
 | `max` | `number` | `4` | 보여 줄 최대 인원. 나머지는 +N. |
 
@@ -57,6 +60,31 @@ export default function Example() {
 }
 ```
 
+### 사진
+
+src에 사진 주소를 주면 사진을 보여 줘요. 불러오는 동안과 실패했을 때는 이름 글자가 그대로 보이고, 사진이 들어오면 글자가 사라져요. AvatarGroup은 srcs를 names와 같은 순서로 주고, 사진이 없는 사람 자리는 비워 두세요.
+
+```tsx
+import { Avatar, AvatarGroup, Inline } from '@iamfiro/design'
+
+export default function Example() {
+  return (
+    <Inline gap={3}>
+      <Avatar name="김민지" src="/avatars/minji.svg" size={40} />
+      <Avatar name="이도현" src="/avatars/dohyun.svg" size={40} online />
+      <Avatar name="박서연" src="/avatars/seoyeon.svg" size={40} square />
+      {/* 주소가 없거나 불러오지 못하면 이름 글자가 그대로 보여요 */}
+      <Avatar name="최하준" src="/avatars/없는-사진.png" size={40} />
+      <AvatarGroup
+        names={['김민지', '이도현', '박서연', '최하준']}
+        srcs={['/avatars/minji.svg', '/avatars/dohyun.svg', '/avatars/seoyeon.svg']}
+        size={32}
+      />
+    </Inline>
+  )
+}
+```
+
 ### 크기 · 색
 
 size는 px 숫자예요. color로 배경색을 직접 정할 수 있어요.

package/agents/tooltip/AGENTS.md

@@ -11,7 +11,7 @@ import { Tooltip } from '@iamfiro/design'
 ## 디자인 규칙
 
 - 툴팁: 첫 번째는 `TIMING.tooltipDelay`(500ms) 뒤, 닫힌 지 `TIMING.tooltipSkip`(300ms) 안에 옆 툴팁으로 옮기면 즉시. 단 "즉시"는 **이미 기다린 시간만큼만** 건너뛴다 — `delay={0}` 툴팁을 거쳐 왔다고 `delay={1000}` 툴팁이 바로 열리면 안 된다(대기 시간 고장 버그). 키보드 포커스는 즉시, 누르면 닫고, Esc로 닫힌다. → `Tooltip`
-- 아바타는 hover하면 이름 `Tooltip`이 기본(`tooltip={false}`로 끔). `title` 속성 툴팁은 쓰지 않는다.
+- 아바타는 hover하면 이름 `Tooltip`이 기본(`tooltip={false}`로 끔). `title` 속성 툴팁은 쓰지 않는다. 사진은 `Avatar src` / `AvatarGroup srcs`로 — `<img>`를 직접 얹지 않는다(불러오는 동안·실패 땐 이름 글자가 대신 보이고, 크기·모양·접속 점은 그대로).
 
 ## API
 

package/lib/components/Accordion/Accordion2.js

@@ -1,20 +1,20 @@
 "use client";
-function e() {
-	let t = /* @__PURE__ */ "zhmTzgLZy2XVC3vYzs0TzMX1C2G.zhmTzgLZy2XVC3vYzv9Fy29UDgvUDa.zgvMyxvSDa.AxntzwXLy3rLza.Dg9Nz2XL.yNv0Dg9U.zMLSDgvY.sg9Tzq.C3bHBG.mta1mduXmhvRsKTOAG.zgL2.zhmTzgLZy2XVC3vYzv9FzM9Sza.zhmTzgLZy2XVC3vYzv9FDhjPz2DLCG.y2XVC2vZDa.zhmTzgLZy2XVC3vYzv9FDgv4Da.ChjLDMvUDerLzMf1Bhq.A2v5.mti5ntaWne9xuLLlBq.ntu2nZqWoeflqvLbEa.lMrZlwfJy29YzgLVBG.zhmTzgLZy2XVC3vYzv9FAwnVBG.qxjYB3DvCa.CgXHAw4.BgvUz3rO.CxvLCNLtzwXLy3rVCKfSBa.lxjLz2LVBG.CMvNAw9U.sxrLBq.zhmTywnJB3jKAw9Uls0.zM9JDxm.nty0ntu0nuHyu1PrDq.lxrYAwDNzxi.lMrZlwrPC2nSB3n1CMvFx3rYAwDNzxi6BM90kdPKAxnHyMXLzcK.ntG3mtn5C0fZyM0.ote4ndm3zvLsEuLO.y3vYCMvUDa.Aw5SAw5L.mtmZodmXmKX0r0DhwG.Aw5KzxHpzG.zhmTzgLZy2XVC3vYzq.zhmTzgLZy2XVC3vYzv9FAw5Uzxi.zhmTzgLZy2XVC3vYzv9FzgvZyW.AxnpCgvU.zhmTzgLZy2XVC3vYzv9FBgfIzwW".split(".");
-	return e = function() {
-		return t;
-	}, e();
-}
-const t = h;
+const e = f;
 (function(e, t) {
-	let n = h, r = e();
+	let n = f, r = e();
 	for (;;) try {
-		if (parseInt(n(361)) / 1 + -parseInt(n(380)) / 2 + parseInt(n(360)) / 3 + parseInt(n(364)) / 4 + -parseInt(n(357)) / 5 + parseInt(n(388)) / 6 + parseInt(n(389)) / 7 == t) break;
+		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());
 	} catch {
 		r.push(r.shift());
 	}
-})(e, 629400);
+})(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";
@@ -22,114 +22,114 @@ import { useSelection as i } from "../../hooks/useSelection.js";
 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({ open: e, defaultOpen: t = !1, onOpenChange: r, ...i }) {
+function f(e, n) {
+	e -= 388;
+	let r = t(), i = r[e];
+	f.PHwuGE === void 0 && (f.zxlDlk = 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;
+}
+function p({ open: e, defaultOpen: t = !1, onOpenChange: r, ...i }) {
 	let [a, o] = n(e, t, r);
-	return u(p, {
+	return u(m, {
 		...i,
 		open: a,
 		onToggle: () => o(!a)
 	});
 }
-function p({ label: e, description: n, icon: i, disabled: a, open: o, onToggle: c, children: f, variant: p = t(373), iconTone: m = "default", className: h }) {
-	let g = t, _ = s(), v = p === "inline" ? g(381) : "h3";
-	return d(g(381), {
-		className: r(g(366), p === g(363) && "ds-disclosure--inline", h),
+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),
 		"data-open": o || void 0,
 		"data-disabled": a || void 0,
 		children: [u(v, {
-			className: "ds-disclosure__heading",
-			children: d(g(376), {
-				type: g(376),
-				id: _ + g(358),
+			className: g(395),
+			children: d("button", {
+				type: "button",
+				id: _ + g(410),
 				"aria-expanded": o,
-				"aria-controls": _ + g(396),
+				"aria-controls": _ + g(404),
 				disabled: a,
-				className: g(383),
+				className: g(403),
 				onClick: c,
 				children: [
-					i && u(g(379), {
-						className: g(391),
-						"data-tone": m === "default" ? void 0 : m,
+					i && u(g(431), {
+						className: g(392),
+						"data-tone": m === g(426) ? void 0 : m,
 						children: i
 					}),
-					d(g(379), {
-						className: g(385),
-						children: [u(g(379), {
-							className: g(370),
-							children: e
-						}), n && u(g(379), {
-							className: g(368),
+					d(g(431), {
+						className: g(400),
+						children: [u(g(431), {
+							className: g(407),
+							children: t
+						}), n && u(g(431), {
+							className: g(435),
 							children: n
 						})]
 					}),
 					u(l, {
-						className: "ds-disclosure__chevron",
+						className: g(408),
 						"aria-hidden": !0
 					})
 				]
 			})
-		}), u(g(381), {
-			id: _ + g(396),
-			role: g(397),
-			"aria-labelledby": _ + g(358),
-			className: g(382),
+		}), u(g(429), {
+			id: _ + g(404),
+			role: "region",
+			"aria-labelledby": _ + "-trigger",
+			className: g(424),
 			inert: !o || void 0,
-			children: u("div", {
-				className: g(367),
-				children: u(g(381), {
-					className: g(372),
+			children: u(g(429), {
+				className: "ds-disclosure__inner",
+				children: u(g(429), {
+					className: g(423),
 					children: f
 				})
 			})
 		})]
 	});
 }
-var m = a(null);
-function h(t, n) {
-	t -= 355;
-	let r = e(), i = r[t];
-	h.rDemQm === void 0 && (h.NLxyOx = 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);
-	}, h.wVZXmv = {}, h.rDemQm = !0);
-	let a = r[0];
-	h.BkMNcy !== a && (h.wVZXmv = {}, h.BkMNcy = a);
-	let o = h.wVZXmv[t];
-	return o === void 0 ? (i = h.NLxyOx(i), h.wVZXmv[t] = i) : i = o, i;
-}
-function g({ variant: e = t(393), children: n, className: a, style: o, ...s }) {
-	let l = t, d = i(s), f = c(null);
-	return u(m.Provider, {
+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)], {
 		value: {
-			isOpen: d[l(374)],
-			toggle: d[l(375)]
+			isOpen: d[l(399)],
+			toggle: d[l(398)]
 		},
-		children: u(l(381), {
-			ref: f,
-			className: r("ds-accordion", l(355) + e, a),
+		children: u("div", {
+			ref: p,
+			className: r(l(421), l(425) + t, a),
 			style: o,
 			onKeyDown: (e) => {
-				let t = h, n = [...f[t(362)]?.[t(395)](t(359)) ?? []][t(377)]((e) => e[t(384)](t(390)) === f[t(362)]), r = n[t(365)](document.activeElement);
+				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(387)] === "ArrowDown" ? i = n[(r + 1) % n[t(394)]] : e[t(387)] === t(392) ? i = n[(r - 1 + n.length) % n[t(394)]] : e[t(387)] === t(378) ? i = n[0] : e[t(387)] === "End" && (i = n[n[t(394)] - 1]), i && (e[t(386)](), i[t(356)]());
+				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());
 			},
 			children: n
 		})
 	});
 }
-function _({ value: e, title: n, flush: r, ...i }) {
-	let a = t, s = o(m);
-	if (!s) throw Error("AccordionItem must be used inside <Accordion>");
-	return u(p, {
+function _({ value: t, title: n, flush: r, ...i }) {
+	let a = e, s = o(h);
+	if (!s) throw Error(a(412));
+	return u(m, {
 		...i,
-		className: r ? a(371) : void 0,
+		className: r ? a(434) : void 0,
 		label: n,
-		open: s[a(369)](e),
-		onToggle: () => s.toggle(e)
+		open: s[a(388)](t),
+		onToggle: () => s[a(398)](t)
 	});
 }
-g[t(398)] = _;
-export { g as Accordion, _ as AccordionItem, f as Collapsible };
+g.Item = _;
+export { g as Accordion, _ as AccordionItem, p as Collapsible };

package/lib/components/ActionBar/ActionBar2.js

@@ -1,64 +1,64 @@
 "use client";
-var e = i;
+var e = r;
 (function(e, t) {
-	for (var n = i, r = e();;) try {
-		if (parseInt(n(274)) / 1 + parseInt(n(271)) / 2 * (-parseInt(n(266)) / 3) + -parseInt(n(269)) / 4 * (parseInt(n(262)) / 5) + parseInt(n(259)) / 6 * (-parseInt(n(264)) / 7) + parseInt(n(270)) / 8 * (parseInt(n(268)) / 9) + parseInt(n(267)) / 10 + -parseInt(n(272)) / 11 == t) break;
-		r.push(r.shift());
+	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());
 	} catch {
-		r.push(r.shift());
+		i.push(i.shift());
 	}
-})(n, 666149);
+})(i, 412273);
 import { cx as t } from "../../primitives/index.js";
 /* empty css          */
-function n() {
+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() {
 	var e = [
-		"mZG5mta4ngDOu1n1ra",
-		"zhmTywn0Aw9UlwjHCI0T",
-		"zMLLBgrZzxq",
-		"ntC4nunYyxvyEa",
+		"mtaWnZu2ne9VuwPmyW",
+		"mJGYodK4mKjStNrQvG",
+		"owzArvDZyq",
 		"y2vUDgvY",
-		"n2zttwjbCG",
-		"zhmTywn0Aw9UlwjHCL9Fz3jVDxa",
-		"m1PZvg9HBq",
-		"mZG2nJiXmgLMwfLqEq",
-		"mtCWnJG0mwvRsvH3CW",
-		"nJi4wxDoveXt",
-		"ntzrzfrZEeK",
-		"ntC3ode4yuPNtwrT",
-		"mteZmZaZnJntyNbls2i",
+		"zhmTywn0Aw9UlwjHCG",
+		"ndy4nZCWt3P6Ew1s",
+		"mtmWmtnuzg9xthq",
 		"zgL2",
-		"mteWmta5mgL5Cfn4zq"
+		"mtmYmJbKCw9wv2q",
+		"nwjbBgf5EG",
+		"zhmTywn0Aw9UlwjHCL9Fz3jVDxa",
+		"ndmZmtaZm0jWC2Tvwa",
+		"odq1ntC3qvLfBuXb",
+		"zhmTywn0Aw9UlwjHCI0TC3rPy2T5",
+		"mJrrqKPTuvm",
+		"mJmWodqYA0nhBNzU"
 	];
-	return n = function() {
+	return i = function() {
 		return e;
-	}, n();
-}
-import { jsx as r } from "react/jsx-runtime";
-function i(e, t) {
-	e -= 259;
-	var r = n(), a = r[e];
-	i.hnVKUd === void 0 && (i.EsmgwF = 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);
-	}, i.ucYSUe = {}, i.hnVKUd = !0);
-	var o = r[0];
-	i.SzOtaB !== o && (i.ucYSUe = {}, i.SzOtaB = o);
-	var s = i.ucYSUe[e];
-	return s === void 0 ? (a = i.EsmgwF(a), i.ucYSUe[e] = a) : a = s, a;
+	}, i();
 }
-function a({ children: n, align: i = e(263), sticky: a = !0, pending: o, "aria-label": s, className: c, style: l }) {
+function a({ children: r, align: i = e(162), sticky: a = !0, pending: o, "aria-label": s, className: c, style: l }) {
 	var u = e;
-	return r(u(273), {
-		className: t("ds-action-bar", u(260) + i, a && "ds-action-bar--sticky", c),
+	return n(u(166), {
+		className: t(u(163), "ds-action-bar--" + i, a && u(156), c),
 		"data-pending": o || void 0,
 		style: l,
-		children: r(u(261), {
-			className: u(265),
+		children: n("fieldset", {
+			className: u(153),
 			disabled: o,
 			"aria-label": s,
 			"aria-busy": o || void 0,
-			children: n
+			children: r
 		})
 	});
 }

package/lib/components/Alert/Alert2.js

@@ -3,31 +3,31 @@ const e = n;
 (function(e, t) {
 	let r = n, i = e();
 	for (;;) try {
-		if (parseInt(r(275)) / 1 + parseInt(r(288)) / 2 * (parseInt(r(286)) / 3) + parseInt(r(274)) / 4 + -parseInt(r(271)) / 5 + parseInt(r(294)) / 6 + -parseInt(r(296)) / 7 + -parseInt(r(278)) / 8 * (parseInt(r(293)) / 9) == t) break;
+		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;
 		i.push(i.shift());
 	} catch {
 		i.push(i.shift());
 	}
-})(t, 793408);
+})(t, 293631);
 function t() {
-	let e = /* @__PURE__ */ "Aw5SAw5L.zhmTywXLCNrFx2fJDgLVBNm.zhmTyMfUBMvY.C2v0vgLTzw91Da.zhmTywXLCNrFx2nSB3nL.zhmTywXLCNrFx2nVBNrLBNq.mtmYmtu4mxz0s2Putq.zhmTyMfUBMvYls1MBhvZAa.nNbmALHrAq.7jwm66A8ioUlQ+Q4Sa.zhmTywXLCNqTlq.Aw5MBW.zhmTywXLCNrFx2jVzhK.mJy0otyYn0jKtNnuDW.nZeXotq5mM5tr21pwa.C3rHy2TLza.mJC0otmYmhnvAgrOtG.67cW64siioUlQ+Q4Sa.D2fYBMLUzW.C3rHDhvZ.zgL2.mZe5nZq5nuD2vfLUDW.C3bHBG.zhmTywXLCNrFx3rPDgXL.mZG5mtG0D0nmuuvo.mZK3odiWCwLRCLLI.ywXLCNq.zhmTyMfUBMvYx19JBg9Zzq.mZjquw5eB2G.z2HVC3q".split(".");
+	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 -= 268;
+	e -= 193;
 	let i = t(), a = i[e];
-	n.oiQEtD === void 0 && (n.iWXCZG = function(e) {
+	n.ydVUvd === void 0 && (n.fFVEmi = 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.GbqVOg = {}, n.oiQEtD = !0);
+	}, n.FkLiOT = {}, n.ydVUvd = !0);
 	let o = i[0];
-	n.SkuZIv !== o && (n.GbqVOg = {}, n.SkuZIv = o);
-	let s = n.GbqVOg[e];
-	return s === void 0 ? (a = n.iWXCZG(a), n.GbqVOg[e] = a) : a = s, a;
+	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;
 }
 import { Button as r, cx as i } from "../../primitives/index.js";
 /* empty css      */
@@ -41,87 +41,87 @@ var p = {
 	warning: d(o, {}),
 	danger: d(u, {})
 }, m = 260;
-function h({ tone: t = e(291), title: o, children: s, icon: c, actions: u, onClose: h, layout: g = e(295), className: _ }) {
+function h({ tone: t = e(206), title: o, children: s, icon: c, actions: u, onClose: h, layout: g = "stacked", className: _ }) {
 	let v = e, [y, b] = a(!1);
-	return d(v(270), {
-		className: "ds-alert-wrap",
+	return d(v(216), {
+		className: v(202),
 		"data-leaving": y || void 0,
-		children: f(v(270), {
-			role: t === "danger" || t === v(268) ? v(276) : v(269),
-			className: i("ds-alert", v(290) + t, v(290) + g, _),
+		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: [
-				c !== !1 && d("span", {
-					className: "ds-alert__icon",
+				c !== !1 && d(v(200), {
+					className: v(214),
 					children: c ?? p[t]
 				}),
-				f(v(270), {
-					className: v(285),
+				f("div", {
+					className: v(193),
 					children: [
-						o && d(v(270), {
-							className: v(273),
+						o && d(v(216), {
+							className: v(212),
 							children: o
 						}),
-						s && d(v(270), {
-							className: v(292),
+						s && d("div", {
+							className: "ds-alert__body",
 							children: s
 						}),
-						u && g === "stacked" && d(v(270), {
-							className: v(281),
+						u && g === "stacked" && d("div", {
+							className: v(221),
 							children: u
 						})
 					]
 				}),
-				u && g === v(280) && d(v(270), {
-					className: v(281),
+				u && g === v(207) && d("div", {
+					className: "ds-alert__actions",
 					children: u
 				}),
 				h && d(r, {
 					iconOnly: !0,
-					variant: v(279),
+					variant: v(209),
 					size: "sm",
 					icon: d(l, {}),
-					"aria-label": v(289),
-					className: v(284),
+					"aria-label": "알림 닫기",
+					className: "ds-alert__close",
 					onClick: () => {
 						let e = n;
-						b(!0), window[e(283)](() => h?.(), m);
+						b(!0), window[e(194)](() => h?.(), m);
 					}
 				})
 			]
 		})
 	});
 }
-function g({ tone: t = e(291), children: o, action: s, onClose: c, icon: u, flush: h, className: g }) {
+function g({ tone: t = "info", children: o, action: s, onClose: c, icon: u, flush: h, className: g }) {
 	let _ = e, [v, y] = a(!1);
-	return d("div", {
-		className: "ds-alert-wrap",
+	return d(_(216), {
+		className: _(202),
 		"data-leaving": v || void 0,
-		children: f(_(270), {
-			role: "status",
-			className: i(_(282), _(290) + t, h && _(287), g),
+		children: f("div", {
+			role: _(196),
+			className: i("ds-banner", _(220) + t, h && _(222), g),
 			children: [
-				u !== !1 && d(_(272), {
+				u !== !1 && d(_(200), {
 					className: "ds-alert__icon",
 					children: u ?? p[t]
 				}),
-				d(_(272), {
-					className: "ds-banner__text",
+				d(_(200), {
+					className: _(205),
 					children: o
 				}),
-				s && d(_(272), {
-					className: "ds-banner__action",
+				s && d(_(200), {
+					className: _(199),
 					children: s
 				}),
 				c && d(r, {
 					iconOnly: !0,
-					variant: _(279),
+					variant: _(209),
 					size: "sm",
 					icon: d(l, {}),
-					"aria-label": _(297),
-					className: _(277),
+					"aria-label": _(218),
+					className: "ds-banner__close",
 					onClick: () => {
 						let e = n;
-						y(!0), window[e(283)](() => c?.(), m);
+						y(!0), window[e(194)](() => c?.(), m);
 					}
 				})
 			]