componenteszw-package 1.0.9 → 1.0.10

package/dist/index.js

@@ -1,200 +1,23 @@
 import * as e from "react";
 import t, { createElement as n, forwardRef as r } from "react";
-//#region \0rolldown/runtime.js
-var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a = /* @__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.");
-}), o = /* @__PURE__ */ i(((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;
-})), s = /* @__PURE__ */ i(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === k ? 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";
-			}
-			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 o() {
-			var e = A.A;
-			return e === null ? null : e.getOwner();
-		}
-		function s() {
-			return Error("react-stack-top-frame");
-		}
-		function c(e) {
-			if (j.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function l(e, t) {
-			function n() {
-				P || (P = !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 u() {
-			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 d(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: u
-			}), 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 f(e, n, i, a, s, u) {
-			var f = n.children;
-			if (f !== void 0) if (a) if (M(f)) {
-				for (a = 0; a < f.length; a++) p(f[a]);
-				Object.freeze && Object.freeze(f);
-			} 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 p(f);
-			if (j.call(n, "key")) {
-				f = t(e);
-				var m = Object.keys(n).filter(function(e) {
-					return e !== "key";
-				});
-				a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + a] || (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} />", a, f, m, f), R[f + a] = !0);
-			}
-			if (f = null, i !== void 0 && (r(i), f = "" + i), c(n) && (r(n.key), f = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
-			else i = n;
-			return f && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, o(), s, u);
-		}
-		function p(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 = a("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.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		h = { react_stack_bottom_frame: function(e) {
-			return e();
-		} };
-		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, s)(), L = N(i(s)), R = {};
-		e.Fragment = v, e.jsx = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
-		};
-	})();
-})), c = (/* @__PURE__ */ i(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = o() : t.exports = s();
-})))(), l = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ (0, c.jsxs)("div", {
+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__ */ (0, c.jsx)("div", {
+	children: [/* @__PURE__ */ a("div", {
 		className: "absolute inset-0 backdrop-blur-sm",
 		style: {
 			backdropFilter: `blur(${t}px)`,
 			backgroundColor: `rgba(255,255,255,${n})`
 		}
-	}), /* @__PURE__ */ (0, c.jsx)("div", {
+	}), /* @__PURE__ */ a("div", {
 		className: "relative z-50 flex items-center justify-center w-full h-full",
 		children: r
 	})]
-}) : null, u = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i = "medium", state: a = "default", disabled: o = !1, onClick: s, type: l = "button", className: u = "" }) => /* @__PURE__ */ (0, c.jsxs)("button", {
-	type: l,
-	onClick: s,
-	disabled: o,
+}) : 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
@@ -219,40 +42,40 @@ var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a
 		hover: "brightness-90",
 		focus: "ring-2 ring-offset-2",
 		disabled: "opacity-50 cursor-not-allowed"
