@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/FunnelChart/FunnelChart2.js

@@ -0,0 +1,283 @@
+"use client";
+const e = p;
+(function(e, t) {
+	let n = p, r = e();
+	for (;;) try {
+		if (parseInt(n(313)) / 1 * (parseInt(n(376)) / 2) + parseInt(n(366)) / 3 * (-parseInt(n(358)) / 4) + parseInt(n(377)) / 5 + parseInt(n(303)) / 6 + parseInt(n(375)) / 7 + parseInt(n(315)) / 8 * (-parseInt(n(343)) / 9) + -parseInt(n(325)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(l, 830432);
+import { Text as t } from "../../primitives/Typography2.js";
+import { ColorDot as n } from "../../primitives/ColorDot2.js";
+import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
+import { cx as a } from "../../primitives/index.js";
+import { ChartTooltip as o } from "../Chart/ChartParts.js";
+import { barPath as s, chartColor as c, formatNumber as ee, formatPercent as te } from "../Chart/chart2.js";
+function l() {
+	let e = /* @__PURE__ */ "BwfW.ChjLDMLVDxm.mZm5nZCWn3zcuMX1sa.y2XVC2vK.CMvJDa.zhmTzNvUBMvSlwnOyxj0x19ZDgvW.zhjVCa.zgL2.BgfIzwW.C2vJB25Kyxj5.ls1JAgfYDc1ZzxeTmq.ChGSia.Bwf4.B3bLBG.zw5K.Ag9YAxPVBNrHBa.imk3ia.nJHPuMznyNK.y2vPBa.7lkRioUlQoQZHcdRJidRUyq.DMfSDwu.ChGP.lwXPDMu.BgvMDa.zhmTzNvUBMvSlwnOyxj0x19SywjLBa.mtqXodD5su9VzLe.Dg9W.7j207kceioUlQoQZHcdRJidRUyq.zhmTy2HHCNrFx3nY.BwLU.BwLK.BwLKzgXL.zNjVBuzPCNn0.zNjVBvbYzxzPB3vZ.ntCXnJmXmNHYAgPSsq.mtG0nNrXu292sq.mtGZndaWme14uLvntG.mJyZnZeYEfDls3fV.DxjSkcm.DxnLCLnWywnLt25vC2u.Dgv4Da.CM90yxrLkdq1kq.CM91BMq.y2XPzw50wa.y3vYCMvUDfrHCMDLDa.DhjHBNnSyxrLwcG.zhmTzNvUBMvSlwnOyxj0x19Wy3q.otC3ALPpCNLb.C3bHBG.mJrMEKLvD1e.idmWjsWGDMfYkc0TC3vYzMfJzsKP.lwHHDgnOlq.zhmTy2HHCNq.zhmTy2HHCNrFx3rPCa.zhmTzNvUBMvSlwnOyxj0.zhmTzNvUBMvSlwnOyxj0x19KCM9W.y2XPzw50wq.zhjVCfjHDgu.A2v5.odu3nduWBNftAhjr.yM9KEs1ZBq.zhmTzNvUBMvSlwnOyxj0x192ywX1zq.zhmTzNvUBMvSlwnOyxj0x19Iyw5K.zgvMCW.Cgf0Aa.7y2864sqioYWQo2kUa.B3rOzxi.D2LKDgG.BgvUz3rO.zMLYC3q.y29UDMvYC2LVBG.z2v0qM91BMrPBMDdBgLLBNrszwn0.zMXVB3i.BgLUzq.yMfY".split(".");
+	return l = function() {
+		return e;
+	}, l();
+}
+import { useChartInteraction as u } from "../Chart/useChartInteraction.js";
+import { estimateTextWidth as d, funnelStats as ne, hBarPath as f } from "./funnel.js";
+function p(e, t) {
+	e -= 303;
+	let n = l(), r = n[e];
+	p.oGoebU === void 0 && (p.twkWgz = 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);
+	}, p.WAJVaD = {}, p.oGoebU = !0);
+	let i = n[0];
+	p.BcMVTf !== i && (p.WAJVaD = {}, p.BcMVTf = i);
+	let a = p.WAJVaD[e];
+	return a === void 0 ? (r = p.twkWgz(r), p.WAJVaD[e] = r) : r = a, r;
+}
+/* empty css            */
+import { useId as re } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = 14, ie = 28, _ = 8, v = 4, y = 44;
+function b({ data: l, orientation: p = "horizontal", calculateFrom: b = e(335), color: ae = e(351), gradient: oe = !1, showDropOff: x = !0, height: S = 260, barSize: C = 32, formatValue: w = ee, formatPercent: T = te, legend: se = !0, activeIndex: ce, defaultActiveIndex: le, onActiveIndexChange: ue, "aria-label": de = "퍼널 차트", className: fe, style: pe }) {
+	let E = e, D = re(), O = ne(l, b), k = O[E(334)], { open: A, shown: j, settled: me, width: M, tipRef: he, tipSize: N, hover: P, leave: ge, plotProps: F } = u({
+		count: k,
+		activeIndex: ce,
+		defaultActiveIndex: le,
+		onActiveIndexChange: ue,
+		initialKeyboardIndex: E(335)
+	}), I = p === E(356), _e = Math[E(353)](0, ...O[E(341)]((e) => e.value)) || 1, L = (e) => {
+		let t = E, n = O[e]?.color;
+		return n ? c(n, e) : oe ? "var(--chart-seq-" + (k > 1 ? 1 + Math[t(308)](e * 3 / (k - 1)) : 1) + ")" : c(ae, 0);
+	}, ve = (e) => "color-mix(in srgb, " + e + E(316), R = I ? Math[E(359)](Math[E(353)](0, ...O.map((e) => d(e[E(349)])))) + 16 : 0, ye = Math[E(359)](Math[E(353)](0, ...O[E(341)]((e) => d(w(e[E(361)], e))))) + 4, be = I ? 16 + ye + 10 + y : 0, xe = Math.max(0, M - R - be), z = C + g, B = I ? Math[E(353)](0, k * C + (k - 1) * g) : S, V = S - ie, Se = Math.max(0, V - 50), H = k ? M / k : 0, U = H * .78, W = (e) => e / _e * (I ? xe : Se), G = O[E(341)]((e, t) => {
+		let n = E, r = t ? O[t - 1].value : e.value, i = W(e[n(361)]), a = W(Math[n(353)](r, e[n(361)]));
+		if (I) {
+			let e = t * z;
+			return {
+				bar: f(R, e, i, C, v),
+				drop: f(R + i, e, a - i, C, v),
+				end: R + a,
+				mid: e + C / 2
+			};
+		}
+		let o = t * H + (H - U) / 2;
+		return {
+			bar: s(o, V - i, U, i, v),
+			drop: s(o, V - a, U, a - i, v),
+			end: (t + 1) * H,
+			mid: t * H + H / 2
+		};
+	}), K = j === null ? void 0 : O[j], q = (e) => E(e === "first" ? 360 : 368), J = b === E(335) ? E(342) : E(335), Ce = K && j !== null ? [{
+		key: E(336),
+		label: q(b),
+		color: L(j),
+		value: T(K[E(336)])
+	}, ...j > 0 ? [{
+		key: E(332),
+		label: q(J),
+		color: L(j),
+		value: T(J === E(335) ? K[E(373)] : K[E(374)])
+	}, {
+		key: "drop",
+		label: "이탈",
+		color: ve(L(j - 1)),
+		value: w(K[E(347)], K) + E(357) + T(K[E(323)])
+	}] : []] : [], Y = j === null ? void 0 : G[j], X = 0, Z = 0;
+	if (Y && j !== null) {
+		if (I) X = Math[E(353)](0, Math[E(370)](Y[E(355)] + _, M - N.w)), Z = Math[E(353)](0, Math[E(370)](Y[E(371)] - N.h / 2, B - N.h));
+		else {
+			let e = j * H;
+			X = Y[E(355)] + _ + N.w > M ? Math.max(0, e - _ - N.w) : Y[E(355)] + _, Z = 50;
+		}
+	}
+	let Q = j === null ? 0 : I ? j * z - g / 2 : j * H, $ = (e) => {
+		let t = E;
+		if (!k) return;
+		let n = e[t(310)][t(337)](), r = I ? Math.floor((e[t(322)] - n[t(367)] + g / 2) / z) : Math[t(338)]((e[t(309)] - n[t(364)]) / n[t(333)] * k);
+		P(Math[t(370)](k - 1, Math[t(353)](0, r)));
+	}, we = A && K ? K[E(349)] + ": " + w(K.value, K) + ", " + q(b) + " " + T(K[E(336)]) + (j ? ", 이탈 " + w(K.drop, K) : "") : "";
+	return h(i, {
+		gap: 3,
+		className: a(E(318), E(320), fe),
+		style: pe,
+		children: [h(E(348), {
+			...F,
+			className: "ds-chart__plot",
+			style: { height: B },
+			"data-orientation": p,
+			"aria-roledescription": E(331),
+			"aria-label": de,
+			"aria-describedby": D + "-live",
+			children: [
+				M > 0 && h("svg", {
+					className: "ds-chart__svg ds-funnel-chart__svg",
+					width: M,
+					height: B,
+					"aria-hidden": !0,
+					"data-orientation": p,
+					children: [
+						m(E(329), { children: O[E(341)]((e, t) => t > 0 ? h("pattern", {
+							id: D + E(317) + t,
+							width: 6,
+							height: 6,
+							patternUnits: E(305),
+							patternTransform: E(307),
+							children: [m(E(345), {
+								width: 6,
+								height: 6,
+								style: {
+									fill: L(t - 1),
+									fillOpacity: .1
+								}
+							}), m(E(339), {
+								x1: 1.5,
+								y1: 0,
+								x2: 1.5,
+								y2: 6,
+								style: {
+									stroke: L(t - 1),
+									strokeWidth: 3,
+									strokeOpacity: .28
+								}
+							})]
+						}, e.key) : null) }),
+						m(E(345), {
+							className: E(328),
+							"data-state": E(A ? 354 : 344),
+							x: 0,
+							y: 0,
+							width: I ? M : H,
+							height: I ? z : B,
+							rx: 8,
+							style: { transform: I ? "translateY(" + Q + E(362) : E(311) + Q + E(362) }
+						}),
+						O.map((e, t) => {
+							let n = E, r = G[t], i = A && j !== t || void 0, a = { "--_i": t };
+							return h("g", {
+								className: n(346),
+								"data-faded": i,
+								children: [x && t > 0 && m(n(330), {
+									className: n(321),
+									d: r[n(347)],
+									fill: n(304) + D + n(317) + t + ")",
+									style: a
+								}), m(n(330), {
+									className: "ds-funnel-chart__bar",
+									d: r[n(340)],
+									fill: L(t),
+									style: a
+								})]
+							}, e.key);
+						}),
+						O[E(341)]((e, t) => {
+							let n = E, r = G[t], i = w(e.value, e), a = T(e[n(336)]);
+							return I ? h("g", { children: [
+								m(n(306), {
+									className: "ds-funnel-chart__label",
+									x: 0,
+									y: r[n(371)],
+									dominantBaseline: n(372),
+									children: e.label
+								}),
+								m(n(306), {
+									className: n(327),
+									x: M - y - 10,
+									y: r[n(371)],
+									dominantBaseline: n(372),
+									textAnchor: n(355),
+									children: i
+								}),
+								m(n(306), {
+									className: n(312),
+									x: M,
+									y: r[n(371)],
+									dominantBaseline: n(372),
+									textAnchor: "end",
+									children: a
+								})
+							] }, e[n(324)]) : h("g", { children: [
+								m(n(306), {
+									className: n(327),
+									x: r[n(371)],
+									y: 16,
+									dominantBaseline: n(372),
+									textAnchor: "middle",
+									children: i
+								}),
+								m(n(306), {
+									className: n(312),
+									x: r[n(371)],
+									y: 35,
+									dominantBaseline: n(372),
+									textAnchor: n(372),
+									children: a
+								}),
+								m("text", {
+									className: n(365),
+									x: r[n(371)],
+									y: S - 6,
+									textAnchor: n(372),
+									children: e[n(349)]
+								})
+							] }, e[n(324)]);
+						}),
+						m(E(345), {
+							className: "ds-chart__hit",
+							x: 0,
+							y: 0,
+							width: M,
+							height: B,
+							onPointerMove: $,
+							onPointerDown: $,
+							onPointerLeave: ge
+						})
+					]
+				}),
+				m(E(348), {
+					ref: he,
+					className: E(319),
+					"data-state": E(A ? 354 : 344),
+					"data-settled": me || void 0,
+					style: { transform: "translate(" + X + E(352) + Z + E(362) },
+					"aria-hidden": !0,
+					children: m(o, {
+						title: K?.[E(349)],
+						value: K ? w(K[E(361)], K) : void 0,
+						rows: Ce
+					})
+				}),
+				m(E(314), {
+					id: D + E(363),
+					className: E(369),
+					"aria-live": "polite",
+					children: we
+				})
+			]
+		}), se && x && h(r, {
+			gap: 4,
+			children: [h(r, {
+				gap: 2,
+				wrap: !1,
+				children: [m(n, { color: L(0) }), m(t, {
+					variant: E(326),
+					tone: E(350),
+					children: "전환"
+				})]
+			}), h(r, {
+				gap: 2,
+				wrap: !1,
+				children: [m(n, {
+					color: L(0),
+					variant: "hatched"
+				}), m(t, {
+					variant: E(326),
+					tone: E(350),
+					children: "이탈"
+				})]
+			})]
+		})]
+	});
+}
+export { b as FunnelChart };

package/lib/components/FunnelChart/funnel.js

@@ -0,0 +1,72 @@
+"use client";
+const e = i;
+(function(e, t) {
+	let n = i, r = e();
+	for (;;) try {
+		if (-parseInt(n(238)) / 1 * (-parseInt(n(232)) / 2) + -parseInt(n(239)) / 3 + -parseInt(n(235)) / 4 * (parseInt(n(234)) / 5) + -parseInt(n(233)) / 6 * (-parseInt(n(231)) / 7) + parseInt(n(226)) / 8 + -parseInt(n(221)) / 9 * (-parseInt(n(222)) / 10) + -parseInt(n(223)) / 11 * (parseInt(n(230)) / 12) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 912199);
+function t() {
+	let e = [
+		"mZK2mdy2mfvWzvH0vq",
+		"nfnby0nHrG",
+		"Bwf4",
+		"BwLU",
+		"nty3nZKWBhf5yxvV",
+		"mtm0nJm0m1fZuenIBq",
+		"ovDmuKnlvG",
+		"mtaYnJK1ntbxDeLKD1u",
+		"mtG3zKrvvvzi",
+		"BwfW",
+		"zNjVBq",
+		"nJq1mJu1mLHRsKHQqG",
+		"DMfSDwu",
+		"y29KzvbVAw50qxq",
+		"zMLYC3q",
+		"mta2ndu1nKfuAwHpBq",
+		"ndG0ndKWm0HSDvbZta",
+		"nfr4DK9Tsq",
+		"nK5ZD2PdrG"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+function n(e, t) {
+	let n = i, r = e[0]?.[n(227)] ?? 0;
+	return e[n(224)]((i, a) => {
+		let o = n, s = Math[o(236)](0, i[o(227)]), c = a ? Math[o(236)](0, e[a - 1][o(227)]) : s, l = a === 0 ? 1 : r > 0 ? s / r : 0, u = a === 0 ? 1 : c > 0 ? s / c : 0, d = a ? Math[o(236)](0, c - s) : 0;
+		return {
+			...i,
+			value: s,
+			fromFirst: l,
+			fromPrevious: u,
+			conversion: t === o(229) ? l : u,
+			drop: d,
+			dropRate: a && c > 0 ? d / c : 0
+		};
+	});
+}
+function r(e, t, n, r, a) {
+	let o = i, s = Math[o(236)](0, Math[o(237)](a, r / 2, n));
+	return "M" + e + "," + t + "H" + (e + n - s) + "Q" + (e + n) + "," + t + " " + (e + n) + "," + (t + s) + "V" + (t + r - s) + "Q" + (e + n) + "," + (t + r) + " " + (e + n - s) + "," + (t + r) + "H" + e + "Z";
+}
+function i(e, n) {
+	e -= 221;
+	let r = t(), a = r[e];
+	i.FUblpD === void 0 && (i.PXnMZL = 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.osNwMa = {}, i.FUblpD = !0);
+	let o = r[0];
+	i.ZjMToi !== o && (i.osNwMa = {}, i.ZjMToi = o);
+	let s = i.osNwMa[e];
+	return s === void 0 ? (a = i.PXnMZL(a), i.osNwMa[e] = a) : a = s, a;
+}
+var a = (t) => Array[e(225)](t).reduce((t, n) => t + ((n[e(228)](0) ?? 0) >= 11904 ? 13 : 7.5), 0);
+export { a as estimateTextWidth, n as funnelStats, r as hBarPath };

package/lib/components/Highlight/Highlight2.js

@@ -0,0 +1,100 @@
+"use client";
+const e = n;
+(function(e, t) {
+	let r = n, i = e();
+	for (;;) try {
+		if (parseInt(r(318)) / 1 + parseInt(r(321)) / 2 * (-parseInt(r(312)) / 3) + parseInt(r(322)) / 4 + -parseInt(r(329)) / 5 + parseInt(r(303)) / 6 + parseInt(r(316)) / 7 * (-parseInt(r(328)) / 8) + parseInt(r(304)) / 9 == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(c, 785804);
+import { Text as t } from "../../primitives/Typography2.js";
+function n(e, t) {
+	e -= 301;
+	let r = c(), i = r[e];
+	n.tXGxBF === void 0 && (n.NOijld = 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.owneDx = {}, n.tXGxBF = !0);
+	let a = r[0];
+	n.FkKeTO !== a && (n.owneDx = {}, n.FkKeTO = a);
+	let o = n.owneDx[e];
+	return o === void 0 ? (i = n.NOijld(i), n.owneDx[e] = i) : i = o, i;
+}
+import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
+import { useControllableState as a } from "../../hooks/useControllableState.js";
+import { cx as o } from "../../primitives/index.js";
+import { Popover as s } from "../Popover/Popover2.js";
+/* empty css          */
+function c() {
+	let e = /* @__PURE__ */ "C3rHCNq.zhmTAgLNAgXPz2H0.ndj2vwf4swW.C3rYAw5N.mtuWmtGYnuXWyM1quW.B3bLBG.zgfUz2vY.mtK2nMXOsefdzq.mJK3nZuXmLz6Dej6DG.D2fYBMLUzW.ywnJzw50.zgL2.B3zLCMXPBMu.zhmTAgLNAgXPz2H0x190AxrSzs0T.mti2otiYne1xB2nZBa.ndq1ndKZme1dDKLHBG.zhmTAgLNAgXPz2H0x190AxrSzq.zhmTAgLNAgXPz2H0ls0.BwfUDwfS.ntq0ntm1ng1MDg1hDW.mJe5otG3zfbpqwDc.yM9KEs1ZBq.zhmTAgLNAgXPz2H0ls1UB3rLza.ywX3yxLZ.zhmTAgLNAgXPz2H0x19ZCG.C3bHBG.Ag92zxi.BwfYAW.mty3n09AteP6wq.y2XVC2vK".split(".");
+	return c = function() {
+		return e;
+	}, c();
+}
+import { useId as l } from "react";
+import { CircleAlert as u, Info as d, TriangleAlert as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = {
+	warning: e(323),
+	accent: e(324),
+	danger: e(320)
+}, _ = {
+	warning: m(f, {}),
+	danger: m(u, {}),
+	accent: m(d, {})
+};
+function v({ children: n, tone: c = e(323), note: u, noteTitle: d, noteIcon: f, noteFooter: v, openOn: y = e(310), open: b, defaultOpen: x = !1, onOpenChange: S, noteWidth: C = 280, align: w = e(314), className: T, style: E }) {
+	let D = e, O = l(), [k, A] = a(b, x, S), j = u != null, M = y === D(307), N = m(D(311), {
+		className: o(D(315), D(301) + c, j && D(306), T),
+		style: E,
+		tabIndex: j ? 0 : void 0,
+		"aria-describedby": j ? O : void 0,
+		"data-state": j ? D(M || k ? 319 : 313) : void 0,
+		onClick: j && !M && !k ? () => A(!0) : void 0,
+		children: n
+	});
+	if (!j) return N;
+	let P = h(i, {
+		gap: 2,
+		children: [h(i, {
+			gap: 1,
+			children: [h(r, {
+				gap: 1,
+				wrap: !1,
+				className: o(D(330), D(327) + c),
+				children: [f ?? _[c], d != null && m(t, {
+					variant: D(326),
+					tone: g[c],
+					children: d
+				})]
+			}), m(t, {
+				as: D(325),
+				variant: D(305),
+				children: u
+			})]
+		}), v != null && m(r, {
+			gap: 1,
+			children: v
+		})]
+	});
+	return h(p, { children: [m(s, {
+		trigger: N,
+		openOn: M ? D(302) : "hover",
+		open: M ? !0 : k,
+		onOpenChange: M ? void 0 : A,
+		width: C,
+		align: w,
+		autoFocus: !1,
+		"aria-label": typeof d === D(317) ? d : "메모",
+		children: P
+	}), h(D(309), {
+		id: O,
+		className: D(308),
+		children: [d != null && h(p, { children: [d, ": "] }), u]
+	})] });
+}
+export { v as Highlight };

package/lib/components/HoverCard/HoverCard.js

@@ -0,0 +1,134 @@
+"use client";
+const e = o;
+(function(e, t) {
+	let n = o, r = e();
+	for (;;) try {
+		if (-parseInt(n(302)) / 1 * (-parseInt(n(291)) / 2) + -parseInt(n(307)) / 3 * (parseInt(n(290)) / 4) + parseInt(n(286)) / 5 + -parseInt(n(297)) / 6 * (parseInt(n(299)) / 7) + parseInt(n(289)) / 8 * (-parseInt(n(300)) / 9) + -parseInt(n(292)) / 10 * (parseInt(n(312)) / 11) + parseInt(n(304)) / 12 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(n, 813053);
+import { Text as t } from "../../primitives/Typography2.js";
+function n() {
+	let e = /* @__PURE__ */ "BgfIzwW.ndK3mdLbufntq0W.AxnbCNjHEq.C3rYAw5N.Dg91y2G.odu5mJKWzgXIzerR.Cg9PBNrLCLr5Cgu.ChjLDMvUDerLzMf1Bhq.mta3odCZnNnxA2vTwq.mtC0ohDWAvHJvq.mtriq0XYBhy.nZCWtMTYqvf5.nZaL.y2fWDgLVBG.Dhj1zq.BwfW.mJe0otG2rLzVz0nA.AwnVBG.n3L6AgHcEG.odfHCvPJrLK.C3bHBG.mtaWndq2qNz4Ag1A.C2vJB25Kyxj5.mJKZodaWntzhuLPzENK.DgfW.C3rVCfbYB3bHz2f0Aw9U.nJi2n0zQAvvxza.y3vYCMvUDa.C3rHCNq.yM9KEs1ZBq".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
+import { useControllableState as a } from "../../hooks/useControllableState.js";
+function o(e, t) {
+	e -= 286;
+	let r = n(), i = r[e];
+	o.aTyqCb === void 0 && (o.AuHBaS = 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);
+	}, o.qwEmma = {}, o.aTyqCb = !0);
+	let a = r[0];
+	o.UcHtHM !== a && (o.qwEmma = {}, o.UcHtHM = a);
+	let s = o.qwEmma[e];
+	return s === void 0 ? (i = o.AuHBaS(i), o.qwEmma[e] = i) : i = s, i;
+}
+import { Skeleton as s, SkeletonCircle as c, SkeletonText as l } from "../Skeleton/Skeleton2.js";
+import { Popover as u } from "../Popover/Popover2.js";
+import { useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+function m({ trigger: n, media: m, leading: h, title: g, subtitle: _, description: v, meta: y, children: b, actions: x, loading: S = !1, open: C, defaultOpen: w = !1, onOpenChange: T, align: E = e(309), width: D = 320, touch: O = "tap", "aria-label": k, className: A }) {
+	let j = e, [M, N] = a(C, w, T), P = d("mouse"), F = (e) => {
+		let t = o;
+		O !== t(305) || P[t(308)] !== t(315) || M || (e[t(288)](), e[t(306)](), N(!0));
+	}, I = (h || g || _) && p(r, {
+		gap: 3,
+		wrap: !1,
+		children: [h, p(i, {
+			gap: 0,
+			style: {
+				minWidth: 0,
+				flex: 1
+			},
+			children: [g && f(t, {
+				variant: "label-lg",
+				truncate: !0,
+				children: g
+			}), _ && f(t, {
+				variant: "body-sm",
+				tone: j(303),
+				truncate: !0,
+				children: _
+			})]
+		})]
+	}), L = y != null && (Array[j(313)](y) ? f(r, {
+		gap: 3,
+		children: y[j(296)]((e, n) => f(t, {
+			as: j(301),
+			variant: j(294),
+			tone: "secondary",
+			children: p(r, {
+				as: "span",
+				gap: 1,
+				wrap: !1,
+				children: [e[j(298)], e[j(311)]]
+			})
+		}, n))
+	}) : y);
+	return f(j(301), {
+		style: { display: "contents" },
+		onPointerDown: (e) => P[j(308)] = e[j(287)],
+		onClickCapture: F,
+		children: f(u, {
+			openOn: "hover",
+			open: M,
+			onOpenChange: N,
+			align: E,
+			width: D,
+			autoFocus: !1,
+			"aria-label": k ?? (typeof g === j(314) ? g : void 0),
+			className: A,
+			trigger: n,
+			children: S ? p(i, {
+				gap: 3,
+				"aria-busy": j(295),
+				children: [p(r, {
+					gap: 3,
+					wrap: !1,
+					children: [f(c, { size: 40 }), p(i, {
+						gap: 2,
+						style: { flex: 1 },
+						children: [f(s, {
+							width: "45%",
+							height: 14
+						}), f(s, {
+							width: j(293),
+							height: 12
+						})]
+					})]
+				}), f(l, {
+					lines: 2,
+					variant: j(310)
+				})]
+			}) : p(i, {
+				gap: 3,
+				children: [
+					m,
+					I,
+					v && f(t, {
+						variant: j(310),
+						tone: j(303),
+						lineClamp: 3,
+						children: v
+					}),
+					L,
+					b,
+					x && f(r, {
+						gap: 2,
+						children: x
+					})
+				]
+			})
+		})
+	});
+}
+export { m as HoverCard };