azero_resources 0.0.1

package/dist/azero-resources.js

@@ -0,0 +1,4614 @@
+import e, { createContext as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useImperativeHandle as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
+//#region \0rolldown/runtime.js
+var f = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), p = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region node_modules/clsx/dist/clsx.mjs
+function m(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") {
+		if (Array.isArray(e)) {
+			var i = e.length;
+			for (t = 0; t < i; t++) e[t] && (n = m(e[t])) && (r && (r += " "), r += n);
+		} else for (n in e) e[n] && (r && (r += " "), r += n);
+	}
+	return r;
+}
+function h() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = m(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region node_modules/class-variance-authority/dist/index.mjs
+var g = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _ = h, v = (e, t) => (n) => {
+	if (t?.variants == null) return _(e, n?.class, n?.className);
+	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
+		let t = n?.[e], a = i?.[e];
+		if (t === null) return null;
+		let o = g(t) || g(a);
+		return r[e][o];
+	}), o = n && Object.entries(n).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return _(e, a, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...a } = t;
+		return Object.entries(a).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...i,
+				...o
+			}[t]) : {
+				...i,
+				...o
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), n?.class, n?.className);
+}, y = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
+	return n;
+}, b = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), x = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), S = "-", C = [], w = "arbitrary..", T = (e) => {
+	let t = O(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return D(e);
+			let n = e.split(S);
+			return E(n, +(n[0] === "" && n.length > 1), t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = r[e], i = n[e];
+				return t ? i ? y(i, t) : t : i || C;
+			}
+			return n[e] || C;
+		}
+	};
+}, E = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let r = e[t], i = n.nextPart.get(r);
+	if (i) {
+		let n = E(e, t + 1, i);
+		if (n) return n;
+	}
+	let a = n.validators;
+	if (a === null) return;
+	let o = t === 0 ? e.join(S) : e.slice(t).join(S), s = a.length;
+	for (let e = 0; e < s; e++) {
+		let t = a[e];
+		if (t.validator(o)) return t.classGroupId;
+	}
+}, D = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
+	return r ? w + r : void 0;
+})(), O = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return k(n, t);
+}, k = (e, t) => {
+	let n = x();
+	for (let r in e) {
+		let i = e[r];
+		A(i, n, r, t);
+	}
+	return n;
+}, A = (e, t, n, r) => {
+	let i = e.length;
+	for (let a = 0; a < i; a++) {
+		let i = e[a];
+		j(i, t, n, r);
+	}
+}, j = (e, t, n, r) => {
+	if (typeof e == "string") {
+		M(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		N(e, t, n, r);
+		return;
+	}
+	P(e, t, n, r);
+}, M = (e, t, n) => {
+	let r = e === "" ? t : ee(t, e);
+	r.classGroupId = n;
+}, N = (e, t, n, r) => {
+	if (F(e)) {
+		A(e(r), t, n, r);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(b(n, e));
+}, P = (e, t, n, r) => {
+	let i = Object.entries(e), a = i.length;
+	for (let e = 0; e < a; e++) {
+		let [a, o] = i[e];
+		A(o, ee(t, a), n, r);
+	}
+}, ee = (e, t) => {
+	let n = e, r = t.split(S), i = r.length;
+	for (let e = 0; e < i; e++) {
+		let t = r[e], i = n.nextPart.get(t);
+		i || (i = x(), n.nextPart.set(t, i)), n = i;
+	}
+	return n;
+}, F = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, te = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = Object.create(null), r = Object.create(null), i = (i, a) => {
+		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
+	};
+	return {
+		get(e) {
+			let t = n[e];
+			if (t !== void 0) return t;
+			if ((t = r[e]) !== void 0) return i(e, t), t;
+		},
+		set(e, t) {
+			e in n ? n[e] = t : i(e, t);
+		}
+	};
+}, I = "!", ne = ":", re = [], L = (e, t, n, r, i) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: r,
+	isExternal: i
+}), R = (e) => {
+	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
+		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
+		for (let s = 0; s < o; s++) {
+			let o = e[s];
+			if (n === 0 && r === 0) {
+				if (o === ne) {
+					t.push(e.slice(i, s)), i = s + 1;
+					continue;
+				}
+				if (o === "/") {
+					a = s;
+					continue;
+				}
+			}
+			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
+		}
+		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
+		s.endsWith(I) ? (c = s.slice(0, -1), l = !0) : s.startsWith(I) && (c = s.slice(1), l = !0);
+		let u = a && a > i ? a - i : void 0;
+		return L(t, l, c, u);
+	};
+	if (t) {
+		let e = t + ne, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : L(re, !1, t, void 0, !0);
+	}
+	if (n) {
+		let e = r;
+		r = (t) => n({
+			className: t,
+			parseClassName: e
+		});
+	}
+	return r;
+}, ie = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.orderSensitiveModifiers.forEach((e, n) => {
+		t.set(e, 1e6 + n);
+	}), (e) => {
+		let n = [], r = [];
+		for (let i = 0; i < e.length; i++) {
+			let a = e[i], o = a[0] === "[", s = t.has(a);
+			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
+		}
+		return r.length > 0 && (r.sort(), n.push(...r)), n;
+	};
+}, ae = (e) => ({
+	cache: te(e.cacheSize),
+	parseClassName: R(e),
+	sortModifiers: ie(e),
+	postfixLookupClassGroupIds: z(e),
+	...T(e)
+}), z = (e) => {
+	let t = Object.create(null), n = e.postfixLookupClassGroups;
+	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
+	return t;
+}, oe = /\s+/, se = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(oe), l = "";
+	for (let e = c.length - 1; e >= 0; --e) {
+		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
+		if (u) {
+			l = t + (l.length > 0 ? " " + l : l);
+			continue;
+		}
+		let h = !!m, g;
+		if (h) {
+			g = r(p.substring(0, m));
+			let e = g && o[g] ? r(p) : void 0;
+			e && e !== g && (g = e, h = !1);
+		} else g = r(p);
+		if (!g) {
+			if (!h) {
+				l = t + (l.length > 0 ? " " + l : l);
+				continue;
+			}
+			if (g = r(p), !g) {
+				l = t + (l.length > 0 ? " " + l : l);
+				continue;
+			}
+			h = !1;
+		}
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + I : _, y = v + g;
+		if (s.indexOf(y) > -1) continue;
+		s.push(y);
+		let b = i(g, h);
+		for (let e = 0; e < b.length; ++e) {
+			let t = b[e];
+			s.push(v + t);
+		}
+		l = t + (l.length > 0 ? " " + l : l);
+	}
+	return l;
+}, ce = (...e) => {
+	let t = 0, n, r, i = "";
+	for (; t < e.length;) (n = e[t++]) && (r = le(n)) && (i && (i += " "), i += r);
+	return i;
+}, le = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = le(e[r])) && (n && (n += " "), n += t);
+	return n;
+}, ue = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = ae(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+		let t = r(e);
+		if (t) return t;
+		let a = se(e, n);
+		return i(e, a), a;
+	};
+	return a = o, (...e) => a(ce(...e));
+}, de = [], B = (e) => {
+	let t = (t) => t[e] || de;
+	return t.isThemeGetter = !0, t.themeKey = e, t;
+}, fe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, pe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, me = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, he = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ge = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, _e = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/, ve = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ye = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => me.test(e), H = (e) => !!e && !Number.isNaN(Number(e)), U = (e) => !!e && Number.isInteger(Number(e)), be = (e) => e.endsWith("%") && H(e.slice(0, -1)), W = (e) => he.test(e), xe = () => !0, Se = (e) => ge.test(e) && !_e.test(e), Ce = () => !1, we = (e) => ve.test(e), Te = (e) => ye.test(e), Ee = (e) => !G(e) && !K(e), De = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), Oe = (e) => q(e, Ke, Ce), G = (e) => fe.test(e), ke = (e) => q(e, qe, Se), Ae = (e) => q(e, Je, H), je = (e) => q(e, Xe, xe), Me = (e) => q(e, Ye, Ce), Ne = (e) => q(e, We, Ce), Pe = (e) => q(e, Ge, Te), Fe = (e) => q(e, Ze, we), K = (e) => pe.test(e), Ie = (e) => Ue(e, qe), Le = (e) => Ue(e, Ye), Re = (e) => Ue(e, We), ze = (e) => Ue(e, Ke), Be = (e) => Ue(e, Ge), Ve = (e) => Ue(e, Ze, !0), He = (e) => Ue(e, Xe, !0), q = (e, t, n) => {
+	let r = fe.exec(e);
+	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, Ue = (e, t, n = !1) => {
+	let r = pe.exec(e);
+	return r ? r[1] ? t(r[1]) : n : !1;
+}, We = (e) => e === "position" || e === "percentage", Ge = (e) => e === "image" || e === "url", Ke = (e) => e === "length" || e === "size" || e === "bg-size", qe = (e) => e === "length", Je = (e) => e === "number", Ye = (e) => e === "family-name", Xe = (e) => e === "number" || e === "weight", Ze = (e) => e === "shadow", Qe = /*#__PURE__*/ ue(() => {
+	let e = B("color"), t = B("font"), n = B("text"), r = B("font-weight"), i = B("tracking"), a = B("leading"), o = B("breakpoint"), s = B("container"), c = B("spacing"), l = B("radius"), u = B("shadow"), d = B("inset-shadow"), f = B("text-shadow"), p = B("drop-shadow"), m = B("blur"), h = B("perspective"), g = B("aspect"), _ = B("ease"), v = B("animate"), y = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], b = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	], x = () => [
+		...b(),
+		K,
+		G
+	], S = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], C = () => [
+		"auto",
+		"contain",
+		"none"
+	], w = () => [
+		K,
+		G,
+		c
+	], T = () => [
+		V,
+		"full",
+		"auto",
+		...w()
+	], E = () => [
+		U,
+		"none",
+		"subgrid",
+		K,
+		G
+	], D = () => [
+		"auto",
+		{ span: [
+			"full",
+			U,
+			K,
+			G
+		] },
+		U,
+		K,
+		G
+	], O = () => [
+		U,
+		"auto",
+		K,
+		G
+	], k = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		K,
+		G
+	], A = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	], j = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	], M = () => ["auto", ...w()], N = () => [
+		V,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], P = () => [
+		s,
+		V,
+		"screen",
+		"full",
+		"dvw",
+		"lvw",
+		"svw",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], ee = () => [
+		V,
+		"screen",
+		"full",
+		"lh",
+		"dvh",
+		"lvh",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...w()
+	], F = () => [
+		e,
+		K,
+		G
+	], te = () => [
+		...b(),
+		Re,
+		Ne,
+		{ position: [K, G] }
+	], I = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }], ne = () => [
+		"auto",
+		"cover",
+		"contain",
+		ze,
+		Oe,
+		{ size: [K, G] }
+	], re = () => [
+		be,
+		Ie,
+		ke
+	], L = () => [
+		"",
+		"none",
+		"full",
+		l,
+		K,
+		G
+	], R = () => [
+		"",
+		H,
+		Ie,
+		ke
+	], ie = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	], ae = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], z = () => [
+		H,
+		be,
+		Re,
+		Ne
+	], oe = () => [
+		"",
+		"none",
+		m,
+		K,
+		G
+	], se = () => [
+		"none",
+		H,
+		K,
+		G
+	], ce = () => [
+		"none",
+		H,
+		K,
+		G
+	], le = () => [
+		H,
+		K,
+		G
+	], ue = () => [
+		V,
+		"full",
+		...w()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [W],
+			breakpoint: [W],
+			color: [xe],
+			container: [W],
+			"drop-shadow": [W],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [Ee],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [W],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [W],
+			shadow: [W],
+			spacing: ["px", H],
+			text: [W],
+			"text-shadow": [W],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				V,
+				G,
+				K,
+				g
+			] }],
+			container: ["container"],
+			"container-type": [{ "@container": [
+				"",
+				"normal",
+				"size",
+				K,
+				G
+			] }],
+			"container-named": [De],
+			columns: [{ columns: [
+				H,
+				"auto",
+				G,
+				K,
+				s
+			] }],
+			"break-after": [{ "break-after": y() }],
+			"break-before": [{ "break-before": y() }],
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			box: [{ box: ["border", "content"] }],
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			sr: ["sr-only", "not-sr-only"],
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			isolation: ["isolate", "isolation-auto"],
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			"object-position": [{ object: x() }],
+			overflow: [{ overflow: S() }],
+			"overflow-x": [{ "overflow-x": S() }],
+			"overflow-y": [{ "overflow-y": S() }],
+			overscroll: [{ overscroll: C() }],
+			"overscroll-x": [{ "overscroll-x": C() }],
+			"overscroll-y": [{ "overscroll-y": C() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: T() }],
+			"inset-x": [{ "inset-x": T() }],
+			"inset-y": [{ "inset-y": T() }],
+			start: [{
+				"inset-s": T(),
+				start: T()
+			}],
+			end: [{
+				"inset-e": T(),
+				end: T()
+			}],
+			"inset-bs": [{ "inset-bs": T() }],
+			"inset-be": [{ "inset-be": T() }],
+			top: [{ top: T() }],
+			right: [{ right: T() }],
+			bottom: [{ bottom: T() }],
+			left: [{ left: T() }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				U,
+				"auto",
+				K,
+				G
+			] }],
+			basis: [{ basis: [
+				V,
+				"full",
+				"auto",
+				s,
+				...w()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				H,
+				V,
+				"auto",
+				"initial",
+				"none",
+				G
+			] }],
+			grow: [{ grow: [
+				"",
+				H,
+				K,
+				G
+			] }],
+			shrink: [{ shrink: [
+				"",
+				H,
+				K,
+				G
+			] }],
+			order: [{ order: [
+				U,
+				"first",
+				"last",
+				"none",
+				K,
+				G
+			] }],
+			"grid-cols": [{ "grid-cols": E() }],
+			"col-start-end": [{ col: D() }],
+			"col-start": [{ "col-start": O() }],
+			"col-end": [{ "col-end": O() }],
+			"grid-rows": [{ "grid-rows": E() }],
+			"row-start-end": [{ row: D() }],
+			"row-start": [{ "row-start": O() }],
+			"row-end": [{ "row-end": O() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": k() }],
+			"auto-rows": [{ "auto-rows": k() }],
+			gap: [{ gap: w() }],
+			"gap-x": [{ "gap-x": w() }],
+			"gap-y": [{ "gap-y": w() }],
+			"justify-content": [{ justify: [...A(), "normal"] }],
+			"justify-items": [{ "justify-items": [...j(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...j()] }],
+			"align-content": [{ content: ["normal", ...A()] }],
+			"align-items": [{ items: [...j(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...j(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": A() }],
+			"place-items": [{ "place-items": [...j(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...j()] }],
+			p: [{ p: w() }],
+			px: [{ px: w() }],
+			py: [{ py: w() }],
+			ps: [{ ps: w() }],
+			pe: [{ pe: w() }],
+			pbs: [{ pbs: w() }],
+			pbe: [{ pbe: w() }],
+			pt: [{ pt: w() }],
+			pr: [{ pr: w() }],
+			pb: [{ pb: w() }],
+			pl: [{ pl: w() }],
+			m: [{ m: M() }],
+			mx: [{ mx: M() }],
+			my: [{ my: M() }],
+			ms: [{ ms: M() }],
+			me: [{ me: M() }],
+			mbs: [{ mbs: M() }],
+			mbe: [{ mbe: M() }],
+			mt: [{ mt: M() }],
+			mr: [{ mr: M() }],
+			mb: [{ mb: M() }],
+			ml: [{ ml: M() }],
+			"space-x": [{ "space-x": w() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": w() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: N() }],
+			"inline-size": [{ inline: ["auto", ...P()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...P()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...P()] }],
+			"block-size": [{ block: ["auto", ...ee()] }],
+			"min-block-size": [{ "min-block": ["auto", ...ee()] }],
+			"max-block-size": [{ "max-block": ["none", ...ee()] }],
+			w: [{ w: [
+				s,
+				"screen",
+				...N()
+			] }],
+			"min-w": [{ "min-w": [
+				s,
+				"screen",
+				"none",
+				...N()
+			] }],
+			"max-w": [{ "max-w": [
+				s,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [o] },
+				...N()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...N()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...N()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				"none",
+				...N()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				n,
+				Ie,
+				ke
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				r,
+				He,
+				je
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				be,
+				G
+			] }],
+			"font-family": [{ font: [
+				Le,
+				Me,
+				t
+			] }],
+			"font-features": [{ "font-features": [G] }],
+			"fvn-normal": ["normal-nums"],
+			"fvn-ordinal": ["ordinal"],
+			"fvn-slashed-zero": ["slashed-zero"],
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			tracking: [{ tracking: [
+				i,
+				K,
+				G
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				H,
+				"none",
+				K,
+				Ae
+			] }],
+			leading: [{ leading: [
+				"none",
+				a,
+				...w()
+			] }],
+			"list-image": [{ "list-image": [
+				"none",
+				K,
+				G
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				K,
+				G
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: F() }],
+			"text-color": [{ text: F() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...ie(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				H,
+				"from-font",
+				"auto",
+				K,
+				ke
+			] }],
+			"text-decoration-color": [{ decoration: F() }],
+			"underline-offset": [{ "underline-offset": [
+				H,
+				"auto",
+				K,
+				G
+			] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: w() }],
+			"tab-size": [{ tab: [
+				U,
+				K,
+				G
+			] }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				K,
+				G
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			wrap: [{ wrap: [
+				"break-word",
+				"anywhere",
+				"normal"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: [
+				"none",
+				K,
+				G
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: te() }],
+			"bg-repeat": [{ bg: I() }],
+			"bg-size": [{ bg: ne() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						U,
+						K,
+						G
+					],
+					radial: [
+						"",
+						K,
+						G
+					],
+					conic: [
+						"",
+						U,
+						K,
+						G
+					]
+				},
+				Be,
+				Pe
+			] }],
+			"bg-color": [{ bg: F() }],
+			"gradient-from-pos": [{ from: re() }],
+			"gradient-via-pos": [{ via: re() }],
+			"gradient-to-pos": [{ to: re() }],
+			"gradient-from": [{ from: F() }],
+			"gradient-via": [{ via: F() }],
+			"gradient-to": [{ to: F() }],
+			rounded: [{ rounded: L() }],
+			"rounded-s": [{ "rounded-s": L() }],
+			"rounded-e": [{ "rounded-e": L() }],
+			"rounded-t": [{ "rounded-t": L() }],
+			"rounded-r": [{ "rounded-r": L() }],
+			"rounded-b": [{ "rounded-b": L() }],
+			"rounded-l": [{ "rounded-l": L() }],
+			"rounded-ss": [{ "rounded-ss": L() }],
+			"rounded-se": [{ "rounded-se": L() }],
+			"rounded-ee": [{ "rounded-ee": L() }],
+			"rounded-es": [{ "rounded-es": L() }],
+			"rounded-tl": [{ "rounded-tl": L() }],
+			"rounded-tr": [{ "rounded-tr": L() }],
+			"rounded-br": [{ "rounded-br": L() }],
+			"rounded-bl": [{ "rounded-bl": L() }],
+			"border-w": [{ border: R() }],
+			"border-w-x": [{ "border-x": R() }],
+			"border-w-y": [{ "border-y": R() }],
+			"border-w-s": [{ "border-s": R() }],
+			"border-w-e": [{ "border-e": R() }],
+			"border-w-bs": [{ "border-bs": R() }],
+			"border-w-be": [{ "border-be": R() }],
+			"border-w-t": [{ "border-t": R() }],
+			"border-w-r": [{ "border-r": R() }],
+			"border-w-b": [{ "border-b": R() }],
+			"border-w-l": [{ "border-l": R() }],
+			"divide-x": [{ "divide-x": R() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": R() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...ie(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...ie(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: F() }],
+			"border-color-x": [{ "border-x": F() }],
+			"border-color-y": [{ "border-y": F() }],
+			"border-color-s": [{ "border-s": F() }],
+			"border-color-e": [{ "border-e": F() }],
+			"border-color-bs": [{ "border-bs": F() }],
+			"border-color-be": [{ "border-be": F() }],
+			"border-color-t": [{ "border-t": F() }],
+			"border-color-r": [{ "border-r": F() }],
+			"border-color-b": [{ "border-b": F() }],
+			"border-color-l": [{ "border-l": F() }],
+			"divide-color": [{ divide: F() }],
+			"outline-style": [{ outline: [
+				...ie(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				H,
+				K,
+				G
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				H,
+				Ie,
+				ke
+			] }],
+			"outline-color": [{ outline: F() }],
+			shadow: [{ shadow: [
+				"",
+				"inner",
+				"none",
+				u,
+				Ve,
+				Fe
+			] }],
+			"shadow-color": [{ shadow: F() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				d,
+				Ve,
+				Fe
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": F() }],
+			"ring-w": [{ ring: R() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: F() }],
+			"ring-offset-w": [{ "ring-offset": [H, ke] }],
+			"ring-offset-color": [{ "ring-offset": F() }],
+			"inset-ring-w": [{ "inset-ring": R() }],
+			"inset-ring-color": [{ "inset-ring": F() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				f,
+				Ve,
+				Fe
+			] }],
+			"text-shadow-color": [{ "text-shadow": F() }],
+			opacity: [{ opacity: [
+				H,
+				K,
+				G
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...ae(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": ae() }],
+			"mask-clip": [{ "mask-clip": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }, "mask-no-clip"],
+			"mask-composite": [{ mask: [
+				"add",
+				"subtract",
+				"intersect",
+				"exclude"
+			] }],
+			"mask-image-linear-pos": [{ "mask-linear": [H] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": z() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": z() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": F() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": F() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": z() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": z() }],
+			"mask-image-t-from-color": [{ "mask-t-from": F() }],
+			"mask-image-t-to-color": [{ "mask-t-to": F() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": z() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": z() }],
+			"mask-image-r-from-color": [{ "mask-r-from": F() }],
+			"mask-image-r-to-color": [{ "mask-r-to": F() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": z() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": z() }],
+			"mask-image-b-from-color": [{ "mask-b-from": F() }],
+			"mask-image-b-to-color": [{ "mask-b-to": F() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": z() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": z() }],
+			"mask-image-l-from-color": [{ "mask-l-from": F() }],
+			"mask-image-l-to-color": [{ "mask-l-to": F() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": z() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": z() }],
+			"mask-image-x-from-color": [{ "mask-x-from": F() }],
+			"mask-image-x-to-color": [{ "mask-x-to": F() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": z() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": z() }],
+			"mask-image-y-from-color": [{ "mask-y-from": F() }],
+			"mask-image-y-to-color": [{ "mask-y-to": F() }],
+			"mask-image-radial": [{ "mask-radial": [K, G] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": z() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": z() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": F() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": F() }],
+			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
+			"mask-image-radial-size": [{ "mask-radial": [{
+				closest: ["side", "corner"],
+				farthest: ["side", "corner"]
+			}] }],
+			"mask-image-radial-pos": [{ "mask-radial-at": b() }],
+			"mask-image-conic-pos": [{ "mask-conic": [H] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": z() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": z() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": F() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": F() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: te() }],
+			"mask-repeat": [{ mask: I() }],
+			"mask-size": [{ mask: ne() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				K,
+				G
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				K,
+				G
+			] }],
+			blur: [{ blur: oe() }],
+			brightness: [{ brightness: [
+				H,
+				K,
+				G
+			] }],
+			contrast: [{ contrast: [
+				H,
+				K,
+				G
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				p,
+				Ve,
+				Fe
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": F() }],
+			grayscale: [{ grayscale: [
+				"",
+				H,
+				K,
+				G
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				H,
+				K,
+				G
+			] }],
+			invert: [{ invert: [
+				"",
+				H,
+				K,
+				G
+			] }],
+			saturate: [{ saturate: [
+				H,
+				K,
+				G
+			] }],
+			sepia: [{ sepia: [
+				"",
+				H,
+				K,
+				G
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				K,
+				G
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": oe() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				H,
+				K,
+				G
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				H,
+				K,
+				G
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				H,
+				K,
+				G
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				H,
+				K,
+				G
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				H,
+				K,
+				G
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				H,
+				K,
+				G
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				H,
+				K,
+				G
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				H,
+				K,
+				G
+			] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": w() }],
+			"border-spacing-x": [{ "border-spacing-x": w() }],
+			"border-spacing-y": [{ "border-spacing-y": w() }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				K,
+				G
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				H,
+				"initial",
+				K,
+				G
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				_,
+				K,
+				G
+			] }],
+			delay: [{ delay: [
+				H,
+				K,
+				G
+			] }],
+			animate: [{ animate: [
+				"none",
+				v,
+				K,
+				G
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				h,
+				K,
+				G
+			] }],
+			"perspective-origin": [{ "perspective-origin": x() }],
+			rotate: [{ rotate: se() }],
+			"rotate-x": [{ "rotate-x": se() }],
+			"rotate-y": [{ "rotate-y": se() }],
+			"rotate-z": [{ "rotate-z": se() }],
+			scale: [{ scale: ce() }],
+			"scale-x": [{ "scale-x": ce() }],
+			"scale-y": [{ "scale-y": ce() }],
+			"scale-z": [{ "scale-z": ce() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: le() }],
+			"skew-x": [{ "skew-x": le() }],
+			"skew-y": [{ "skew-y": le() }],
+			transform: [{ transform: [
+				K,
+				G,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: x() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: ue() }],
+			"translate-x": [{ "translate-x": ue() }],
+			"translate-y": [{ "translate-y": ue() }],
+			"translate-z": [{ "translate-z": ue() }],
+			"translate-none": ["translate-none"],
+			zoom: [{ zoom: [
+				U,
+				K,
+				G
+			] }],
+			accent: [{ accent: F() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: F() }],
+			"color-scheme": [{ scheme: [
+				"normal",
+				"dark",
+				"light",
+				"light-dark",
+				"only-dark",
+				"only-light"
+			] }],
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				K,
+				G
+			] }],
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scrollbar-thumb-color": [{ "scrollbar-thumb": F() }],
+			"scrollbar-track-color": [{ "scrollbar-track": F() }],
+			"scrollbar-gutter": [{ "scrollbar-gutter": [
+				"auto",
+				"stable",
+				"both"
+			] }],
+			"scrollbar-w": [{ scrollbar: [
+				"auto",
+				"thin",
+				"none"
+			] }],
+			"scroll-m": [{ "scroll-m": w() }],
+			"scroll-mx": [{ "scroll-mx": w() }],
+			"scroll-my": [{ "scroll-my": w() }],
+			"scroll-ms": [{ "scroll-ms": w() }],
+			"scroll-me": [{ "scroll-me": w() }],
+			"scroll-mbs": [{ "scroll-mbs": w() }],
+			"scroll-mbe": [{ "scroll-mbe": w() }],
+			"scroll-mt": [{ "scroll-mt": w() }],
+			"scroll-mr": [{ "scroll-mr": w() }],
+			"scroll-mb": [{ "scroll-mb": w() }],
+			"scroll-ml": [{ "scroll-ml": w() }],
+			"scroll-p": [{ "scroll-p": w() }],
+			"scroll-px": [{ "scroll-px": w() }],
+			"scroll-py": [{ "scroll-py": w() }],
+			"scroll-ps": [{ "scroll-ps": w() }],
+			"scroll-pe": [{ "scroll-pe": w() }],
+			"scroll-pbs": [{ "scroll-pbs": w() }],
+			"scroll-pbe": [{ "scroll-pbe": w() }],
+			"scroll-pt": [{ "scroll-pt": w() }],
+			"scroll-pr": [{ "scroll-pr": w() }],
+			"scroll-pb": [{ "scroll-pb": w() }],
+			"scroll-pl": [{ "scroll-pl": w() }],
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			"touch-pz": ["touch-pinch-zoom"],
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				K,
+				G
+			] }],
+			fill: [{ fill: ["none", ...F()] }],
+			"stroke-w": [{ stroke: [
+				H,
+				Ie,
+				ke,
+				Ae
+			] }],
+			stroke: [{ stroke: ["none", ...F()] }],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			"container-named": ["container-type"],
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"inset-bs",
+				"inset-be",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": [
+				"start",
+				"end",
+				"right",
+				"left"
+			],
+			"inset-y": [
+				"inset-bs",
+				"inset-be",
+				"top",
+				"bottom"
+			],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pbs",
+				"pbe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: [
+				"ps",
+				"pe",
+				"pr",
+				"pl"
+			],
+			py: [
+				"pbs",
+				"pbe",
+				"pt",
+				"pb"
+			],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mbs",
+				"mbe",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: [
+				"ms",
+				"me",
+				"mr",
+				"ml"
+			],
+			my: [
+				"mbs",
+				"mbe",
+				"mt",
+				"mb"
+			],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-x",
+				"border-w-y",
+				"border-w-s",
+				"border-w-e",
+				"border-w-bs",
+				"border-w-be",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": [
+				"border-w-s",
+				"border-w-e",
+				"border-w-r",
+				"border-w-l"
+			],
+			"border-w-y": [
+				"border-w-bs",
+				"border-w-be",
+				"border-w-t",
+				"border-w-b"
+			],
+			"border-color": [
+				"border-color-x",
+				"border-color-y",
+				"border-color-s",
+				"border-color-e",
+				"border-color-bs",
+				"border-color-be",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": [
+				"border-color-s",
+				"border-color-e",
+				"border-color-r",
+				"border-color-l"
+			],
+			"border-color-y": [
+				"border-color-bs",
+				"border-color-be",
+				"border-color-t",
+				"border-color-b"
+			],
+			translate: [
+				"translate-x",
+				"translate-y",
+				"translate-none"
+			],
+			"translate-none": [
+				"translate",
+				"translate-x",
+				"translate-y",
+				"translate-z"
+			],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mbs",
+				"scroll-mbe",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": [
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mr",
+				"scroll-ml"
+			],
+			"scroll-my": [
+				"scroll-mbs",
+				"scroll-mbe",
+				"scroll-mt",
+				"scroll-mb"
+			],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pbs",
+				"scroll-pbe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": [
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pr",
+				"scroll-pl"
+			],
+			"scroll-py": [
+				"scroll-pbs",
+				"scroll-pbe",
+				"scroll-pt",
+				"scroll-pb"
+			],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		postfixLookupClassGroups: ["container-type"],
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+}), $e = {
+	lightBrown: "#BFA59A",
+	brown: "#7D5D4F",
+	lightGray: "#72787F",
+	gray: "#9EA4AA",
+	lightBlack: "#26282B",
+	lightWhite: "#EBE3E0",
+	darkBrown: "#3F271E",
+	lighterGray: "#C9CDD2",
+	lightBlue: "#334155",
+	chocolate: "#3E2E28",
+	blue: "#334EAC",
+	white: "#E8EBED",
+	whiteGray: "#9EA4AA",
+	grayBlue: "#334155",
+	cream: "#F5F1EF",
+	blueGray: "#334155",
+	lightCream: "#F5F1EF",
+	lightGreen: "#34D399",
+	darkBlue: "#111827",
+	light: "#E2E8F0",
+	perpleWhite: "#F0E5FF",
+	green500: "green-500",
+	red500: "red-500",
+	black: "#000",
+	plainWhite: "#fff",
+	gray700: "gray-700",
+	gray200: "gray-200",
+	gray300: "gray-300",
+	gray800: "gray-800",
+	gray500: "gray-500",
+	gray100: "gray-100",
+	gray400: "gray-400",
+	perple60: "purple-500/60",
+	perple75: "purple-500/75",
+	blue500: "blue-500",
+	indigo500: "indigo-500",
+	red700: "red-700",
+	gray600: "gray-600",
+	yellow500: "yellow-500",
+	pink800: "pink-800",
+	blue400: "blue-400"
+}, J = (...e) => Qe(h(...e)), et = /* @__PURE__ */ f(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), tt = /* @__PURE__ */ f(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === A ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: return "Activity";
+				case k: return "ViewTransition";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case D:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = j.A;
+			return e === null ? null : e.getOwner();
+		}
+		function o() {
+			return Error("react-stack-top-frame");
+		}
+		function s(e) {
+			if (M.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function c(e, t) {
+			function n() {
+				ee || (ee = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function l() {
+			var e = t(this.type);
+			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function u(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: l
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function d(e, n, i, o, l, d) {
+			var p = n.children;
+			if (p !== void 0) {
+				if (o) {
+					if (N(p)) {
+						for (o = 0; o < p.length; o++) f(p[o]);
+						Object.freeze && Object.freeze(p);
+					} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+				} else f(p);
+			}
+			if (M.call(n, "key")) {
+				p = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", ne[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), ne[p + o] = !0);
+			}
+			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return p && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, p, i, a(), l, d);
+		}
+		function f(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = p("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.view_transition"), A = Symbol.for("react.client.reference"), j = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, N = Array.isArray, P = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var ee, F = {}, te = h.react_stack_bottom_frame.bind(h, o)(), I = P(i(o)), ne = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > j.recentlyCreatedOwnerStacks++;
+			if (r) {
+				var a = Error.stackTraceLimit;
+				Error.stackTraceLimit = 10;
+				var o = Error("react-stack-top-frame");
+				Error.stackTraceLimit = a;
+			} else o = te;
+			return d(e, t, n, !1, o, r ? P(i(e)) : I);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > j.recentlyCreatedOwnerStacks++;
+			if (r) {
+				var a = Error.stackTraceLimit;
+				Error.stackTraceLimit = 10;
+				var o = Error("react-stack-top-frame");
+				Error.stackTraceLimit = a;
+			} else o = te;
+			return d(e, t, n, !0, o, r ? P(i(e)) : I);
+		};
+	})();
+})), Y = (/* @__PURE__ */ f(((e, t) => {
+	t.exports = process.env.NODE_ENV === "production" ? et() : tt();
+})))(), nt = v("inline-flex items-center justify-center font-[500] transition-colors select-none", {
+	variants: {
+		variant: {
+			default: "bg-slate-100 text-slate-700 hover:bg-slate-200",
+			solid: "bg-[#FB713B] text-white hover:bg-[#EA580C]",
+			primary: "bg-[#0F172A] text-white hover:bg-[#1E293B]",
+			secondary: "bg-slate-100 text-[#0F172A] hover:bg-slate-200",
+			destructive: "bg-red-500 text-white hover:bg-red-600",
+			outline: "border border-cyan-500 text-cyan-600 bg-white hover:bg-cyan-50/50",
+			success: "bg-emerald-100 text-emerald-700 hover:bg-emerald-200/80",
+			warning: "bg-amber-100 text-amber-800 hover:bg-amber-200/80",
+			info: "bg-blue-100 text-blue-700 hover:bg-blue-200/80"
+		},
+		shape: {
+			rounded: "rounded-md",
+			pill: "rounded-full",
+			square: "rounded"
+		},
+		size: {
+			sm: "text-[11px] px-2 py-0.5 gap-1",
+			default: "text-xs px-2.5 py-0.5 gap-1.5",
+			lg: "text-sm px-3.5 py-1 gap-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		shape: "rounded",
+		size: "default"
+	}
+}), rt = n(({ className: e, variant: t = "default", shape: n = "rounded", size: r = "default", icon: i, cornerCheck: a = !1, onRemove: o, children: s, ...c }, l) => /* @__PURE__ */ (0, Y.jsxs)("div", {
+	ref: l,
+	className: J(nt({
+		variant: t,
+		shape: n,
+		size: r
+	}), a && "relative overflow-hidden pr-4.5 border border-cyan-500 text-cyan-600 bg-white", e),
+	...c,
+	children: [
+		i && /* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "flex-shrink-0 flex items-center justify-center",
+			children: i
+		}),
+		/* @__PURE__ */ (0, Y.jsx)("span", { children: s }),
+		o && /* @__PURE__ */ (0, Y.jsx)("button", {
+			type: "button",
+			onClick: o,
+			className: "ml-1 -mr-1 flex h-3.5 w-3.5 items-center justify-center rounded-full hover:bg-black/10 focus:outline-none",
+			"aria-label": "Remove tag",
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "h-2.5 w-2.5",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M6 18L18 6M6 6l12 12"
+				})
+			})
+		}),
+		a && /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "absolute bottom-0 right-0 w-0 h-0 border-b-[14px] border-b-cyan-500 border-l-[14px] border-l-transparent pointer-events-none",
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "absolute -bottom-[-2px] -right-[0px] w-2 h-2 text-white transform -translate-x-[1px] translate-y-[1px]",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 4,
+					d: "M5 13l4 4L19 7"
+				})
+			})
+		})
+	]
+}));
+rt.displayName = "Badge";
+//#endregion
+//#region src/components/Box/Box.tsx
+var it = v("box-border transition-colors", {
+	variants: {
+		variant: {
+			default: "",
+			surface: "bg-white border border-slate-200",
+			card: "bg-white border border-slate-200 shadow-sm",
+			muted: "bg-slate-50 border border-slate-100 text-slate-700",
+			subtle: "bg-slate-100 text-slate-800",
+			dark: "bg-[#0F172A] text-white border border-slate-800",
+			outline: "border border-slate-200 bg-transparent"
+		},
+		padding: {
+			none: "p-0",
+			xs: "p-2",
+			sm: "p-3",
+			default: "p-4",
+			md: "p-5",
+			lg: "p-6",
+			xl: "p-8"
+		},
+		rounded: {
+			none: "rounded-none",
+			xs: "rounded",
+			sm: "rounded-md",
+			default: "rounded-lg",
+			lg: "rounded-xl",
+			xl: "rounded-2xl",
+			"2xl": "rounded-3xl",
+			full: "rounded-full"
+		},
+		shadow: {
+			none: "shadow-none",
+			sm: "shadow-sm",
+			default: "shadow",
+			md: "shadow-md",
+			lg: "shadow-lg"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		padding: "none",
+		rounded: "none",
+		shadow: "none"
+	}
+}), at = n(({ as: e, variant: t = "default", padding: n = "none", rounded: r = "none", shadow: i = "none", className: a, children: o, ...s }, c) => /* @__PURE__ */ (0, Y.jsx)(e || "div", {
+	ref: c,
+	className: J(it({
+		variant: t,
+		padding: n,
+		rounded: r,
+		shadow: i
+	}), a),
+	...s,
+	children: o
+}));
+at.displayName = "Box";
+//#endregion
+//#region src/components/types.ts
+var X = /* @__PURE__ */ function(e) {
+	return e.Default = "default", e.Destructive = "destructive", e.Cancel = "cancel", e.Subtle = "subtle", e.Ghost = "ghost", e.Link = "link", e;
+}({}), Z = /* @__PURE__ */ function(e) {
+	return e.Row = "row", e.Column = "column", e;
+}({}), ot = /* @__PURE__ */ function(e) {
+	return e.Small = "sm", e.Default = "default", e.Large = "lg", e.Icon = "icon", e;
+}({}), st = /* @__PURE__ */ function(e) {
+	return e.Left = "left", e.Right = "right", e;
+}({}), ct = /* @__PURE__ */ function(e) {
+	return e.Default = "default", e.Primary = "primary", e.Secondary = "secondary", e.Success = "success", e.Warning = "warning", e.Destructive = "destructive", e.Info = "info", e.Muted = "muted", e;
+}({}), lt = /* @__PURE__ */ function(e) {
+	return e.ExtraSmall = "xs", e.Small = "sm", e.Default = "default", e.Large = "lg", e.ExtraLarge = "xl", e;
+}({}), ut = /* @__PURE__ */ function(e) {
+	return e.Square = "square", e.Rounded = "rounded", e.Pill = "pill", e.Circle = "circle", e;
+}({}), dt = /* @__PURE__ */ function(e) {
+	return e.Horizontal = "horizontal", e.Vertical = "vertical", e;
+}({}), ft = /* @__PURE__ */ function(e) {
+	return e.Top = "top", e.Right = "right", e.Bottom = "bottom", e.Left = "left", e;
+}({}), pt = /* @__PURE__ */ function(e) {
+	return e.Left = "left", e.Center = "center", e.Right = "right", e;
+}({}), mt = /* @__PURE__ */ function(e) {
+	return e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Subtitle1 = "subtitle1", e.Subtitle2 = "subtitle2", e.Body1 = "body1", e.Body2 = "body2", e.Caption = "caption", e.Overline = "overline", e;
+}({}), ht = /* @__PURE__ */ function(e) {
+	return e.Success = "success", e.Warning = "warning", e.Error = "error", e.Info = "info", e;
+}({}), gt = v("inline-flex items-center justify-center font-[500] rounded-md focus:outline-none transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed gap-2", {
+	variants: {
+		variant: {
+			[X.Default]: "bg-[#0F172A] text-white hover:bg-[#1E293B]",
+			[X.Destructive]: "bg-[#EF4444] text-white hover:bg-[#DC2626]",
+			[X.Cancel]: "bg-white text-[#0F172A] border border-gray-200 hover:bg-slate-100 shadow-sm",
+			[X.Subtle]: "bg-slate-100 text-[#0F172A] hover:bg-slate-200",
+			[X.Ghost]: "bg-transparent text-[#0F172A] hover:bg-slate-100",
+			[X.Link]: "bg-transparent text-[#0F172A] hover:underline underline-offset-4"
+		},
+		size: {
+			[ot.Small]: "h-9  px-3 text-xs   leading-4",
+			[ot.Default]: "h-10 px-4 text-sm   leading-5",
+			[ot.Large]: "h-11 px-6 text-base leading-6",
+			[ot.Icon]: "h-10 w-10 p-0 flex items-center justify-center"
+		}
+	},
+	defaultVariants: {
+		variant: X.Default,
+		size: ot.Default
+	}
+}), _t = n(({ variant: e = X.Default, size: t = ot.Default, iconUrl: n, iconPosition: r = st.Left, isLoading: i = !1, disabled: a, className: o, children: s, ...c }, l) => {
+	let u = s != null && s !== "", d = () => n ? typeof n == "string" ? /* @__PURE__ */ (0, Y.jsx)("img", {
+		src: n,
+		alt: "Icon",
+		className: "w-5 h-5 object-contain"
+	}) : /* @__PURE__ */ (0, Y.jsx)(n, { className: "w-5 h-5" }) : null, f = () => /* @__PURE__ */ (0, Y.jsxs)("svg", {
+		className: "animate-spin -ml-1 mr-2 h-4 w-4 text-current",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		children: [/* @__PURE__ */ (0, Y.jsx)("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ (0, Y.jsx)("path", {
+			className: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+		})]
+	});
+	return /* @__PURE__ */ (0, Y.jsxs)("button", {
+		ref: l,
+		className: J(gt({
+			variant: e,
+			size: t,
+			className: o
+		})),
+		disabled: i || a,
+		...c,
+		children: [
+			i && f(),
+			!i && n && r === st.Left && d(),
+			u && /* @__PURE__ */ (0, Y.jsx)("span", { children: s }),
+			!i && n && r === st.Right && d()
+		]
+	});
+});
+_t.displayName = "DefaultButton";
+//#endregion
+//#region src/components/Button/GroupIconButton/GroupIconButton.tsx
+var vt = v([
+	"flex",
+	"items-center",
+	"justify-center",
+	"bg-transparent"
+], {
+	variants: { direction: {
+		[Z.Row]: "flex-row gap-2",
+		[Z.Column]: "flex-col gap-2"
+	} },
+	defaultVariants: { direction: Z.Row }
+}), yt = n(({ iconUrl: e, className: t, children: n, direction: r = Z.Row, ...i }, a) => /* @__PURE__ */ (0, Y.jsx)("div", {
+	ref: a,
+	className: J(vt({ direction: r }), t),
+	...i,
+	"data-testid": "groupicon",
+	children: n
+})), bt = v([
+	"flex",
+	"items-center",
+	"justify-start",
+	"bg-transparent",
+	"p-2"
+], {
+	variants: { direction: {
+		[Z.Row]: "flex-row gap-2",
+		[Z.Column]: "flex-col"
+	} },
+	defaultVariants: { direction: Z.Row }
+}), xt = n(({ iconUrl: e, text: t, backgroundColor: n, className: r, children: i, iconStyle: a, direction: o = Z.Row, ...s }, c) => /* @__PURE__ */ (0, Y.jsx)(Y.Fragment, { children: e && /* @__PURE__ */ (0, Y.jsxs)("button", {
+	ref: c,
+	className: J(bt({ direction: o }), n, r),
+	...s,
+	"data-testid": "click-me",
+	children: [
+		typeof e == "string" ? /* @__PURE__ */ (0, Y.jsx)("img", {
+			className: "icon-group",
+			src: e
+		}) : e,
+		t,
+		i
+	]
+}) })), St = () => /* @__PURE__ */ (0, Y.jsx)("div", { children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+	width: "8",
+	height: "12",
+	viewBox: "0 0 8 12",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ (0, Y.jsx)("path", {
+		d: "M7.705 1.41L6.295 0L0.294998 6L6.295 12L7.705 10.59L3.125 6L7.705 1.41Z",
+		fill: "#9EA4AA"
+	})
+}) }), Ct = () => /* @__PURE__ */ (0, Y.jsx)("div", { children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+	width: "8",
+	height: "12",
+	viewBox: "0 0 8 12",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: /* @__PURE__ */ (0, Y.jsx)("path", {
+		d: "M1.705 0L0.294998 1.41L4.875 6L0.294998 10.59L1.705 12L7.705 6L1.705 0Z",
+		fill: "#9EA4AA"
+	})
+}) });
+//#endregion
+//#region src/components/Calendar/utils.ts
+function wt(e, t) {
+	return new Date(e, t + 1, 0).getDate();
+}
+function Tt(e, t) {
+	return new Date(e, t, 1).getDay();
+}
+function Et(e, t) {
+	let n = new Date(e);
+	return n.setMonth(n.getMonth() + t), n;
+}
+function Dt(e, t) {
+	let n = new Date(e);
+	return n.setMonth(n.getMonth() - t), n;
+}
+function Ot(e, t) {
+	return !e || !t ? !1 : e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function kt(e, t) {
+	let n = e.getTime(), r = t.start.getTime(), i = t.end.getTime();
+	return n >= Math.min(r, i) && n <= Math.max(r, i);
+}
+function At(e, t) {
+	return e.getTime() < t.getTime();
+}
+function jt(e) {
+	return e.toLocaleString("en-US", {
+		month: "long",
+		year: "numeric"
+	});
+}
+var Mt = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], Nt = ({ className: e }) => /* @__PURE__ */ (0, Y.jsx)("svg", {
+	className: J("w-4 h-4", e),
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ (0, Y.jsx)("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M15 19l-7-7 7-7"
+	})
+}), Pt = ({ className: e }) => /* @__PURE__ */ (0, Y.jsx)("svg", {
+	className: J("w-4 h-4", e),
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ (0, Y.jsx)("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M9 5l7 7-7 7"
+	})
+}), Ft = ({ mode: e = "single", selected: t, onSelect: n, numberOfMonths: r = 1, className: i, presets: a, isDark: s = !1 }) => {
+	let [c, l] = d(e === "single" && t instanceof Date ? t : e === "range" && t?.from ? t.from : /* @__PURE__ */ new Date());
+	o(() => {
+		e === "single" && t instanceof Date ? l(new Date(t.getFullYear(), t.getMonth(), 1)) : e === "range" && t?.from && l(new Date(t.from.getFullYear(), t.from.getMonth(), 1));
+	}, [t, e]);
+	let u = () => l(Dt(c, 1)), f = () => l(Et(c, 1)), p = (r) => {
+		if (e === "single") n?.(r);
+		else if (e === "range") {
+			let e = t || {
+				from: void 0,
+				to: void 0
+			};
+			!e.from || e.from && e.to ? n?.({
+				from: r,
+				to: void 0
+			}) : e.from && !e.to && (At(r, e.from) ? n?.({
+				from: r,
+				to: void 0
+			}) : n?.({
+				from: e.from,
+				to: r
+			}));
+		}
+	}, m = (t) => {
+		let r = a?.find((e) => e.label === t.target.value);
+		r && e === "range" && (n?.(r.value), l(new Date(r.value.from.getFullYear(), r.value.from.getMonth(), 1)));
+	}, h = (n, i) => {
+		let a = n.getFullYear(), o = n.getMonth(), c = wt(a, o), l = Tt(a, o), d = wt(a, o - 1), m = Array.from({ length: l }, (e, t) => new Date(a, o - 1, d - l + t + 1)), h = Array.from({ length: c }, (e, t) => new Date(a, o, t + 1)), g = m.length + h.length, _ = g % 7 == 0 ? 0 : 7 - g % 7, v = Array.from({ length: _ }, (e, t) => new Date(a, o + 1, t + 1)), y = [
+			...m,
+			...h,
+			...v
+		];
+		return /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "flex flex-col items-center gap-1 w-[260px]",
+			children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "flex flex-row justify-between items-center px-2 py-1 w-[260px] min-h-[36px]",
+				children: [
+					i === 0 ? /* @__PURE__ */ (0, Y.jsx)("button", {
+						onClick: u,
+						className: J("flex-none flex items-center justify-center w-7 h-7 rounded-md border focus:outline-none transition-colors", s ? "bg-slate-800 border-slate-700 text-white hover:bg-slate-700" : "bg-white border-slate-200 text-slate-800 hover:bg-slate-50"),
+						children: /* @__PURE__ */ (0, Y.jsx)(Nt, {})
+					}) : /* @__PURE__ */ (0, Y.jsx)("div", { className: "w-7 h-7" }),
+					/* @__PURE__ */ (0, Y.jsx)("div", {
+						className: J("flex flex-row justify-center items-center", s ? "text-white" : "text-slate-950"),
+						children: /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "font-[600] text-sm leading-6",
+							children: jt(n)
+						})
+					}),
+					i === r - 1 ? /* @__PURE__ */ (0, Y.jsx)("button", {
+						onClick: f,
+						className: J("flex-none flex items-center justify-center w-7 h-7 rounded-md border focus:outline-none transition-colors", s ? "bg-slate-800 border-slate-700 text-white hover:bg-slate-700" : "bg-white border-slate-200 text-slate-800 hover:bg-slate-50"),
+						children: /* @__PURE__ */ (0, Y.jsx)(Pt, {})
+					}) : /* @__PURE__ */ (0, Y.jsx)("div", { className: "w-7 h-7" })
+				]
+			}), /* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "flex flex-col items-start px-1 pb-1.5 w-[260px]",
+				children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "grid grid-cols-7 w-[252px]",
+					children: Mt.map((e) => /* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "flex justify-center items-center w-9 h-5",
+						children: /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "font-[500] text-xs leading-5 text-slate-500",
+							children: e
+						})
+					}, e))
+				}), /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "grid grid-cols-7 gap-y-2 mt-2 w-[252px]",
+					children: y.map((n, r) => {
+						let i = n.getMonth() === o, a = !1, c = !1, l = !1, u = !1;
+						if (e === "single" && t instanceof Date) a = Ot(n, t);
+						else if (e === "range") {
+							let e = t;
+							e?.from && e?.to ? (c = Ot(n, e.from), l = Ot(n, e.to), a = c || l, u = kt(n, {
+								start: e.from,
+								end: e.to
+							})) : e?.from && (a = Ot(n, e.from), c = a);
+						}
+						let d = u && !c && !l, f = e === "range" && t?.to && !Ot(t.from, t.to);
+						return /* @__PURE__ */ (0, Y.jsxs)("div", {
+							className: J("relative flex items-center justify-center w-9 h-9", d && (s ? "bg-slate-800" : "bg-slate-100")),
+							children: [
+								c && f && /* @__PURE__ */ (0, Y.jsx)("div", { className: J("absolute right-0 top-0 bottom-0 w-1/2", s ? "bg-slate-800" : "bg-slate-100") }),
+								l && f && /* @__PURE__ */ (0, Y.jsx)("div", { className: J("absolute left-0 top-0 bottom-0 w-1/2", s ? "bg-slate-800" : "bg-slate-100") }),
+								/* @__PURE__ */ (0, Y.jsx)("button", {
+									onClick: () => p(n),
+									className: J("relative z-10 flex-none flex items-center justify-center w-9 h-9 rounded-md focus:outline-none transition-colors", "font-[500] text-sm leading-6", i ? "opacity-100" : "opacity-50", a ? s ? "bg-slate-700 text-white" : "bg-[#0F172A] text-white" : s ? "text-white hover:bg-slate-800" : "text-slate-950 hover:bg-slate-100"),
+									children: n.getDate()
+								})
+							]
+						}, r);
+					})
+				})]
+			})]
+		}, i);
+	}, g = Array.from({ length: r }, (e, t) => Et(c, t));
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: J("flex flex-col gap-2", i),
+		children: [a && a.length > 0 && e === "range" && /* @__PURE__ */ (0, Y.jsxs)("select", {
+			onChange: m,
+			className: J("p-2 w-full text-sm rounded-md border appearance-none focus:outline-none", s ? "bg-slate-900 border-slate-700 text-white" : "bg-white border-[#E2E8F0] text-slate-800"),
+			defaultValue: "",
+			children: [/* @__PURE__ */ (0, Y.jsx)("option", {
+				value: "",
+				disabled: !0,
+				children: "Select Preset"
+			}), a.map((e) => /* @__PURE__ */ (0, Y.jsx)("option", {
+				value: e.label,
+				children: e.label
+			}, e.label))]
+		}), /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("box-border flex flex-row items-start p-3 gap-1 rounded-md border w-max", s ? "bg-[#0B1120] border-slate-800" : "bg-[#FFFFFF] border-slate-200"),
+			children: g.map((e, t) => h(e, t))
+		})]
+	});
+}, It = v("border-slate-200", {
+	variants: {
+		variant: {
+			solid: "border-solid",
+			dashed: "border-dashed",
+			dotted: "border-dotted"
+		},
+		color: {
+			default: "border-slate-200 text-slate-500",
+			muted: "border-slate-100 text-slate-400",
+			dark: "border-slate-700 text-slate-300",
+			primary: "border-slate-900 text-slate-900"
+		}
+	},
+	defaultVariants: {
+		variant: "solid",
+		color: "default"
+	}
+}), Lt = n(({ label: e, children: t, orientation: n = "horizontal", labelPosition: r = "center", variant: i = "solid", color: a = "default", className: o, ...s }, c) => {
+	let l = e || t;
+	if (n === "vertical") return /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: c,
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: J("inline-block min-h-[1em] w-px self-stretch border-l border-slate-200 mx-2", It({
+			variant: i,
+			color: a
+		}), o),
+		...s
+	});
+	if (!l) return /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: c,
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: J("w-full border-t border-slate-200 my-4", It({
+			variant: i,
+			color: a
+		}), o),
+		...s
+	});
+	let u = r === "left", d = r === "right";
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: c,
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: J("flex items-center w-full my-4 select-none", o),
+		...s,
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("div", { className: J("border-t border-slate-200", It({
+				variant: i,
+				color: a
+			}), u ? "w-8 flex-none" : "flex-grow") }),
+			/* @__PURE__ */ (0, Y.jsx)("span", {
+				className: J("px-3 text-xs font-[500] text-slate-500 whitespace-nowrap", a === "dark" && "text-slate-300", a === "primary" && "text-slate-900 font-semibold"),
+				children: l
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("div", { className: J("border-t border-slate-200", It({
+				variant: i,
+				color: a
+			}), d ? "w-8 flex-none" : "flex-grow") })
+		]
+	});
+});
+Lt.displayName = "Divider";
+//#endregion
+//#region src/components/ImagePopOver/ImagePopOver.tsx
+var Rt = v("relative bg-white shadow-2xl overflow-hidden transition-all duration-200 flex flex-col", {
+	variants: {
+		size: {
+			sm: "max-w-md max-h-[60vh]",
+			default: "max-w-2xl max-h-[75vh]",
+			lg: "max-w-4xl max-h-[85vh]",
+			full: "max-w-6xl max-h-[90vh]"
+		},
+		rounded: {
+			none: "rounded-none",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			xl: "rounded-xl",
+			"2xl": "rounded-2xl"
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		rounded: "xl"
+	}
+}), zt = n(({ url: e, alt: t = "Preview image", title: n, caption: r, open: a = !0, onClose: s, size: c = "default", rounded: l = "xl", closeOnBackdropClick: u = !0, closeOnEsc: d = !0, className: f, ...p }, m) => {
+	let h = i(() => {
+		s(!1);
+	}, [s]);
+	return o(() => {
+		if (!a || !d) return;
+		let e = (e) => {
+			e.key === "Escape" && h();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		a,
+		d,
+		h
+	]), a ? /* @__PURE__ */ (0, Y.jsx)("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": typeof n == "string" ? n : "Image Preview",
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-xs transition-opacity duration-200 animate-in fade-in",
+		onClick: u ? h : void 0,
+		children: /* @__PURE__ */ (0, Y.jsxs)("div", {
+			ref: m,
+			className: J(Rt({
+				size: c,
+				rounded: l
+			}), "w-full p-2 border border-slate-100", f),
+			onClick: (e) => e.stopPropagation(),
+			...p,
+			children: [
+				n && /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "px-3 py-2 border-b border-slate-100 flex items-center justify-between",
+					children: /* @__PURE__ */ (0, Y.jsx)("h3", {
+						className: "text-sm font-semibold text-[#0F172A] truncate",
+						children: n
+					})
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "relative flex items-center justify-center overflow-hidden bg-slate-50 rounded-lg min-h-[240px]",
+					children: /* @__PURE__ */ (0, Y.jsx)("img", {
+						src: e,
+						alt: t,
+						className: "w-full h-full max-h-[70vh] object-contain transition-transform select-none"
+					})
+				}),
+				r && /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "px-3 py-2 border-t border-slate-100 text-xs text-slate-500",
+					children: r
+				}),
+				/* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					className: "absolute top-3 right-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white/90 text-slate-600 shadow-md backdrop-blur-sm transition-all hover:bg-white hover:text-red-600 hover:scale-110 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A] cursor-pointer",
+					onClick: h,
+					"aria-label": "Close image preview",
+					children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+						className: "h-4 w-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ (0, Y.jsx)("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M6 18L18 6M6 6l12 12"
+						})
+					})
+				})
+			]
+		})
+	}) : null;
+});
+zt.displayName = "ImagePopOver";
+//#endregion
+//#region src/components/Input/Input.tsx
+var Bt = v("flex w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm font-[500] text-[#0F172A] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-[#0F172A] focus:border-transparent transition-colors duration-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-slate-50 file:border-0 file:bg-transparent file:text-sm file:font-[500] file:text-[#0F172A] file:cursor-pointer", {
+	variants: {
+		inputSize: {
+			sm: "h-9 text-xs px-2.5",
+			default: "h-10 text-sm px-3",
+			lg: "h-11 text-base px-4"
+		},
+		hasError: { true: "border-red-500 focus:ring-red-500 text-red-900 placeholder:text-red-300" }
+	},
+	defaultVariants: { inputSize: "default" }
+}), Vt = n(({ className: e, inputSize: t = "default", hasError: n = !1, label: r, helperText: i, errorMessage: a, id: o, disabled: c, type: l = "text", ...u }, d) => {
+	let f = s(), p = o || f, m = `${p}-desc`, h = !!(a || n), g = /* @__PURE__ */ (0, Y.jsx)("input", {
+		id: p,
+		ref: d,
+		type: l,
+		disabled: c,
+		"aria-invalid": h,
+		"aria-describedby": i || a ? m : void 0,
+		className: J(Bt({
+			inputSize: t,
+			hasError: h,
+			className: e
+		})),
+		...u
+	});
+	return !r && !i && !a ? g : /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "w-full flex flex-col gap-2",
+		children: [
+			r && /* @__PURE__ */ (0, Y.jsx)("label", {
+				htmlFor: p,
+				className: J("text-sm font-[600] text-[#0F172A]", c && "opacity-50 cursor-not-allowed"),
+				children: r
+			}),
+			g,
+			a ? /* @__PURE__ */ (0, Y.jsx)("p", {
+				id: m,
+				className: "text-xs font-[400] text-red-500",
+				children: a
+			}) : i ? /* @__PURE__ */ (0, Y.jsx)("p", {
+				id: m,
+				className: "text-xs font-[400] text-gray-500",
+				children: i
+			}) : null
+		]
+	});
+});
+Vt.displayName = "Input";
+//#endregion
+//#region src/components/InputOTP/InputOTP.tsx
+var Ht = t(null), Ut = n(({ maxLength: e = 6, value: t, defaultValue: n = "", onChange: r, disabled: i = !1, readOnly: a = !1, pattern: s = "^[0-9]*$", autoFocus: l = !1, className: f, children: p, ...m }, h) => {
+	let g = t !== void 0, [_, v] = d(n), y = g ? t : _, [b, x] = d(!1), [S, C] = d(0), w = u(null);
+	c(h, () => ({
+		focus: () => w.current?.focus(),
+		blur: () => w.current?.blur(),
+		clear: () => {
+			g || v(""), r?.("");
+		}
+	})), o(() => {
+		l && w.current?.focus();
+	}, [l]);
+	let T = (t) => {
+		let n = t.target.value.slice(0, e);
+		s && n.length > 0 && !new RegExp(s).test(n) || (g || v(n), r?.(n), C(n.length));
+	}, E = (e) => {
+		(e.key === "ArrowLeft" || e.key === "ArrowRight") && setTimeout(() => {
+			w.current && C(w.current.selectionStart || 0);
+		}, 0);
+	}, D = b ? Math.min(S, y.length) : -1;
+	return /* @__PURE__ */ (0, Y.jsx)(Ht.Provider, {
+		value: {
+			value: y,
+			maxLength: e,
+			activeIndex: D,
+			setActiveIndex: (e) => {
+				C(e), w.current && (w.current.focus(), w.current.setSelectionRange(e, e));
+			},
+			disabled: i,
+			readOnly: a,
+			hasFakeCaret: b,
+			onChange: (e) => {
+				g || v(e), r?.(e);
+			},
+			inputRef: w
+		},
+		children: /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: J("relative inline-flex items-center gap-2 select-none", f),
+			onClick: () => {
+				!i && !a && w.current?.focus();
+			},
+			...m,
+			children: [/* @__PURE__ */ (0, Y.jsx)("input", {
+				ref: w,
+				type: "text",
+				inputMode: "numeric",
+				autoComplete: "one-time-code",
+				maxLength: e,
+				value: y,
+				disabled: i,
+				readOnly: a,
+				onChange: T,
+				onKeyDown: E,
+				onFocus: () => {
+					x(!0), C(y.length);
+				},
+				onBlur: () => x(!1),
+				onSelect: (e) => {
+					C(e.currentTarget.selectionStart || 0);
+				},
+				className: "absolute inset-0 w-full h-full opacity-0 pointer-events-none cursor-default",
+				tabIndex: i ? -1 : 0,
+				"aria-label": "OTP Input"
+			}), p]
+		})
+	});
+});
+Ut.displayName = "InputOTP";
+var Wt = n(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ (0, Y.jsx)("div", {
+	ref: r,
+	className: J("flex items-center rounded-md border border-gray-200 shadow-sm bg-white overflow-hidden", e),
+	...n,
+	children: t
+}));
+Wt.displayName = "InputOTPGroup";
+var Gt = n(({ index: e, className: t, ...n }, r) => {
+	let i = a(Ht);
+	if (!i) throw Error("InputOTPSlot must be used within an InputOTP component");
+	let { value: o, activeIndex: s, disabled: c, hasFakeCaret: l } = i, u = o[e] || "", d = s === e;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: r,
+		className: J("relative flex h-10 w-10 items-center justify-center border-r border-gray-200 text-sm font-[500] text-[#0F172A] transition-all first:rounded-l-md last:border-r-0 last:rounded-r-md", d && "z-10 ring-2 ring-[#0F172A] ring-offset-0 border-transparent", c && "bg-slate-50 opacity-50 cursor-not-allowed", t),
+		...n,
+		children: [u, d && !u && l && !c && /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ (0, Y.jsx)("div", { className: "h-4 w-px animate-pulse bg-[#0F172A] duration-1000" })
+		})]
+	});
+});
+Gt.displayName = "InputOTPSlot";
+var Kt = n(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ (0, Y.jsx)("div", {
+	ref: r,
+	role: "separator",
+	className: J("flex items-center justify-center px-1 text-gray-400 font-bold text-lg select-none", e),
+	...n,
+	children: t || "•"
+}));
+Kt.displayName = "InputOTPSeparator";
+//#endregion
+//#region src/components/Pagination/Pagination.tsx
+var qt = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("nav", {
+	ref: n,
+	role: "navigation",
+	"aria-label": "pagination",
+	className: J("mx-auto flex w-full justify-center select-none", e),
+	...t
+}));
+qt.displayName = "Pagination";
+var Jt = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("ul", {
+	ref: n,
+	className: J("flex flex-row items-center gap-1", e),
+	...t
+}));
+Jt.displayName = "PaginationContent";
+var Yt = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("li", {
+	ref: n,
+	className: J("", e),
+	...t
+}));
+Yt.displayName = "PaginationItem";
+var Xt = n(({ className: e, isActive: t, disabled: n, children: r, ...i }, a) => /* @__PURE__ */ (0, Y.jsx)("button", {
+	ref: a,
+	type: "button",
+	"aria-current": t ? "page" : void 0,
+	disabled: n,
+	className: J("inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-3.5 text-sm font-[500] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A]", t ? "border border-gray-200 bg-white font-[600] text-[#0F172A] shadow-sm" : "bg-transparent text-[#0F172A] hover:bg-slate-100", n && "pointer-events-none opacity-40 cursor-not-allowed", e),
+	...i,
+	children: r
+}));
+Xt.displayName = "PaginationLink";
+var Zt = n(({ className: e, disabled: t, ...n }, r) => /* @__PURE__ */ (0, Y.jsxs)("button", {
+	ref: r,
+	type: "button",
+	"aria-label": "Go to previous page",
+	disabled: t,
+	className: J("inline-flex h-10 items-center gap-1.5 rounded-md px-3 text-sm font-[500] transition-colors hover:bg-slate-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A]", t ? "pointer-events-none text-slate-400 cursor-not-allowed" : "text-[#0F172A] hover:text-[#0F172A]", e),
+	...n,
+	children: [/* @__PURE__ */ (0, Y.jsx)("svg", {
+		className: "h-4 w-4",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ (0, Y.jsx)("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M15 19l-7-7 7-7"
+		})
+	}), /* @__PURE__ */ (0, Y.jsx)("span", { children: "Previous" })]
+}));
+Zt.displayName = "PaginationPrevious";
+var Qt = n(({ className: e, disabled: t, ...n }, r) => /* @__PURE__ */ (0, Y.jsxs)("button", {
+	ref: r,
+	type: "button",
+	"aria-label": "Go to next page",
+	disabled: t,
+	className: J("inline-flex h-10 items-center gap-1.5 rounded-md px-3 text-sm font-[500] transition-colors hover:bg-slate-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A]", t ? "pointer-events-none text-slate-400 cursor-not-allowed" : "text-[#0F172A] hover:text-[#0F172A]", e),
+	...n,
+	children: [/* @__PURE__ */ (0, Y.jsx)("span", { children: "Next" }), /* @__PURE__ */ (0, Y.jsx)("svg", {
+		className: "h-4 w-4",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ (0, Y.jsx)("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M9 5l7 7-7 7"
+		})
+	})]
+}));
+Qt.displayName = "PaginationNext";
+var $t = ({ className: e, ...t }) => /* @__PURE__ */ (0, Y.jsx)("span", {
+	"aria-hidden": !0,
+	className: J("flex h-10 w-8 items-center justify-center text-sm font-bold text-slate-700 select-none", e),
+	...t,
+	children: "…"
+});
+$t.displayName = "PaginationEllipsis";
+var en = ({ totalPages: e, currentPage: t, onPageChange: n, className: r }) => /* @__PURE__ */ (0, Y.jsx)(qt, {
+	className: r,
+	children: /* @__PURE__ */ (0, Y.jsxs)(Jt, { children: [
+		/* @__PURE__ */ (0, Y.jsx)(Yt, { children: /* @__PURE__ */ (0, Y.jsx)(Zt, {
+			disabled: t === 1,
+			onClick: () => n(t - 1)
+		}) }),
+		(() => {
+			let n = [];
+			if (e <= 7) for (let t = 1; t <= e; t++) n.push(t);
+			else if (t <= 4) {
+				for (let e = 1; e <= 5; e++) n.push(e);
+				n.push("ellipsis-end"), n.push(e);
+			} else if (t >= e - 3) {
+				n.push(1), n.push("ellipsis-start");
+				for (let t = e - 4; t <= e; t++) n.push(t);
+			} else n.push(1), n.push("ellipsis-start"), n.push(t - 1), n.push(t), n.push(t + 1), n.push("ellipsis-end"), n.push(e);
+			return n;
+		})().map((e, r) => /* @__PURE__ */ (0, Y.jsx)(Yt, { children: typeof e == "number" ? /* @__PURE__ */ (0, Y.jsx)(Xt, {
+			isActive: t === e,
+			onClick: () => n(e),
+			children: e
+		}) : /* @__PURE__ */ (0, Y.jsx)($t, {}) }, r)),
+		/* @__PURE__ */ (0, Y.jsx)(Yt, { children: /* @__PURE__ */ (0, Y.jsx)(Qt, {
+			disabled: t === e,
+			onClick: () => n(t + 1)
+		}) })
+	] })
+}), tn = v("relative flex items-center transition-all duration-200 select-none", {
+	variants: {
+		layout: {
+			default: "flex-row items-center gap-3",
+			horizontal: "flex-row items-center justify-between w-full gap-4",
+			"space-between": "flex-row-reverse items-center justify-between w-full gap-4",
+			vertical: "flex-col items-center justify-center text-center gap-2"
+		},
+		bordered: {
+			true: "rounded-xl border border-gray-200 bg-white p-4 shadow-sm",
+			false: "bg-transparent"
+		}
+	},
+	defaultVariants: {
+		layout: "default",
+		bordered: !1
+	}
+}), nn = n(({ className: e, layout: t = "default", bordered: n = !1, avatarUrl: r, name: i, subtitle: a, isVerified: o = !1, avatarShape: s = "circle", avatarSize: c = "default", trailing: l, children: u, ...d }, f) => {
+	let p = {
+		sm: "h-8 w-8 text-xs",
+		default: "h-10 w-10 text-sm",
+		lg: "h-12 w-12 text-base"
+	}[c], m = () => /* @__PURE__ */ (0, Y.jsx)("div", {
+		className: J("relative flex-shrink-0 flex items-center justify-center overflow-hidden bg-slate-100 text-[#0F172A] font-semibold", s === "circle" ? "rounded-full" : "rounded-2xl", p),
+		children: r ? /* @__PURE__ */ (0, Y.jsx)("img", {
+			src: r,
+			alt: i,
+			className: "h-full w-full object-cover"
+		}) : /* @__PURE__ */ (0, Y.jsx)("span", { children: i.charAt(0).toUpperCase() })
+	}), h = () => /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: J("flex flex-col min-w-0", t === "vertical" ? "items-center" : "items-start"),
+		children: [
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "inline-flex items-center gap-1.5",
+				children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "text-sm font-[600] text-[#0F172A] leading-tight truncate",
+					children: i
+				}), o && /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "inline-flex items-center justify-center text-blue-500 flex-shrink-0",
+					title: "Verified",
+					children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+						className: "h-4 w-4 fill-current",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ (0, Y.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+					})
+				})]
+			}),
+			a && /* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "text-xs font-[400] text-slate-500 mt-0.5 leading-tight",
+				children: a
+			}),
+			u
+		]
+	});
+	return t === "horizontal" ? /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: f,
+		"data-slot": "profile-card",
+		className: J(tn({
+			layout: t,
+			bordered: n,
+			className: e
+		})),
+		...d,
+		children: [
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "flex items-center gap-3",
+				children: [m(), /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "inline-flex items-center gap-1.5",
+					children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "text-sm font-[600] text-[#0F172A] leading-tight truncate",
+						children: i
+					}), o && /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "inline-flex items-center justify-center text-blue-500 flex-shrink-0",
+						title: "Verified",
+						children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+							className: "h-4 w-4 fill-current",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ (0, Y.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+						})
+					})]
+				})]
+			}),
+			a && /* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "text-xs font-[400] text-slate-500 flex-shrink-0",
+				children: a
+			}),
+			l
+		]
+	}) : /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: f,
+		"data-slot": "profile-card",
+		className: J(tn({
+			layout: t,
+			bordered: n,
+			className: e
+		})),
+		...d,
+		children: [
+			m(),
+			h(),
+			l
+		]
+	});
+});
+nn.displayName = "ProfileCard";
+//#endregion
+//#region src/components/Select/Select.tsx
+var rn = t(null);
+function an() {
+	let e = a(rn);
+	if (!e) throw Error("Select compound components must be used within <Select />.");
+	return e;
+}
+var on = ({ value: e, defaultValue: t = "", onValueChange: n, disabled: r = !1, children: i }) => {
+	let a = e !== void 0, [o, c] = d(t), l = a ? e : o, [u, f] = d(!1), [p, m] = d(""), [h, g] = d(""), _ = s();
+	return /* @__PURE__ */ (0, Y.jsx)(rn.Provider, {
+		value: {
+			value: l,
+			onValueChange: (e) => {
+				a || c(e), n?.(e), f(!1), g("");
+			},
+			open: u,
+			setOpen: f,
+			selectedLabel: p,
+			setSelectedLabel: m,
+			disabled: r,
+			baseId: _,
+			searchQuery: h,
+			setSearchQuery: g
+		},
+		children: /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "relative inline-block w-full",
+			children: i
+		})
+	});
+}, sn = n(({ className: e, children: t, ...n }, r) => {
+	let { open: i, setOpen: a, disabled: s, baseId: c } = an(), l = u(null);
+	return o(() => {
+		let e = (e) => {
+			l.current && !l.current.closest(".relative")?.contains(e.target) && a(!1);
+		};
+		return i && document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [i, a]), /* @__PURE__ */ (0, Y.jsxs)("button", {
+		ref: (e) => {
+			l.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+		},
+		id: `${c}-trigger`,
+		type: "button",
+		role: "combobox",
+		"aria-expanded": i,
+		"aria-haspopup": "listbox",
+		disabled: s,
+		onClick: () => !s && a(!i),
+		className: J("flex h-10 w-full items-center justify-between rounded-md border border-gray-200 bg-white px-3 py-2 text-sm font-[500] text-[#0F172A] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-[#0F172A] disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-slate-50 transition-colors select-none", e),
+		...n,
+		children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "truncate",
+			children: t
+		}), /* @__PURE__ */ (0, Y.jsx)("svg", {
+			className: J("h-4 w-4 text-gray-500 transition-transform duration-200 flex-shrink-0 ml-2", i && "rotate-180"),
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ (0, Y.jsx)("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 9l-7 7-7-7"
+			})
+		})]
+	});
+});
+sn.displayName = "SelectTrigger";
+var cn = ({ placeholder: e, className: t }) => {
+	let { selectedLabel: n, value: r } = an(), i = n || r || e;
+	return /* @__PURE__ */ (0, Y.jsx)("span", {
+		className: J(!n && !r ? "text-gray-400" : "text-[#0F172A]", t),
+		children: i
+	});
+}, ln = ({ placeholder: e = "Search...", className: t, ...n }) => {
+	let { searchQuery: r, setSearchQuery: i } = an();
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "flex items-center border-b border-gray-100 px-3 py-2",
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "mr-2 h-4 w-4 text-gray-400",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+				})
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("input", {
+				type: "text",
+				value: r,
+				onChange: (e) => i(e.target.value),
+				placeholder: e,
+				className: J("w-full bg-transparent text-sm font-[500] text-[#0F172A] placeholder:text-gray-400 focus:outline-none", t),
+				autoFocus: !0,
+				onClick: (e) => e.stopPropagation(),
+				...n
+			}),
+			r && /* @__PURE__ */ (0, Y.jsx)("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), i("");
+				},
+				className: "text-gray-400 hover:text-gray-600",
+				children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+					className: "h-3.5 w-3.5",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ (0, Y.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M6 18L18 6M6 6l12 12"
+					})
+				})
+			})
+		]
+	});
+}, un = n(({ className: e, children: t, maxHeight: n = "max-h-60", ...r }, i) => {
+	let { open: a, baseId: o } = an();
+	return a ? /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: i,
+		id: `${o}-listbox`,
+		role: "listbox",
+		className: J("absolute left-0 top-full z-50 mt-1 min-w-[8rem] w-full overflow-y-auto rounded-lg border border-gray-200 bg-white p-1 shadow-lg animate-in fade-in-80 zoom-in-95", n, e),
+		...r,
+		children: t
+	}) : null;
+});
+un.displayName = "SelectContent";
+var dn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ (0, Y.jsx)("div", {
+	className: J("p-1", e),
+	...n,
+	children: t
+}), fn = ({ className: e, children: t, ...n }) => /* @__PURE__ */ (0, Y.jsx)("div", {
+	className: J("px-2 py-1.5 text-xs font-[600] text-[#0F172A]", e),
+	...n,
+	children: t
+}), pn = n(({ value: e, disabled: t = !1, className: n, children: r, ...i }, a) => {
+	let { value: s, onValueChange: c, setSelectedLabel: l, searchQuery: u } = an(), d = s === e, f = !u || (typeof r == "string" ? r : e).toLowerCase().includes(u.toLowerCase());
+	return o(() => {
+		d && typeof r == "string" && l(r);
+	}, [
+		d,
+		r,
+		l
+	]), f ? /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: a,
+		role: "option",
+		"aria-selected": d,
+		"data-disabled": t,
+		onClick: () => {
+			t || (typeof r == "string" && l(r), c(e));
+		},
+		className: J("relative flex w-full cursor-pointer select-none items-center rounded-md px-2.5 py-1.5 text-sm font-[500] text-[#0F172A] outline-none transition-colors hover:bg-slate-100 hover:text-[#0F172A]", d && "bg-slate-100 font-[600]", t && "pointer-events-none opacity-50", n),
+		...i,
+		children: [/* @__PURE__ */ (0, Y.jsx)("span", {
+			className: "flex-1 truncate",
+			children: r
+		}), d && /* @__PURE__ */ (0, Y.jsx)("svg", {
+			className: "h-4 w-4 ml-2 text-[#0F172A]",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ (0, Y.jsx)("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 13l4 4L19 7"
+			})
+		})]
+	}) : null;
+});
+pn.displayName = "SelectItem";
+var mn = ({ className: e, ...t }) => /* @__PURE__ */ (0, Y.jsx)("div", {
+	className: J("-mx-1 my-1 h-px bg-gray-100", e),
+	...t
+}), hn = ({ options: e, value: t, defaultValue: n = [], onChange: r, placeholder: i = "Select options...", searchPlaceholder: a = "Search options...", searchable: c = !0, disabled: l = !1, label: f, className: p, maxCount: m = 3 }) => {
+	let h = t !== void 0, [g, _] = d(n), v = h ? t : g, [y, b] = d(!1), [x, S] = d(""), C = u(null), w = s();
+	o(() => {
+		let e = (e) => {
+			C.current && !C.current.contains(e.target) && b(!1);
+		};
+		return y && document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [y]);
+	let T = (e) => {
+		let t;
+		t = v.includes(e) ? v.filter((t) => t !== e) : [...v, e], h || _(t), r?.(t);
+	}, E = (e, t) => {
+		e.stopPropagation();
+		let n = v.filter((e) => e !== t);
+		h || _(n), r?.(n);
+	}, D = (e) => {
+		e.stopPropagation(), h || _([]), r?.([]);
+	}, O = e.filter((e) => e.label.toLowerCase().includes(x.toLowerCase()));
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: C,
+		className: J("relative flex flex-col gap-2 w-full", p),
+		children: [
+			f && /* @__PURE__ */ (0, Y.jsx)("label", {
+				htmlFor: w,
+				className: "text-sm font-[600] text-[#0F172A]",
+				children: f
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				id: w,
+				role: "combobox",
+				"aria-expanded": y,
+				"aria-haspopup": "listbox",
+				onClick: () => !l && b(!y),
+				className: J("flex min-h-[40px] w-full items-center justify-between rounded-md border border-gray-200 bg-white px-3 py-1.5 text-sm font-[500] text-[#0F172A] cursor-pointer transition-colors focus-within:ring-2 focus-within:ring-[#0F172A]", l && "cursor-not-allowed opacity-50 bg-slate-50"),
+				children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "flex flex-wrap items-center gap-1.5 flex-1 pr-2",
+					children: v.length === 0 ? /* @__PURE__ */ (0, Y.jsx)("span", {
+						className: "text-gray-400",
+						children: i
+					}) : /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [v.slice(0, m).map((t) => {
+						let n = e.find((e) => e.value === t);
+						return /* @__PURE__ */ (0, Y.jsxs)("span", {
+							className: "inline-flex items-center gap-1 rounded bg-slate-100 px-2 py-0.5 text-xs font-[500] text-[#0F172A] border border-gray-200",
+							children: [/* @__PURE__ */ (0, Y.jsx)("span", { children: n ? n.label : t }), !l && /* @__PURE__ */ (0, Y.jsx)("button", {
+								type: "button",
+								onClick: (e) => E(e, t),
+								className: "text-gray-400 hover:text-[#0F172A]",
+								children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+									className: "h-3 w-3",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ (0, Y.jsx)("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							})]
+						}, t);
+					}), v.length > m && /* @__PURE__ */ (0, Y.jsxs)("span", {
+						className: "rounded bg-slate-100 px-1.5 py-0.5 text-xs font-[500] text-slate-600 border border-gray-200",
+						children: [
+							"+",
+							v.length - m,
+							" more"
+						]
+					})] })
+				}), /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "flex items-center gap-1.5 flex-shrink-0",
+					children: [v.length > 0 && !l && /* @__PURE__ */ (0, Y.jsx)("button", {
+						type: "button",
+						onClick: D,
+						className: "text-gray-400 hover:text-gray-600 p-0.5 rounded",
+						children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+							className: "h-3.5 w-3.5",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ (0, Y.jsx)("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M6 18L18 6M6 6l12 12"
+							})
+						})
+					}), /* @__PURE__ */ (0, Y.jsx)("svg", {
+						className: J("h-4 w-4 text-gray-500 transition-transform duration-200", y && "rotate-180"),
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ (0, Y.jsx)("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M19 9l-7 7-7-7"
+						})
+					})]
+				})]
+			}),
+			y && /* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "absolute left-0 top-full z-50 mt-1 w-full rounded-lg border border-gray-200 bg-white p-1 shadow-lg animate-in fade-in-80 zoom-in-95",
+				children: [c && /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "flex items-center border-b border-gray-100 px-3 py-2",
+					children: [
+						/* @__PURE__ */ (0, Y.jsx)("svg", {
+							className: "mr-2 h-4 w-4 text-gray-400",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ (0, Y.jsx)("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+							})
+						}),
+						/* @__PURE__ */ (0, Y.jsx)("input", {
+							type: "text",
+							value: x,
+							onChange: (e) => S(e.target.value),
+							placeholder: a,
+							className: "w-full bg-transparent text-sm font-[500] text-[#0F172A] placeholder:text-gray-400 focus:outline-none",
+							autoFocus: !0,
+							onClick: (e) => e.stopPropagation()
+						}),
+						x && /* @__PURE__ */ (0, Y.jsx)("button", {
+							type: "button",
+							onClick: (e) => {
+								e.stopPropagation(), S("");
+							},
+							className: "text-gray-400 hover:text-gray-600",
+							children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+								className: "h-3.5 w-3.5",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ (0, Y.jsx)("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M6 18L18 6M6 6l12 12"
+								})
+							})
+						})
+					]
+				}), /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "max-h-60 overflow-y-auto p-1 space-y-0.5",
+					children: O.length === 0 ? /* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "px-3 py-2 text-center text-xs text-gray-400",
+						children: "No options found."
+					}) : O.map((e) => {
+						let t = v.includes(e.value);
+						return /* @__PURE__ */ (0, Y.jsxs)("div", {
+							role: "option",
+							"aria-selected": t,
+							onClick: () => !e.disabled && T(e.value),
+							className: J("flex w-full cursor-pointer select-none items-center rounded-md px-2.5 py-1.5 text-sm font-[500] transition-colors hover:bg-slate-100", t ? "bg-slate-100 text-[#0F172A] font-[600]" : "text-[#0F172A]", e.disabled && "pointer-events-none opacity-50"),
+							children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+								className: J("mr-2.5 flex h-4 w-4 items-center justify-center rounded border transition-colors", t ? "border-[#0F172A] bg-[#0F172A] text-white" : "border-gray-300 bg-white"),
+								children: t && /* @__PURE__ */ (0, Y.jsx)("svg", {
+									className: "h-3 w-3",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ (0, Y.jsx)("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 3,
+										d: "M5 13l4 4L19 7"
+									})
+								})
+							}), /* @__PURE__ */ (0, Y.jsx)("span", {
+								className: "flex-1 truncate",
+								children: e.label
+							})]
+						}, e.value);
+					})
+				})]
+			})
+		]
+	});
+}, gn = n(({ className: e, value: t, defaultValue: n = 0, min: r = 0, max: a = 100, step: o = 1, disabled: s = !1, onChange: c, showValue: l = !1, label: f, ...p }, m) => {
+	let h = t !== void 0, [g, _] = d(n), v = Math.min(Math.max(h ? t : g, r), a), y = u(null), [b, x] = d(!1), S = (v - r) / (a - r) * 100, C = i((e) => {
+		if (!y.current || s) return;
+		let t = y.current.getBoundingClientRect(), n = (e - t.left) / t.width, i = r + Math.max(0, Math.min(1, n)) * (a - r), l = Math.round(i / o) * o, u = Math.min(Math.max(Number(l.toFixed(4)), r), a);
+		h || _(u), c?.(u);
+	}, [
+		s,
+		r,
+		a,
+		o,
+		h,
+		c
+	]), w = (e) => {
+		s || (x(!0), e.target.setPointerCapture?.(e.pointerId), C(e.clientX));
+	}, T = (e) => {
+		b && !s && C(e.clientX);
+	}, E = (e) => {
+		b && (x(!1), e.target.releasePointerCapture?.(e.pointerId));
+	}, D = (e) => {
+		if (s) return;
+		let t = v;
+		if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(v + o, a);
+		else if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(v - o, r);
+		else if (e.key === "Home") t = r;
+		else if (e.key === "End") t = a;
+		else return;
+		e.preventDefault(), h || _(t), c?.(t);
+	};
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: J("w-full flex flex-col gap-2 select-none", e),
+		children: [(f || l) && /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "flex justify-between items-center text-sm font-[500] text-[#0F172A]",
+			children: [f && /* @__PURE__ */ (0, Y.jsx)("span", { children: f }), l && /* @__PURE__ */ (0, Y.jsxs)("span", {
+				className: "text-slate-500 font-mono text-xs",
+				children: [v, "%"]
+			})]
+		}), /* @__PURE__ */ (0, Y.jsxs)("div", {
+			ref: m,
+			className: J("relative flex items-center w-full h-6 touch-none cursor-pointer", s && "opacity-50 cursor-not-allowed"),
+			onPointerDown: w,
+			onPointerMove: T,
+			onPointerUp: E,
+			onPointerCancel: E,
+			...p,
+			children: [/* @__PURE__ */ (0, Y.jsx)("div", {
+				ref: y,
+				className: "relative w-full h-2 rounded-full bg-slate-100 overflow-hidden",
+				children: /* @__PURE__ */ (0, Y.jsx)("div", {
+					className: "h-full bg-[#0F172A] rounded-full transition-all duration-75",
+					style: { width: `${S}%` }
+				})
+			}), /* @__PURE__ */ (0, Y.jsx)("div", {
+				role: "slider",
+				tabIndex: s ? -1 : 0,
+				"aria-valuemin": r,
+				"aria-valuemax": a,
+				"aria-valuenow": v,
+				"aria-disabled": s,
+				onKeyDown: D,
+				className: J("absolute top-1/2 -translate-y-1/2 -translate-x-1/2 h-5 w-5 rounded-full bg-white border-2 border-[#0F172A] shadow-md transition-transform focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A] focus-visible:ring-offset-2", b && "scale-110", !s && "hover:scale-105"),
+				style: { left: `${S}%` }
+			})]
+		})]
+	});
+});
+gn.displayName = "Slider";
+//#endregion
+//#region src/components/Switch/Switch.tsx
+var _n = v("relative inline-flex flex-shrink-0 cursor-pointer rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", {
+	variants: {
+		switchSize: {
+			sm: "h-4 w-7",
+			default: "h-6 w-11"
+		},
+		checked: {
+			true: "bg-[#0F172A]",
+			false: "bg-slate-200"
+		}
+	},
+	defaultVariants: {
+		switchSize: "default",
+		checked: !1
+	}
+}), vn = v("pointer-events-none inline-block rounded-full bg-white shadow-md transform ring-0 transition duration-200 ease-in-out", {
+	variants: {
+		switchSize: {
+			sm: "h-3 w-3",
+			default: "h-5 w-5"
+		},
+		checked: {
+			true: "",
+			false: "translate-x-0.5"
+		}
+	},
+	compoundVariants: [
+		{
+			switchSize: "default",
+			checked: !0,
+			className: "translate-x-5.5"
+		},
+		{
+			switchSize: "default",
+			checked: !1,
+			className: "translate-x-0.5"
+		},
+		{
+			switchSize: "sm",
+			checked: !0,
+			className: "translate-x-3.5"
+		},
+		{
+			switchSize: "sm",
+			checked: !1,
+			className: "translate-x-0.5"
+		}
+	],
+	defaultVariants: {
+		switchSize: "default",
+		checked: !1
+	}
+}), yn = n(({ className: e, switchSize: t = "default", checked: n, defaultChecked: r = !1, onCheckedChange: i, disabled: a, label: o, id: c, ...l }, u) => {
+	let f = n !== void 0, [p, m] = d(r), h = f ? n : p, g = s(), _ = c || g, v = /* @__PURE__ */ (0, Y.jsx)("button", {
+		id: _,
+		ref: u,
+		type: "button",
+		role: "switch",
+		"aria-checked": h,
+		disabled: a,
+		onClick: () => {
+			if (a) return;
+			let e = !h;
+			f || m(e), i?.(e);
+		},
+		className: J(_n({
+			switchSize: t,
+			checked: h,
+			className: e
+		}), "items-center"),
+		...l,
+		children: /* @__PURE__ */ (0, Y.jsx)("span", { className: J(vn({
+			switchSize: t,
+			checked: h
+		})) })
+	});
+	return o ? /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "inline-flex items-center gap-3 select-none",
+		children: [v, /* @__PURE__ */ (0, Y.jsx)("label", {
+			htmlFor: _,
+			className: J("text-sm font-[500] text-[#0F172A] cursor-pointer", a && "opacity-50 cursor-not-allowed"),
+			children: o
+		})]
+	}) : v;
+});
+yn.displayName = "Switch";
+//#endregion
+//#region src/components/Table/Table.tsx
+var bn = v("w-full overflow-x-auto border border-slate-200 transition-all", {
+	variants: {
+		rounded: {
+			none: "rounded-none",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			xl: "rounded-xl"
+		},
+		shadow: {
+			none: "shadow-none",
+			sm: "shadow-sm",
+			default: "shadow"
+		}
+	},
+	defaultVariants: {
+		rounded: "lg",
+		shadow: "sm"
+	}
+}), xn = v("w-full caption-bottom text-left border-collapse", {
+	variants: {
+		size: {
+			sm: "[&_th]:px-3 [&_th]:py-2.5 [&_td]:px-3 [&_td]:py-2.5 text-xs",
+			default: "[&_th]:px-4 [&_th]:py-3.5 [&_td]:px-4 [&_td]:py-3.5 text-sm",
+			lg: "[&_th]:px-6 [&_th]:py-4.5 [&_td]:px-6 [&_td]:py-4.5 text-base"
+		},
+		variant: {
+			default: "[&_tbody_tr]:border-b [&_tbody_tr]:border-slate-100 [&_tbody_tr:last-child]:border-0",
+			striped: "[&_tbody_tr:nth-child(even)]:bg-slate-50/60 [&_tbody_tr]:border-b [&_tbody_tr]:border-slate-100 [&_tbody_tr:last-child]:border-0",
+			bordered: "[&_th]:border-r [&_th]:border-slate-200 [&_td]:border-r [&_td]:border-slate-100 [&_th:last-child]:border-0 [&_td:last-child]:border-0 [&_tbody_tr]:border-b [&_tbody_tr]:border-slate-100"
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	}
+}), Sn = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("thead", {
+	ref: n,
+	className: J("bg-slate-50 text-slate-700 border-b border-slate-200 select-none", e),
+	...t
+}));
+Sn.displayName = "TableHeader";
+var Cn = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("tbody", {
+	ref: n,
+	className: J("bg-white divide-y divide-slate-100", e),
+	...t
+}));
+Cn.displayName = "TableBody";
+var wn = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("tfoot", {
+	ref: n,
+	className: J("bg-slate-50/80 font-medium text-slate-700 border-t border-slate-200", e),
+	...t
+}));
+wn.displayName = "TableFooter";
+var Tn = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("tr", {
+	ref: n,
+	className: J("transition-colors hover:bg-slate-50/80 data-[state=selected]:bg-slate-100", e),
+	...t
+}));
+Tn.displayName = "TableRow";
+var En = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("th", {
+	ref: n,
+	className: J("font-[600] text-slate-800 text-left align-middle whitespace-nowrap bg-slate-50", e),
+	...t
+}));
+En.displayName = "TableHead";
+var Dn = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("td", {
+	ref: n,
+	className: J("align-middle font-[500] text-[#0F172A] whitespace-nowrap bg-inherit", e),
+	...t
+}));
+Dn.displayName = "TableCell";
+var On = n(({ className: e, ...t }, n) => /* @__PURE__ */ (0, Y.jsx)("caption", {
+	ref: n,
+	className: J("mt-3 text-xs text-slate-500", e),
+	...t
+}));
+On.displayName = "TableCaption";
+var kn = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function An({ columns: t, data: n, rowKey: r, showSerialNumber: i = !0, serialNumberHeader: a = "S.No", stickyHeader: o = !1, maxHeight: s, size: c = "default", variant: l = "default", rounded: u = "lg", shadow: f = "sm", loading: p = !1, emptyText: m = "No Data Found", emptyState: h, onRowClick: g, containerClassName: _, className: v, expandable: y, defaultExpandedRowKeys: b, expandedRowKeys: x, ...S }) {
+	let C = (e, t) => r ? r(e, t) : e.id === void 0 ? e.key === void 0 ? t : e.key : e.id, w = b || y?.defaultExpandedRowKeys || [], [T, E] = d(w), D = x ?? y?.expandedRowKeys, O = D !== void 0, k = O ? D : T, A = (e, t, n) => {
+		n?.stopPropagation();
+		let r = C(e, t), i = k.includes(r), a = i ? k.filter((e) => e !== r) : [...k, r];
+		O || E(a), y?.onExpand?.(!i, e, t);
+	}, j = t.some((e) => e.fixed), M = +!!i + +!!y + t.length, N = (e, t, n) => {
+		if (!e.fixed) return { className: "" };
+		let r = e.fixed === "left" || e.fixed === !0, i = e.fixed === "right";
+		return r ? { className: J("sticky left-0 z-10 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.06)]", n ? "bg-slate-50 z-20" : "bg-white") } : i ? { className: J("sticky right-0 z-10 shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.06)]", n ? "bg-slate-50 z-20" : "bg-white") } : { className: "" };
+	};
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		style: s ? {
+			maxHeight: s,
+			overflowY: "auto"
+		} : void 0,
+		className: J(bn({
+			rounded: u,
+			shadow: f
+		}), o && "relative", _),
+		children: /* @__PURE__ */ (0, Y.jsxs)("table", {
+			className: J(xn({
+				size: c,
+				variant: l
+			}), j && "min-w-full", v),
+			...S,
+			children: [/* @__PURE__ */ (0, Y.jsx)(Sn, {
+				className: J(o && "sticky top-0 z-20 shadow-sm"),
+				children: /* @__PURE__ */ (0, Y.jsxs)(Tn, { children: [
+					y && /* @__PURE__ */ (0, Y.jsx)(En, { className: "w-10 px-2 text-center" }),
+					i && /* @__PURE__ */ (0, Y.jsx)(En, {
+						className: "w-16 text-center",
+						children: a
+					}),
+					t.map((e, t) => {
+						let n = N(e, t, !0);
+						return /* @__PURE__ */ (0, Y.jsx)(En, {
+							style: {
+								...e.width ? { width: e.width } : {},
+								...e.minWidth ? { minWidth: e.minWidth } : {},
+								...n.style
+							},
+							className: J(e.align ? kn[e.align] : "text-left", n.className, e.className),
+							children: e.header
+						}, t);
+					})
+				] })
+			}), /* @__PURE__ */ (0, Y.jsx)(Cn, { children: p ? /* @__PURE__ */ (0, Y.jsx)(Tn, { children: /* @__PURE__ */ (0, Y.jsx)(Dn, {
+				colSpan: M,
+				className: "text-center py-8 text-slate-500",
+				children: /* @__PURE__ */ (0, Y.jsxs)("div", {
+					className: "flex items-center justify-center gap-2",
+					children: [/* @__PURE__ */ (0, Y.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-slate-300 border-t-[#0F172A]" }), /* @__PURE__ */ (0, Y.jsx)("span", { children: "Loading records..." })]
+				})
+			}) }) : n.length ? n.map((n, r) => {
+				let a = C(n, r), o = k.includes(a), s = y ? !y.rowExpandable || y.rowExpandable(n, r) : !1;
+				return /* @__PURE__ */ (0, Y.jsxs)(e.Fragment, { children: [/* @__PURE__ */ (0, Y.jsxs)(Tn, {
+					onClick: (e) => {
+						y?.expandRowByClick && s && A(n, r, e), g?.(n, r);
+					},
+					className: J((g || y?.expandRowByClick && s) && "cursor-pointer", o && "bg-slate-50/50"),
+					children: [
+						y && /* @__PURE__ */ (0, Y.jsx)(Dn, {
+							className: "w-10 px-2 text-center",
+							children: s ? /* @__PURE__ */ (0, Y.jsx)("button", {
+								type: "button",
+								onClick: (e) => A(n, r, e),
+								"aria-expanded": o,
+								"aria-label": o ? "Collapse row details" : "Expand row details",
+								className: "inline-flex h-6 w-6 items-center justify-center rounded-md text-slate-500 hover:bg-slate-200/70 hover:text-slate-800 transition-transform duration-200 focus:outline-none",
+								children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+									className: J("h-4 w-4 transform transition-transform duration-200", o && "rotate-90"),
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ (0, Y.jsx)("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M9 5l7 7-7 7"
+									})
+								})
+							}) : null
+						}),
+						i && /* @__PURE__ */ (0, Y.jsx)(Dn, {
+							className: "text-center text-slate-500 font-mono text-xs",
+							children: r + 1
+						}),
+						t.map((e, t) => {
+							let i = N(e, t, !1), a = null;
+							return e.cell ? a = e.cell(n, r) : e.accessor && (a = n[e.accessor]), /* @__PURE__ */ (0, Y.jsx)(Dn, {
+								style: {
+									...e.width ? { width: e.width } : {},
+									...e.minWidth ? { minWidth: e.minWidth } : {},
+									...i.style
+								},
+								className: J(e.align ? kn[e.align] : "text-left", i.className, e.className),
+								children: a
+							}, t);
+						})
+					]
+				}), y && o && s && /* @__PURE__ */ (0, Y.jsx)("tr", {
+					className: "bg-slate-50/70 border-b border-slate-100",
+					children: /* @__PURE__ */ (0, Y.jsx)("td", {
+						colSpan: M,
+						className: "p-4",
+						children: /* @__PURE__ */ (0, Y.jsx)("div", {
+							className: "animate-in fade-in duration-200",
+							children: y.expandedRowRender(n, r)
+						})
+					})
+				})] }, a);
+			}) : /* @__PURE__ */ (0, Y.jsx)(Tn, { children: /* @__PURE__ */ (0, Y.jsx)(Dn, {
+				colSpan: M,
+				className: "text-center py-8 text-slate-400",
+				children: h || m
+			}) }) })]
+		})
+	});
+}
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+var jn = t(null);
+function Mn() {
+	let e = a(jn);
+	if (!e) throw Error("Tabs compound components must be used within a <Tabs /> provider.");
+	return e;
+}
+var Nn = n(({ value: e, defaultValue: t = "", onChange: n, variant: r = "default", stretch: i = !1, size: a = "default", className: o, children: c, ...l }, u) => {
+	let f = e !== void 0, [p, m] = d(t), h = f ? e : p, g = s();
+	return /* @__PURE__ */ (0, Y.jsx)(jn.Provider, {
+		value: {
+			value: h,
+			onChange: (e) => {
+				f || m(e), n?.(e);
+			},
+			variant: r,
+			stretch: i,
+			size: a,
+			baseId: g
+		},
+		children: /* @__PURE__ */ (0, Y.jsx)("div", {
+			ref: u,
+			className: J("flex flex-col gap-4", i && "w-full", o),
+			...l,
+			children: c
+		})
+	});
+});
+Nn.displayName = "Tabs";
+var Pn = v("inline-flex items-center text-[#64748B]", {
+	variants: {
+		variant: {
+			default: "bg-slate-100 p-1 rounded-md gap-1",
+			line: "border-b border-gray-200 gap-6"
+		},
+		stretch: {
+			true: "flex w-full",
+			false: "inline-flex"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		stretch: !1
+	}
+}), Fn = n(({ className: e, children: t, ...n }, r) => {
+	let { variant: i, stretch: a } = Mn();
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: r,
+		role: "tablist",
+		className: J(Pn({
+			variant: i,
+			stretch: a,
+			className: e
+		})),
+		...n,
+		children: t
+	});
+});
+Fn.displayName = "TabsList";
+var In = v("inline-flex items-center justify-center font-[500] whitespace-nowrap transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A] disabled:pointer-events-none disabled:opacity-50 cursor-pointer select-none", {
+	variants: {
+		variant: {
+			default: "rounded-md text-[#64748B] hover:text-[#0F172A] data-[state=active]:bg-white data-[state=active]:text-[#0F172A] data-[state=active]:font-[600] data-[state=active]:shadow-sm",
+			line: "relative pb-2.5 -mb-[1px] border-b-2 border-transparent text-[#64748B] hover:text-[#0F172A] data-[state=active]:border-[#0F172A] data-[state=active]:text-[#0F172A] data-[state=active]:font-[600]"
+		},
+		size: {
+			sm: "text-xs px-2.5 py-1",
+			default: "text-sm px-3.5 py-1.5",
+			lg: "text-base px-4 py-2"
+		},
+		stretch: {
+			true: "flex-1 text-center",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		stretch: !1
+	}
+}), Ln = n(({ value: e, disabled: t, className: n, children: r, ...i }, a) => {
+	let { value: o, onChange: s, variant: c, stretch: l, size: u, baseId: d } = Mn(), f = o === e, p = `${d}-tab-${e}`, m = `${d}-panel-${e}`;
+	return /* @__PURE__ */ (0, Y.jsx)("button", {
+		ref: a,
+		id: p,
+		role: "tab",
+		type: "button",
+		"aria-selected": f,
+		"aria-controls": m,
+		"data-state": f ? "active" : "inactive",
+		disabled: t,
+		onClick: () => s(e),
+		className: J(In({
+			variant: c,
+			stretch: l,
+			size: u,
+			className: n
+		})),
+		...i,
+		children: r
+	});
+});
+Ln.displayName = "TabsTrigger";
+var Rn = n(({ value: e, className: t, children: n, ...r }, i) => {
+	let { value: a, baseId: o } = Mn(), s = a === e, c = `${o}-tab-${e}`, l = `${o}-panel-${e}`;
+	return s ? /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: i,
+		id: l,
+		role: "tabpanel",
+		"aria-labelledby": c,
+		tabIndex: 0,
+		className: J("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0F172A] focus-visible:ring-offset-2 animate-in fade-in-50 duration-150", t),
+		...r,
+		children: n
+	}) : null;
+});
+Rn.displayName = "TabsContent";
+//#endregion
+//#region src/components/Textarea/Textarea.tsx
+var zn = v("flex min-h-[80px] w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm font-[500] text-[#0F172A] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-[#0F172A] focus:border-transparent transition-colors duration-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-slate-50 resize-y", {
+	variants: { hasError: { true: "border-red-500 focus:ring-red-500 text-red-900 placeholder:text-red-300" } },
+	defaultVariants: { hasError: !1 }
+}), Bn = n(({ className: e, hasError: t = !1, label: n, helperText: r, errorMessage: i, id: a, disabled: o, ...c }, l) => {
+	let u = s(), d = a || u, f = `${d}-desc`, p = !!(i || t), m = /* @__PURE__ */ (0, Y.jsx)("textarea", {
+		id: d,
+		ref: l,
+		disabled: o,
+		"aria-invalid": p,
+		"aria-describedby": r || i ? f : void 0,
+		className: J(zn({
+			hasError: p,
+			className: e
+		})),
+		...c
+	});
+	return !n && !r && !i ? m : /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "w-full flex flex-col gap-2",
+		children: [
+			n && /* @__PURE__ */ (0, Y.jsx)("label", {
+				htmlFor: d,
+				className: J("text-sm font-[600] text-[#0F172A]", o && "opacity-50 cursor-not-allowed"),
+				children: n
+			}),
+			m,
+			i ? /* @__PURE__ */ (0, Y.jsx)("p", {
+				id: f,
+				className: "text-xs font-[400] text-red-500",
+				children: i
+			}) : r ? /* @__PURE__ */ (0, Y.jsx)("p", {
+				id: f,
+				className: "text-xs font-[400] text-gray-500",
+				children: r
+			}) : null
+		]
+	});
+});
+Bn.displayName = "Textarea";
+//#endregion
+//#region src/components/Toast/Toast.tsx
+var Vn = v("relative flex w-full max-w-md items-center justify-between space-x-4 overflow-hidden rounded-lg p-4 shadow-lg border transition-all duration-200", {
+	variants: { variant: {
+		default: "bg-white border-gray-200 text-[#0F172A]",
+		destructive: "bg-[#EF4444] border-[#EF4444] text-white"
+	} },
+	defaultVariants: { variant: "default" }
+}), Hn = n(({ className: e, variant: t = "default", title: n, description: r, action: i, onClose: a, children: o, ...s }, c) => {
+	let l = t === "destructive";
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		ref: c,
+		role: "status",
+		"aria-live": "polite",
+		className: J(Vn({
+			variant: t,
+			className: e
+		})),
+		...s,
+		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "flex-1 space-y-1",
+			children: [
+				n && /* @__PURE__ */ (0, Y.jsx)("h5", {
+					className: J("text-sm font-[600] leading-tight", l ? "text-white" : "text-[#0F172A]"),
+					children: n
+				}),
+				r && /* @__PURE__ */ (0, Y.jsx)("p", {
+					className: J("text-xs font-[400] leading-normal", l ? "text-white/90" : "text-slate-500"),
+					children: r
+				}),
+				o
+			]
+		}), i && /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "flex-shrink-0",
+			children: typeof i == "string" ? /* @__PURE__ */ (0, Y.jsx)("button", {
+				type: "button",
+				className: J("inline-flex h-8 items-center justify-center rounded-md px-3 text-xs font-[500] transition-colors focus:outline-none focus:ring-2 select-none", l ? "bg-transparent border border-white/40 text-white hover:bg-white/10 focus:ring-white" : "bg-transparent border border-gray-200 text-[#0F172A] hover:bg-slate-100 focus:ring-[#0F172A]"),
+				children: i
+			}) : i
+		})]
+	});
+});
+Hn.displayName = "Toast";
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+var Un = t(null);
+function Wn() {
+	let e = a(Un);
+	if (!e) throw Error("Tooltip compound components must be used within <Tooltip />.");
+	return e;
+}
+var Gn = t({ delayDuration: 150 }), Kn = ({ delayDuration: e = 150, children: t }) => /* @__PURE__ */ (0, Y.jsx)(Gn.Provider, {
+	value: { delayDuration: e },
+	children: t
+}), qn = ({ open: e, defaultOpen: t = !1, onOpenChange: n, delayDuration: r, side: i = "top", align: s = "center", sideOffset: c = 6, children: l, content: f }) => {
+	let p = a(Gn), m = r === void 0 ? p.delayDuration : r, h = e !== void 0, [g, _] = d(t), v = h ? e : g, [y, b] = d(null), x = u(null);
+	return o(() => () => {
+		x.current && clearTimeout(x.current);
+	}, []), f === void 0 ? /* @__PURE__ */ (0, Y.jsx)(Un.Provider, {
+		value: {
+			open: v,
+			setOpen: (e) => {
+				x.current && clearTimeout(x.current), e ? x.current = window.setTimeout(() => {
+					h || _(!0), n?.(!0);
+				}, m) : (h || _(!1), n?.(!1));
+			},
+			side: i,
+			align: s,
+			sideOffset: c,
+			triggerRect: y,
+			setTriggerRect: b
+		},
+		children: /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: "relative inline-flex",
+			children: l
+		})
+	}) : /* @__PURE__ */ (0, Y.jsxs)(qn, {
+		side: i,
+		align: s,
+		sideOffset: c,
+		delayDuration: m,
+		open: e,
+		onOpenChange: n,
+		children: [/* @__PURE__ */ (0, Y.jsx)(Jn, {
+			asChild: !0,
+			children: l
+		}), /* @__PURE__ */ (0, Y.jsx)(Yn, {
+			side: i,
+			align: s,
+			sideOffset: c,
+			children: f
+		})]
+	});
+}, Jn = n(({ className: e, children: t, asChild: n = !1, ...r }, i) => {
+	let { setOpen: a, setTriggerRect: o } = Wn(), s = u(null), c = () => {
+		s.current && o(s.current.getBoundingClientRect());
+	};
+	return /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: (e) => {
+			s.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+		},
+		onMouseEnter: () => {
+			c(), a(!0);
+		},
+		onMouseLeave: () => {
+			a(!1);
+		},
+		onFocus: () => {
+			c(), a(!0);
+		},
+		onBlur: () => {
+			a(!1);
+		},
+		className: J("inline-flex", e),
+		...r,
+		children: t
+	});
+});
+Jn.displayName = "TooltipTrigger";
+var Yn = n(({ className: e, side: t, align: n, sideOffset: r, children: i, ...a }, o) => {
+	let s = Wn(), c = t || s.side;
+	return n || s.align, r !== void 0 || s.sideOffset, s.open ? /* @__PURE__ */ (0, Y.jsx)("div", {
+		ref: o,
+		role: "tooltip",
+		className: J("absolute z-50 whitespace-nowrap rounded-md border border-gray-200 bg-white px-3 py-1.5 text-xs font-[500] text-[#0F172A] shadow-md animate-in fade-in-0 zoom-in-95 select-none pointer-events-none", (() => {
+			switch (c) {
+				case "top": return "bottom-full left-1/2 -translate-x-1/2 mb-2";
+				case "bottom": return "top-full left-1/2 -translate-x-1/2 mt-2";
+				case "left": return "right-full top-1/2 -translate-y-1/2 mr-2";
+				case "right": return "left-full top-1/2 -translate-y-1/2 ml-2";
+			}
+		})(), e),
+		...a,
+		children: i
+	}) : null;
+});
+Yn.displayName = "TooltipContent";
+//#endregion
+//#region src/components/Upload/FileIcons.tsx
+var Xn = ({ type: e = "file", className: t }) => {
+	switch (e.toLowerCase().replace(".", "")) {
+		case "pdf": return /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("flex h-10 w-10 items-center justify-center rounded-lg bg-red-100 text-red-600 font-bold text-xs select-none", t),
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "w-5 h-5",
+				fill: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-6h2v6zm0-8h-2V7h2v2zm4 8h-2v-3h2v3zm0-5h-2v-4h2v4z" })
+			})
+		});
+		case "xls":
+		case "xlsx":
+		case "excel":
+		case "csv": return /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("flex h-10 w-10 items-center justify-center rounded-lg bg-emerald-100 text-emerald-600 font-bold text-xs select-none", t),
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "w-5 h-5",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+				})
+			})
+		});
+		case "doc":
+		case "docx":
+		case "word": return /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600 font-bold text-xs select-none", t),
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "w-5 h-5",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+				})
+			})
+		});
+		case "zip":
+		case "rar":
+		case "tar":
+		case "7z": return /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("flex h-10 w-10 items-center justify-center rounded-lg bg-amber-100 text-amber-600 font-bold text-xs select-none", t),
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "w-5 h-5",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"
+				})
+			})
+		});
+		case "png":
+		case "jpg":
+		case "jpeg":
+		case "webp":
+		case "gif":
+		case "image": return /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("flex h-10 w-10 items-center justify-center rounded-lg bg-purple-100 text-purple-600 font-bold text-xs select-none", t),
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "w-5 h-5",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+				})
+			})
+		});
+		default: return /* @__PURE__ */ (0, Y.jsx)("div", {
+			className: J("flex h-10 w-10 items-center justify-center rounded-lg bg-slate-100 text-slate-600 font-bold text-xs select-none", t),
+			children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+				className: "w-5 h-5",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ (0, Y.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
+				})
+			})
+		});
+	}
+}, Zn = n(({ className: e, value: t, defaultValue: n, onChange: r, disabled: i = !1, shape: a = "square", size: o = "default", progress: c, errorMessage: l, label: f, onCancel: p, ...m }, h) => {
+	let g = t !== void 0, [_, v] = d(n), y = g ? t : _, [b, x] = d(!1), [S, C] = d(!1), w = u(null), T = s(), E = c !== void 0 && c >= 0 && c < 100, D = !!l, O = (e) => {
+		let t = e.target.files?.[0];
+		if (t) {
+			let e = URL.createObjectURL(t);
+			g || v(e), r?.(t, e);
+		}
+	}, k = (e) => {
+		if (e.preventDefault(), C(!1), i) return;
+		let t = e.dataTransfer.files?.[0];
+		if (t) {
+			let e = URL.createObjectURL(t);
+			g || v(e), r?.(t, e);
+		}
+	}, A = (e) => {
+		e.stopPropagation(), g || v(void 0), w.current && (w.current.value = ""), r?.(null, void 0);
+	}, j = {
+		sm: "h-20 w-20 text-xs",
+		default: "h-28 w-28 text-sm",
+		lg: "h-36 w-36 text-base"
+	}[o];
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			f && /* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "text-sm font-[600] text-[#0F172A]",
+				children: f
+			}),
+			/* @__PURE__ */ (0, Y.jsxs)("div", {
+				ref: h,
+				onMouseEnter: () => x(!0),
+				onMouseLeave: () => x(!1),
+				onDragOver: (e) => {
+					e.preventDefault(), C(!0);
+				},
+				onDragLeave: () => C(!1),
+				onDrop: k,
+				onClick: () => !i && !E && w.current?.click(),
+				className: J("relative flex flex-col items-center justify-center cursor-pointer transition-all duration-200 border-2 overflow-hidden select-none bg-white", a === "circle" ? "rounded-full" : "rounded-xl", j, !y && !E && !D && "border-dashed border-gray-300 hover:border-[#0F172A] hover:bg-slate-50", S && "border-solid border-[#0F172A] bg-slate-50", D && "border-dashed border-red-400 bg-red-50/30", i && "pointer-events-none opacity-50 bg-slate-100 cursor-not-allowed", e),
+				...m,
+				children: [
+					/* @__PURE__ */ (0, Y.jsx)("input", {
+						id: T,
+						ref: w,
+						type: "file",
+						accept: "image/*",
+						disabled: i,
+						onChange: O,
+						className: "hidden"
+					}),
+					E && /* @__PURE__ */ (0, Y.jsxs)("div", {
+						className: "absolute inset-0 flex flex-col items-center justify-center p-3 bg-white/90 z-10",
+						children: [
+							/* @__PURE__ */ (0, Y.jsxs)("span", {
+								className: "text-xs font-semibold text-[#0F172A]",
+								children: [c, "%"]
+							}),
+							/* @__PURE__ */ (0, Y.jsx)("div", {
+								className: "w-full bg-gray-200 h-1.5 rounded-full mt-1.5 overflow-hidden",
+								children: /* @__PURE__ */ (0, Y.jsx)("div", {
+									className: "bg-[#0F172A] h-full rounded-full transition-all duration-150",
+									style: { width: `${c}%` }
+								})
+							}),
+							p && /* @__PURE__ */ (0, Y.jsx)("button", {
+								type: "button",
+								onClick: (e) => {
+									e.stopPropagation(), p();
+								},
+								className: "mt-1 text-[11px] font-medium text-slate-500 hover:text-red-600",
+								children: "Cancel"
+							})
+						]
+					}),
+					y && !E && /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsx)("img", {
+						src: y,
+						alt: "Upload preview",
+						className: "h-full w-full object-cover"
+					}), b && !i && /* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "absolute inset-0 flex items-center justify-center bg-black/40 gap-2 transition-opacity z-10",
+						children: /* @__PURE__ */ (0, Y.jsx)("button", {
+							type: "button",
+							onClick: A,
+							className: "p-1.5 bg-white/90 rounded-full text-red-600 hover:bg-white shadow",
+							title: "Remove",
+							children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+								className: "w-4 h-4",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ (0, Y.jsx)("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+								})
+							})
+						})
+					})] }),
+					!y && !E && /* @__PURE__ */ (0, Y.jsxs)("div", {
+						className: "flex flex-col items-center justify-center text-center p-2 text-slate-400",
+						children: [/* @__PURE__ */ (0, Y.jsx)("svg", {
+							className: "w-6 h-6 mb-1 text-slate-400",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ (0, Y.jsx)("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M12 4v16m8-8H4"
+							})
+						}), /* @__PURE__ */ (0, Y.jsx)("span", {
+							className: "text-xs font-[500] text-slate-600",
+							children: "Upload"
+						})]
+					})
+				]
+			}),
+			l && /* @__PURE__ */ (0, Y.jsx)("span", {
+				className: "text-xs text-red-500 font-medium",
+				children: l
+			})
+		]
+	});
+});
+Zn.displayName = "UploadPicture";
+var Qn = ({ file: e, onRemove: t, onRetry: n, onCancel: r, className: i, ...a }) => {
+	if (!e) return null;
+	let o = e.progress !== void 0 && e.progress >= 0 && e.progress < 100, s = !!e.error;
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: J("flex w-full items-center justify-between rounded-xl border border-gray-200 bg-white p-3.5 shadow-sm transition-all", s && "border-red-300 bg-red-50/20", i),
+		...a,
+		children: [/* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "flex items-center gap-3.5 flex-1 min-w-0 pr-3",
+			children: [/* @__PURE__ */ (0, Y.jsx)(Xn, { type: e.type || e.name.split(".").pop() || "file" }), /* @__PURE__ */ (0, Y.jsxs)("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ (0, Y.jsxs)("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ (0, Y.jsx)("p", {
+							className: "text-sm font-[600] text-[#0F172A] truncate",
+							children: e.name
+						}), o && /* @__PURE__ */ (0, Y.jsxs)("span", {
+							className: "text-xs font-mono font-semibold text-slate-600 flex-shrink-0",
+							children: [e.progress, "%"]
+						})]
+					}),
+					e.size && !s && /* @__PURE__ */ (0, Y.jsx)("p", {
+						className: "text-xs text-slate-500 mt-0.5",
+						children: e.size
+					}),
+					o && /* @__PURE__ */ (0, Y.jsx)("div", {
+						className: "w-full bg-gray-100 h-1.5 rounded-full mt-2 overflow-hidden",
+						children: /* @__PURE__ */ (0, Y.jsx)("div", {
+							className: "bg-[#0F172A] h-full rounded-full transition-all duration-150",
+							style: { width: `${e.progress}%` }
+						})
+					}),
+					s && /* @__PURE__ */ (0, Y.jsx)("p", {
+						className: "text-xs text-red-500 font-medium mt-1",
+						children: e.error
+					})
+				]
+			})]
+		}), /* @__PURE__ */ (0, Y.jsxs)("div", {
+			className: "flex items-center gap-2 flex-shrink-0",
+			children: [
+				o && r && /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					onClick: r,
+					className: "text-xs font-medium text-slate-500 hover:text-red-600",
+					children: "Cancel"
+				}),
+				s && n && /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					onClick: n,
+					className: "text-xs font-semibold text-[#0F172A] hover:underline",
+					children: "Retry"
+				}),
+				t && /* @__PURE__ */ (0, Y.jsx)("button", {
+					type: "button",
+					onClick: t,
+					className: "text-slate-400 hover:text-slate-700 p-1 rounded-md",
+					title: "Remove",
+					children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ (0, Y.jsx)("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M6 18L18 6M6 6l12 12"
+						})
+					})
+				})
+			]
+		})]
+	});
+}, $n = ({ onFilesSelected: e, accept: t, multiple: n = !1, disabled: r = !1, className: i, children: a, ...o }) => {
+	let [s, c] = d(!1), l = u(null);
+	return /* @__PURE__ */ (0, Y.jsxs)("div", {
+		onDragOver: (e) => {
+			e.preventDefault(), c(!0);
+		},
+		onDragLeave: () => c(!1),
+		onDrop: (t) => {
+			t.preventDefault(), c(!1), !r && t.dataTransfer.files?.length && e?.(t.dataTransfer.files);
+		},
+		onClick: () => !r && l.current?.click(),
+		className: J("flex flex-col items-center justify-center p-8 rounded-2xl border-2 border-dashed border-gray-300 bg-white hover:border-[#0F172A] hover:bg-slate-50 transition-all cursor-pointer text-center select-none", s && "border-[#0F172A] bg-slate-50", r && "opacity-50 pointer-events-none cursor-not-allowed", i),
+		...o,
+		children: [
+			/* @__PURE__ */ (0, Y.jsx)("input", {
+				ref: l,
+				type: "file",
+				accept: t,
+				multiple: n,
+				disabled: r,
+				onChange: (t) => t.target.files && e?.(t.target.files),
+				className: "hidden"
+			}),
+			/* @__PURE__ */ (0, Y.jsx)("div", {
+				className: "flex h-12 w-12 items-center justify-center rounded-full bg-slate-100 text-[#0F172A] mb-3",
+				children: /* @__PURE__ */ (0, Y.jsx)("svg", {
+					className: "w-6 h-6",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ (0, Y.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+					})
+				})
+			}),
+			a || /* @__PURE__ */ (0, Y.jsxs)(Y.Fragment, { children: [/* @__PURE__ */ (0, Y.jsxs)("p", {
+				className: "text-sm font-[600] text-[#0F172A]",
+				children: ["Click to upload ", /* @__PURE__ */ (0, Y.jsx)("span", {
+					className: "font-normal text-slate-500",
+					children: "or drag and drop"
+				})]
+			}), /* @__PURE__ */ (0, Y.jsx)("p", {
+				className: "text-xs text-slate-400 mt-1",
+				children: "SVG, PNG, JPG, PDF or DOCX (max 10MB)"
+			})] })
+		]
+	});
+}, er = (e) => typeof e == "number" && !isNaN(e), tr = (e) => typeof e == "string", nr = (e) => typeof e == "function", rr = (e) => tr(e) || er(e), ir = (e) => r(e) || tr(e) || nr(e) || er(e);
+function ar(e, t, n = 300) {
+	let { scrollHeight: r, style: i } = e;
+	requestAnimationFrame(() => {
+		i.minHeight = "initial", i.height = r + "px", i.transition = `all ${n}ms`, requestAnimationFrame(() => {
+			i.height = "0", i.padding = "0", i.margin = "0", setTimeout(t, n);
+		});
+	});
+}
+function or({ enter: t, exit: n, appendPosition: r = !1, collapse: i = !0, collapseDuration: a = 300 }) {
+	return function({ children: s, position: c, preventExitTransition: d, done: f, nodeRef: p, isIn: m, playToast: h }) {
+		let g = r ? `${t}--${c}` : t, _ = r ? `${n}--${c}` : n, v = u(0);
+		return l(() => {
+			let e = p.current, t = g.split(" "), n = (r) => {
+				r.target === p.current && (h(), e.removeEventListener("animationend", n), e.removeEventListener("animationcancel", n), v.current === 0 && r.type !== "animationcancel" && e.classList.remove(...t));
+			};
+			e.classList.add(...t), e.addEventListener("animationend", n), e.addEventListener("animationcancel", n);
+		}, []), o(() => {
+			let e = p.current, t = () => {
+				e.removeEventListener("animationend", t), i ? ar(e, f, a) : f();
+			};
+			m || (d ? t() : (v.current = 1, e.className += ` ${_}`, e.addEventListener("animationend", t)));
+		}, [m]), e.createElement(e.Fragment, null, s);
+	};
+}
+var sr = 1, cr = () => `${sr++}`, Q = /* @__PURE__ */ new Map(), lr = [], ur = /* @__PURE__ */ new Set(), dr = () => Q.size > 0, fr = (e, { containerId: t }) => Q.get(t || 1)?.toasts.get(e);
+function pr(e, t) {
+	var n;
+	if (t) return !!((n = Q.get(t)) != null && n.isToastActive(e));
+	let r = !1;
+	return Q.forEach((t) => {
+		t.isToastActive(e) && (r = !0);
+	}), r;
+}
+function mr(e) {
+	if (!dr()) {
+		lr = lr.filter((t) => e != null && t.options.toastId !== e);
+		return;
+	}
+	if (e == null || rr(e)) Q.forEach((t) => {
+		t.removeToast(e);
+	});
+	else if (e && ("containerId" in e || "id" in e)) {
+		let t = Q.get(e.containerId);
+		t ? t.removeToast(e.id) : Q.forEach((t) => {
+			t.removeToast(e.id);
+		});
+	}
+}
+var hr = (e = {}) => {
+	Q.forEach((t) => {
+		t.props.limit && (!e.containerId || t.id === e.containerId) && t.clearQueue();
+	});
+};
+function gr(e, t) {
+	ir(e) && (dr() || lr.push({
+		content: e,
+		options: t
+	}), Q.forEach((n) => {
+		n.buildToast(e, t);
+	}));
+}
+function _r(e, t) {
+	Q.forEach((n) => {
+		(t == null || !(t != null && t.containerId) || t?.containerId === n.id) && n.toggle(e, t?.id);
+	});
+}
+function vr(e) {
+	return ur.add(e), () => {
+		ur.delete(e);
+	};
+}
+function yr(e) {
+	return e && (tr(e.toastId) || er(e.toastId)) ? e.toastId : cr();
+}
+function br(e, t) {
+	return gr(e, t), t.toastId;
+}
+function xr(e, t) {
+	return {
+		...t,
+		type: t && t.type || e,
+		toastId: yr(t)
+	};
+}
+function Sr(e) {
+	return (t, n) => br(t, xr(e, n));
+}
+function $(e, t) {
+	return br(e, xr("default", t));
+}
+$.loading = (e, t) => br(e, xr("default", {
+	isLoading: !0,
+	autoClose: !1,
+	closeOnClick: !1,
+	closeButton: !1,
+	draggable: !1,
+	...t
+}));
+function Cr(e, { pending: t, error: n, success: r }, i) {
+	let a;
+	t && (a = tr(t) ? $.loading(t, i) : $.loading(t.render, {
+		...i,
+		...t
+	}));
+	let o = {
+		isLoading: null,
+		autoClose: null,
+		closeOnClick: null,
+		closeButton: null,
+		draggable: null
+	}, s = (e, t, n) => {
+		if (t == null) {
+			$.dismiss(a);
+			return;
+		}
+		let r = {
+			type: e,
+			...o,
+			...i,
+			data: n
+		}, s = tr(t) ? { render: t } : t;
+		return a ? $.update(a, {
+			...r,
+			...s
+		}) : $(s.render, {
+			...r,
+			...s
+		}), n;
+	}, c = nr(e) ? e() : e;
+	return c.then((e) => s("success", r, e)).catch((e) => s("error", n, e)), c;
+}
+$.promise = Cr, $.success = Sr("success"), $.info = Sr("info"), $.error = Sr("error"), $.warning = Sr("warning"), $.warn = $.warning, $.dark = (e, t) => br(e, xr("default", {
+	theme: "dark",
+	...t
+}));
+function wr(e) {
+	mr(e);
+}
+$.dismiss = wr, $.clearWaitingQueue = hr, $.isActive = pr, $.update = (e, t = {}) => {
+	let n = fr(e, t);
+	if (n) {
+		let { props: r, content: i } = n, a = {
+			delay: 100,
+			...r,
+			...t,
+			toastId: t.toastId || e,
+			updateId: cr()
+		};
+		a.toastId !== e && (a.staleId = e);
+		let o = a.render || i;
+		delete a.render, br(o, a);
+	}
+}, $.done = (e) => {
+	$.update(e, { progress: 1 });
+}, $.onChange = vr, $.play = (e) => _r(!0, e), $.pause = (e) => _r(!1, e);
+var Tr = (e, t = !1) => ({
+	enter: `Toastify--animate Toastify__${e}-enter`,
+	exit: `Toastify--animate Toastify__${e}-exit`,
+	appendPosition: t
+});
+or(Tr("bounce", !0)), or(Tr("slide", !0)), or(Tr("zoom")), or(Tr("flip"));
+//#endregion
+//#region src/ToastServices.tsx
+var Er = { showToast: ({ message: e, type: t = "info", autoClose: n = 1e3 }) => {
+	switch (t) {
+		case "success":
+			$.success(e, { autoClose: n });
+			break;
+		case "error":
+			$.error(e, { autoClose: n });
+			break;
+		case "warning":
+			$.warning(e, { autoClose: n });
+			break;
+		default: $.info(e, { autoClose: n });
+	}
+} };
+//#endregion
+export { pt as Alignment, rt as Badge, at as Box, Z as ButtonDirection, st as ButtonIconPosition, ot as ButtonSize, X as ButtonVariant, Ft as Calendar, ct as ColorVariant, lt as ComponentSize, _t as DefaultButton, Lt as Divider, en as DynamicPagination, Xn as FileIcon, yt as GroupIconButton, zt as ImagePopOver, Vt as Input, Ut as InputOTP, Wt as InputOTPGroup, Kt as InputOTPSeparator, Gt as InputOTPSlot, St as Left, hn as MultiSelect, dt as Orientation, qt as Pagination, Jt as PaginationContent, $t as PaginationEllipsis, Yt as PaginationItem, Xt as PaginationLink, Qt as PaginationNext, Zt as PaginationPrevious, ft as Position, nn as ProfileCard, Ct as Right, on as Select, un as SelectContent, dn as SelectGroup, pn as SelectItem, fn as SelectLabel, ln as SelectSearch, mn as SelectSeparator, sn as SelectTrigger, cn as SelectValue, ut as ShapeVariant, xt as SingleIconButton, gn as Slider, ht as StatusType, yn as Switch, An as Table, Cn as TableBody, On as TableCaption, Dn as TableCell, wn as TableFooter, En as TableHead, Sn as TableHeader, Tn as TableRow, Nn as Tabs, Rn as TabsContent, Fn as TabsList, Ln as TabsTrigger, Bn as Textarea, Hn as Toast, Er as ToastServices, qn as Tooltip, Yn as TooltipContent, Kn as TooltipProvider, Jn as TooltipTrigger, mt as TypographyVariant, $n as UploadDropzone, Qn as UploadFile, Zn as UploadPicture, it as boxVariants, J as cn, $e as color, Mn as useTabsContext };