@iamfiro/design 0.3.1 → 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/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/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/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,135 +1,135 @@
 "use client";
-const e = c;
-(function(e, t) {
-	let n = c, r = e();
+const e = t;
+(function(e, n) {
+	let r = t, i = e();
 	for (;;) try {
-		if (-parseInt(n(306)) / 1 * (-parseInt(n(311)) / 2) + -parseInt(n(294)) / 3 * (parseInt(n(282)) / 4) + -parseInt(n(310)) / 5 * (-parseInt(n(287)) / 6) + -parseInt(n(297)) / 7 * (parseInt(n(305)) / 8) + parseInt(n(293)) / 9 + -parseInt(n(295)) / 10 * (-parseInt(n(292)) / 11) + -parseInt(n(285)) / 12 == 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());
 	}
-})(g, 693264);
-import { useControllableState as t } from "../../hooks/useControllableState.js";
-import { cx as n } from "../../primitives/index.js";
-import { useSelection as r } from "../../hooks/useSelection.js";
-/* empty css          */
-import { createContext as i, useContext as a, useId as o, useRef as s } from "react";
-function c(e, t) {
-	e -= 272;
-	let n = g(), r = n[e];
-	c.wgdSiw === void 0 && (c.yTHQDg = 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);
-	}, c.fLGrYU = {}, c.wgdSiw = !0);
-	let i = n[0];
-	c.XsACOT !== i && (c.fLGrYU = {}, c.XsACOT = i);
-	let a = c.fLGrYU[e];
-	return a === void 0 ? (r = c.yTHQDg(r), c.fLGrYU[e] = r) : r = a, r;
+	}, 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 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 { ChevronDown as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-function f({ open: e, defaultOpen: n = !1, onOpenChange: r, ...i }) {
-	let [a, o] = t(e, n, r);
-	return u(p, {
+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 p({ label: e, description: t, icon: r, disabled: i, open: a, onToggle: s, children: f, variant: p = "default", iconTone: m = "default", className: h }) {
-	let g = c, _ = o(), v = p === "inline" ? "div" : "h3";
-	return d(g(301), {
-		className: n(g(314), p === g(317) && g(298), h),
-		"data-open": a || void 0,
-		"data-disabled": i || void 0,
-		children: [u(v, {
-			className: g(307),
-			children: d("button", {
-				type: g(283),
-				id: _ + g(309),
-				"aria-expanded": a,
-				"aria-controls": _ + g(284),
-				disabled: i,
-				className: g(308),
+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: [d(v, {
+			className: "ds-disclosure__heading",
+			children: f(g(248), {
+				type: g(248),
+				id: _ + g(259),
+				"aria-expanded": o,
+				"aria-controls": _ + "-region",
+				disabled: a,
+				className: g(240),
 				onClick: s,
 				children: [
-					r && u("span", {
-						className: g(280),
-						"data-tone": m === g(286) ? void 0 : m,
+					r && d(g(264), {
+						className: "ds-disclosure__icon",
+						"data-tone": m === "default" ? void 0 : m,
 						children: r
 					}),
-					d(g(304), {
-						className: g(279),
-						children: [u("span", {
-							className: g(288),
-							children: e
-						}), t && u("span", {
-							className: "ds-disclosure__desc",
+					f(g(264), {
+						className: "ds-disclosure__text",
+						children: [d(g(264), {
+							className: g(251),
 							children: t
+						}), n && d(g(264), {
+							className: g(254),
+							children: n
 						})]
 					}),
-					u(l, {
-						className: g(312),
+					d(u, {
+						className: "ds-disclosure__chevron",
 						"aria-hidden": !0
 					})
 				]
 			})
-		}), u(g(301), {
-			id: _ + g(284),
-			role: g(278),
-			"aria-labelledby": _ + "-trigger",
-			className: g(291),
-			inert: !a || void 0,
-			children: u("div", {
-				className: g(290),
-				children: u(g(301), {
-					className: g(296),
-					children: f
+		}), d("div", {
+			id: _ + g(265),
+			role: g(261),
+			"aria-labelledby": _ + g(259),
+			className: g(253),
+			inert: !o || void 0,
+			children: d(g(257), {
+				className: g(245),
+				children: d(g(257), {
+					className: "ds-disclosure__content",
+					children: l
 				})
 			})
 		})]
 	});
 }
-var m = i(null);
-function h({ variant: t = e(299), children: i, className: a, style: o, ...l }) {
-	let d = e, f = r(l), p = s(null);
-	return u(m[d(289)], {
+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: f[d(300)],
-			toggle: f[d(273)]
+			isOpen: f[u(236)],
+			toggle: f.toggle
 		},
-		children: u("div", {
+		children: d(u(257), {
 			ref: p,
-			className: n("ds-accordion", d(313) + t, a),
-			style: o,
+			className: i(u(252), u(232) + n, o),
+			style: s,
 			onKeyDown: (e) => {
-				let t = c, n = [...p[t(303)]?.[t(281)](".ds-disclosure__trigger:not(:disabled)") ?? []].filter((e) => e[t(275)](".ds-accordion") === p[t(303)]), r = n[t(302)](document.activeElement);
-				if (r < 0) return;
-				let i;
-				e.key === "ArrowDown" ? i = n[(r + 1) % n[t(277)]] : e[t(315)] === t(276) ? i = n[(r - 1 + n[t(277)]) % n.length] : e[t(315)] === t(272) ? i = n[0] : e[t(315)] === "End" && (i = n[n[t(277)] - 1]), i && (e.preventDefault(), i[t(274)]());
+				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: i
+			children: r
 		})
 	});
 }
-function g() {
-	let e = /* @__PURE__ */ "mM1vvhvXEa.zhmTzgLZy2XVC3vYzv9Fy2HLDNjVBG.zhmTywnJB3jKAw9Uls0.zhmTzgLZy2XVC3vYzq.A2v5.qwnJB3jKAw9UsxrLBsbTDxn0igjLihvZzwqGAw5ZAwrLidXby2nVCMrPB24+.Aw5SAw5L.sg9Tzq.Dg9Nz2XL.zM9JDxm.y2XVC2vZDa.qxjYB3DvCa.BgvUz3rO.CMvNAw9U.zhmTzgLZy2XVC3vYzv9FDgv4Da.zhmTzgLZy2XVC3vYzv9FAwnVBG.CxvLCNLtzwXLy3rVCKfSBa.mJu2yuH4EM11.yNv0Dg9U.lxjLz2LVBG.nJCYmte0menPDMz2tG.zgvMyxvSDa.otqYBeLQuK9u.zhmTzgLZy2XVC3vYzv9FBgfIzwW.uhjVDMLKzxi.zhmTzgLZy2XVC3vYzv9FAw5Uzxi.zhmTzgLZy2XVC3vYzv9FzM9Sza.otm1rfLpvKXq.ntaYoti4muHpC2DAyq.mJuZndrYwKroq3y.mtiYmJCWDgTsvw5p.zhmTzgLZy2XVC3vYzv9Fy29UDgvUDa.mtK0nJyWowzPrwflwG.zhmTzgLZy2XVC3vYzs0TAw5SAw5L.CgXHAw4.AxntzwXLy3rLza.zgL2.Aw5KzxHpzG.y3vYCMvUDa.C3bHBG.mJrmwfHUD1y.odKWm3bMrwnzvW.zhmTzgLZy2XVC3vYzv9FAgvHzgLUzW.zhmTzgLZy2XVC3vYzv9FDhjPz2DLCG.lxrYAwDNzxi.mZi1mJvkteXgzhO".split(".");
-	return g = function() {
-		return e;
-	}, g();
-}
 function _({ value: t, title: n, flush: r, ...i }) {
-	let o = e, s = a(m);
-	if (!s) throw Error(o(316));
-	return u(p, {
+	let a = e, o = s(h);
+	if (!o) throw Error(a(249));
+	return d(m, {
 		...i,
-		className: r ? "ds-disclosure--flush" : void 0,
+		className: r ? a(224) : void 0,
 		label: n,
-		open: s.isOpen(t),
-		onToggle: () => s[o(273)](t)
+		open: o[a(229)](t),
+		onToggle: () => o[a(243)](t)
 	});
 }
-h.Item = _;
-export { h as Accordion, _ as AccordionItem, f as Collapsible };
+g[e(237)] = _;
+export { g as Accordion, _ as AccordionItem, p as Collapsible };

package/lib/components/ActionBar/ActionBar2.js

@@ -1,61 +1,45 @@
 "use client";
-var e = n;
+var e = a;
 (function(e, t) {
-	for (var r = n, i = e();;) try {
-		if (parseInt(r(273)) / 1 * (-parseInt(r(267)) / 2) + parseInt(r(270)) / 3 + -parseInt(r(266)) / 4 + -parseInt(r(274)) / 5 * (-parseInt(r(262)) / 6) + parseInt(r(264)) / 7 * (parseInt(r(272)) / 8) + parseInt(r(269)) / 9 * (-parseInt(r(271)) / 10) + parseInt(r(260)) / 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());
 	}
-})(r, 361033);
+})(n, 948639);
 import { cx as t } from "../../primitives/index.js";
-function n(e, t) {
-	e -= 258;
-	var i = r(), a = i[e];
-	n.cnnNfB === void 0 && (n.JIdoDC = 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);
-	}, n.BbmDXR = {}, n.cnnNfB = !0);
-	var o = i[0];
-	n.DiysCn !== o && (n.BbmDXR = {}, n.DiysCn = o);
-	var s = n.BbmDXR[e];
-	return s === void 0 ? (a = n.JIdoDC(a), n.BbmDXR[e] = a) : a = s, a;
-}
-function r() {
+/* empty css          */
+function n() {
 	var e = [
-		"ndy5vhvOzwnm",
+		"zhmTywn0Aw9UlwjHCG",
+		"mZm3nZe3ohfzve5SBq",
+		"nduZntq0n1bhCuj5yG",
+		"mtGYmJy4ou1pB1jzwq",
+		"mtq2ody1n2j6ChHPqW",
+		"mZC1odC3nujftKnOtq",
+		"nZe2mZK2ogDjv1bnua",
 		"zhmTywn0Aw9UlwjHCI0T",
-		"mtK0mdu4mfvuEe9bDG",
-		"mJyZofzLAufeDq",
-		"zhmTywn0Aw9UlwjHCI0TC3rPy2T5",
-		"nZaXnZiXwuDIs3vn",
-		"mtq0ode0oenuwNvNCa",
-		"mZb1rNb5v20",
-		"nZG4nZjpC0fuAwW",
-		"ntiZBNvkDK15",
-		"nwzPzenzsW",
-		"zgL2",
-		"zhmTywn0Aw9UlwjHCL9Fz3jVDxa",
-		"mZi1mdqZnhjVyLnKuG",
 		"y2vUDgvY",
-		"mtK4nJK1ngLbrMv6rq",
-		"zMLLBgrZzxq"
+		"zMLLBgrZzxq",
+		"ntq4mZuWnhrIBLf5uW",
+		"mLzusenUyW",
+		"zhmTywn0Aw9UlwjHCL9Fz3jVDxa",
+		"zgL2"
 	];
-	return r = function() {
+	return n = function() {
 		return e;
-	}, r();
+	}, n();
 }
-/* empty css          */
-import { jsx as i } from "react/jsx-runtime";
-function a({ children: n, align: r = e(261), 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 i(u(258), {
-		className: t("ds-action-bar", u(265) + r, a && u(268), 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: i(u(263), {
-			className: u(259),
+		children: r(u(157), {
+			className: u(160),
 			disabled: o,
 			"aria-label": s,
 			"aria-busy": o || void 0,
@@ -63,4 +47,17 @@ function a({ children: n, align: r = e(261), sticky: a = !0, pending: o, "aria-l
 		})
 	});
 }
-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 };