componenteszw-package 1.0.7 → 1.0.10

package/dist/index.js

@@ -0,0 +1,1744 @@
+import * as e from "react";
+import t, { createElement as n, forwardRef as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/Blur.tsx
+var s = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ o("div", {
+	className: "fixed inset-0 z-40",
+	children: [/* @__PURE__ */ a("div", {
+		className: "absolute inset-0 backdrop-blur-sm",
+		style: {
+			backdropFilter: `blur(${t}px)`,
+			backgroundColor: `rgba(255,255,255,${n})`
+		}
+	}), /* @__PURE__ */ a("div", {
+		className: "relative z-50 flex items-center justify-center w-full h-full",
+		children: r
+	})]
+}) : null, c = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i = "medium", state: s = "default", disabled: c = !1, onClick: l, type: u = "button", className: d = "" }) => /* @__PURE__ */ o("button", {
+	type: u,
+	onClick: l,
+	disabled: c,
+	className: `
+        
+    flex items-center justify-center gap-2 rounded-md font-medium
+    transition-all duration-200
+    focus:outline-none focus:ring-2 focus:ring-offset-2
+    active:scale-95
+  
+        ${{
+		small: "px-3 py-1.5 text-sm",
+		medium: "px-4 py-2 text-sm"
+	}[i]}
+        ${{
+		primary: "bg-green-600 text-white hover:bg-green-700 focus:ring-green-500",
+		secondary: "bg-gray-200 text-black hover:bg-gray-300 focus:ring-gray-400",
+		tertiary: "bg-orange-400 text-white hover:bg-orange-500 focus:ring-orange-400",
+		success: "bg-green-500 text-white hover:bg-green-600 focus:ring-green-400",
+		warning: "bg-yellow-400 text-black hover:bg-yellow-500 focus:ring-yellow-300",
+		destructive: "bg-red-500 text-white hover:bg-red-600 focus:ring-red-400"
+	}[r]}
+        ${{
+		default: "",
+		hover: "brightness-90",
+		focus: "ring-2 ring-offset-2",
+		disabled: "opacity-50 cursor-not-allowed"
+	}[s]}
+        ${c ? "opacity-50 cursor-not-allowed" : ""}
+        ${d}
+      `,
+	children: [
+		t && /* @__PURE__ */ a("span", {
+			className: "flex items-center",
+			children: t
+		}),
+		e && /* @__PURE__ */ a("span", { children: e }),
+		n && /* @__PURE__ */ a("span", {
+			className: "flex items-center",
+			children: n
+		})
+	]
+}), l = ({ children: e, onClick: t }) => /* @__PURE__ */ a("div", {
+	onClick: t,
+	className: "\n        w-full\n        bg-white\n        rounded-2xl\n        border border-gray-200\n        shadow-sm\n        hover:shadow-md\n        transition-all duration-200\n        overflow-hidden\n      ",
+	children: /* @__PURE__ */ a("div", {
+		className: "\n          min-h-[72px]\n          px-6\n          py-4\n          flex\n          items-center\n          justify-between\n        ",
+		children: e || /* @__PURE__ */ o(i, { children: [
+			/* @__PURE__ */ a("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
+			/* @__PURE__ */ a("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
+			/* @__PURE__ */ a("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
+			/* @__PURE__ */ a("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
+			/* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
+		] })
+	})
+}), u = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), d = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), f = (e) => {
+	let t = d(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, p = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), m = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+}, h = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, g = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
+	ref: l,
+	...h,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: i ? Number(r) * 24 / Number(t) : r,
+	className: p("lucide", a),
+	...!o && !m(c) && { "aria-hidden": "true" },
+	...c
+}, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]])), _ = (e, t) => {
+	let i = r(({ className: r, ...i }, a) => n(g, {
+		ref: a,
+		iconNode: t,
+		className: p(`lucide-${u(f(e))}`, `lucide-${e}`, r),
+		...i
+	}));
+	return i.displayName = f(e), i;
+}, v = _("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), y = _("file-text", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "M10 9H8",
+		key: "b1mrlr"
+	}],
+	["path", {
+		d: "M16 13H8",
+		key: "t4e002"
+	}],
+	["path", {
+		d: "M16 17H8",
+		key: "z1uh3a"
+	}]
+]), b = _("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), x = _("upload", [
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["polyline", {
+		points: "17 8 12 3 7 8",
+		key: "t8dd8p"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "3",
+		y2: "15",
+		key: "widbto"
+	}]
+]), S = _("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region node_modules/clsx/dist/clsx.mjs
+function C(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 = C(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function w() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = C(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var T = "-", E = (e) => {
+	let t = A(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+	return {
+		getClassGroupId: (e) => {
+			let n = e.split(T);
+			return n[0] === "" && n.length !== 1 && n.shift(), D(n, t) || k(e);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			let i = n[e] || [];
+			return t && r[e] ? [...i, ...r[e]] : i;
+		}
+	};
+}, D = (e, t) => {
+	if (e.length === 0) return t.classGroupId;
+	let n = e[0], r = t.nextPart.get(n), i = r ? D(e.slice(1), r) : void 0;
+	if (i) return i;
+	if (t.validators.length === 0) return;
+	let a = e.join(T);
+	return t.validators.find(({ validator: e }) => e(a))?.classGroupId;
+}, O = /^\[(.+)\]$/, k = (e) => {
+	if (O.test(e)) {
+		let t = O.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
+		if (n) return "arbitrary.." + n;
+	}
+}, A = (e) => {
+	let { theme: t, prefix: n } = e, r = {
+		nextPart: /* @__PURE__ */ new Map(),
+		validators: []
+	};
+	return P(Object.entries(e.classGroups), n).forEach(([e, n]) => {
+		j(n, r, e, t);
+	}), r;
+}, j = (e, t, n, r) => {
+	e.forEach((e) => {
+		if (typeof e == "string") {
+			let r = e === "" ? t : M(t, e);
+			r.classGroupId = n;
+			return;
+		}
+		if (typeof e == "function") {
+			if (N(e)) {
+				j(e(r), t, n, r);
+				return;
+			}
+			t.validators.push({
+				validator: e,
+				classGroupId: n
+			});
+			return;
+		}
+		Object.entries(e).forEach(([e, i]) => {
+			j(i, M(t, e), n, r);
+		});
+	});
+}, M = (e, t) => {
+	let n = e;
+	return t.split(T).forEach((e) => {
+		n.nextPart.has(e) || n.nextPart.set(e, {
+			nextPart: /* @__PURE__ */ new Map(),
+			validators: []
+		}), n = n.nextPart.get(e);
+	}), n;
+}, N = (e) => e.isThemeGetter, P = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, F = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = (i, a) => {
+		n.set(i, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+	};
+	return {
+		get(e) {
+			let t = n.get(e);
+			if (t !== void 0) return t;
+			if ((t = r.get(e)) !== void 0) return i(e, t), t;
+		},
+		set(e, t) {
+			n.has(e) ? n.set(e, t) : i(e, t);
+		}
+	};
+}, I = "!", L = (e) => {
+	let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], a = t.length, o = (e) => {
+		let n = [], o = 0, s = 0, c;
+		for (let l = 0; l < e.length; l++) {
+			let u = e[l];
+			if (o === 0) {
+				if (u === i && (r || e.slice(l, l + a) === t)) {
+					n.push(e.slice(s, l)), s = l + a;
+					continue;
+				}
+				if (u === "/") {
+					c = l;
+					continue;
+				}
+			}
+			u === "[" ? o++ : u === "]" && o--;
+		}
+		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(I);
+		return {
+			modifiers: n,
+			hasImportantModifier: u,
+			baseClassName: u ? l.substring(1) : l,
+			maybePostfixModifierPosition: c && c > s ? c - s : void 0
+		};
+	};
+	return n ? (e) => n({
+		className: e,
+		parseClassName: o
+	}) : o;
+}, ee = (e) => {
+	if (e.length <= 1) return e;
+	let t = [], n = [];
+	return e.forEach((e) => {
+		e[0] === "[" ? (t.push(...n.sort(), e), n = []) : n.push(e);
+	}), t.push(...n.sort()), t;
+}, te = (e) => ({
+	cache: F(e.cacheSize),
+	parseClassName: L(e),
+	...E(e)
+}), ne = /\s+/, re = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(ne), s = "";
+	for (let e = o.length - 1; e >= 0; --e) {
+		let t = o[e], { modifiers: c, hasImportantModifier: l, baseClassName: u, maybePostfixModifierPosition: d } = n(t), f = !!d, p = r(f ? u.substring(0, d) : u);
+		if (!p) {
+			if (!f) {
+				s = t + (s.length > 0 ? " " + s : s);
+				continue;
+			}
+			if (p = r(u), !p) {
+				s = t + (s.length > 0 ? " " + s : s);
+				continue;
+			}
+			f = !1;
+		}
+		let m = ee(c).join(":"), h = l ? m + I : m, g = h + p;
+		if (a.includes(g)) continue;
+		a.push(g);
+		let _ = i(p, f);
+		for (let e = 0; e < _.length; ++e) {
+			let t = _[e];
+			a.push(h + t);
+		}
+		s = t + (s.length > 0 ? " " + s : s);
+	}
+	return s;
+};
+function ie() {
+	let e = 0, t, n, r = "";
+	for (; e < arguments.length;) (t = arguments[e++]) && (n = R(t)) && (r && (r += " "), r += n);
+	return r;
+}
+var R = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = R(e[r])) && (n && (n += " "), n += t);
+	return n;
+};
+function ae(e, ...t) {
+	let n, r, i, a = o;
+	function o(o) {
+		return n = te(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
+	}
+	function s(e) {
+		let t = r(e);
+		if (t) return t;
+		let a = re(e, n);
+		return i(e, a), a;
+	}
+	return function() {
+		return a(ie.apply(null, arguments));
+	};
+}
+var z = (e) => {
+	let t = (t) => t[e] || [];
+	return t.isThemeGetter = !0, t;
+}, B = /^\[(?:([a-z-]+):)?(.+)\]$/i, oe = /^\d+\/\d+$/, se = /* @__PURE__ */ new Set([
+	"px",
+	"full",
+	"screen"
+]), ce = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, le = /\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$/, ue = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, de = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, V = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => W(e) || se.has(e) || oe.test(e), U = (e) => X(e, "length", ye), W = (e) => !!e && !Number.isNaN(Number(e)), G = (e) => X(e, "number", W), K = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && W(e.slice(0, -1)), q = (e) => B.test(e), J = (e) => ce.test(e), pe = /* @__PURE__ */ new Set([
+	"length",
+	"size",
+	"percentage"
+]), me = (e) => X(e, pe, Z), he = (e) => X(e, "position", Z), ge = /* @__PURE__ */ new Set(["image", "url"]), _e = (e) => X(e, ge, xe), ve = (e) => X(e, "", be), Y = () => !0, X = (e, t, n) => {
+	let r = B.exec(e);
+	return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
+}, ye = (e) => le.test(e) && !ue.test(e), Z = () => !1, be = (e) => de.test(e), xe = (e) => V.test(e), Q = /* @__PURE__ */ ae(() => {
+	let e = z("colors"), t = z("spacing"), n = z("blur"), r = z("brightness"), i = z("borderColor"), a = z("borderRadius"), o = z("borderSpacing"), s = z("borderWidth"), c = z("contrast"), l = z("grayscale"), u = z("hueRotate"), d = z("invert"), f = z("gap"), p = z("gradientColorStops"), m = z("gradientColorStopPositions"), h = z("inset"), g = z("margin"), _ = z("opacity"), v = z("padding"), y = z("saturate"), b = z("scale"), x = z("sepia"), S = z("skew"), C = z("space"), w = z("translate"), T = () => [
+		"auto",
+		"contain",
+		"none"
+	], E = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], D = () => [
+		"auto",
+		q,
+		t
+	], O = () => [q, t], k = () => [
+		"",
+		H,
+		U
+	], A = () => [
+		"auto",
+		W,
+		q
+	], j = () => [
+		"bottom",
+		"center",
+		"left",
+		"left-bottom",
+		"left-top",
+		"right",
+		"right-bottom",
+		"right-top",
+		"top"
+	], M = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double",
+		"none"
+	], N = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], P = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch"
+	], F = () => [
+		"",
+		"0",
+		q
+	], I = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], L = () => [W, q];
+	return {
+		cacheSize: 500,
+		separator: ":",
+		theme: {
+			colors: [Y],
+			spacing: [H, U],
+			blur: [
+				"none",
+				"",
+				J,
+				q
+			],
+			brightness: L(),
+			borderColor: [e],
+			borderRadius: [
+				"none",
+				"",
+				"full",
+				J,
+				q
+			],
+			borderSpacing: O(),
+			borderWidth: k(),
+			contrast: L(),
+			grayscale: F(),
+			hueRotate: L(),
+			invert: F(),
+			gap: O(),
+			gradientColorStops: [e],
+			gradientColorStopPositions: [fe, U],
+			inset: D(),
+			margin: D(),
+			opacity: L(),
+			padding: O(),
+			saturate: L(),
+			scale: L(),
+			sepia: F(),
+			skew: L(),
+			space: O(),
+			translate: O()
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				"video",
+				q
+			] }],
+			container: ["container"],
+			columns: [{ columns: [J] }],
+			"break-after": [{ "break-after": I() }],
+			"break-before": [{ "break-before": I() }],
+			"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"
+			],
+			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: [...j(), q] }],
+			overflow: [{ overflow: E() }],
+			"overflow-x": [{ "overflow-x": E() }],
+			"overflow-y": [{ "overflow-y": E() }],
+			overscroll: [{ overscroll: T() }],
+			"overscroll-x": [{ "overscroll-x": T() }],
+			"overscroll-y": [{ "overscroll-y": T() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: [h] }],
+			"inset-x": [{ "inset-x": [h] }],
+			"inset-y": [{ "inset-y": [h] }],
+			start: [{ start: [h] }],
+			end: [{ end: [h] }],
+			top: [{ top: [h] }],
+			right: [{ right: [h] }],
+			bottom: [{ bottom: [h] }],
+			left: [{ left: [h] }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				"auto",
+				K,
+				q
+			] }],
+			basis: [{ basis: D() }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"wrap",
+				"wrap-reverse",
+				"nowrap"
+			] }],
+			flex: [{ flex: [
+				"1",
+				"auto",
+				"initial",
+				"none",
+				q
+			] }],
+			grow: [{ grow: F() }],
+			shrink: [{ shrink: F() }],
+			order: [{ order: [
+				"first",
+				"last",
+				"none",
+				K,
+				q
+			] }],
+			"grid-cols": [{ "grid-cols": [Y] }],
+			"col-start-end": [{ col: [
+				"auto",
+				{ span: [
+					"full",
+					K,
+					q
+				] },
+				q
+			] }],
+			"col-start": [{ "col-start": A() }],
+			"col-end": [{ "col-end": A() }],
+			"grid-rows": [{ "grid-rows": [Y] }],
+			"row-start-end": [{ row: [
+				"auto",
+				{ span: [K, q] },
+				q
+			] }],
+			"row-start": [{ "row-start": A() }],
+			"row-end": [{ "row-end": A() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": [
+				"auto",
+				"min",
+				"max",
+				"fr",
+				q
+			] }],
+			"auto-rows": [{ "auto-rows": [
+				"auto",
+				"min",
+				"max",
+				"fr",
+				q
+			] }],
+			gap: [{ gap: [f] }],
+			"gap-x": [{ "gap-x": [f] }],
+			"gap-y": [{ "gap-y": [f] }],
+			"justify-content": [{ justify: ["normal", ...P()] }],
+			"justify-items": [{ "justify-items": [
+				"start",
+				"end",
+				"center",
+				"stretch"
+			] }],
+			"justify-self": [{ "justify-self": [
+				"auto",
+				"start",
+				"end",
+				"center",
+				"stretch"
+			] }],
+			"align-content": [{ content: [
+				"normal",
+				...P(),
+				"baseline"
+			] }],
+			"align-items": [{ items: [
+				"start",
+				"end",
+				"center",
+				"baseline",
+				"stretch"
+			] }],
+			"align-self": [{ self: [
+				"auto",
+				"start",
+				"end",
+				"center",
+				"stretch",
+				"baseline"
+			] }],
+			"place-content": [{ "place-content": [...P(), "baseline"] }],
+			"place-items": [{ "place-items": [
+				"start",
+				"end",
+				"center",
+				"baseline",
+				"stretch"
+			] }],
+			"place-self": [{ "place-self": [
+				"auto",
+				"start",
+				"end",
+				"center",
+				"stretch"
+			] }],
+			p: [{ p: [v] }],
+			px: [{ px: [v] }],
+			py: [{ py: [v] }],
+			ps: [{ ps: [v] }],
+			pe: [{ pe: [v] }],
+			pt: [{ pt: [v] }],
+			pr: [{ pr: [v] }],
+			pb: [{ pb: [v] }],
+			pl: [{ pl: [v] }],
+			m: [{ m: [g] }],
+			mx: [{ mx: [g] }],
+			my: [{ my: [g] }],
+			ms: [{ ms: [g] }],
+			me: [{ me: [g] }],
+			mt: [{ mt: [g] }],
+			mr: [{ mr: [g] }],
+			mb: [{ mb: [g] }],
+			ml: [{ ml: [g] }],
+			"space-x": [{ "space-x": [C] }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": [C] }],
+			"space-y-reverse": ["space-y-reverse"],
+			w: [{ w: [
+				"auto",
+				"min",
+				"max",
+				"fit",
+				"svw",
+				"lvw",
+				"dvw",
+				q,
+				t
+			] }],
+			"min-w": [{ "min-w": [
+				q,
+				t,
+				"min",
+				"max",
+				"fit"
+			] }],
+			"max-w": [{ "max-w": [
+				q,
+				t,
+				"none",
+				"full",
+				"min",
+				"max",
+				"fit",
+				"prose",
+				{ screen: [J] },
+				J
+			] }],
+			h: [{ h: [
+				q,
+				t,
+				"auto",
+				"min",
+				"max",
+				"fit",
+				"svh",
+				"lvh",
+				"dvh"
+			] }],
+			"min-h": [{ "min-h": [
+				q,
+				t,
+				"min",
+				"max",
+				"fit",
+				"svh",
+				"lvh",
+				"dvh"
+			] }],
+			"max-h": [{ "max-h": [
+				q,
+				t,
+				"min",
+				"max",
+				"fit",
+				"svh",
+				"lvh",
+				"dvh"
+			] }],
+			size: [{ size: [
+				q,
+				t,
+				"auto",
+				"min",
+				"max",
+				"fit"
+			] }],
+			"font-size": [{ text: [
+				"base",
+				J,
+				U
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black",
+				G
+			] }],
+			"font-family": [{ font: [Y] }],
+			"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: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest",
+				q
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				"none",
+				W,
+				G
+			] }],
+			leading: [{ leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose",
+				H,
+				q
+			] }],
+			"list-image": [{ "list-image": ["none", q] }],
+			"list-style-type": [{ list: [
+				"none",
+				"disc",
+				"decimal",
+				q
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"placeholder-color": [{ placeholder: [e] }],
+			"placeholder-opacity": [{ "placeholder-opacity": [_] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"text-color": [{ text: [e] }],
+			"text-opacity": [{ "text-opacity": [_] }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...M(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				"auto",
+				"from-font",
+				H,
+				U
+			] }],
+			"underline-offset": [{ "underline-offset": [
+				"auto",
+				H,
+				q
+			] }],
+			"text-decoration-color": [{ decoration: [e] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: O() }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				q
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: ["none", q] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-opacity": [{ "bg-opacity": [_] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: [...j(), he] }],
+			"bg-repeat": [{ bg: ["no-repeat", { repeat: [
+				"",
+				"x",
+				"y",
+				"round",
+				"space"
+			] }] }],
+			"bg-size": [{ bg: [
+				"auto",
+				"cover",
+				"contain",
+				me
+			] }],
+			"bg-image": [{ bg: [
+				"none",
+				{ "gradient-to": [
+					"t",
+					"tr",
+					"r",
+					"br",
+					"b",
+					"bl",
+					"l",
+					"tl"
+				] },
+				_e
+			] }],
+			"bg-color": [{ bg: [e] }],
+			"gradient-from-pos": [{ from: [m] }],
+			"gradient-via-pos": [{ via: [m] }],
+			"gradient-to-pos": [{ to: [m] }],
+			"gradient-from": [{ from: [p] }],
+			"gradient-via": [{ via: [p] }],
+			"gradient-to": [{ to: [p] }],
+			rounded: [{ rounded: [a] }],
+			"rounded-s": [{ "rounded-s": [a] }],
+			"rounded-e": [{ "rounded-e": [a] }],
+			"rounded-t": [{ "rounded-t": [a] }],
+			"rounded-r": [{ "rounded-r": [a] }],
+			"rounded-b": [{ "rounded-b": [a] }],
+			"rounded-l": [{ "rounded-l": [a] }],
+			"rounded-ss": [{ "rounded-ss": [a] }],
+			"rounded-se": [{ "rounded-se": [a] }],
+			"rounded-ee": [{ "rounded-ee": [a] }],
+			"rounded-es": [{ "rounded-es": [a] }],
+			"rounded-tl": [{ "rounded-tl": [a] }],
+			"rounded-tr": [{ "rounded-tr": [a] }],
+			"rounded-br": [{ "rounded-br": [a] }],
+			"rounded-bl": [{ "rounded-bl": [a] }],
+			"border-w": [{ border: [s] }],
+			"border-w-x": [{ "border-x": [s] }],
+			"border-w-y": [{ "border-y": [s] }],
+			"border-w-s": [{ "border-s": [s] }],
+			"border-w-e": [{ "border-e": [s] }],
+			"border-w-t": [{ "border-t": [s] }],
+			"border-w-r": [{ "border-r": [s] }],
+			"border-w-b": [{ "border-b": [s] }],
+			"border-w-l": [{ "border-l": [s] }],
+			"border-opacity": [{ "border-opacity": [_] }],
+			"border-style": [{ border: [...M(), "hidden"] }],
+			"divide-x": [{ "divide-x": [s] }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": [s] }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"divide-opacity": [{ "divide-opacity": [_] }],
+			"divide-style": [{ divide: M() }],
+			"border-color": [{ border: [i] }],
+			"border-color-x": [{ "border-x": [i] }],
+			"border-color-y": [{ "border-y": [i] }],
+			"border-color-s": [{ "border-s": [i] }],
+			"border-color-e": [{ "border-e": [i] }],
+			"border-color-t": [{ "border-t": [i] }],
+			"border-color-r": [{ "border-r": [i] }],
+			"border-color-b": [{ "border-b": [i] }],
+			"border-color-l": [{ "border-l": [i] }],
+			"divide-color": [{ divide: [i] }],
+			"outline-style": [{ outline: ["", ...M()] }],
+			"outline-offset": [{ "outline-offset": [H, q] }],
+			"outline-w": [{ outline: [H, U] }],
+			"outline-color": [{ outline: [e] }],
+			"ring-w": [{ ring: k() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: [e] }],
+			"ring-opacity": [{ "ring-opacity": [_] }],
+			"ring-offset-w": [{ "ring-offset": [H, U] }],
+			"ring-offset-color": [{ "ring-offset": [e] }],
+			shadow: [{ shadow: [
+				"",
+				"inner",
+				"none",
+				J,
+				ve
+			] }],
+			"shadow-color": [{ shadow: [Y] }],
+			opacity: [{ opacity: [_] }],
+			"mix-blend": [{ "mix-blend": [
+				...N(),
+				"plus-lighter",
+				"plus-darker"
+			] }],
+			"bg-blend": [{ "bg-blend": N() }],
+			filter: [{ filter: ["", "none"] }],
+			blur: [{ blur: [n] }],
+			brightness: [{ brightness: [r] }],
+			contrast: [{ contrast: [c] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				J,
+				q
+			] }],
+			grayscale: [{ grayscale: [l] }],
+			"hue-rotate": [{ "hue-rotate": [u] }],
+			invert: [{ invert: [d] }],
+			saturate: [{ saturate: [y] }],
+			sepia: [{ sepia: [x] }],
+			"backdrop-filter": [{ "backdrop-filter": ["", "none"] }],
+			"backdrop-blur": [{ "backdrop-blur": [n] }],
+			"backdrop-brightness": [{ "backdrop-brightness": [r] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [c] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [l] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [u] }],
+			"backdrop-invert": [{ "backdrop-invert": [d] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [_] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [y] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [x] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": [o] }],
+			"border-spacing-x": [{ "border-spacing-x": [o] }],
+			"border-spacing-y": [{ "border-spacing-y": [o] }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"none",
+				"all",
+				"",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				q
+			] }],
+			duration: [{ duration: L() }],
+			ease: [{ ease: [
+				"linear",
+				"in",
+				"out",
+				"in-out",
+				q
+			] }],
+			delay: [{ delay: L() }],
+			animate: [{ animate: [
+				"none",
+				"spin",
+				"ping",
+				"pulse",
+				"bounce",
+				q
+			] }],
+			transform: [{ transform: [
+				"",
+				"gpu",
+				"none"
+			] }],
+			scale: [{ scale: [b] }],
+			"scale-x": [{ "scale-x": [b] }],
+			"scale-y": [{ "scale-y": [b] }],
+			rotate: [{ rotate: [K, q] }],
+			"translate-x": [{ "translate-x": [w] }],
+			"translate-y": [{ "translate-y": [w] }],
+			"skew-x": [{ "skew-x": [S] }],
+			"skew-y": [{ "skew-y": [S] }],
+			"transform-origin": [{ origin: [
+				"center",
+				"top",
+				"top-right",
+				"right",
+				"bottom-right",
+				"bottom",
+				"bottom-left",
+				"left",
+				"top-left",
+				q
+			] }],
+			accent: [{ accent: ["auto", e] }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			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",
+				q
+			] }],
+			"caret-color": [{ caret: [e] }],
+			"pointer-events": [{ "pointer-events": ["none", "auto"] }],
+			resize: [{ resize: [
+				"none",
+				"y",
+				"x",
+				""
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scroll-m": [{ "scroll-m": O() }],
+			"scroll-mx": [{ "scroll-mx": O() }],
+			"scroll-my": [{ "scroll-my": O() }],
+			"scroll-ms": [{ "scroll-ms": O() }],
+			"scroll-me": [{ "scroll-me": O() }],
+			"scroll-mt": [{ "scroll-mt": O() }],
+			"scroll-mr": [{ "scroll-mr": O() }],
+			"scroll-mb": [{ "scroll-mb": O() }],
+			"scroll-ml": [{ "scroll-ml": O() }],
+			"scroll-p": [{ "scroll-p": O() }],
+			"scroll-px": [{ "scroll-px": O() }],
+			"scroll-py": [{ "scroll-py": O() }],
+			"scroll-ps": [{ "scroll-ps": O() }],
+			"scroll-pe": [{ "scroll-pe": O() }],
+			"scroll-pt": [{ "scroll-pt": O() }],
+			"scroll-pr": [{ "scroll-pr": O() }],
+			"scroll-pb": [{ "scroll-pb": O() }],
+			"scroll-pl": [{ "scroll-pl": O() }],
+			"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",
+				q
+			] }],
+			fill: [{ fill: [e, "none"] }],
+			"stroke-w": [{ stroke: [
+				H,
+				U,
+				G
+			] }],
+			stroke: [{ stroke: [e, "none"] }],
+			sr: ["sr-only", "not-sr-only"],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["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-s",
+				"border-w-e",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-s",
+				"border-color-e",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] }
+	};
+});
+//#endregion
+//#region src/lib/utils.ts
+function $(...e) {
+	return Q(w(e));
+}
+//#endregion
+//#region src/checkbox.tsx
+function Se({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: s, onChange: c }) {
+	let l = e.useId();
+	return /* @__PURE__ */ o("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ o("label", {
+			htmlFor: l,
+			className: $("flex items-center gap-2 cursor-pointer", i && "opacity-50 cursor-not-allowed"),
+			children: [
+				/* @__PURE__ */ a("input", {
+					id: l,
+					type: "checkbox",
+					checked: n,
+					disabled: i,
+					onChange: (e) => c?.(e.target.checked),
+					className: "hidden"
+				}),
+				/* @__PURE__ */ a("div", {
+					className: $("w-4 h-4 flex items-center justify-center rounded border transition", n || r ? "bg-primary text-white border-primary" : "bg-white border-gray-300"),
+					children: r ? /* @__PURE__ */ a(b, { size: 12 }) : n ? /* @__PURE__ */ a(v, { size: 12 }) : null
+				}),
+				t && /* @__PURE__ */ a("span", {
+					className: "text-sm",
+					children: t
+				})
+			]
+		}), s && /* @__PURE__ */ a("span", {
+			className: "text-xs text-gray-500",
+			children: s
+		})]
+	});
+}
+//#endregion
+//#region src/file.tsx
+function Ce({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
+	let [s, c] = e.useState([]), [l, u] = e.useState(!1), d = (e) => {
+		if (!e) return;
+		let a = Array.from(e).filter((e) => {
+			let t = e.size / 1024 / 1024 <= n, i = r ? r.includes(e.type) : !0;
+			return t && i;
+		}), o = t ? [...s, ...a] : a;
+		c(o), i?.(o);
+	};
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ o("div", {
+			onDragOver: (e) => {
+				e.preventDefault(), u(!0);
+			},
+			onDragLeave: () => u(!1),
+			onDrop: (e) => {
+				e.preventDefault(), u(!1), d(e.dataTransfer.files);
+			},
+			className: $("border-2 border-dashed rounded-lg p-6 text-center transition", l ? "border-primary bg-primary/5" : "border-gray-300"),
+			children: [
+				/* @__PURE__ */ a(x, { className: "mx-auto mb-2" }),
+				/* @__PURE__ */ a("p", {
+					className: "text-sm font-medium",
+					children: "Arrastra o selecciona un archivo"
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "text-xs text-gray-500",
+					children: [
+						"Máx ",
+						n,
+						"MB"
+					]
+				}),
+				/* @__PURE__ */ a("input", {
+					type: "file",
+					multiple: t,
+					onChange: (e) => d(e.target.files),
+					className: "hidden",
+					id: "file-upload"
+				}),
+				/* @__PURE__ */ a("label", {
+					htmlFor: "file-upload",
+					className: "inline-block mt-3 px-4 py-2 border rounded cursor-pointer",
+					children: "Seleccionar"
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "space-y-2",
+			children: s.map((e, t) => /* @__PURE__ */ o("div", {
+				className: "flex items-center justify-between border p-2 rounded",
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ a(y, { size: 16 }), /* @__PURE__ */ a("span", {
+						className: "text-sm",
+						children: e.name
+					})]
+				}), /* @__PURE__ */ a(S, {
+					size: 16,
+					className: "cursor-pointer",
+					onClick: () => {
+						let e = s.filter((e, n) => n !== t);
+						c(e), i?.(e);
+					}
+				})]
+			}, t))
+		})]
+	});
+}
+//#endregion
+//#region src/fileItem.tsx
+var we = ({ title: e, subtitle: n, iconFile: r, loading: s = !1, state: c = "default", dropdownOptions: l = [], onMenuClick: u }) => {
+	let [d, f] = t.useState(!1), p = t.useRef(null), m = s || c === "loading";
+	return t.useEffect(() => {
+		function e(e) {
+			p.current && !p.current.contains(e.target) && f(!1);
+		}
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, []), /* @__PURE__ */ o("div", {
+		className: "relative w-[380px] rounded-xl border border-orange-500 bg-white px-4 py-4 flex items-start justify-between shadow-sm hover:shadow-md transition-all duration-200",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ a("div", {
+				className: "shrink-0",
+				children: r
+			}), /* @__PURE__ */ o("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ a("span", {
+					className: "text-sm font-semibold text-gray-900",
+					children: e
+				}), /* @__PURE__ */ o("div", {
+					className: "flex items-center gap-2 text-sm text-gray-500 mt-1",
+					children: [/* @__PURE__ */ a("span", { children: n }), m && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
+						className: "animate-spin text-orange-500",
+						children: "✴"
+					}), /* @__PURE__ */ a("span", {
+						className: "text-orange-500 font-medium",
+						children: "Loading..."
+					})] })]
+				})]
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "relative",
+			ref: p,
+			children: [/* @__PURE__ */ a("button", {
+				onClick: () => {
+					f(!d), u?.();
+				},
+				className: "flex items-center justify-center w-9 h-9 rounded-lg hover:bg-orange-50 text-orange-500 transition-colors duration-200",
+				children: /* @__PURE__ */ a("span", {
+					className: "text-xl leading-none",
+					children: "⋯"
+				})
+			}), d && l.length > 0 && /* @__PURE__ */ a("div", {
+				className: "absolute right-0 mt-2 w-44 rounded-2xl border border-gray-200 bg-white shadow-xl z-20 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
+				children: /* @__PURE__ */ a("div", {
+					className: "py-2",
+					children: l.map((e, t) => /* @__PURE__ */ o("button", {
+						onClick: () => {
+							e.onClick?.(), f(!1);
+						},
+						className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-colors duration-150
+                    ${e.danger ? "text-red-500 hover:bg-red-50" : "text-gray-700 hover:bg-orange-50 hover:text-orange-600"}`,
+						children: [/* @__PURE__ */ a("span", {
+							className: "shrink-0",
+							children: e.icon
+						}), /* @__PURE__ */ a("span", {
+							className: "font-medium",
+							children: e.label
+						})]
+					}, t))
+				})
+			})]
+		})]
+	});
+}, Te = ({ label: e, placeholder: t, value: n, hintText: r, required: i, state: s = "default", size: c = "medium", type: l = "text", iconRight: u, disabled: d, onChange: f, className: p = "" }) => /* @__PURE__ */ o("div", {
+	className: "flex flex-col gap-1 w-full",
+	children: [
+		e && /* @__PURE__ */ o("label", {
+			className: "text-sm font-medium",
+			children: [
+				e,
+				" ",
+				i && /* @__PURE__ */ a("span", {
+					className: "text-red-500",
+					children: "*"
+				})
+			]
+		}),
+		/* @__PURE__ */ o("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ a("input", {
+				type: l,
+				value: n,
+				placeholder: t,
+				disabled: d,
+				onChange: (e) => f?.(e.target.value),
+				className: `w-full rounded-md border ${{
+					small: "px-2 py-1 text-sm",
+					medium: "px-3 py-2 text-sm",
+					large: "px-4 py-3 text-base"
+				}[c]} ${{
+					default: "border-gray-300 focus:border-green-500",
+					error: "border-red-500",
+					disabled: "bg-gray-100 cursor-not-allowed"
+				}[s]} outline-none ${p}`
+			}), u && /* @__PURE__ */ a("div", {
+				className: "absolute right-3 top-1/2 -translate-y-1/2",
+				children: u
+			})]
+		}),
+		r && /* @__PURE__ */ a("span", {
+			className: `text-xs ${s === "error" ? "text-red-500" : "text-gray-500"}`,
+			children: r
+		})
+	]
+}), Ee = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: s, primaryAction: l, secondaryAction: u, size: d = "medium" }) => {
+	if (!e) return null;
+	let f = {
+		small: "w-[360px]",
+		medium: "w-[480px]",
+		large: "w-[640px]"
+	}, p = {
+		success: {
+			icon: "✓",
+			bg: "bg-green-100",
+			text: "text-green-600"
+		},
+		error: {
+			icon: "✕",
+			bg: "bg-red-100",
+			text: "text-red-600"
+		},
+		question: {
+			icon: "?",
+			bg: "bg-orange-100",
+			text: "text-orange-500"
+		},
+		content: {
+			icon: "•",
+			bg: "bg-gray-100",
+			text: "text-gray-500"
+		}
+	}[n];
+	return /* @__PURE__ */ o("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ a("div", {
+			className: "absolute inset-0 backdrop-blur-sm bg-black/20",
+			onClick: t
+		}), /* @__PURE__ */ o("div", {
+			className: `
+          relative z-10
+          ${f[d]}
+          bg-white
+          rounded-2xl
+          shadow-2xl
+          border border-gray-200
+          overflow-hidden
+          animate-in fade-in zoom-in-95 duration-200
+        `,
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "px-6 pt-6 pb-4 text-center",
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: `
+              w-14 h-14 mx-auto mb-4 rounded-full
+              flex items-center justify-center
+              text-2xl font-bold
+              ${p.bg}
+              ${p.text}
+            `,
+							children: p.icon
+						}),
+						/* @__PURE__ */ a("h2", {
+							className: "text-lg font-semibold text-gray-900",
+							children: r
+						}),
+						i && /* @__PURE__ */ a("p", {
+							className: "mt-2 text-sm text-gray-500",
+							children: i
+						})
+					]
+				}),
+				s && /* @__PURE__ */ a("div", {
+					className: "px-6 pb-6",
+					children: s
+				}),
+				(l || u) && /* @__PURE__ */ o("div", {
+					className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100",
+					children: [u && /* @__PURE__ */ a(c, {
+						text: u.text,
+						variant: "secondary",
+						size: "medium",
+						state: "default",
+						onClick: u.onClick
+					}), l && /* @__PURE__ */ a(c, {
+						text: l.text,
+						variant: "primary",
+						size: "medium",
+						state: "default",
+						onClick: l.onClick
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+//#region src/textarea.tsx
+function De({ label: t, placeholder: n, value: r = "", hintText: i, required: s, state: c = "default", maxLength: l, showCounter: u, disabled: d, onChange: f, className: p }) {
+	let [m, h] = e.useState(r), g = r ?? m;
+	return /* @__PURE__ */ o("div", {
+		className: $("flex flex-col gap-1", p),
+		children: [
+			t && /* @__PURE__ */ o("label", {
+				className: "text-sm font-medium",
+				children: [
+					t,
+					" ",
+					s && /* @__PURE__ */ a("span", {
+						className: "text-red-500",
+						children: "*"
+					})
+				]
+			}),
+			/* @__PURE__ */ a("textarea", {
+				value: g,
+				placeholder: n,
+				onChange: (e) => {
+					let t = e.target.value;
+					l && t.length > l || (h(t), f?.(t));
+				},
+				disabled: d || c === "disabled",
+				className: $("w-full min-h-[100px] rounded-md border px-3 py-2 text-sm outline-none resize-none transition", "focus:ring-2 focus:ring-primary", c === "error" && "border-red-500 focus:ring-red-500", c === "default" && "border-gray-300", (d || c === "disabled") && "bg-gray-100 cursor-not-allowed opacity-70")
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "flex justify-between items-center text-xs",
+				children: [i && /* @__PURE__ */ a("span", {
+					className: $(c === "error" ? "text-red-500" : "text-gray-500"),
+					children: i
+				}), u && l && /* @__PURE__ */ o("span", {
+					className: "text-gray-400",
+					children: [
+						g.length,
+						"/",
+						l
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { s as BackgroundBlur, c as Button, l as CardRow, Se as Checkbox, we as FileItem, Ce as FileUpload, Te as Input, Ee as Modal, De as TextArea };