-	}[a]}
-        ${o ? "opacity-50 cursor-not-allowed" : ""}
-        ${u}
+	}[s]}
+        ${c ? "opacity-50 cursor-not-allowed" : ""}
+        ${d}
       `,
 	children: [
-		t && /* @__PURE__ */ (0, c.jsx)("span", {
+		t && /* @__PURE__ */ a("span", {
 			className: "flex items-center",
 			children: t
 		}),
-		e && /* @__PURE__ */ (0, c.jsx)("span", { children: e }),
-		n && /* @__PURE__ */ (0, c.jsx)("span", {
+		e && /* @__PURE__ */ a("span", { children: e }),
+		n && /* @__PURE__ */ a("span", {
 			className: "flex items-center",
 			children: n
 		})
 	]
-}), d = ({ children: e, onClick: t }) => /* @__PURE__ */ (0, c.jsx)("div", {
+}), 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__ */ (0, c.jsx)("div", {
+	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__ */ (0, c.jsxs)(c.Fragment, { children: [
-			/* @__PURE__ */ (0, c.jsx)("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
-			/* @__PURE__ */ (0, c.jsx)("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
-			/* @__PURE__ */ (0, c.jsx)("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
-			/* @__PURE__ */ (0, c.jsx)("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
-			/* @__PURE__ */ (0, c.jsx)("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
+		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" })
 		] })
 	})
-}), f = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), p = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), m = (e) => {
-	let t = p(e);
+}), 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);
-}, h = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), g = (e) => {
+}, 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,
@@ -262,28 +85,28 @@ var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, v = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
+}, 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: h("lucide", a),
-	...!o && !g(c) && { "aria-hidden": "true" },
+	className: p("lucide", a),
+	...!o && !m(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]])), y = (e, t) => {
-	let i = r(({ className: r, ...i }, a) => n(v, {
+}, [...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: h(`lucide-${f(m(e))}`, `lucide-${e}`, r),
+		className: p(`lucide-${u(f(e))}`, `lucide-${e}`, r),
 		...i
 	}));
-	return i.displayName = m(e), i;
-}, b = y("check", [["path", {
+	return i.displayName = f(e), i;
+}, v = _("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), x = y("file-text", [
+}]]), 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"
@@ -304,10 +127,10 @@ var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), S = y("minus", [["path", {
+]), b = _("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), C = y("upload", [
+}]]), x = _("upload", [
 	["path", {
 		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
 		key: "ih7n3h"
@@ -323,7 +146,7 @@ var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a
 		y2: "15",
 		key: "widbto"
 	}]
-]), w = y("x", [["path", {
+]), S = _("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -332,63 +155,63 @@ var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a
 }]]);
 //#endregion
 //#region node_modules/clsx/dist/clsx.mjs
-function T(e) {
+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 = T(e[t])) && (r && (r += " "), r += n);
+		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 E() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = T(e)) && (r && (r += " "), r += t);
+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 D = "-", O = (e) => {
-	let t = M(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+var T = "-", E = (e) => {
+	let t = A(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			let n = e.split(D);
-			return n[0] === "" && n.length !== 1 && n.shift(), k(n, t) || j(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;
 		}
 	};
-}, k = (e, t) => {
+}, D = (e, t) => {
 	if (e.length === 0) return t.classGroupId;
-	let n = e[0], r = t.nextPart.get(n), i = r ? k(e.slice(1), r) : void 0;
+	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(D);
+	let a = e.join(T);
 	return t.validators.find(({ validator: e }) => e(a))?.classGroupId;
-}, A = /^\[(.+)\]$/, j = (e) => {
-	if (A.test(e)) {
-		let t = A.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
+}, O = /^\[(.+)\]$/, k = (e) => {
+	if (O.test(e)) {
+		let t = O.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
 		if (n) return "arbitrary.." + n;
 	}
-}, M = (e) => {
+}, A = (e) => {
 	let { theme: t, prefix: n } = e, r = {
 		nextPart: /* @__PURE__ */ new Map(),
 		validators: []
 	};
-	return I(Object.entries(e.classGroups), n).forEach(([e, n]) => {
-		N(n, r, e, t);
+	return P(Object.entries(e.classGroups), n).forEach(([e, n]) => {
+		j(n, r, e, t);
 	}), r;
-}, N = (e, t, n, r) => {
+}, j = (e, t, n, r) => {
 	e.forEach((e) => {
 		if (typeof e == "string") {
-			let r = e === "" ? t : P(t, e);
+			let r = e === "" ? t : M(t, e);
 			r.classGroupId = n;
 			return;
 		}
 		if (typeof e == "function") {
-			if (F(e)) {
-				N(e(r), t, n, r);
+			if (N(e)) {
+				j(e(r), t, n, r);
 				return;
 			}
 			t.validators.push({
@@ -398,18 +221,18 @@ var D = "-", O = (e) => {
 			return;
 		}
 		Object.entries(e).forEach(([e, i]) => {
-			N(i, P(t, e), n, r);
+			j(i, M(t, e), n, r);
 		});
 	});
-}, P = (e, t) => {
+}, M = (e, t) => {
 	let n = e;
-	return t.split(D).forEach((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;
-}, F = (e) => e.isThemeGetter, I = (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, L = (e) => {
+}, 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: () => {}
@@ -427,7 +250,7 @@ var D = "-", O = (e) => {
 			n.has(e) ? n.set(e, t) : i(e, t);
 		}
 	};
-}, R = "!", ee = (e) => {
+}, 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++) {
@@ -444,7 +267,7 @@ var D = "-", O = (e) => {
 			}
 			u === "[" ? o++ : u === "]" && o--;
 		}
-		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(R);
+		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(I);
 		return {
 			modifiers: n,
 			hasImportantModifier: u,
@@ -456,18 +279,18 @@ var D = "-", O = (e) => {
 		className: e,
 		parseClassName: o
 	}) : o;
-}, te = (e) => {
+}, 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;
-}, ne = (e) => ({
-	cache: L(e.cacheSize),
-	parseClassName: ee(e),
-	...O(e)
-}), re = /\s+/, ie = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(re), s = "";
+}, 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) {
@@ -481,7 +304,7 @@ var D = "-", O = (e) => {
 			}
 			f = !1;
 		}
-		let m = te(c).join(":"), h = l ? m + R : m, g = h + p;
+		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);
@@ -493,48 +316,48 @@ var D = "-", O = (e) => {
 	}
 	return s;
 };
-function ae() {
+function ie() {
 	let e = 0, t, n, r = "";
-	for (; e < arguments.length;) (t = arguments[e++]) && (n = z(t)) && (r && (r += " "), r += n);
+	for (; e < arguments.length;) (t = arguments[e++]) && (n = R(t)) && (r && (r += " "), r += n);
 	return r;
 }
-var z = (e) => {
+var R = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = z(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = R(e[r])) && (n && (n += " "), n += t);
 	return n;
 };
-function oe(e, ...t) {
+function ae(e, ...t) {
 	let n, r, i, a = o;
 	function o(o) {
-		return n = ne(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(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 = ie(e, n);
+		let a = re(e, n);
 		return i(e, a), a;
 	}
 	return function() {
-		return a(ae.apply(null, arguments));
+		return a(ie.apply(null, arguments));
 	};
 }
-var B = (e) => {
+var z = (e) => {
 	let t = (t) => t[e] || [];
 	return t.isThemeGetter = !0, t;
-}, V = /^\[(?:([a-z-]+):)?(.+)\]$/i, se = /^\d+\/\d+$/, ce = /* @__PURE__ */ new Set([
+}, B = /^\[(?:([a-z-]+):)?(.+)\]$/i, oe = /^\d+\/\d+$/, se = /* @__PURE__ */ new Set([
 	"px",
 	"full",
 	"screen"
-]), le = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ue = /\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$/, de = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, pe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => W(e) || ce.has(e) || se.test(e), U = (e) => Z(e, "length", be), W = (e) => !!e && !Number.isNaN(Number(e)), G = (e) => Z(e, "number", W), K = (e) => !!e && Number.isInteger(Number(e)), q = (e) => e.endsWith("%") && W(e.slice(0, -1)), J = (e) => V.test(e), Y = (e) => le.test(e), me = /* @__PURE__ */ new Set([
+]), 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"
-]), he = (e) => Z(e, me, Q), ge = (e) => Z(e, "position", Q), _e = /* @__PURE__ */ new Set(["image", "url"]), ve = (e) => Z(e, _e, Se), ye = (e) => Z(e, "", xe), X = () => !0, Z = (e, t, n) => {
-	let r = V.exec(e);
+]), 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;
-}, be = (e) => ue.test(e) && !de.test(e), Q = () => !1, xe = (e) => fe.test(e), Se = (e) => pe.test(e), Ce = /* @__PURE__ */ oe(() => {
-	let e = B("colors"), t = B("spacing"), n = B("blur"), r = B("brightness"), i = B("borderColor"), a = B("borderRadius"), o = B("borderSpacing"), s = B("borderWidth"), c = B("contrast"), l = B("grayscale"), u = B("hueRotate"), d = B("invert"), f = B("gap"), p = B("gradientColorStops"), m = B("gradientColorStopPositions"), h = B("inset"), g = B("margin"), _ = B("opacity"), v = B("padding"), y = B("saturate"), b = B("scale"), x = B("sepia"), S = B("skew"), C = B("space"), w = B("translate"), T = () => [
+}, 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"
@@ -546,16 +369,16 @@ var B = (e) => {
 		"scroll"
 	], D = () => [
 		"auto",
-		J,
+		q,
 		t
-	], O = () => [J, t], k = () => [
+	], O = () => [q, t], k = () => [
 		"",
 		H,
 		U
 	], A = () => [
 		"auto",
 		W,
-		J
+		q
 	], j = () => [
 		"bottom",
 		"center",
@@ -600,7 +423,7 @@ var B = (e) => {
 	], F = () => [
 		"",
 		"0",
-		J
+		q
 	], I = () => [
 		"auto",
 		"avoid",
@@ -610,18 +433,18 @@ var B = (e) => {
 		"left",
 		"right",
 		"column"
-	], L = () => [W, J];
+	], L = () => [W, q];
 	return {
 		cacheSize: 500,
 		separator: ":",
 		theme: {
-			colors: [X],
+			colors: [Y],
 			spacing: [H, U],
 			blur: [
 				"none",
 				"",
-				Y,
-				J
+				J,
+				q
 			],
 			brightness: L(),
 			borderColor: [e],
@@ -629,8 +452,8 @@ var B = (e) => {
 				"none",
 				"",
 				"full",
-				Y,
-				J
+				J,
+				q
 			],
 			borderSpacing: O(),
 			borderWidth: k(),
@@ -640,7 +463,7 @@ var B = (e) => {
 			invert: F(),
 			gap: O(),
 			gradientColorStops: [e],
-			gradientColorStopPositions: [q, U],
+			gradientColorStopPositions: [fe, U],
 			inset: D(),
 			margin: D(),
 			opacity: L(),
@@ -657,10 +480,10 @@ var B = (e) => {
 				"auto",
 				"square",
 				"video",
-				J
+				q
 			] }],
 			container: ["container"],
-			columns: [{ columns: [Y] }],
+			columns: [{ columns: [J] }],
 			"break-after": [{ "break-after": I() }],
 			"break-before": [{ "break-before": I() }],
 			"break-inside": [{ "break-inside": [
@@ -717,7 +540,7 @@ var B = (e) => {
 				"none",
 				"scale-down"
 			] }],
-			"object-position": [{ object: [...j(), J] }],
+			"object-position": [{ object: [...j(), q] }],
 			overflow: [{ overflow: E() }],
 			"overflow-x": [{ "overflow-x": E() }],
 			"overflow-y": [{ "overflow-y": E() }],
@@ -748,7 +571,7 @@ var B = (e) => {
 			z: [{ z: [
 				"auto",
 				K,
-				J
+				q
 			] }],
 			basis: [{ basis: D() }],
 			"flex-direction": [{ flex: [
@@ -767,7 +590,7 @@ var B = (e) => {
 				"auto",
 				"initial",
 				"none",
-				J
+				q
 			] }],
 			grow: [{ grow: F() }],
 			shrink: [{ shrink: F() }],
@@ -776,25 +599,25 @@ var B = (e) => {
 				"last",
 				"none",
 				K,
-				J
+				q
 			] }],
-			"grid-cols": [{ "grid-cols": [X] }],
+			"grid-cols": [{ "grid-cols": [Y] }],
 			"col-start-end": [{ col: [
 				"auto",
 				{ span: [
 					"full",
 					K,
-					J
+					q
 				] },
-				J
+				q
 			] }],
 			"col-start": [{ "col-start": A() }],
 			"col-end": [{ "col-end": A() }],
-			"grid-rows": [{ "grid-rows": [X] }],
+			"grid-rows": [{ "grid-rows": [Y] }],
 			"row-start-end": [{ row: [
 				"auto",
-				{ span: [K, J] },
-				J
+				{ span: [K, q] },
+				q
 			] }],
 			"row-start": [{ "row-start": A() }],
 			"row-end": [{ "row-end": A() }],
@@ -810,14 +633,14 @@ var B = (e) => {
 				"min",
 				"max",
 				"fr",
-				J
+				q
 			] }],
 			"auto-rows": [{ "auto-rows": [
 				"auto",
 				"min",
 				"max",
 				"fr",
-				J
+				q
 			] }],
 			gap: [{ gap: [f] }],
 			"gap-x": [{ "gap-x": [f] }],
@@ -901,18 +724,18 @@ var B = (e) => {
 				"svw",
 				"lvw",
 				"dvw",
-				J,
+				q,
 				t
 			] }],
 			"min-w": [{ "min-w": [
-				J,
+				q,
 				t,
 				"min",
 				"max",
 				"fit"
 			] }],
 			"max-w": [{ "max-w": [
-				J,
+				q,
 				t,
 				"none",
 				"full",
@@ -920,11 +743,11 @@ var B = (e) => {
 				"max",
 				"fit",
 				"prose",
-				{ screen: [Y] },
-				Y
+				{ screen: [J] },
+				J
 			] }],
 			h: [{ h: [
-				J,
+				q,
 				t,
 				"auto",
 				"min",
@@ -935,7 +758,7 @@ var B = (e) => {
 				"dvh"
 			] }],
 			"min-h": [{ "min-h": [
-				J,
+				q,
 				t,
 				"min",
 				"max",
@@ -945,7 +768,7 @@ var B = (e) => {
 				"dvh"
 			] }],
 			"max-h": [{ "max-h": [
-				J,
+				q,
 				t,
 				"min",
 				"max",
@@ -955,7 +778,7 @@ var B = (e) => {
 				"dvh"
 			] }],
 			size: [{ size: [
-				J,
+				q,
 				t,
 				"auto",
 				"min",
@@ -964,7 +787,7 @@ var B = (e) => {
 			] }],
 			"font-size": [{ text: [
 				"base",
-				Y,
+				J,
 				U
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
@@ -981,7 +804,7 @@ var B = (e) => {
 				"black",
 				G
 			] }],
-			"font-family": [{ font: [X] }],
+			"font-family": [{ font: [Y] }],
 			"fvn-normal": ["normal-nums"],
 			"fvn-ordinal": ["ordinal"],
 			"fvn-slashed-zero": ["slashed-zero"],
@@ -995,7 +818,7 @@ var B = (e) => {
 				"wide",
 				"wider",
 				"widest",
-				J
+				q
 			] }],
 			"line-clamp": [{ "line-clamp": [
 				"none",
@@ -1010,14 +833,14 @@ var B = (e) => {
 				"relaxed",
 				"loose",
 				H,
-				J
+				q
 			] }],
-			"list-image": [{ "list-image": ["none", J] }],
+			"list-image": [{ "list-image": ["none", q] }],
 			"list-style-type": [{ list: [
 				"none",
 				"disc",
 				"decimal",
-				J
+				q
 			] }],
 			"list-style-position": [{ list: ["inside", "outside"] }],
 			"placeholder-color": [{ placeholder: [e] }],
@@ -1048,7 +871,7 @@ var B = (e) => {
 			"underline-offset": [{ "underline-offset": [
 				"auto",
 				H,
-				J
+				q
 			] }],
 			"text-decoration-color": [{ decoration: [e] }],
 			"text-transform": [
@@ -1078,7 +901,7 @@ var B = (e) => {
 				"text-bottom",
 				"sub",
 				"super",
-				J
+				q
 			] }],
 			whitespace: [{ whitespace: [
 				"normal",
@@ -1099,7 +922,7 @@ var B = (e) => {
 				"manual",
 				"auto"
 			] }],
-			content: [{ content: ["none", J] }],
+			content: [{ content: ["none", q] }],
 			"bg-attachment": [{ bg: [
 				"fixed",
 				"local",
@@ -1117,7 +940,7 @@ var B = (e) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: [...j(), ge] }],
+			"bg-position": [{ bg: [...j(), he] }],
 			"bg-repeat": [{ bg: ["no-repeat", { repeat: [
 				"",
 				"x",
@@ -1129,7 +952,7 @@ var B = (e) => {
 				"auto",
 				"cover",
 				"contain",
-				he
+				me
 			] }],
 			"bg-image": [{ bg: [
 				"none",
@@ -1143,7 +966,7 @@ var B = (e) => {
 					"l",
 					"tl"
 				] },
-				ve
+				_e
 			] }],
 			"bg-color": [{ bg: [e] }],
 			"gradient-from-pos": [{ from: [m] }],
@@ -1195,7 +1018,7 @@ var B = (e) => {
 			"border-color-l": [{ "border-l": [i] }],
 			"divide-color": [{ divide: [i] }],
 			"outline-style": [{ outline: ["", ...M()] }],
-			"outline-offset": [{ "outline-offset": [H, J] }],
+			"outline-offset": [{ "outline-offset": [H, q] }],
 			"outline-w": [{ outline: [H, U] }],
 			"outline-color": [{ outline: [e] }],
 			"ring-w": [{ ring: k() }],
@@ -1208,10 +1031,10 @@ var B = (e) => {
 				"",
 				"inner",
 				"none",
-				Y,
-				ye
+				J,
+				ve
 			] }],
-			"shadow-color": [{ shadow: [X] }],
+			"shadow-color": [{ shadow: [Y] }],
 			opacity: [{ opacity: [_] }],
 			"mix-blend": [{ "mix-blend": [
 				...N(),
@@ -1226,8 +1049,8 @@ var B = (e) => {
 			"drop-shadow": [{ "drop-shadow": [
 				"",
 				"none",
-				Y,
-				J
+				J,
+				q
 			] }],
 			grayscale: [{ grayscale: [l] }],
 			"hue-rotate": [{ "hue-rotate": [u] }],
@@ -1258,7 +1081,7 @@ var B = (e) => {
 				"opacity",
 				"shadow",
 				"transform",
-				J
+				q
 			] }],
 			duration: [{ duration: L() }],
 			ease: [{ ease: [
@@ -1266,7 +1089,7 @@ var B = (e) => {
 				"in",
 				"out",
 				"in-out",
-				J
+				q
 			] }],
 			delay: [{ delay: L() }],
 			animate: [{ animate: [
@@ -1275,7 +1098,7 @@ var B = (e) => {
 				"ping",
 				"pulse",
 				"bounce",
-				J
+				q
 			] }],
 			transform: [{ transform: [
 				"",
@@ -1285,7 +1108,7 @@ var B = (e) => {
 			scale: [{ scale: [b] }],
 			"scale-x": [{ "scale-x": [b] }],
 			"scale-y": [{ "scale-y": [b] }],
-			rotate: [{ rotate: [K, J] }],
+			rotate: [{ rotate: [K, q] }],
 			"translate-x": [{ "translate-x": [w] }],
 			"translate-y": [{ "translate-y": [w] }],
 			"skew-x": [{ "skew-x": [S] }],
@@ -1300,7 +1123,7 @@ var B = (e) => {
 				"bottom-left",
 				"left",
 				"top-left",
-				J
+				q
 			] }],
 			accent: [{ accent: ["auto", e] }],
 			appearance: [{ appearance: ["none", "auto"] }],
@@ -1341,7 +1164,7 @@ var B = (e) => {
 				"nwse-resize",
 				"zoom-in",
 				"zoom-out",
-				J
+				q
 			] }],
 			"caret-color": [{ caret: [e] }],
 			"pointer-events": [{ "pointer-events": ["none", "auto"] }],
@@ -1411,7 +1234,7 @@ var B = (e) => {
 				"scroll",
 				"contents",
 				"transform",
-				J
+				q
 			] }],
 			fill: [{ fill: [e, "none"] }],
 			"stroke-w": [{ stroke: [
@@ -1565,70 +1388,70 @@ var B = (e) => {
 //#endregion
 //#region src/lib/utils.ts
 function $(...e) {
-	return Ce(E(e));
+	return Q(w(e));
 }
 //#endregion
 //#region src/checkbox.tsx
-function we({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: a, onChange: o }) {
-	let s = e.useId();
-	return /* @__PURE__ */ (0, c.jsxs)("div", {
+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__ */ (0, c.jsxs)("label", {
-			htmlFor: s,
+		children: [/* @__PURE__ */ o("label", {
+			htmlFor: l,
 			className: $("flex items-center gap-2 cursor-pointer", i && "opacity-50 cursor-not-allowed"),
 			children: [
-				/* @__PURE__ */ (0, c.jsx)("input", {
-					id: s,
+				/* @__PURE__ */ a("input", {
+					id: l,
 					type: "checkbox",
 					checked: n,
 					disabled: i,
-					onChange: (e) => o?.(e.target.checked),
+					onChange: (e) => c?.(e.target.checked),
 					className: "hidden"
 				}),
-				/* @__PURE__ */ (0, c.jsx)("div", {
+				/* @__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__ */ (0, c.jsx)(S, { size: 12 }) : n ? /* @__PURE__ */ (0, c.jsx)(b, { size: 12 }) : null
+					children: r ? /* @__PURE__ */ a(b, { size: 12 }) : n ? /* @__PURE__ */ a(v, { size: 12 }) : null
 				}),
-				t && /* @__PURE__ */ (0, c.jsx)("span", {
+				t && /* @__PURE__ */ a("span", {
 					className: "text-sm",
 					children: t
 				})
 			]
-		}), a && /* @__PURE__ */ (0, c.jsx)("span", {
+		}), s && /* @__PURE__ */ a("span", {
 			className: "text-xs text-gray-500",
-			children: a
+			children: s
 		})]
 	});
 }
 //#endregion
 //#region src/file.tsx
-function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
-	let [a, o] = e.useState([]), [s, l] = e.useState(!1), u = (e) => {
+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 s = Array.from(e).filter((e) => {
+		let a = Array.from(e).filter((e) => {
 			let t = e.size / 1024 / 1024 <= n, i = r ? r.includes(e.type) : !0;
 			return t && i;
-		}), c = t ? [...a, ...s] : s;
-		o(c), i?.(c);
+		}), o = t ? [...s, ...a] : a;
+		c(o), i?.(o);
 	};
-	return /* @__PURE__ */ (0, c.jsxs)("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-3",
-		children: [/* @__PURE__ */ (0, c.jsxs)("div", {
+		children: [/* @__PURE__ */ o("div", {
 			onDragOver: (e) => {
-				e.preventDefault(), l(!0);
+				e.preventDefault(), u(!0);
 			},
-			onDragLeave: () => l(!1),
+			onDragLeave: () => u(!1),
 			onDrop: (e) => {
-				e.preventDefault(), l(!1), u(e.dataTransfer.files);
+				e.preventDefault(), u(!1), d(e.dataTransfer.files);
 			},
-			className: $("border-2 border-dashed rounded-lg p-6 text-center transition", s ? "border-primary bg-primary/5" : "border-gray-300"),
+			className: $("border-2 border-dashed rounded-lg p-6 text-center transition", l ? "border-primary bg-primary/5" : "border-gray-300"),
 			children: [
-				/* @__PURE__ */ (0, c.jsx)(C, { className: "mx-auto mb-2" }),
-				/* @__PURE__ */ (0, c.jsx)("p", {
+				/* @__PURE__ */ a(x, { className: "mx-auto mb-2" }),
+				/* @__PURE__ */ a("p", {
 					className: "text-sm font-medium",
 					children: "Arrastra o selecciona un archivo"
 				}),
-				/* @__PURE__ */ (0, c.jsxs)("p", {
+				/* @__PURE__ */ o("p", {
 					className: "text-xs text-gray-500",
 					children: [
 						"Máx ",
@@ -1636,35 +1459,35 @@ function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
 						"MB"
 					]
 				}),
-				/* @__PURE__ */ (0, c.jsx)("input", {
+				/* @__PURE__ */ a("input", {
 					type: "file",
 					multiple: t,
-					onChange: (e) => u(e.target.files),
+					onChange: (e) => d(e.target.files),
 					className: "hidden",
 					id: "file-upload"
 				}),
-				/* @__PURE__ */ (0, c.jsx)("label", {
+				/* @__PURE__ */ a("label", {
 					htmlFor: "file-upload",
 					className: "inline-block mt-3 px-4 py-2 border rounded cursor-pointer",
 					children: "Seleccionar"
 				})
 			]
-		}), /* @__PURE__ */ (0, c.jsx)("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "space-y-2",
-			children: a.map((e, t) => /* @__PURE__ */ (0, c.jsxs)("div", {
+			children: s.map((e, t) => /* @__PURE__ */ o("div", {
 				className: "flex items-center justify-between border p-2 rounded",
-				children: [/* @__PURE__ */ (0, c.jsxs)("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ (0, c.jsx)(x, { size: 16 }), /* @__PURE__ */ (0, c.jsx)("span", {
+					children: [/* @__PURE__ */ a(y, { size: 16 }), /* @__PURE__ */ a("span", {
 						className: "text-sm",
 						children: e.name
 					})]
-				}), /* @__PURE__ */ (0, c.jsx)(w, {
+				}), /* @__PURE__ */ a(S, {
 					size: 16,
 					className: "cursor-pointer",
 					onClick: () => {
-						let e = a.filter((e, n) => n !== t);
-						o(e), i?.(e);
+						let e = s.filter((e, n) => n !== t);
+						c(e), i?.(e);
 					}
 				})]
 			}, t))
@@ -1673,64 +1496,64 @@ function Te({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
 }
 //#endregion
 //#region src/fileItem.tsx
-var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "default", dropdownOptions: o = [], onMenuClick: s }) => {
-	let [l, u] = t.useState(!1), d = t.useRef(null), f = i || a === "loading";
+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) {
-			d.current && !d.current.contains(e.target) && u(!1);
+			p.current && !p.current.contains(e.target) && f(!1);
 		}
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, []), /* @__PURE__ */ (0, c.jsxs)("div", {
+	}, []), /* @__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__ */ (0, c.jsxs)("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ (0, c.jsx)("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "shrink-0",
 				children: r
-			}), /* @__PURE__ */ (0, c.jsxs)("div", {
+			}), /* @__PURE__ */ o("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ (0, c.jsx)("span", {
+				children: [/* @__PURE__ */ a("span", {
 					className: "text-sm font-semibold text-gray-900",
 					children: e
-				}), /* @__PURE__ */ (0, c.jsxs)("div", {
+				}), /* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2 text-sm text-gray-500 mt-1",
-					children: [/* @__PURE__ */ (0, c.jsx)("span", { children: n }), f && /* @__PURE__ */ (0, c.jsxs)(c.Fragment, { children: [/* @__PURE__ */ (0, c.jsx)("span", {
+					children: [/* @__PURE__ */ a("span", { children: n }), m && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
 						className: "animate-spin text-orange-500",
 						children: "✴"
-					}), /* @__PURE__ */ (0, c.jsx)("span", {
+					}), /* @__PURE__ */ a("span", {
 						className: "text-orange-500 font-medium",
 						children: "Loading..."
 					})] })]
 				})]
 			})]
-		}), /* @__PURE__ */ (0, c.jsxs)("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "relative",
-			ref: d,
-			children: [/* @__PURE__ */ (0, c.jsx)("button", {
+			ref: p,
+			children: [/* @__PURE__ */ a("button", {
 				onClick: () => {
-					u(!l), s?.();
+					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__ */ (0, c.jsx)("span", {
+				children: /* @__PURE__ */ a("span", {
 					className: "text-xl leading-none",
 					children: "⋯"
 				})
-			}), l && o.length > 0 && /* @__PURE__ */ (0, c.jsx)("div", {
+			}), 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__ */ (0, c.jsx)("div", {
+				children: /* @__PURE__ */ a("div", {
 					className: "py-2",
-					children: o.map((e, t) => /* @__PURE__ */ (0, c.jsxs)("button", {
+					children: l.map((e, t) => /* @__PURE__ */ o("button", {
 						onClick: () => {
-							e.onClick?.(), u(!1);
+							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__ */ (0, c.jsx)("span", {
+						children: [/* @__PURE__ */ a("span", {
 							className: "shrink-0",
 							children: e.icon
-						}), /* @__PURE__ */ (0, c.jsx)("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "font-medium",
 							children: e.label
 						})]
@@ -1739,54 +1562,54 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 			})]
 		})]
 	});
-}, De = ({ label: e, placeholder: t, value: n, hintText: r, required: i, state: a = "default", size: o = "medium", type: s = "text", iconRight: l, disabled: u, onChange: d, className: f = "" }) => /* @__PURE__ */ (0, c.jsxs)("div", {
+}, 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__ */ (0, c.jsxs)("label", {
+		e && /* @__PURE__ */ o("label", {
 			className: "text-sm font-medium",
 			children: [
 				e,
 				" ",
-				i && /* @__PURE__ */ (0, c.jsx)("span", {
+				i && /* @__PURE__ */ a("span", {
 					className: "text-red-500",
 					children: "*"
 				})
 			]
 		}),
-		/* @__PURE__ */ (0, c.jsxs)("div", {
+		/* @__PURE__ */ o("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ (0, c.jsx)("input", {
-				type: s,
+			children: [/* @__PURE__ */ a("input", {
+				type: l,
 				value: n,
 				placeholder: t,
-				disabled: u,
-				onChange: (e) => d?.(e.target.value),
+				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"
-				}[o]} ${{
+				}[c]} ${{
 					default: "border-gray-300 focus:border-green-500",
 					error: "border-red-500",
 					disabled: "bg-gray-100 cursor-not-allowed"
-				}[a]} outline-none ${f}`
-			}), l && /* @__PURE__ */ (0, c.jsx)("div", {
+				}[s]} outline-none ${p}`
+			}), u && /* @__PURE__ */ a("div", {
 				className: "absolute right-3 top-1/2 -translate-y-1/2",
-				children: l
+				children: u
 			})]
 		}),
-		r && /* @__PURE__ */ (0, c.jsx)("span", {
-			className: `text-xs ${a === "error" ? "text-red-500" : "text-gray-500"}`,
+		r && /* @__PURE__ */ a("span", {
+			className: `text-xs ${s === "error" ? "text-red-500" : "text-gray-500"}`,
 			children: r
 		})
 	]
-}), Oe = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: a, primaryAction: o, secondaryAction: s, size: l = "medium" }) => {
+}), 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 d = {
+	let f = {
 		small: "w-[360px]",
 		medium: "w-[480px]",
 		large: "w-[640px]"
-	}, f = {
+	}, p = {
 		success: {
 			icon: "✓",
 			bg: "bg-green-100",
@@ -1808,15 +1631,15 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 			text: "text-gray-500"
 		}
 	}[n];
-	return /* @__PURE__ */ (0, c.jsxs)("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ (0, c.jsx)("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "absolute inset-0 backdrop-blur-sm bg-black/20",
 			onClick: t
-		}), /* @__PURE__ */ (0, c.jsxs)("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: `
           relative z-10
