@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/PieChart/PieChart2.js

@@ -0,0 +1,246 @@
+"use client";
+const e = c;
+function t() {
+	let e = /* @__PURE__ */ "lwXPDMu.B3bLBG.mZK5mdG2mePVuhvirq.A2v5.C3bHBG.zNvUy3rPB24.nZH0ywXsvgu.y29SB3i.imk3ia.qxjYB3Dmzwz0.z2v0.zhmTCgLLlwnOyxj0x19Jyxb0Aw9U.nJe2ntuWvKL2sg9x.zgL2.mte2ntmWruXwEKTl.DgvYDgLHCNK.x190B3rHBa.ChGG.mZiZodeYm0jHCg9Hqq.B25lzxLeB3DU.ChjLDMvUDerLzMf1Bhq.C2vJB25Kyxj5.Bwf4.C2HHCMu.C2LU.Cg9SAxrL.y2fWDgLVBG.zhmTy2HHCNq.BNvTyMvYlw1K.zhmTCgLLlwnOyxj0x19SzwDLBMq.CgLL.BgLZDa.mZG5nffQuurVqW.mZy0nJC1nxzmAMDnwa.Aw5KzxHpzG.y2vUDgvY.zhmTCgLLlwnOyxj0x19YzwfKB3v0.BwfW.ndeWAhnhCwnU.zhmTy2HHCNrFx3bSB3qGzhmTCgLLlwnOyxj0x19WBg90.zhmTy2HHCNrFx3rPCa.64+e64sBioYWQo2kUa.zhmTCgLLlwnOyxj0.BNvTyMvYlxHS.ChGSia.BwLU.y2XVC2vK.zMLYC3q.CMvKDwnL.mtC2mti5nLDfwuj4rW.DMfSDwu.y29Z.BgvUz3rO.qxjYB3DvCa.ohflEKfqrW.ChGP.zMLSDgvY.C2LKzq.zhmTCgLLlwnOyxj0x190CMfJAW.BwLK.qxjYB3DeB3DU.BgfIzwW.7jUqioYWQo2kUa".split(".");
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	let n = c, r = e();
+	for (;;) try {
+		if (-parseInt(n(169)) / 1 + -parseInt(n(132)) / 2 * (parseInt(n(189)) / 3) + parseInt(n(143)) / 4 + -parseInt(n(171)) / 5 * (-parseInt(n(163)) / 6) + parseInt(n(175)) / 7 * (parseInt(n(148)) / 8) + -parseInt(n(190)) / 9 + parseInt(n(159)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 317142);
+import { Text as n } from "../../primitives/Typography2.js";
+import { ColorDot as r } from "../../primitives/ColorDot2.js";
+import { Inline as i, Stack as a } from "../../primitives/Layout2.js";
+import { cx as o } from "../../primitives/index.js";
+import { ChartLegend as s, ChartTooltip as ee } from "../Chart/ChartParts.js";
+function c(e, n) {
+	e -= 131;
+	let r = t(), i = r[e];
+	c.jGutSV === void 0 && (c.iwYKGu = 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.llsurc = {}, c.jGutSV = !0);
+	let a = r[0];
+	c.OSqVsj !== a && (c.llsurc = {}, c.OSqVsj = a);
+	let o = c.llsurc[e];
+	return o === void 0 ? (i = c.iwYKGu(i), c.llsurc[e] = i) : i = o, i;
+}
+import { chartColor as te, formatNumber as ne, formatPercent as l } from "../Chart/chart2.js";
+import { useChartInteraction as re } from "../Chart/useChartInteraction.js";
+import { segmentPath as ie } from "./arc.js";
+import { useArcTween as ae } from "./useArcTween.js";
+/* empty css         */
+import { useId as oe, useState as se } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = 8, p = Math.PI * 2, ce = (t) => t >= 260 ? e(137) : t >= 168 ? "number-lg" : e(185);
+function m({ data: t, variant: c, size: m = 200, thickness: le, innerRadius: h, padAngle: ue = 2, cornerRadius: de = 3, max: g, track: fe, formatValue: _ = ne, centerLabel: v = "합계", centerValue: pe, legend: y = !0, showPercent: me = !0, tooltip: he, activeIndex: ge, defaultActiveIndex: _e, onActiveIndexChange: ve, "aria-label": ye = e(156), className: b, style: x }) {
+	let S = e, C = t[S(150)]((e) => e[S(144)] > 0), w = C[S(146)], { active: T, setActive: be, open: xe, shown: E, settled: Se, tipRef: Ce, tipSize: D, hover: O, leave: we, plotProps: k } = re({
+		count: w,
+		activeIndex: ge,
+		defaultActiveIndex: _e,
+		onActiveIndexChange: ve,
+		initialKeyboardIndex: S(141)
+	}), [A, j] = se(null), M = oe(), N = c === S(187) || c === void 0 && h === 0, P = m < 140 ? 3 : 5, F = m / 2, I = F - P, Te = le ?? (h !== void 0 && h > 0 ? I * (1 - Math[S(139)](.95, h)) : Math[S(179)](8, Math.round(m * .09))), L = N ? 0 : Math[S(179)](0, I - Math[S(139)](Te, I)), Ee = N ? I * .7 : (I + L) / 2, De = w > 1 || g !== void 0 ? Math[S(179)](0, ue) * Math.PI * Ee / 180 : 0, Oe = fe ?? g !== void 0, R = C[S(142)]((e, t) => e + t[S(144)], 0), ke = g === void 0 ? R : Math[S(179)](g, R), z = (e) => e / (ke || 1), B = C[S(142)]((e, t, n) => [...e, (e[n - 1] ?? 0) + (n ? C[n - 1][S(144)] : 0)], []), V = C[S(131)]((e, n) => {
+		let r = S, i = t[r(191)](e), a = z(B[n]) * p, o = z(B[n] + e[r(144)]) * p;
+		return {
+			d: e,
+			color: te(e[r(164)], i),
+			a0: a,
+			a1: o,
+			mid: (a + o) / 2,
+			share: z(e[r(144)])
+		};
+	}), Ae = ae(V[S(131)]((e) => ({
+		key: e.d.key,
+		a0: e.a0,
+		a1: e.a1,
+		color: e[S(164)]
+	}))), H = new Map(V[S(131)]((e, t) => [e.d[S(160)], t])), U = A === null ? -1 : H[S(167)](A) ?? -1, W = xe ? E : U >= 0 ? U : null, G = W === null ? void 0 : V[W], K = he ?? N, q = W ?? E, J = q === null ? void 0 : V[q], Y = N ? I * .62 : I, X = J ? {
+		x: F + Y * Math.sin(J[S(153)]),
+		y: F - Y * Math[S(145)](J[S(153)])
+	} : {
+		x: 0,
+		y: 0
+	}, je = !J || Math[S(181)](J.mid) >= 0 ? X.x + f : X.x - f - D.w, Me = X.y - D.h / 2, Ne = (e) => {
+		let t = S, n = e[t(160)] === "ArrowRight" || e.key === t(154), r = e[t(160)] === t(166) || e[t(160)] === t(147);
+		w && (n || r) ? (e[t(177)](), be(T === null ? n ? 0 : w - 1 : ((T + (n ? 1 : -1)) % w + w) % w)) : k[t(176)](e);
+	}, Pe = G && W !== null ? G.d[S(155)] + " " + _(G.d[S(144)], G.d) + ", " + l(G.share) + " (" + (W + 1) + "/" + w + ")" : "", Z = {
+		total: R,
+		max: g,
+		active: G ? {
+			slice: G.d,
+			index: W ?? 0,
+			color: G[S(164)],
+			share: G[S(180)]
+		} : null,
+		formatValue: _
+	}, Q = K ? void 0 : G, Fe = g === void 0 ? _(R) : l(z(R)), Ie = L * .84, Le = !N && (typeof v === S(162) ? v(K ? {
+		...Z,
+		active: null
+	} : Z) : d(a, {
+		gap: 0,
+		align: S(192),
+		className: S(193),
+		children: [u(n, {
+			variant: ce(m),
+			as: S(170),
+			truncate: !0,
+			children: Q ? _(Q.d[S(144)], Q.d) : pe ?? Fe
+		}), Q ? d(i, {
+			gap: 1,
+			wrap: !1,
+			className: S(168),
+			children: [
+				u(r, {
+					color: Q.color,
+					size: 8
+				}),
+				u(n, {
+					variant: S(183),
+					tone: "secondary",
+					truncate: !0,
+					children: Q.d[S(155)]
+				}),
+				m >= 140 && u(n, {
+					variant: S(183),
+					tone: S(172),
+					numeric: !0,
+					children: l(Q.share)
+				})
+			]
+		}) : v != null && u(n, {
+			variant: S(183),
+			tone: S(178),
+			truncate: !0,
+			children: v
+		})]
+	}, Q?.d[S(160)] ?? S(173))), Re = y === !0 ? S(151) : y === !1 ? null : y, ze = V[S(131)]((e) => ({
+		key: e.d[S(160)],
+		label: e.d[S(155)],
+		color: e[S(164)],
+		value: _(e.d.value, e.d),
+		detail: me ? l(e.share) : void 0
+	})), Be = W === null ? null : V[W]?.d.key ?? null, $ = d(S(170), {
+		...k,
+		onKeyDown: Ne,
+		className: S(133),
+		style: {
+			width: m,
+			height: m
+		},
+		"aria-roledescription": S(N ? 156 : 135),
+		"aria-label": ye,
+		"aria-describedby": M + "-live",
+		children: [
+			d("svg", {
+				className: "ds-chart__svg",
+				width: m,
+				height: m,
+				"aria-hidden": !0,
+				onPointerLeave: we,
+				children: [Oe && u("path", {
+					className: S(152),
+					d: ie({
+						cx: F,
+						cy: F,
+						outer: I,
+						inner: L,
+						a0: 0,
+						a1: p
+					})
+				}), Ae.map((e) => {
+					let t = S, n = H.get(e[t(160)]), r = n !== void 0;
+					return u("path", {
+						className: "ds-pie-chart__segment",
+						d: ie({
+							cx: F,
+							cy: F,
+							outer: I,
+							inner: L,
+							a0: e.a0,
+							a1: e.a1,
+							gap: De,
+							cornerRadius: de
+						}),
+						fill: e.color,
+						"data-active": r && W === n || void 0,
+						"data-dimmed": W !== null && W !== n || void 0,
+						style: {
+							transformOrigin: F + t(174) + F + "px",
+							"--_pop": (I + P) / I
+						},
+						onPointerMove: n === void 0 ? void 0 : () => O(n),
+						onPointerDown: n === void 0 ? void 0 : () => O(n)
+					}, e[t(160)]);
+				})]
+			}),
+			Le && u(a, {
+				gap: 0,
+				align: S(192),
+				justify: S(192),
+				className: "ds-pie-chart__center",
+				style: { inset: F - Ie },
+				children: Le
+			}),
+			K && u(S(170), {
+				ref: Ce,
+				className: S(134),
+				"data-state": S(W === null ? 140 : 158),
+				"data-settled": Se || void 0,
+				style: {
+					transform: "translate(" + je + S(138) + Me + S(149),
+					minWidth: 0
+				},
+				"aria-hidden": !0,
+				children: u(ee, { rows: J ? [{
+					key: J.d.key,
+					label: J.d[S(155)],
+					color: J.color,
+					value: _(J.d[S(144)], J.d) + S(165) + l(J[S(180)])
+				}] : [] })
+			}),
+			u(S(161), {
+				id: M + S(157),
+				className: "ds-chart__sr",
+				"aria-live": S(182),
+				children: Pe
+			})
+		]
+	});
+	return Re === "bottom" ? d(a, {
+		gap: 4,
+		align: "center",
+		className: o(S(184), S(136), b),
+		style: x,
+		children: [$, u(s, {
+			items: ze,
+			focused: Be,
+			onFocusChange: j
+		})]
+	}) : d(i, {
+		gap: 8,
+		wrap: !0,
+		align: S(192),
+		className: o("ds-chart", S(136), b),
+		style: x,
+		children: [$, Re === S(151) && u(S(170), {
+			className: S(186),
+			children: u(s, {
+				layout: S(188),
+				items: ze,
+				focused: Be,
+				onFocusChange: j
+			})
+		})]
+	});
+}
+export { m as PieChart };

package/lib/components/PieChart/arc.js

@@ -0,0 +1,90 @@
+"use client";
+function e() {
+	let t = [
+		"BwLU",
+		"ideG",
+		"Dg9tDhjPBMC",
+		"C3fYDa",
+		"mtm1ndbWzvbXEfi",
+		"oxDsBLHeAG",
+		"nZeXody3mLjiDLjUyq",
+		"mJGYnZK3mtbuDMPQsKS",
+		"idaG",
+		"idaGmsaXia",
+		"yxnPBG",
+		"otuWs1Lfq0j1",
+		"y29Z",
+		"ywjZ",
+		"nJK2mdq2mKXfDfjrra",
+		"ntqZotG0mhHArgn5sW",
+		"C2LU",
+		"Bwf4",
+		"mtq5mZzVEhnrDMS",
+		"idaGmcaXia",
+		"idaGmsaWia",
+		"mZbluw9xAva",
+		"ndq1nZHyuwLsDwm"
+	];
+	return e = function() {
+		return t;
+	}, e();
+}
+function t(n, r) {
+	n -= 455;
+	let i = e(), a = i[n];
+	t.zyhgXy === void 0 && (t.pWQklO = 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.lHPWPl = {}, t.zyhgXy = !0);
+	let o = i[0];
+	t.aTPOXA !== o && (t.lHPWPl = {}, t.aTPOXA = o);
+	let s = t.lHPWPl[n];
+	return s === void 0 ? (a = t.pWQklO(a), t.lHPWPl[n] = a) : a = s, a;
+}
+const n = t;
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(477)) / 1 + parseInt(r(458)) / 2 * (-parseInt(r(457)) / 3) + parseInt(r(463)) / 4 * (-parseInt(r(470)) / 5) + -parseInt(r(473)) / 6 + parseInt(r(474)) / 7 + -parseInt(r(465)) / 8 + parseInt(r(464)) / 9 * (parseInt(r(466)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(e, 704076);
+var r = Math.PI * 2, i = 1e-6, a = (e) => (Math.round(e * 1e3) / 1e3)[n(461)]();
+function o({ cx: e, cy: t, outer: o, inner: s, a0: c, a1: l, gap: u = 0, cornerRadius: d = 0 }) {
+	let f = n, p = Math[f(476)](0, o), m = Math[f(476)](0, Math[f(459)](s, p)), h = l - c;
+	if (!(h > i) || p <= i) return "";
+	let g = (n, r) => a(e + n * Math[f(475)](r)) + "," + a(t - n * Math[f(471)](r));
+	if (h >= r - i) {
+		let e = "M" + g(p, 0) + "A" + a(p) + "," + a(p) + f(468) + g(p, Math.PI) + "A" + a(p) + "," + a(p) + f(468) + g(p, 0) + "Z";
+		return m <= i ? e : e + "M" + g(m, 0) + "A" + a(m) + "," + a(m) + f(456) + g(m, Math.PI) + "A" + a(m) + "," + a(m) + f(456) + g(m, 0) + "Z";
+	}
+	let _ = h / 2, v = _ >= Math.PI / 2 ? 1 : Math[f(475)](_), y = Math[f(476)](0, u / 2);
+	if (p * v <= y + i) return "";
+	let b = p - m, x = m * v <= y + i, S = x ? y / Math[f(475)](_) : 0, C = v < 1 ? (p * v - y) / (1 + v) : Infinity, w = v < 1 ? (m * v - y) / (1 - v) : Infinity, T = Math.max(0, Math.min(d, (x ? p - S : b) / 2, C)), E = x ? 0 : Math[f(476)](0, Math[f(459)](d, b / 2, w)), D = (n, r, i, o) => {
+		let s = f, c = e + i * Math.sin(n) + r * o * Math[s(471)](n), l = t - i * Math.cos(n) + r * o * Math[s(475)](n);
+		return a(c) + "," + a(l);
+	}, O = (e) => Math[f(459)](1, Math[f(476)](0, e)), k = (e) => Math[f(462)](Math.max(0, e)), A = k((p - T) ** 2 - (y + T) ** 2), j = Math[f(469)](O((y + T) / (p - T))), M = c + j, N = l - j, P = "M" + D(c, 1, A, y);
+	if (T > i && (P += "A" + a(T) + "," + a(T) + f(455) + g(p, M)), N - M > i && (P += "A" + a(p) + "," + a(p) + f(467) + +(N - M > Math.PI) + f(460) + g(p, N)), T > i && (P += "A" + a(T) + "," + a(T) + f(455) + D(l, -1, A, y)), x) return P + "L" + g(S, c + _) + "Z";
+	let F = k((m + E) ** 2 - (y + E) ** 2), I = Math[f(469)](O((y + E) / (m + E))), L = c + I, R = l - I;
+	return P += "L" + D(l, -1, F, y), E > i && (P += "A" + a(E) + "," + a(E) + f(455) + g(m, R)), R - L > i && (P += "A" + a(m) + "," + a(m) + f(467) + +(R - L > Math.PI) + f(467) + g(m, L)), E > i && (P += "A" + a(E) + "," + a(E) + " 0 0 1 " + D(c, 1, F, y)), P + "Z";
+}
+function s(e, n, r, i) {
+	let a = (e, t, n) => 3 * e * n * (1 - n) ** 2 + 3 * t * n * n * (1 - n) + n ** 3;
+	return (o) => {
+		let s = t;
+		if (o <= 0) return 0;
+		if (o >= 1) return 1;
+		let c = 0, l = 1, u = o;
+		for (let t = 0; t < 24; t++) {
+			let t = a(e, r, u);
+			if (Math[s(472)](t - o) < 1e-5) break;
+			t < o ? c = u : l = u, u = (c + l) / 2;
+		}
+		return a(n, i, u);
+	};
+}
+export { s as cubicBezier, o as segmentPath };

package/lib/components/PieChart/useArcTween.js

@@ -0,0 +1,92 @@
+"use client";
+function e(t, r) {
+	t -= 142;
+	let i = n(), a = i[t];
+	e.iqUhwS === void 0 && (e.beTAiG = 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.HvqaCc = {}, e.iqUhwS = !0);
+	let o = i[0];
+	e.xFLykm !== o && (e.HvqaCc = {}, e.xFLykm = o);
+	let s = e.HvqaCc[t];
+	return s === void 0 ? (a = e.beTAiG(a), e.HvqaCc[t] = a) : a = s, a;
+}
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(145)) / 1 * (-parseInt(r(144)) / 2) + -parseInt(r(150)) / 3 * (-parseInt(r(149)) / 4) + parseInt(r(158)) / 5 + -parseInt(r(148)) / 6 * (parseInt(r(153)) / 7) + -parseInt(r(159)) / 8 + -parseInt(r(146)) / 9 + parseInt(r(142)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 681100);
+import { cubicBezier as t } from "./arc.js";
+function n() {
+	let e = [
+		"mJi2mJm5tePRrNDP",
+		"AM9PBG",
+		"BwfW",
+		"ndjovg1dzMy",
+		"y3vYCMvUDa",
+		"z2v0",
+		"Dg9gAxHLza",
+		"AgfZ",
+		"nta0ntC3mgrowuzjvq",
+		"mJe4mtq0z1HYDu9L",
+		"ntm0ntGXme5euvzYCW",
+		"A2v5",
+		"mtm0oefNvNfYrq",
+		"nde3vxrfz3H3",
+		"mJG0nZy1ne1YDunjAW",
+		"y29SB3i",
+		"ote2nJiWAwnUu3bQ",
+		"mZzgs0fbqNu"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+import { useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+var s = t(.32, .72, 0, 1);
+function c(t, { enter: n = 900, update: c = 600 } = {}) {
+	let l = e, [u, d] = o(() => t[l(152)]((e) => ({
+		...e,
+		a0: 0,
+		a1: 0
+	}))), f = a(u), p = a(t);
+	i(() => {
+		let e = l;
+		p[e(154)] = t;
+	});
+	let m = a(!1), h = t[l(152)]((e) => e[l(143)] + ":" + e.a0[l(156)](5) + ":" + e.a1[l(156)](5) + ":" + e[l(147)])[l(151)]("|");
+	return r(() => {
+		let e = l, t = p[e(154)], r = !m[e(154)], i = new Map(f[e(154)][e(152)]((e) => [e.key, e])), a = new Set(t.map((t) => t[e(143)])), o = f[e(154)].filter((t) => !a[e(157)](t[e(143)]) && t.a1 - t.a0 > 1e-4)[e(152)]((e) => {
+			let t = (e.a0 + e.a1) / 2;
+			return {
+				...e,
+				a0: t,
+				a1: t
+			};
+		}), u = [...t, ...o], h = u[e(152)]((t) => i[e(155)](t[e(143)]) ?? {
+			...t,
+			a1: t.a0
+		}), g = r ? n : c, _ = 0, v = 0, y = (n) => {
+			let r = e;
+			v ||= n;
+			let i = Math.min(1, (n - v) / g), a = s(i), o = i < 1 ? u[r(152)]((e, t) => ({
+				...e,
+				a0: h[t].a0 + (e.a0 - h[t].a0) * a,
+				a1: h[t].a1 + (e.a1 - h[t].a1) * a
+			})) : t;
+			f.current = o, d(o), i < 1 ? _ = requestAnimationFrame(y) : m[r(154)] = !0;
+		};
+		return _ = requestAnimationFrame(() => _ = requestAnimationFrame(y)), () => cancelAnimationFrame(_);
+	}, [
+		h,
+		n,
+		c
+	]), u;
+}
+export { c as useArcTween };

package/lib/components/Popover/Popover2.js

@@ -0,0 +1,111 @@
+"use client";
+(function(e, t) {
+	let n = i, r = e();
+	for (;;) try {
+		if (parseInt(n(176)) / 1 + -parseInt(n(181)) / 2 + parseInt(n(180)) / 3 + -parseInt(n(160)) / 4 * (parseInt(n(189)) / 5) + parseInt(n(169)) / 6 + parseInt(n(166)) / 7 + -parseInt(n(171)) / 8 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(h, 474237);
+import { TIMING as e } from "../../hooks/timing.js";
+import { usePresence as t } from "../../hooks/usePresence.js";
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { cx as r } from "../../primitives/index.js";
+function i(e, t) {
+	e -= 158;
+	let n = h(), r = n[e];
+	i.aWBxIk === void 0 && (i.vPExGf = 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);
+	}, i.BPJCMx = {}, i.aWBxIk = !0);
+	let a = n[0];
+	i.SGeYxq !== a && (i.BPJCMx = {}, i.SGeYxq = a);
+	let o = i.BPJCMx[e];
+	return o === void 0 ? (r = i.vPExGf(r), i.BPJCMx[e] = r) : r = o, r;
+}
+import { useFloating as a } from "../../hooks/useFloating.js";
+import { useDismiss as o } from "../../hooks/useDismiss.js";
+import { focusableIn as s } from "../../hooks/useFocusTrap.js";
+/* empty css        */
+import { useEffect as c, useRef as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+var m = 160;
+function h() {
+	let e = /* @__PURE__ */ "zNvUy3rPB24.C2v0vgLTzw91Da.zhmTzMXVyxrPBMC.Ag92zxi.zM9JDxm.mJG3nJGXmuLeshzSqG.A2v5.CMvSyxrLzfrHCMDLDa.ndu5oda1mMf6thLoEG.C3bHBG.nZiZodq4meLSvKTyyW.y29UDgfPBNm.ChjLDMvUDerLzMf1Bhq.DgfYz2v0.Bwf0y2HLCW.ndKYnZCWBw1QyKTq.Ag92zxjhCMfJzq.B3bLBG.Cg9PBNrLCLr5Cgu.nda3mZKXDevwAfv6.mJGZodj0ELvhqvi.y2XLyxjuAw1LB3v0.zhmTzMXVyxrPBMCTlxbHzc0.y2XVC2vK.zgLHBg9N.Bw91C2u.ywn0AxzLrwXLBwvUDa.y2XPy2S.mZqZodCWEM9VwNbL.Bw91BNrLza.zgvMyxvSDfbYzxzLBNrLza.yM9KEq.y3vYCMvUDa.mJrzBK9hzee".split(".");
+	return h = function() {
+		return e;
+	}, h();
+}
+function g({ trigger: h, children: g, open: _, defaultOpen: v = !1, onOpenChange: y, openOn: b = "click", align: x = "start", width: S, padding: C = "md", autoFocus: w = !0, className: T, "aria-label": E }) {
+	let D = i, [O, k] = n(_, v, y), A = t(O, m), j = l(null), M = l(null), N = l(0), { style: P, side: F } = a(j, A[D(190)], {
+		matchWidth: !1,
+		align: x,
+		panelRef: M,
+		maxHeight: 560
+	});
+	o(O, [j, M], () => k(!1)), c(() => () => window.clearTimeout(N.current), []), c(() => {
+		let e = D;
+		if (!O || b !== e(188) || !w) return;
+		let t = requestAnimationFrame(() => {
+			let t = e, n = M.current;
+			n && (s(n)[0] ?? n)[t(165)]({ preventScroll: !0 });
+		});
+		return () => cancelAnimationFrame(t);
+	}, [
+		O,
+		b,
+		w
+	]), c(() => {
+		let e = D;
+		!O && M[e(159)]?.contains(document[e(187)]) && j[e(159)] && s(j[e(159)])[0]?.[e(165)]({ preventScroll: !0 });
+	}, [O]);
+	let I = () => k(!1), L = (e) => {
+		let t = D, n = e[t(168)];
+		j[t(159)]?.[t(172)](n) || M[t(159)]?.[t(172)](n) || k(!1);
+	}, R = (e) => {
+		let t = D;
+		e[t(167)] === "Escape" && O && !e[t(191)] && (e[t(173)](), I());
+	}, z = b === D(164) ? {
+		onPointerEnter: (t) => {
+			let n = D;
+			t[n(179)] === n(186) && (window[n(182)](N.current), N[n(159)] = window[n(162)](() => k(!0), O ? 0 : e.hoverIntent));
+		},
+		onPointerLeave: (t) => {
+			let n = D;
+			t[n(179)] === n(186) && (window[n(182)](N.current), N[n(159)] = window.setTimeout(() => k(!1), e[n(177)]));
+		}
+	} : {};
+	return f(u, { children: [d(D(170), {
+		ref: j,
+		className: "ds-popover-anchor",
+		onClick: b === "click" ? () => k(!O) : void 0,
+		onFocus: b === "hover" ? (e) => e[D(174)][D(175)](":focus-visible") && k(!0) : void 0,
+		onBlur: b === "hover" ? L : void 0,
+		onKeyDown: R,
+		"aria-expanded": O,
+		...z,
+		children: h
+	}), A[D(190)] && p(d("div", {
+		ref: M,
+		role: D(185),
+		"aria-label": E,
+		tabIndex: -1,
+		className: r(D(163), "ds-scroll", D(183) + C, T),
+		"data-side": F,
+		"data-state": A.closing ? D(184) : D(178),
+		style: {
+			...P,
+			width: S,
+			maxWidth: "calc(100vw - 16px)"
+		},
+		onKeyDown: R,
+		onBlur: b === "hover" ? L : void 0,
+		...z,
+		children: typeof g === D(161) ? g(() => I()) : g
+	}), document[D(158)])] });
+}
+export { g as Popover };