@iamfiro/design 0.0.0-stage → 0.3.0

package/lib/components/Calendar/DatePicker2.js

@@ -0,0 +1,229 @@
+"use client";
+const e = p;
+(function(e, t) {
+	let n = p, r = e();
+	for (;;) try {
+		if (-parseInt(n(137)) / 1 + parseInt(n(161)) / 2 + -parseInt(n(132)) / 3 + -parseInt(n(156)) / 4 + -parseInt(n(165)) / 5 + parseInt(n(148)) / 6 + parseInt(n(157)) / 7 * (parseInt(n(124)) / 8) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(r, 662718);
+import { Inline as t, Stack as n } from "../../primitives/Layout2.js";
+function r() {
+	let e = /* @__PURE__ */ "AxndB21WB3nPBMC.64kG7kECioYEHEUGPsdRMjdRIPqG7isG7yoD.ndqXntu0nfvvs2vuCa.zhmTC2vSzwn0lxrYAwDNzxiTlq.zhmTzgf0zwzPzwXKx19PBNb1Da.zhmTy29UDhjVBa.rxnJyxbL.zhmTC2vSzwn0lxrYAwDNzxjFx3zHBhvL.BgfIzwW.CMfUz2u.ndCWmdy1nKnjAMvODW.mJC3mdaWodvrCwXHB3e.ChjLDMvUDerLzMf1Bhq.zhmTzgf0zwzPzwXK.zgL2.mZa5mta2svDwBejd.y3vYCMvUDa.zhmTC2vSzwn0lxrYAwDNzxjFx2nSzwfY.BwfUDwfS.nde3otu1nurAsxnXqW.Aw5WDxq.zhmTC2vSzwn0lxrYAwDNzxjFx2LJB24.C3bHBG.C2vSzwn0.DgfYz2v0.B2zM.zhmTC2vSzwn0lxrYAwDNzxi.zM9JDxm.64kG7kECioYeOo2dNq.iokaKYa.ohPTALrszG.C3rHCNq.DMfSDwu.DhjPBq.64kG7kECioYNGoYASoQ4Sa.CxvLCNLtzwXLy3rVCG.z2v0rNvSBfLLyxi.zMXLEc1ZDgfYDa.mZCYnZC3mgjvwK50yG.z2v0tw9UDgG.zNjVBq.C3rVCfbYB3bHz2f0Aw9U.zgLHBg9N.otmXmJq5q3jfDKn0.z2HVC3q.yNv0Dg9U.A2v5.BgvUz3rO.rw50zxi.qxjYB3DeB3DU.w3jVBgu9iMDYAwqIxsbBDgfIAw5KzxG9iJaIxq.6RIW6RceioYeOo2dNq".split(".");
+	return r = function() {
+		return e;
+	}, r();
+}
+import { useControllableState as i } from "../../hooks/useControllableState.js";
+import { Button as a, cx as o } from "../../primitives/index.js";
+/* empty css               */
+import { Popover as s } from "../Popover/Popover2.js";
+import { DEFAULT_DATE_PRESETS as c, compareDay as l, formatDate as u, parseDateInput as d } from "./date.js";
+import { Calendar as f } from "./Calendar2.js";
+/* empty css           */
+function p(e, t) {
+	e -= 122;
+	let n = r(), i = n[e];
+	p.aQCUUx === void 0 && (p.YIFDzE = 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.TBLPWR = {}, p.aQCUUx = !0);
+	let a = n[0];
+	p.NtaPlo !== a && (p.TBLPWR = {}, p.NtaPlo = a);
+	let o = p.TBLPWR[e];
+	return o === void 0 ? (i = p.YIFDzE(i), p.TBLPWR[e] = i) : i = o, i;
+}
+import { useRef as m, useState as h } from "react";
+import { CalendarDays as g, X as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+function b({ id: e, size: t = "md", disabled: n, invalid: r, open: i, empty: a, children: s, onClear: c, className: l, "aria-label": u }) {
+	let d = p;
+	return y(d(139), {
+		id: e,
+		type: d(139),
+		"aria-haspopup": d(136),
+		"aria-label": u,
+		disabled: n,
+		"aria-invalid": r || void 0,
+		className: o(d(151), d(172), t !== "md" && d(149) + t, l),
+		"data-open": i || void 0,
+		"data-invalid": r || void 0,
+		"data-disabled": n || void 0,
+		"data-placeholder": a || void 0,
+		children: [
+			v(d(168), {
+				className: d(167),
+				children: v(g, {})
+			}),
+			v("span", {
+				className: d(153),
+				children: s
+			}),
+			c && !a && !n && v(d(168), {
+				role: d(139),
+				tabIndex: -1,
+				"aria-label": d(128),
+				className: d(163),
+				onClick: (e) => {
+					e[d(135)](), c();
+				},
+				children: v(_, {})
+			})
+		]
+	});
+}
+function x({ value: t, defaultValue: n = null, onValueChange: r, formatValue: a = (e) => u(e), placeholder: c = e(147), clearable: b = !0, align: x = e(125), min: S, max: C, isDateDisabled: w, weekStartsOn: T, id: E, size: D = "md", disabled: O, invalid: k, className: A, "aria-label": j }) {
+	let M = e, [N, P] = i(t, n, r), [F, I] = h(!1), [L, R] = h(null), [z, B] = h(!1), [V, H] = h(0), U = m(null), W = m(null), G = (e) => !!S && l(e, S) < 0 || !!C && l(e, C) > 0 || !!w?.(e), K = (e) => {
+		let t = d(e);
+		return t && !G(t) ? t : null;
+	}, q = () => {
+		let e = p;
+		if (L === null) return !0;
+		if (!L[e(127)]()) P(null);
+		else {
+			let e = K(L);
+			if (!e) return B(!0), !1;
+			P(e);
+		}
+		return R(null), B(!1), !0;
+	}, J = () => requestAnimationFrame(() => W[M(162)]?.[M(129)](M(144))?.[M(173)]());
+	return v(s, {
+		open: F,
+		onOpenChange: I,
+		openOn: M(164),
+		align: x,
+		padding: "sm",
+		autoFocus: !1,
+		"aria-label": M(122),
+		trigger: y("div", {
+			className: o(M(151), M(172), M(159), D !== "md" && M(149) + D, A),
+			"data-open": F || void 0,
+			"data-invalid": k || z || void 0,
+			"data-disabled": O || void 0,
+			onPointerDown: (e) => {
+				let t = M;
+				O || e.target === U[t(162)] || (e.preventDefault(), U[t(162)]?.[t(173)](), I(!0));
+			},
+			children: [
+				v(M(166), {
+					ref: U,
+					id: E,
+					className: M(150),
+					value: L ?? (N ? a(N) : ""),
+					placeholder: c,
+					disabled: O,
+					"aria-label": j,
+					"aria-invalid": k || z || void 0,
+					"aria-haspopup": M(136),
+					"aria-expanded": F,
+					autoComplete: M(171),
+					onClick: () => I(!0),
+					onFocus: (e) => e[M(170)][M(169)](),
+					onChange: (e) => {
+						let t = M, n = e[t(170)][t(126)];
+						R(n), B(!1);
+						let r = K(n);
+						r && (N && r[t(130)]() === N[t(130)]() && r[t(133)]() === N[t(133)]() || H((e) => e + 1), P(r)), I(!0);
+					},
+					onKeyDown: (e) => {
+						let t = M;
+						e.nativeEvent[t(146)] || (e.key === t(142) ? (e[t(158)](), q() && I(!1)) : e.key === t(143) ? (e[t(158)](), I(!0), J()) : e[t(140)] === t(152) && (F ? I(!1) : (R(null), B(!1))));
+					},
+					onBlur: () => {
+						!q() && (R(null), B(!1));
+					}
+				}),
+				v(M(168), {
+					className: "ds-select-trigger__icon ds-datefield__icon",
+					"aria-hidden": !0,
+					children: v(g, {})
+				}),
+				b && N && !O && L === null && v("span", {
+					role: M(139),
+					tabIndex: -1,
+					"aria-label": "날짜 지우기",
+					className: M(163),
+					onPointerDown: (e) => e.stopPropagation(),
+					onClick: () => {
+						let e = M;
+						P(null), U.current?.[e(173)]();
+					},
+					children: v(_, {})
+				})
+			]
+		}),
+		children: v(M(160), {
+			ref: W,
+			children: v(f, {
+				value: N,
+				onValueChange: (e) => {
+					let t = M;
+					P(e), R(null), B(!1), I(!1), U.current?.[t(173)]();
+				},
+				min: S,
+				max: C,
+				isDateDisabled: w,
+				weekStartsOn: T
+			}, V)
+		})
+	});
+}
+function S({ value: r, defaultValue: o = {
+	from: null,
+	to: null
+}, onValueChange: l, presets: d = c, placeholder: p = e(145), clearable: m = !0, align: g = e(125), min: _, max: x, isDateDisabled: S, weekStartsOn: C, ...w }) {
+	let T = e, [E, D] = i(r, o, l), [O, k] = h(!1), A = E[T(134)] ? u(E[T(134)]) + T(123) + (E.to ? u(E.to) : "…") : p;
+	return v(s, {
+		open: O,
+		onOpenChange: k,
+		align: g,
+		padding: "sm",
+		autoFocus: !1,
+		"aria-label": "기간 선택",
+		trigger: v(b, {
+			...w,
+			open: O,
+			empty: !E[T(134)],
+			onClear: m ? () => D({
+				from: null,
+				to: null
+			}) : void 0,
+			children: A
+		}),
+		children: y(t, {
+			gap: 3,
+			align: "start",
+			wrap: !1,
+			children: [d[T(141)] > 0 && v(n, {
+				gap: 1,
+				style: { minWidth: 96 },
+				children: d.map((e) => v(a, {
+					variant: T(138),
+					size: "sm",
+					style: { justifyContent: T(131) },
+					onClick: () => {
+						D(e[T(155)]()), k(!1);
+					},
+					children: e.label
+				}, e[T(154)]))
+			}), v(f, {
+				mode: T(155),
+				value: E,
+				onValueChange: (e) => {
+					let t = T;
+					D(e), e[t(134)] && e.to && k(!1);
+				},
+				min: _,
+				max: x,
+				isDateDisabled: S,
+				weekStartsOn: C,
+				autoFocus: !0
+			})]
+		})
+	});
+}
+export { x as DatePicker, S as DateRangePicker };

package/lib/components/Calendar/date.js

@@ -0,0 +1,121 @@
+"use client";
+function e() {
+	var t = [
+		"z2v0rNvSBfLLyxi",
+		"Bwf0y2G",
+		"mtfitejtDMO",
+		"mteYotGWnhzVywPKBa",
+		"ntrArxLwvxe",
+		"mZyWotCWthPYAuH6",
+		"BwLU",
+		"z2v0vgLTzq",
+		"nLDst2DKua",
+		"z2v0tw9UDgG",
+		"mJaYmte2meDfswLTEG",
+		"z2v0rgf5",
+		"mtK3oty0ngrzyNnsvG",
+		"zNjVBq",
+		"mJbuAg9hA1O",
+		"7lwC6RE8idmW7j28",
+		"ndu2mta4tfLPzg5s",
+		"z2v0rgf0zq",
+		"mJy2mdH5DfPYDM8",
+		"7j2067kiioUlRa",
+		"mJi0nJm2m29SzKHYCW",
+		"DhjPBq"
+	];
+	return e = function() {
+		return t;
+	}, e();
+}
+var t = y;
+(function(e, t) {
+	for (var n = y, r = e();;) try {
+		if (-parseInt(n(512)) / 1 + parseInt(n(499)) / 2 + -parseInt(n(503)) / 3 * (-parseInt(n(501)) / 4) + -parseInt(n(519)) / 5 + parseInt(n(517)) / 6 * (parseInt(n(507)) / 7) + -parseInt(n(505)) / 8 * (-parseInt(n(513)) / 9) + -parseInt(n(514)) / 10 * (-parseInt(n(511)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(e, 592928);
+var n = (e) => new Date(e[t(509)](), e.getMonth(), e[t(504)]()), r = (e) => new Date(e[t(509)](), e[t(518)](), 1), i = (e, n) => new Date(e[t(509)](), e.getMonth(), e.getDate() + n), a = (e, n) => {
+	var r = t;
+	let i = new Date(e[r(509)](), e[r(518)]() + n, 1), a = new Date(i[r(509)](), i[r(518)]() + 1, 0)[r(504)]();
+	return new Date(i[r(509)](), i[r(518)](), Math[r(515)](e[r(504)](), a));
+}, o = (e, n) => !!e && !!n && e[t(509)]() === n[t(509)]() && e[t(518)]() === n.getMonth() && e[t(504)]() === n[t(504)](), s = (e, n) => e[t(509)]() === n.getFullYear() && e[t(518)]() === n[t(518)](), c = (e, r) => n(e).getTime() - n(r)[t(516)](), l = (e, t, n) => c(e, t) >= 0 && c(e, n) <= 0;
+function u(e, n) {
+	var a = t;
+	let o = r(e), s = i(o, -((o[a(520)]() - n + 7) % 7));
+	return Array[a(500)]({ length: 42 }, (e, t) => i(s, t));
+}
+var d = [
+	"일",
+	"월",
+	"화",
+	"수",
+	"목",
+	"금",
+	"토"
+], f = (e) => Array[t(500)]({ length: 7 }, (t, n) => d[(n + e) % 7]), p = (e) => e[t(509)]() + "년 " + (e.getMonth() + 1) + "월", m = (e, n = e[t(509)]() !== (/* @__PURE__ */ new Date()).getFullYear()) => (n ? e[t(509)]() + "년 " : "") + (e[t(518)]() + 1) + "월 " + e.getDate() + "일", h = (e) => e.getFullYear() + "년 " + (e[t(518)]() + 1) + "월 " + e[t(504)]() + "일 " + d[e[t(520)]()] + "요일", g = () => n(/* @__PURE__ */ new Date()), _ = [
+	{
+		label: "오늘",
+		range: () => ({
+			from: g(),
+			to: g()
+		})
+	},
+	{
+		label: "최근 7일",
+		range: () => ({
+			from: i(g(), -6),
+			to: g()
+		})
+	},
+	{
+		label: t(502),
+		range: () => ({
+			from: i(g(), -29),
+			to: g()
+		})
+	},
+	{
+		label: t(506),
+		range: () => ({
+			from: new Date(g()[t(509)](), g()[t(518)](), 1),
+			to: g()
+		})
+	}
+];
+function v(e, r = /* @__PURE__ */ new Date()) {
+	var a = t;
+	let o = e[a(508)]().replace(/\s+/g, " ");
+	if (!o) return null;
+	let s = {
+		그제: -2,
+		그저께: -2,
+		어제: -1,
+		오늘: 0,
+		내일: 1,
+		모레: 2
+	};
+	if (o in s) return i(n(r), s[o]);
+	let c = (e, t, n) => {
+		var r = a;
+		let i = new Date(e, t - 1, n);
+		return i.getFullYear() === e && i[r(518)]() === t - 1 && i.getDate() === n ? i : null;
+	}, l = r.getFullYear(), u;
+	return (u = o[a(510)](/^(\d{4})\s*[-./년]\s*(\d{1,2})\s*[-./월]\s*(\d{1,2})\s*[.일]?$/)) || (u = o[a(510)](/^(\d{4})(\d{2})(\d{2})$/)) ? c(+u[1], +u[2], +u[3]) : (u = o.match(/^(\d{1,2})\s*[-./월]\s*(\d{1,2})\s*[.일]?$/)) ? c(l, +u[1], +u[2]) : (u = o[a(510)](/^(\d{1,2})\s*일$/)) ? c(l, r[a(518)]() + 1, +u[1]) : null;
+}
+function y(t, n) {
+	t -= 499;
+	var r = e(), i = r[t];
+	y.vBKviS === void 0 && (y.Lbvhqp = 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);
+	}, y.udaRkf = {}, y.vBKviS = !0);
+	var a = r[0];
+	y.jlOHog !== a && (y.udaRkf = {}, y.jlOHog = a);
+	var o = y.udaRkf[t];
+	return o === void 0 ? (i = y.Lbvhqp(i), y.udaRkf[t] = i) : i = o, i;
+}
+export { _ as DEFAULT_DATE_PRESETS, i as addDays, a as addMonths, l as between, c as compareDay, m as formatDate, h as formatFullDate, p as formatMonth, u as monthGrid, v as parseDateInput, o as sameDay, s as sameMonth, n as startOfDay, r as startOfMonth, f as weekdayLabels };

package/lib/components/Card/Card2.js

@@ -0,0 +1,104 @@
+"use client";
+var e = c;
+(function(e, t) {
+	for (var n = c, r = e();;) try {
+		if (parseInt(n(341)) / 1 + parseInt(n(352)) / 2 * (-parseInt(n(349)) / 3) + -parseInt(n(339)) / 4 * (-parseInt(n(332)) / 5) + parseInt(n(351)) / 6 + -parseInt(n(353)) / 7 + -parseInt(n(348)) / 8 + -parseInt(n(354)) / 9 * (-parseInt(n(355)) / 10) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(d, 475930);
+import { AspectRatio as t } from "../../primitives/AspectRatio2.js";
+import { cx as n } from "../../primitives/index.js";
+/* empty css     */
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+function o({ as: e, variant: t = "default", padding: r = "md", interactive: a, selected: o, className: s, children: l, ...u }) {
+	var d = c;
+	return i(e ?? "div", {
+		className: n("ds-card", "ds-card--" + t, d(338) + r, a && d(340), s),
+		"data-selectable": o !== void 0 || void 0,
+		"data-selected": o || void 0,
+		...u,
+		children: l
+	});
+}
+function s({ title: e, description: t, eyebrow: o, icon: s, actions: l, children: u, className: d }) {
+	var f = c;
+	return a(f(337), {
+		className: n(f(344), d),
+		children: [
+			s && i("div", {
+				className: "ds-card__icon",
+				children: s
+			}),
+			i("div", {
+				className: f(343),
+				children: u ?? a(r, { children: [
+					o && i("div", {
+						className: f(342),
+						children: o
+					}),
+					e && i(f(337), {
+						className: "ds-card__title",
+						children: e
+					}),
+					t && i(f(337), {
+						className: f(356),
+						children: t
+					})
+				] })
+			}),
+			l && i(f(337), {
+				className: f(331),
+				children: l
+			})
+		]
+	});
+}
+function c(e, t) {
+	e -= 331;
+	var n = d(), r = n[e];
+	c.hHXqyN === void 0 && (c.foswYD = 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);
+	}, c.jcLUnf = {}, c.hHXqyN = !0);
+	var i = n[0];
+	c.iidrhW !== i && (c.jcLUnf = {}, c.iidrhW = i);
+	var a = c.jcLUnf[e];
+	return a === void 0 ? (r = c.foswYD(r), c.jcLUnf[e] = r) : r = a, r;
+}
+function l({ children: e, className: t, style: r }) {
+	var a = c;
+	return i(a(337), {
+		className: n(a(350), t),
+		style: r,
+		children: e
+	});
+}
+function u({ children: t, align: r = e(334), divided: a, band: o, className: s }) {
+	var c = e;
+	return i(c(337), {
+		className: n(c(346), c(347) + r, a && c(333), o && c(336), s),
+		children: t
+	});
+}
+function d() {
+	var e = /* @__PURE__ */ "mJbHEhnNsgu.zhmTy2fYzf9FzgvZy3jPChrPB24.twvKAwe.zhmTy2fYzf9FBwvKAwe.zhmTy2fYzf9Fywn0Aw9UCW.mte5otvOrwHOB1i.zhmTy2fYzf9FzM9VDgvYls1KAxzPzgvK.zw5K.qM9KEq.zhmTy2fYzf9FzM9VDgvYls1Iyw5K.zgL2.zhmTy2fYzc0TCgfKlq.mti0nenHuwDwyW.zhmTy2fYzc0TAw50zxjHy3rPDMu.mZq4mtyWwK1WA1zA.zhmTy2fYzf9FzxLLyNjVDW.zhmTy2fYzf9FAgvHzgLUzW.zhmTy2fYzf9FAgvHzgvY.sgvHzgvY.zhmTy2fYzf9FzM9VDgvY.zhmTy2fYzf9FzM9VDgvYls0.ndu5odyWmfDHCgP6tG.nJLbCfb1A1y.zhmTy2fYzf9FyM9KEq.mtaXoda2ofP4rvP0DW.oda5nZrZuMPNs1a.mJyYota4mxz1Dfvuzq.ndKYmti1neDxyNHktq".split(".");
+	return d = function() {
+		return e;
+	}, d();
+}
+function f({ children: r, ratio: a, className: o }) {
+	var s = e;
+	return a === void 0 ? i(s(337), {
+		className: n(s(358), o),
+		children: r
+	}) : i(t, {
+		ratio: a,
+		className: n(s(358), o),
+		children: r
+	});
+}
+o[e(345)] = s, o[e(335)] = l, o.Footer = u, o[e(357)] = f;
+export { o as Card, l as CardBody, u as CardFooter, s as CardHeader, f as CardMedia };

package/lib/components/CardFrame/CardFrame2.js

@@ -0,0 +1,72 @@
+"use client";
+(function(e, n) {
+	for (var r = t, i = e();;) try {
+		if (parseInt(r(222)) / 1 * (-parseInt(r(226)) / 2) + parseInt(r(234)) / 3 * (parseInt(r(218)) / 4) + -parseInt(r(228)) / 5 * (parseInt(r(225)) / 6) + parseInt(r(230)) / 7 * (-parseInt(r(219)) / 8) + parseInt(r(223)) / 9 * (-parseInt(r(229)) / 10) + -parseInt(r(221)) / 11 * (parseInt(r(235)) / 12) + parseInt(r(220)) / 13 * (parseInt(r(233)) / 14) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 403677);
+import { cx as e } from "../../primitives/index.js";
+function t(e, r) {
+	e -= 218;
+	var i = n(), a = i[e];
+	t.rokZlj === void 0 && (t.PqfiWB = 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);
+	}, t.PJpIQR = {}, t.rokZlj = !0);
+	var o = i[0];
+	t.ESVpBA !== o && (t.PJpIQR = {}, t.ESVpBA = o);
+	var s = t.PJpIQR[e];
+	return s === void 0 ? (a = t.PqfiWB(a), t.PJpIQR[e] = a) : a = s, a;
+}
+function n() {
+	var e = [
+		"mtm1nurrDLjfsG",
+		"mtb5yNnmuK8",
+		"mJi0mZiZngfPsNP4uG",
+		"zhmTy2fYzc1MCMfTzv9Fy29UDgvUDa",
+		"zhmTy2fYzc1MCMfTzv9FyMfYigrZlwnHCMqTzNjHBwvFx2jHCI0TzM9VDgvY",
+		"mJHcwerQA2C",
+		"m2HADgXjyW",
+		"mtjbBxziuMW",
+		"mta0ntCXmNrJwxzRzW",
+		"mtzLr091y1e",
+		"mta1ndCYmZHvyujvANm",
+		"mJaYodGXohLsywXlqq",
+		"ndu3C2viyxPx",
+		"ndu3nJC2mu9VCLLXva",
+		"zhmTy2fYzc1MCMfTzq",
+		"mJiZmMrMtM5ACa",
+		"mJaWrxDkAgfz",
+		"zgL2"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+/* empty css          */
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+function a({ header: n, footer: a, children: o, className: s, ...c }) {
+	var l = t;
+	return i(l(227), {
+		className: e(l(224), s),
+		...c,
+		children: [
+			n != null && r("div", {
+				className: "ds-card-frame__bar ds-card-frame__bar--header",
+				children: n
+			}),
+			r(l(227), {
+				className: l(231),
+				children: o
+			}),
+			a != null && r(l(227), {
+				className: l(232),
+				children: a
+			})
+		]
+	});
+}
+export { a as CardFrame };

package/lib/components/Chart/ChartParts.js

@@ -0,0 +1,150 @@
+"use client";
+const e = c;
+(function(e, t) {
+	let n = c, r = e();
+	for (;;) try {
+		if (-parseInt(n(258)) / 1 * (parseInt(n(255)) / 2) + parseInt(n(267)) / 3 + -parseInt(n(256)) / 4 * (parseInt(n(265)) / 5) + -parseInt(n(249)) / 6 * (parseInt(n(270)) / 7) + parseInt(n(263)) / 8 * (-parseInt(n(262)) / 9) + -parseInt(n(259)) / 10 * (parseInt(n(260)) / 11) + -parseInt(n(276)) / 12 * (-parseInt(n(261)) / 13) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(p, 971091);
+import { Text as t } from "../../primitives/Typography2.js";
+import { ColorDot as n } from "../../primitives/ColorDot2.js";
+import { Inline as r, Separator as i, Stack as a } from "../../primitives/Layout2.js";
+import { Card as o, CardBody as s } from "../Card/Card2.js";
+/* empty css      */
+function c(e, t) {
+	e -= 248;
+	let n = p(), r = n[e];
+	c.ATPdkx === void 0 && (c.lVFlRD = 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.PZCXRw = {}, c.ATPdkx = !0);
+	let i = n[0];
+	c.MaeYyI !== i && (c.PZCXRw = {}, c.MaeYyI = i);
+	let a = c.PZCXRw[e];
+	return a === void 0 ? (r = c.lVFlRD(r), c.PZCXRw[e] = r) : r = a, r;
+}
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+function f({ title: e, leading: n, value: f, rows: p, footer: h }) {
+	let g = c;
+	return u(o, {
+		variant: g(272),
+		padding: "sm",
+		children: u(s, { children: d(a, {
+			gap: 2,
+			children: [
+				(e != null || n != null || f != null) && d(l, { children: [d(r, {
+					justify: g(257),
+					gap: 6,
+					wrap: !1,
+					children: [d(r, {
+						gap: 2,
+						wrap: !1,
+						children: [n, e != null && u(t, {
+							variant: g(251),
+							as: "div",
+							children: e
+						})]
+					}), f != null && u(t, {
+						variant: "heading-xs",
+						as: "div",
+						numeric: !0,
+						children: f
+					})]
+				}), u(i, {})] }),
+				u(a, {
+					gap: 1,
+					children: p[g(271)]((e) => u(m, { row: e }, e[g(274)]))
+				}),
+				h && d(l, { children: [u(i, {}), u(m, {
+					row: h,
+					strong: !0
+				})] })
+			]
+		}) })
+	});
+}
+function p() {
+	let e = /* @__PURE__ */ "ndyYD3Lzu3nH.zw5K.AgvHzgLUzY14CW.Aw5SAw5L.DgvYDgLHCNK.BgfIzwWTC20.mtGYmJi2mMPUBNL6zq.mZiZndiWvev0werR.yMv0D2vLBG.mw5py0zWqW.mJiXmhDSr0XsrG.mZq0nJnhBxryvxi.mtnetKjIrMi.nZjKz21dsuu.mtq5ntq3mLbrvwDAEq.yM9KEs1ZBq.otvgugjTuMG.y29SB3i.nty2mdG3murusfnoDG.zgvMyxvSDa.C2vJB25Kyxj5.nZeYntnQs1zhqwK.BwfW.CMfPC2vK.zgv0ywLS.A2v5.DMfSDwu.ntqWmZC4otzADNHYrKy.BgfIzwW".split(".");
+	return p = function() {
+		return e;
+	}, p();
+}
+function m({ row: e, strong: i }) {
+	let a = c;
+	return d(r, {
+		justify: a(257),
+		gap: 6,
+		wrap: !1,
+		children: [d(r, {
+			gap: 2,
+			wrap: !1,
+			children: [!i && u(n, { color: e[a(266)] }), u(t, {
+				variant: a(264),
+				tone: i ? a(268) : "secondary",
+				children: e[a(248)]
+			})]
+		}), u(t, {
+			variant: a(254),
+			numeric: !0,
+			children: e.value
+		})]
+	});
+}
+function h({ items: i, layout: o = e(252), focused: s = null, onFocusChange: c }) {
+	let l = e, f = (e) => l(s === null || s === e ? 269 : 253);
+	return o === "list" ? u(a, {
+		gap: 2,
+		onPointerLeave: () => c?.(null),
+		children: i[l(271)]((e) => d(r, {
+			justify: l(257),
+			gap: 6,
+			wrap: !1,
+			onPointerEnter: () => c?.(e.key),
+			children: [d(r, {
+				gap: 2,
+				wrap: !1,
+				children: [u(n, { color: e[l(266)] }), u(t, {
+					variant: l(264),
+					tone: f(e[l(274)]),
+					children: e[l(248)]
+				})]
+			}), (e.value != null || e.detail != null) && d(r, {
+				gap: 4,
+				wrap: !1,
+				children: [e[l(275)] != null && u(t, {
+					variant: "label-sm",
+					numeric: !0,
+					tone: s === null || s === e[l(274)] ? l(268) : l(253),
+					children: e[l(275)]
+				}), e[l(273)] != null && u(t, {
+					as: "span",
+					variant: l(264),
+					numeric: !0,
+					align: l(250),
+					tone: "tertiary",
+					className: "ds-chart-legend__detail",
+					children: e.detail
+				})]
+			})]
+		}, e[l(274)]))
+	}) : u(r, {
+		gap: 4,
+		onPointerLeave: () => c?.(null),
+		children: i[l(271)]((e) => d(r, {
+			gap: 2,
+			wrap: !1,
+			onPointerEnter: () => c?.(e[l(274)]),
+			children: [u(n, { color: e[l(266)] }), u(t, {
+				variant: l(264),
+				tone: f(e[l(274)]),
+				children: e[l(248)]
+			})]
+		}, e[l(274)]))
+	});
+}
+export { h as ChartLegend, f as ChartTooltip };