-          ${d[l]}
+          ${f[d]}
           bg-white
           rounded-2xl
           shadow-2xl
@@ -1825,47 +1648,47 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
           animate-in fade-in zoom-in-95 duration-200
         `,
 			children: [
-				/* @__PURE__ */ (0, c.jsxs)("div", {
+				/* @__PURE__ */ o("div", {
 					className: "px-6 pt-6 pb-4 text-center",
 					children: [
-						/* @__PURE__ */ (0, c.jsx)("div", {
+						/* @__PURE__ */ a("div", {
 							className: `
               w-14 h-14 mx-auto mb-4 rounded-full
               flex items-center justify-center
               text-2xl font-bold
-              ${f.bg}
-              ${f.text}
+              ${p.bg}
+              ${p.text}
             `,
-							children: f.icon
+							children: p.icon
 						}),
-						/* @__PURE__ */ (0, c.jsx)("h2", {
+						/* @__PURE__ */ a("h2", {
 							className: "text-lg font-semibold text-gray-900",
 							children: r
 						}),
-						i && /* @__PURE__ */ (0, c.jsx)("p", {
+						i && /* @__PURE__ */ a("p", {
 							className: "mt-2 text-sm text-gray-500",
 							children: i
 						})
 					]
 				}),
-				a && /* @__PURE__ */ (0, c.jsx)("div", {
+				s && /* @__PURE__ */ a("div", {
 					className: "px-6 pb-6",
-					children: a
+					children: s
 				}),
-				(o || s) && /* @__PURE__ */ (0, c.jsxs)("div", {
+				(l || u) && /* @__PURE__ */ o("div", {
 					className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100",
-					children: [s && /* @__PURE__ */ (0, c.jsx)(u, {
-						text: s.text,
+					children: [u && /* @__PURE__ */ a(c, {
+						text: u.text,
 						variant: "secondary",
 						size: "medium",
 						state: "default",
-						onClick: s.onClick
-					}), o && /* @__PURE__ */ (0, c.jsx)(u, {
-						text: o.text,
+						onClick: u.onClick
+					}), l && /* @__PURE__ */ a(c, {
+						text: l.text,
 						variant: "primary",
 						size: "medium",
 						state: "default",
-						onClick: o.onClick
+						onClick: l.onClick
 					})]
 				})
 			]
@@ -1874,43 +1697,43 @@ var Ee = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 };
 //#endregion
 //#region src/textarea.tsx
-function ke({ label: t, placeholder: n, value: r = "", hintText: i, required: a, state: o = "default", maxLength: s, showCounter: l, disabled: u, onChange: d, className: f }) {
-	let [p, m] = e.useState(r), h = r ?? p;
-	return /* @__PURE__ */ (0, c.jsxs)("div", {
-		className: $("flex flex-col gap-1", f),
+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__ */ (0, c.jsxs)("label", {
+			t && /* @__PURE__ */ o("label", {
 				className: "text-sm font-medium",
 				children: [
 					t,
 					" ",
-					a && /* @__PURE__ */ (0, c.jsx)("span", {
+					s && /* @__PURE__ */ a("span", {
 						className: "text-red-500",
 						children: "*"
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, c.jsx)("textarea", {
-				value: h,
+			/* @__PURE__ */ a("textarea", {
+				value: g,
 				placeholder: n,
 				onChange: (e) => {
 					let t = e.target.value;
-					s && t.length > s || (m(t), d?.(t));
+					l && t.length > l || (h(t), f?.(t));
 				},
-				disabled: u || o === "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", o === "error" && "border-red-500 focus:ring-red-500", o === "default" && "border-gray-300", (u || o === "disabled") && "bg-gray-100 cursor-not-allowed opacity-70")
+				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__ */ (0, c.jsxs)("div", {
+			/* @__PURE__ */ o("div", {
 				className: "flex justify-between items-center text-xs",
-				children: [i && /* @__PURE__ */ (0, c.jsx)("span", {
-					className: $(o === "error" ? "text-red-500" : "text-gray-500"),
+				children: [i && /* @__PURE__ */ a("span", {
+					className: $(c === "error" ? "text-red-500" : "text-gray-500"),
 					children: i
-				}), l && s && /* @__PURE__ */ (0, c.jsxs)("span", {
+				}), u && l && /* @__PURE__ */ o("span", {
 					className: "text-gray-400",
 					children: [
-						h.length,
+						g.length,
 						"/",
-						s
+						l
 					]
 				})]
 			})
@@ -1918,4 +1741,4 @@ function ke({ label: t, placeholder: n, value: r = "", hintText: i, required: a,
 	});
 }
 //#endregion
-export { l as BackgroundBlur, u as Button, d as CardRow, we as Checkbox, Ee as FileItem, Te as FileUpload, De as Input, Oe as Modal, ke as TextArea };
+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 };