@khyxer/fastyui 1.0.1 → 1.0.3

package/dist/index.es.js

@@ -1,10 +1,7 @@
-import { Children as e, cloneElement as t, createContext as n, isValidElement as r, useContext as i, useEffect as a, useRef as o, useState as s } from "react";
-import c, { gsap as l } from "gsap";
-//#region \0rolldown/runtime.js
-var u = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), d = /* @__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.");
-}), f = {
+import { Children, cloneElement, createContext, isValidElement, useContext, useEffect, useId, useRef, useState } from "react";
+import gsap$1, { gsap } from "gsap";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Button_module_default = {
 	button: "_button_1xsg4_1",
 	primary: "_primary_1xsg4_18",
 	disabled: "_disabled_1xsg4_23",
@@ -14,216 +11,49 @@ var u = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	sm: "_sm_1xsg4_92",
 	lg: "_lg_1xsg4_103",
 	xl: "_xl_1xsg4_114"
-}, p = /* @__PURE__ */ u(((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;
-})), m = /* @__PURE__ */ u(((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 a() {
-			var e = A.A;
-			return e === null ? null : e.getOwner();
-		}
-		function o() {
-			return Error("react-stack-top-frame");
-		}
-		function s(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 c(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 l() {
-			var e = t(this.type);
-			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
-		}
-		function u(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: g,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				get: l
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			}), Object.defineProperty(e, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-		}
-		function f(e, n, i, o, l, d) {
-			var f = n.children;
-			if (f !== void 0) if (o) if (M(f)) {
-				for (o = 0; o < f.length; o++) p(f[o]);
-				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";
-				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, f, m, f), R[f + o] = !0);
-			}
-			if (f = null, i !== void 0 && (r(i), f = "" + i), s(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 && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, f, i, a(), l, d);
-		}
-		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 = d("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, o)(), L = N(i(o)), 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);
-		};
-	})();
-})), h = (/* @__PURE__ */ u(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = p() : t.exports = m();
-})))();
-function g({ text: e, variant: t = "primary", size: n = "lg", onClick: r, icon: i, disabled: a = !1, className: s, ...c }) {
-	let u = o(null);
-	return /* @__PURE__ */ (0, h.jsxs)("button", {
-		ref: u,
-		onClick: () => {
-			a || r?.();
-		},
-		onMouseDown: () => {
-			a || !u.current || l.to(u.current, {
-				scale: .96,
-				duration: .1,
-				ease: "power2.in"
-			});
-		},
-		onMouseUp: () => {
-			a || !u.current || l.to(u.current, {
-				scale: 1,
-				duration: .2,
-				ease: "back.out(1.7)"
-			});
-		},
-		disabled: a,
-		className: `${f.button} ${f[t]} ${n ? f[n] : ""} ${a ? f.disabled : ""} ${s || ""}`,
-		...c,
-		children: [i && /* @__PURE__ */ (0, h.jsx)("span", {
-			className: f.icon,
-			children: i
-		}), e && /* @__PURE__ */ (0, h.jsx)("span", {
-			className: f.text,
-			children: e
+};
+//#endregion
+//#region src/components/button/Button.tsx
+function Button({ text, variant = "primary", size = "lg", onClick, icon, disabled = false, className, ...props }) {
+	const buttonRef = useRef(null);
+	const handleMouseDown = () => {
+		if (disabled || !buttonRef.current) return;
+		gsap.to(buttonRef.current, {
+			scale: .96,
+			duration: .1,
+			ease: "power2.in"
+		});
+	};
+	const handleMouseUp = () => {
+		if (disabled || !buttonRef.current) return;
+		gsap.to(buttonRef.current, {
+			scale: 1,
+			duration: .2,
+			ease: "back.out(1.7)"
+		});
+	};
+	const handleClick = () => {
+		if (disabled) return;
+		onClick?.();
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		ref: buttonRef,
+		onClick: handleClick,
+		onMouseDown: handleMouseDown,
+		onMouseUp: handleMouseUp,
+		disabled,
+		className: `${Button_module_default.button} ${Button_module_default[variant]} ${size ? Button_module_default[size] : ""} ${disabled ? Button_module_default.disabled : ""} ${className || ""}`,
+		...props,
+		children: [icon && /* @__PURE__ */ jsx("span", {
+			className: Button_module_default.icon,
+			children: icon
+		}), text && /* @__PURE__ */ jsx("span", {
+			className: Button_module_default.text,
+			children: text
 		})]
 	});
 }
-var _ = {
+var Input_module_default = {
 	input: "_input_1ddpd_1",
 	inputWrapper: "_inputWrapper_1ddpd_19",
 	icon: "_icon_1ddpd_37",
@@ -235,26 +65,28 @@ var _ = {
 };
 //#endregion
 //#region src/components/input/Input.tsx
-function v({ size: e = "lg", icon: t, password: n = !1, className: r, ...i }) {
-	let [a, o] = s(!1), c = e ? _[e] : "", l = n ? a ? "text" : "password" : i.type || "text";
-	return t || n ? /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: `${_.inputWrapper}`,
+function Input({ size = "lg", icon, password = false, className, ...props }) {
+	const [showPassword, setShowPassword] = useState(false);
+	const sizeClass = size ? Input_module_default[size] : "";
+	const inputType = password ? showPassword ? "text" : "password" : props.type || "text";
+	if (icon || password) return /* @__PURE__ */ jsxs("div", {
+		className: `${Input_module_default.inputWrapper}`,
 		children: [
-			t && /* @__PURE__ */ (0, h.jsx)("span", {
-				className: _.icon,
-				children: t
+			icon && /* @__PURE__ */ jsx("span", {
+				className: Input_module_default.icon,
+				children: icon
 			}),
-			/* @__PURE__ */ (0, h.jsx)("input", {
-				type: l,
-				className: `${_.inputWithIcon} ${c} ${r || ""}`,
-				...i
+			/* @__PURE__ */ jsx("input", {
+				type: inputType,
+				className: `${Input_module_default.inputWithIcon} ${sizeClass} ${className || ""}`,
+				...props
 			}),
-			n && /* @__PURE__ */ (0, h.jsx)("button", {
+			password && /* @__PURE__ */ jsx("button", {
 				type: "button",
-				className: _.eyeButton,
-				onClick: () => o(!a),
-				"aria-label": a ? "Ocultar contraseña" : "Mostrar contraseña",
-				children: a ? /* @__PURE__ */ (0, h.jsxs)("svg", {
+				className: Input_module_default.eyeButton,
+				onClick: () => setShowPassword(!showPassword),
+				"aria-label": showPassword ? "Ocultar contraseña" : "Mostrar contraseña",
+				children: showPassword ? /* @__PURE__ */ jsxs("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "20",
 					height: "20",
@@ -264,13 +96,13 @@ function v({ size: e = "lg", icon: t, password: n = !1, className: r, ...i }) {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ (0, h.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), /* @__PURE__ */ (0, h.jsx)("line", {
+					children: [/* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), /* @__PURE__ */ jsx("line", {
 						x1: "2",
 						y1: "2",
 						x2: "22",
 						y2: "22"
 					})]
-				}) : /* @__PURE__ */ (0, h.jsxs)("svg", {
+				}) : /* @__PURE__ */ jsxs("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "20",
 					height: "20",
@@ -280,7 +112,7 @@ function v({ size: e = "lg", icon: t, password: n = !1, className: r, ...i }) {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ (0, h.jsx)("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), /* @__PURE__ */ (0, h.jsx)("circle", {
+					children: [/* @__PURE__ */ jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), /* @__PURE__ */ jsx("circle", {
 						cx: "12",
 						cy: "12",
 						r: "3"
@@ -288,26 +120,27 @@ function v({ size: e = "lg", icon: t, password: n = !1, className: r, ...i }) {
 				})
 			})
 		]
-	}) : /* @__PURE__ */ (0, h.jsx)("input", {
-		type: l,
-		className: `${_.input} ${c} ${r || ""}`,
-		...i
+	});
+	return /* @__PURE__ */ jsx("input", {
+		type: inputType,
+		className: `${Input_module_default.input} ${sizeClass} ${className || ""}`,
+		...props
 	});
 }
-var y = {
+var Card_module_default = {
 	card: "_card_w8zkq_1",
 	dashed: "_dashed_w8zkq_9"
 };
 //#endregion
 //#region src/components/card/Card.tsx
-function b({ children: e, dashed: t = !1, className: n, ...r }) {
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${y.card} ${t ? y.dashed : ""} ${n || ""}`,
-		...r,
-		children: e
+function Card({ children, dashed = false, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${Card_module_default.card} ${dashed ? Card_module_default.dashed : ""} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var x = {
+var Sheet_module_default = {
 	overlay: "_overlay_1qbeq_1",
 	sheet: "_sheet_1qbeq_8",
 	right: "_right_1qbeq_18",
@@ -320,35 +153,39 @@ var x = {
 	xl: "_xl_1qbeq_64",
 	full: "_full_1qbeq_70",
 	closeButton: "_closeButton_1qbeq_109"
-}, S = {
+};
+var HeroSheet_module_default = {
 	header: "_header_1pbdy_1",
 	content: "_content_1pbdy_9",
 	title: "_title_1pbdy_15",
 	description: "_description_1pbdy_23",
 	closeButton: "_closeButton_1pbdy_30"
-}, C = n(null);
-function w({ title: e, description: t, showCloseButton: n = !1, className: r, ...a }) {
-	let o = i(C);
-	if (!o) throw Error("HeroSheet must be used within a Sheet component");
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${S.heroSheet} ${r || ""}`,
-		...a,
-		children: /* @__PURE__ */ (0, h.jsxs)("div", {
-			className: S.header,
-			children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-				className: S.content,
-				children: [/* @__PURE__ */ (0, h.jsx)("h2", {
-					className: S.title,
-					children: e
-				}), t && /* @__PURE__ */ (0, h.jsx)("p", {
-					className: S.description,
-					children: t
+};
+//#endregion
+//#region src/components/sheet/HeroSheet.tsx
+var SheetContext = createContext(null);
+function HeroSheet({ title, description, showCloseButton = false, className, ...props }) {
+	const context = useContext(SheetContext);
+	if (!context) throw new Error("HeroSheet must be used within a Sheet component");
+	return /* @__PURE__ */ jsx("div", {
+		className: `${HeroSheet_module_default.heroSheet} ${className || ""}`,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: HeroSheet_module_default.header,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: HeroSheet_module_default.content,
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: HeroSheet_module_default.title,
+					children: title
+				}), description && /* @__PURE__ */ jsx("p", {
+					className: HeroSheet_module_default.description,
+					children: description
 				})]
-			}), n && /* @__PURE__ */ (0, h.jsx)("button", {
-				className: S.closeButton,
-				onClick: o.onClose,
+			}), showCloseButton && /* @__PURE__ */ jsx("button", {
+				className: HeroSheet_module_default.closeButton,
+				onClick: context.onClose,
 				"aria-label": "Close",
-				children: /* @__PURE__ */ (0, h.jsxs)("svg", {
+				children: /* @__PURE__ */ jsxs("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "24",
 					height: "24",
@@ -359,7 +196,7 @@ function w({ title: e, description: t, showCloseButton: n = !1, className: r, ..
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					className: "lucide lucide-x-icon lucide-x",
-					children: [/* @__PURE__ */ (0, h.jsx)("path", { d: "M18 6 6 18" }), /* @__PURE__ */ (0, h.jsx)("path", { d: "m6 6 12 12" })]
+					children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
 				})
 			})]
 		})
@@ -367,95 +204,125 @@ function w({ title: e, description: t, showCloseButton: n = !1, className: r, ..
 }
 //#endregion
 //#region src/components/sheet/Sheet.tsx
-function T({ children: n, side: i = "right", width: l = "md", className: u, ...d }) {
-	let [f, p] = s(!1), m = o(null), g = o(null);
-	a(() => (f ? (document.body.style.overflow = "hidden", _()) : document.body.style.overflow = "unset", () => {
-		document.body.style.overflow = "unset";
-	}), [f]);
-	let _ = () => {
-		!m.current || !g.current || (c.fromTo(m.current, { opacity: 0 }, {
+function Sheet({ children, side = "right", width = "md", className, ...props }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const overlayRef = useRef(null);
+	const sheetRef = useRef(null);
+	useEffect(() => {
+		if (isOpen) {
+			document.body.style.overflow = "hidden";
+			animateIn();
+		} else document.body.style.overflow = "unset";
+		return () => {
+			document.body.style.overflow = "unset";
+		};
+	}, [isOpen]);
+	const animateIn = () => {
+		if (!overlayRef.current || !sheetRef.current) return;
+		gsap$1.fromTo(overlayRef.current, { opacity: 0 }, {
 			opacity: 1,
 			duration: .2,
 			ease: "power2.out"
-		}), c.fromTo(g.current, {
+		});
+		gsap$1.fromTo(sheetRef.current, {
 			right: { x: "100%" },
 			left: { x: "-100%" },
 			top: { y: "-100%" },
 			bottom: { y: "100%" }
-		}[i], {
+		}[side], {
 			x: 0,
 			y: 0,
 			duration: .3,
 			ease: "power2.out"
-		}));
-	}, v = () => {
-		!m.current || !g.current || (c.to(m.current, {
+		});
+	};
+	const animateOut = () => {
+		if (!overlayRef.current || !sheetRef.current) return;
+		gsap$1.to(overlayRef.current, {
 			opacity: 0,
 			duration: .3,
 			ease: "power2.in"
-		}), c.to(g.current, {
+		});
+		gsap$1.to(sheetRef.current, {
 			...{
 				right: { x: "100%" },
 				left: { x: "-100%" },
 				top: { y: "-100%" },
 				bottom: { y: "100%" }
-			}[i],
+			}[side],
 			duration: .3,
 			ease: "power2.in",
-			onComplete: () => p(!1)
-		}));
-	}, y = () => {
-		v();
-	}, b = e.toArray(n), S = b[0], w = b.slice(1);
-	return /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [r(S) ? t(S, { onClick: () => p(!0) }) : S, f && /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsx)("div", {
-		ref: m,
-		className: x.overlay,
-		onClick: y
-	}), /* @__PURE__ */ (0, h.jsx)("div", {
-		ref: g,
-		className: `${x.sheet} ${x[i]} ${x[l]} ${u || ""}`,
-		...d,
-		children: /* @__PURE__ */ (0, h.jsx)(C.Provider, {
-			value: { onClose: y },
-			children: w
+			onComplete: () => setIsOpen(false)
+		});
+	};
+	const handleClose = () => {
+		animateOut();
+	};
+	const childrenArray = Children.toArray(children);
+	const trigger = childrenArray[0];
+	const content = childrenArray.slice(1);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [isValidElement(trigger) ? cloneElement(trigger, { onClick: () => setIsOpen(true) }) : trigger, isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		ref: overlayRef,
+		className: Sheet_module_default.overlay,
+		onClick: handleClose
+	}), /* @__PURE__ */ jsx("div", {
+		ref: sheetRef,
+		className: `${Sheet_module_default.sheet} ${Sheet_module_default[side]} ${Sheet_module_default[width]} ${className || ""}`,
+		...props,
+		children: /* @__PURE__ */ jsx(SheetContext.Provider, {
+			value: { onClose: handleClose },
+			children: content
 		})
 	})] })] });
 }
-var E = { content: "_content_n86ez_1" };
+var SheetContent_module_default = { content: "_content_n86ez_1" };
 //#endregion
 //#region src/components/sheet/SheetContent.tsx
-function D({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${E.content} ${t || ""}`,
-		...n,
-		children: e
+function SheetContent({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${SheetContent_module_default.content} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var O = { footer: "_footer_e6jod_1" };
+var SheetFooter_module_default = { footer: "_footer_e6jod_1" };
 //#endregion
 //#region src/components/sheet/SheetFooter.tsx
-function k({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${O.footer} ${t || ""}`,
-		...n,
-		children: e
+function SheetFooter({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${SheetFooter_module_default.footer} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var A = {
+var Modal_module_default = {
 	overlay: "_overlay_160jk_1",
 	modal: "_modal_160jk_11"
-}, j = n(null);
-function M({ children: n, className: i, ...l }) {
-	let [u, d] = s(!1), f = o(null), p = o(null);
-	a(() => (u ? (document.body.style.overflow = "hidden", m()) : document.body.style.overflow = "unset", () => {
-		document.body.style.overflow = "unset";
-	}), [u]);
-	let m = () => {
-		!f.current || !p.current || (c.fromTo(f.current, { opacity: 0 }, {
+};
+//#endregion
+//#region src/components/modal/Modal.tsx
+var ModalContext = createContext(null);
+function Modal({ children, className, ...props }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const overlayRef = useRef(null);
+	const modalRef = useRef(null);
+	useEffect(() => {
+		if (isOpen) {
+			document.body.style.overflow = "hidden";
+			animateIn();
+		} else document.body.style.overflow = "unset";
+		return () => {
+			document.body.style.overflow = "unset";
+		};
+	}, [isOpen]);
+	const animateIn = () => {
+		if (!overlayRef.current || !modalRef.current) return;
+		gsap$1.fromTo(overlayRef.current, { opacity: 0 }, {
 			opacity: 1,
 			duration: .3,
 			ease: "power2.out"
-		}), c.fromTo(p.current, {
+		});
+		gsap$1.fromTo(modalRef.current, {
 			opacity: 0,
 			scale: .9,
 			y: 20
@@ -465,38 +332,45 @@ function M({ children: n, className: i, ...l }) {
 			y: 0,
 			duration: .4,
 			ease: "back.out(1.7)"
-		}));
-	}, g = () => {
-		!f.current || !p.current || (c.to(f.current, {
+		});
+	};
+	const animateOut = () => {
+		if (!overlayRef.current || !modalRef.current) return;
+		gsap$1.to(overlayRef.current, {
 			opacity: 0,
 			duration: .25,
 			ease: "power2.in"
-		}), c.to(p.current, {
+		});
+		gsap$1.to(modalRef.current, {
 			opacity: 0,
 			scale: .95,
 			y: 10,
 			duration: .25,
 			ease: "power2.in",
-			onComplete: () => d(!1)
-		}));
-	}, _ = () => {
-		g();
-	}, v = e.toArray(n), y = v[0], b = v.slice(1);
-	return /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [r(y) ? t(y, { onClick: () => d(!0) }) : y, u && /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsx)("div", {
-		ref: f,
-		className: A.overlay,
-		onClick: _
-	}), /* @__PURE__ */ (0, h.jsx)("div", {
-		ref: p,
-		className: `${A.modal} ${i || ""}`,
-		...l,
-		children: /* @__PURE__ */ (0, h.jsx)(j.Provider, {
-			value: { onClose: _ },
-			children: b
+			onComplete: () => setIsOpen(false)
+		});
+	};
+	const handleClose = () => {
+		animateOut();
+	};
+	const childrenArray = Children.toArray(children);
+	const trigger = childrenArray[0];
+	const content = childrenArray.slice(1);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [isValidElement(trigger) ? cloneElement(trigger, { onClick: () => setIsOpen(true) }) : trigger, isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		ref: overlayRef,
+		className: Modal_module_default.overlay,
+		onClick: handleClose
+	}), /* @__PURE__ */ jsx("div", {
+		ref: modalRef,
+		className: `${Modal_module_default.modal} ${className || ""}`,
+		...props,
+		children: /* @__PURE__ */ jsx(ModalContext.Provider, {
+			value: { onClose: handleClose },
+			children: content
 		})
 	})] })] });
 }
-var N = {
+var ModalHeader_module_default = {
 	header: "_header_52hw4_1",
 	content: "_content_52hw4_10",
 	title: "_title_52hw4_16",
@@ -505,26 +379,26 @@ var N = {
 };
 //#endregion
 //#region src/components/modal/ModalHeader.tsx
-function P({ title: e, description: t, showCloseButton: n = !0, className: r, ...a }) {
-	let o = i(j);
-	if (!o) throw Error("ModalHeader must be used within a Modal component");
-	return /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: `${N.header} ${r || ""}`,
-		...a,
-		children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-			className: N.content,
-			children: [/* @__PURE__ */ (0, h.jsx)("h2", {
-				className: N.title,
-				children: e
-			}), t && /* @__PURE__ */ (0, h.jsx)("p", {
-				className: N.description,
-				children: t
+function ModalHeader({ title, description, showCloseButton = true, className, ...props }) {
+	const context = useContext(ModalContext);
+	if (!context) throw new Error("ModalHeader must be used within a Modal component");
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${ModalHeader_module_default.header} ${className || ""}`,
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: ModalHeader_module_default.content,
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: ModalHeader_module_default.title,
+				children: title
+			}), description && /* @__PURE__ */ jsx("p", {
+				className: ModalHeader_module_default.description,
+				children: description
 			})]
-		}), n && /* @__PURE__ */ (0, h.jsx)("button", {
-			className: N.closeButton,
-			onClick: o.onClose,
+		}), showCloseButton && /* @__PURE__ */ jsx("button", {
+			className: ModalHeader_module_default.closeButton,
+			onClick: context.onClose,
 			"aria-label": "Close",
-			children: /* @__PURE__ */ (0, h.jsxs)("svg", {
+			children: /* @__PURE__ */ jsxs("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
 				height: "24",
@@ -534,22 +408,22 @@ function P({ title: e, description: t, showCloseButton: n = !0, className: r, ..
 				strokeWidth: "2",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				children: [/* @__PURE__ */ (0, h.jsx)("path", { d: "M18 6 6 18" }), /* @__PURE__ */ (0, h.jsx)("path", { d: "m6 6 12 12" })]
+				children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
 			})
 		})]
 	});
 }
-var F = { body: "_body_6i5xc_1" };
+var ModalBody_module_default = { body: "_body_6i5xc_1" };
 //#endregion
 //#region src/components/modal/ModalBody.tsx
-function I({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${F.body} ${t || ""}`,
-		...n,
-		children: e
+function ModalBody({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${ModalBody_module_default.body} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var L = {
+var ModalContent_module_default = {
 	content: "_content_5wshu_1",
 	sm: "_sm_5wshu_7",
 	md: "_md_5wshu_12",
@@ -558,24 +432,24 @@ var L = {
 };
 //#endregion
 //#region src/components/modal/ModalContent.tsx
-function R({ children: e, width: t = "md", className: n, ...r }) {
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${L.content} ${L[t]} ${n || ""}`,
-		...r,
-		children: e
+function ModalContent({ children, width = "md", className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${ModalContent_module_default.content} ${ModalContent_module_default[width]} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var ee = { footer: "_footer_1hqi4_1" };
+var ModalFooter_module_default = { footer: "_footer_1hqi4_1" };
 //#endregion
 //#region src/components/modal/ModalFooter.tsx
-function te({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${ee.footer} ${t || ""}`,
-		...n,
-		children: e
+function ModalFooter({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `${ModalFooter_module_default.footer} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var z = {
+var toast_module_default = {
 	"toast-container": "_toast-container_1rucc_1",
 	"toast-container--top-left": "_toast-container--top-left_1rucc_7",
 	"toast-container--top-center": "_toast-container--top-center_1rucc_12",
@@ -591,64 +465,77 @@ var z = {
 	"toast--error": "_toast--error_1rucc_128",
 	"toast--warning": "_toast--warning_1rucc_137",
 	"toast--info": "_toast--info_1rucc_146"
-}, ne = ({ id: e, message: t, type: n, duration: r = 3e3, onClose: i, isGlobalPaused: s, onHoverChange: l, position: u, zIndex: d }) => {
-	let f = o(null), p = o(null), m = o(Date.now()), g = o(r), _ = () => u.includes("right") ? {
-		from: {
-			x: 400,
-			y: 0
-		},
-		to: {
-			x: 400,
-			y: 0
-		}
-	} : u.includes("left") ? {
-		from: {
-			x: -400,
-			y: 0
-		},
-		to: {
-			x: -400,
-			y: 0
-		}
-	} : u.includes("top") ? {
-		from: {
-			x: 0,
-			y: -100
-		},
-		to: {
-			x: 0,
-			y: -100
-		}
-	} : {
-		from: {
-			x: 0,
-			y: 100
-		},
-		to: {
-			x: 0,
-			y: 100
-		}
-	}, v = () => {
-		if (f.current) {
-			let t = _();
-			c.to(f.current, {
-				x: t.to.x,
-				y: t.to.y,
+};
+//#endregion
+//#region src/components/toast/Toast.tsx
+var Toast = ({ id, message, type, duration = 3e3, onClose, isGlobalPaused, onHoverChange, position, zIndex }) => {
+	const toastRef = useRef(null);
+	const timerRef = useRef(null);
+	const startTimeRef = useRef(Date.now());
+	const remainingTimeRef = useRef(duration);
+	const getAnimationValues = () => {
+		if (position.includes("right")) return {
+			from: {
+				x: 400,
+				y: 0
+			},
+			to: {
+				x: 400,
+				y: 0
+			}
+		};
+		else if (position.includes("left")) return {
+			from: {
+				x: -400,
+				y: 0
+			},
+			to: {
+				x: -400,
+				y: 0
+			}
+		};
+		else if (position.includes("top")) return {
+			from: {
+				x: 0,
+				y: -100
+			},
+			to: {
+				x: 0,
+				y: -100
+			}
+		};
+		else return {
+			from: {
+				x: 0,
+				y: 100
+			},
+			to: {
+				x: 0,
+				y: 100
+			}
+		};
+	};
+	const handleClose = () => {
+		if (toastRef.current) {
+			const animValues = getAnimationValues();
+			gsap$1.to(toastRef.current, {
+				x: animValues.to.x,
+				y: animValues.to.y,
 				opacity: 0,
 				duration: .3,
 				ease: "power2.in",
 				onComplete: () => {
-					i(e);
+					onClose(id);
 				}
 			});
 		}
 	};
-	a(() => {
-		if (f.current) {
-			let e = _();
-			c.fromTo(f.current, {
-				x: e.from.x,
-				y: e.from.y,
+	useEffect(() => {
+		if (toastRef.current) {
+			const animValues = getAnimationValues();
+			gsap$1.fromTo(toastRef.current, {
+				x: animValues.from.x,
+				y: animValues.from.y,
 				opacity: 0
 			}, {
 				x: 0,
@@ -658,22 +545,27 @@ var z = {
 				ease: "power2.out"
 			});
 		}
-	}, []), a(() => {
-		if (s) {
-			if (p.current) {
-				clearTimeout(p.current), p.current = null;
-				let e = Date.now() - m.current;
-				g.current = Math.max(0, g.current - e);
+	}, []);
+	useEffect(() => {
+		if (isGlobalPaused) {
+			if (timerRef.current) {
+				clearTimeout(timerRef.current);
+				timerRef.current = null;
+				const elapsed = Date.now() - startTimeRef.current;
+				remainingTimeRef.current = Math.max(0, remainingTimeRef.current - elapsed);
 			}
-		} else m.current = Date.now(), p.current = setTimeout(() => {
-			v();
-		}, g.current);
+		} else {
+			startTimeRef.current = Date.now();
+			timerRef.current = setTimeout(() => {
+				handleClose();
+			}, remainingTimeRef.current);
+		}
 		return () => {
-			p.current && clearTimeout(p.current);
+			if (timerRef.current) clearTimeout(timerRef.current);
 		};
-	}, [s]);
-	let y = {
-		success: /* @__PURE__ */ (0, h.jsxs)("svg", {
+	}, [isGlobalPaused]);
+	const icons = {
+		success: /* @__PURE__ */ jsxs("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "24",
 			height: "24",
@@ -684,13 +576,13 @@ var z = {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			className: "lucide lucide-circle-check-icon lucide-circle-check",
-			children: [/* @__PURE__ */ (0, h.jsx)("circle", {
+			children: [/* @__PURE__ */ jsx("circle", {
 				cx: "12",
 				cy: "12",
 				r: "10"
-			}), /* @__PURE__ */ (0, h.jsx)("path", { d: "m9 12 2 2 4-4" })]
+			}), /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })]
 		}),
-		error: /* @__PURE__ */ (0, h.jsxs)("svg", {
+		error: /* @__PURE__ */ jsxs("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "24",
 			height: "24",
@@ -702,16 +594,16 @@ var z = {
 			"stroke-linejoin": "round",
 			className: "lucide lucide-circle-x-icon lucide-circle-x",
 			children: [
-				/* @__PURE__ */ (0, h.jsx)("circle", {
+				/* @__PURE__ */ jsx("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
 				}),
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "m15 9-6 6" }),
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "m9 9 6 6" })
+				/* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
+				/* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
 			]
 		}),
-		warning: /* @__PURE__ */ (0, h.jsxs)("svg", {
+		warning: /* @__PURE__ */ jsxs("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "24",
 			height: "24",
@@ -723,12 +615,12 @@ var z = {
 			"stroke-linejoin": "round",
 			className: "lucide lucide-alert-triangle-icon lucide-alert-triangle",
 			children: [
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "M12 9v4" }),
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "M12 17h.01" })
+				/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+				/* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
+				/* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
 			]
 		}),
-		info: /* @__PURE__ */ (0, h.jsxs)("svg", {
+		info: /* @__PURE__ */ jsxs("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "24",
 			height: "24",
@@ -740,37 +632,37 @@ var z = {
 			"stroke-linejoin": "round",
 			className: "lucide lucide-info-icon lucide-info",
 			children: [
-				/* @__PURE__ */ (0, h.jsx)("circle", {
+				/* @__PURE__ */ jsx("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
 				}),
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "M12 16v-4" }),
-				/* @__PURE__ */ (0, h.jsx)("path", { d: "M12 8h.01" })
+				/* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+				/* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
 			]
 		})
 	};
-	return /* @__PURE__ */ (0, h.jsxs)("div", {
-		ref: f,
-		className: `${z.toast} ${z[`toast--${n}`]}`,
+	return /* @__PURE__ */ jsxs("div", {
+		ref: toastRef,
+		className: `${toast_module_default.toast} ${toast_module_default[`toast--${type}`]}`,
 		role: "alert",
-		style: { zIndex: d },
-		onMouseEnter: () => l(!0),
-		onMouseLeave: () => l(!1),
+		style: { zIndex },
+		onMouseEnter: () => onHoverChange(true),
+		onMouseLeave: () => onHoverChange(false),
 		children: [
-			/* @__PURE__ */ (0, h.jsx)("span", {
-				className: z.toast__icon,
-				children: y[n]
+			/* @__PURE__ */ jsx("span", {
+				className: toast_module_default.toast__icon,
+				children: icons[type]
 			}),
-			/* @__PURE__ */ (0, h.jsx)("span", {
-				className: z.toast__message,
-				children: t
+			/* @__PURE__ */ jsx("span", {
+				className: toast_module_default.toast__message,
+				children: message
 			}),
-			/* @__PURE__ */ (0, h.jsx)("button", {
-				className: z.toast__close,
-				onClick: v,
+			/* @__PURE__ */ jsx("button", {
+				className: toast_module_default.toast__close,
+				onClick: handleClose,
 				"aria-label": "Close",
-				children: /* @__PURE__ */ (0, h.jsxs)("svg", {
+				children: /* @__PURE__ */ jsxs("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "24",
 					height: "24",
@@ -781,77 +673,101 @@ var z = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					className: "lucide lucide-x-icon lucide-x",
-					children: [/* @__PURE__ */ (0, h.jsx)("path", { d: "M18 6 6 18" }), /* @__PURE__ */ (0, h.jsx)("path", { d: "m6 6 12 12" })]
+					children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
 				})
 			})
 		]
 	});
-}, B = new class {
+};
+//#endregion
+//#region src/components/toast/toastService.ts
+var ToastEmitter = class {
 	constructor() {
 		this.listeners = [];
 	}
-	on(e, t) {
-		this.listeners.push(t);
+	on(event, listener) {
+		this.listeners.push(listener);
 	}
-	off(e, t) {
-		this.listeners = this.listeners.filter((e) => e !== t);
+	off(event, listener) {
+		this.listeners = this.listeners.filter((l) => l !== listener);
 	}
-	emit(e, t) {
-		this.listeners.forEach((e) => e(t));
+	emit(event, toast) {
+		this.listeners.forEach((listener) => listener(toast));
 	}
-}(), re = 0, V = (e, t, n) => {
-	let r = `toast-${Date.now()}-${re++}`;
-	B.emit("show", {
-		id: r,
-		message: e,
-		type: t,
-		duration: n
+};
+var toastEmitter = new ToastEmitter();
+var toastCounter = 0;
+var showToast = (message, type, duration) => {
+	const id = `toast-${Date.now()}-${toastCounter++}`;
+	toastEmitter.emit("show", {
+		id,
+		message,
+		type,
+		duration
 	});
-}, ie = {
-	success: (e, t) => V(e, "success", t),
-	error: (e, t) => V(e, "error", t),
-	warning: (e, t) => V(e, "warning", t),
-	info: (e, t) => V(e, "info", t)
-}, ae = ({ position: e = "top-right" }) => {
-	let [t, n] = s([]), [r, i] = s(!1), l = o(null), u = e.startsWith("bottom");
-	a(() => {
-		let e = (e) => {
-			n((t) => u ? [...t, e] : [e, ...t]);
+};
+var toast = {
+	success: (message, duration) => showToast(message, "success", duration),
+	error: (message, duration) => showToast(message, "error", duration),
+	warning: (message, duration) => showToast(message, "warning", duration),
+	info: (message, duration) => showToast(message, "info", duration)
+};
+//#endregion
+//#region src/components/toast/ToastContainer.tsx
+var ToastContainer = ({ position = "top-right" }) => {
+	const [toasts, setToasts] = useState([]);
+	const [isGlobalPaused, setIsGlobalPaused] = useState(false);
+	const containerRef = useRef(null);
+	const toastHeightWithGap = 76;
+	const isBottom = position.startsWith("bottom");
+	useEffect(() => {
+		const handleToast = (toast) => {
+			setToasts((prev) => {
+				if (isBottom) return [...prev, toast];
+				return [toast, ...prev];
+			});
 		};
-		return B.on("show", e), () => {
-			B.off("show", e);
+		toastEmitter.on("show", handleToast);
+		return () => {
+			toastEmitter.off("show", handleToast);
 		};
-	}, [u]), a(() => {
-		if (!l.current) return;
-		let e = l.current.querySelectorAll(`.${z.toast}`);
-		e.forEach((t, n) => {
-			let r = t, i;
-			i = u ? -(e.length - 1 - n) * 76 : n * 76, c.getProperty(r, "y") !== i && c.to(r, {
-				y: i,
+	}, [isBottom]);
+	useEffect(() => {
+		if (!containerRef.current) return;
+		const toastElements = containerRef.current.querySelectorAll(`.${toast_module_default.toast}`);
+		toastElements.forEach((element, index) => {
+			const htmlElement = element;
+			let targetY;
+			if (isBottom) targetY = -(toastElements.length - 1 - index) * toastHeightWithGap;
+			else targetY = index * toastHeightWithGap;
+			if (gsap$1.getProperty(htmlElement, "y") !== targetY) gsap$1.to(htmlElement, {
+				y: targetY,
 				duration: .3,
 				ease: "power2.out"
 			});
 		});
-	}, [t, u]);
-	let d = (e) => {
-		n((t) => t.filter((t) => t.id !== e));
-	}, f = z[`toast-container--${e}`];
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		ref: l,
-		className: `${z["toast-container"]} ${f}`,
-		children: t.map((n, a) => /* @__PURE__ */ (0, h.jsx)(ne, {
-			id: n.id,
-			message: n.message,
-			type: n.type,
-			duration: n.duration,
-			onClose: d,
-			isGlobalPaused: r,
-			onHoverChange: i,
-			position: e,
-			zIndex: t.length - a
-		}, n.id))
+	}, [toasts, isBottom]);
+	const handleClose = (id) => {
+		setToasts((prev) => prev.filter((toast) => toast.id !== id));
+	};
+	const positionClass = toast_module_default[`toast-container--${position}`];
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: `${toast_module_default["toast-container"]} ${positionClass}`,
+		children: toasts.map((toast, index) => /* @__PURE__ */ jsx(Toast, {
+			id: toast.id,
+			message: toast.message,
+			type: toast.type,
+			duration: toast.duration,
+			onClose: handleClose,
+			isGlobalPaused,
+			onHoverChange: setIsGlobalPaused,
+			position,
+			zIndex: toasts.length - index
+		}, toast.id))
 	});
-}, H = {
+};
+var OTPInput_module_default = {
 	otpContainer: "_otpContainer_vqdff_1",
 	otpInput: "_otpInput_vqdff_8",
 	filled: "_filled_vqdff_31",
@@ -862,71 +778,108 @@ var z = {
 };
 //#endregion
 //#region src/components/otp/OTPInput.tsx
-function oe({ length: e = 6, type: t = "number", onChange: n, onComplete: r, size: i = "lg", disabled: c = !1, autoFocus: l = !1, value: u, className: d, ...f }) {
-	let [p, m] = s(Array(e).fill("")), g = o([]);
-	a(() => {
-		if (u !== void 0) {
-			let t = u.split("").slice(0, e);
-			m([...t, ...Array(e - t.length).fill("")]);
+function OTPInput({ length = 6, type = "number", onChange, onComplete, size = "lg", disabled = false, autoFocus = false, value: controlledValue, className, ...props }) {
+	const [otp, setOtp] = useState(Array(length).fill(""));
+	const inputRefs = useRef([]);
+	useEffect(() => {
+		if (controlledValue !== void 0) {
+			const newOtp = controlledValue.split("").slice(0, length);
+			setOtp([...newOtp, ...Array(length - newOtp.length).fill("")]);
 		}
-	}, [u, e]), a(() => {
-		l && g.current[0] && g.current[0].focus();
-	}, [l]);
-	let _ = (e) => t === "number" ? /^\d$/.test(e) : t === "text" ? /^[a-zA-Z]$/.test(e) : t === "alphanumeric" ? /^[a-zA-Z0-9]$/.test(e) : !1, v = (t, i) => {
-		if (c) return;
-		let a = i.slice(-1);
-		if (i === "" || _(a)) {
-			let i = [...p];
-			i[t] = a.toUpperCase(), m(i);
-			let o = i.join("");
-			n?.(o), a && t < e - 1 && g.current[t + 1]?.focus(), o.length === e && i.every((e) => e !== "") && r?.(o);
+	}, [controlledValue, length]);
+	useEffect(() => {
+		if (autoFocus && inputRefs.current[0]) inputRefs.current[0].focus();
+	}, [autoFocus]);
+	const validateInput = (char) => {
+		if (type === "number") return /^\d$/.test(char);
+		else if (type === "text") return /^[a-zA-Z]$/.test(char);
+		else if (type === "alphanumeric") return /^[a-zA-Z0-9]$/.test(char);
+		return false;
+	};
+	const handleChange = (index, value) => {
+		if (disabled) return;
+		const char = value.slice(-1);
+		if (value === "" || validateInput(char)) {
+			const newOtp = [...otp];
+			newOtp[index] = char.toUpperCase();
+			setOtp(newOtp);
+			const otpValue = newOtp.join("");
+			onChange?.(otpValue);
+			if (char && index < length - 1) inputRefs.current[index + 1]?.focus();
+			if (otpValue.length === length && newOtp.every((digit) => digit !== "")) onComplete?.(otpValue);
 		}
-	}, y = (t, r) => {
-		if (!c) {
-			if (r.key === "Backspace") {
-				r.preventDefault();
-				let e = [...p];
-				p[t] ? (e[t] = "", m(e), n?.(e.join(""))) : t > 0 && (e[t - 1] = "", m(e), n?.(e.join("")), g.current[t - 1]?.focus());
-			} else if (r.key === "ArrowLeft" && t > 0) r.preventDefault(), g.current[t - 1]?.focus();
-			else if (r.key === "ArrowRight" && t < e - 1) r.preventDefault(), g.current[t + 1]?.focus();
-			else if (r.key === "Delete") {
-				r.preventDefault();
-				let e = [...p];
-				e[t] = "", m(e), n?.(e.join(""));
+	};
+	const handleKeyDown = (index, e) => {
+		if (disabled) return;
+		if (e.key === "Backspace") {
+			e.preventDefault();
+			const newOtp = [...otp];
+			if (otp[index]) {
+				newOtp[index] = "";
+				setOtp(newOtp);
+				onChange?.(newOtp.join(""));
+			} else if (index > 0) {
+				newOtp[index - 1] = "";
+				setOtp(newOtp);
+				onChange?.(newOtp.join(""));
+				inputRefs.current[index - 1]?.focus();
 			}
+		} else if (e.key === "ArrowLeft" && index > 0) {
+			e.preventDefault();
+			inputRefs.current[index - 1]?.focus();
+		} else if (e.key === "ArrowRight" && index < length - 1) {
+			e.preventDefault();
+			inputRefs.current[index + 1]?.focus();
+		} else if (e.key === "Delete") {
+			e.preventDefault();
+			const newOtp = [...otp];
+			newOtp[index] = "";
+			setOtp(newOtp);
+			onChange?.(newOtp.join(""));
+		}
+	};
+	const handlePaste = (e) => {
+		e.preventDefault();
+		if (disabled) return;
+		const pastedData = e.clipboardData.getData("text/plain").slice(0, length);
+		const newOtp = [...otp];
+		let validChars = 0;
+		for (let i = 0; i < pastedData.length; i++) if (validateInput(pastedData[i])) {
+			newOtp[i] = pastedData[i].toUpperCase();
+			validChars++;
 		}
-	}, b = (t) => {
-		if (t.preventDefault(), c) return;
-		let i = t.clipboardData.getData("text/plain").slice(0, e), a = [...p], o = 0;
-		for (let e = 0; e < i.length; e++) _(i[e]) && (a[e] = i[e].toUpperCase(), o++);
-		m(a), n?.(a.join(""));
-		let s = Math.min(o, e - 1);
-		g.current[s]?.focus(), a.every((e) => e !== "") && r?.(a.join(""));
-	}, x = (e) => {
-		g.current[e]?.select();
-	}, S = i ? H[i] : "";
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${H.otpContainer} ${S} ${d || ""}`,
-		...f,
-		children: p.map((n, r) => /* @__PURE__ */ (0, h.jsx)("input", {
-			ref: (e) => {
-				g.current[r] = e;
+		setOtp(newOtp);
+		onChange?.(newOtp.join(""));
+		const nextIndex = Math.min(validChars, length - 1);
+		inputRefs.current[nextIndex]?.focus();
+		if (newOtp.every((digit) => digit !== "")) onComplete?.(newOtp.join(""));
+	};
+	const handleFocus = (index) => {
+		inputRefs.current[index]?.select();
+	};
+	const sizeClass = size ? OTPInput_module_default[size] : "";
+	return /* @__PURE__ */ jsx("div", {
+		className: `${OTPInput_module_default.otpContainer} ${sizeClass} ${className || ""}`,
+		...props,
+		children: otp.map((digit, index) => /* @__PURE__ */ jsx("input", {
+			ref: (el) => {
+				inputRefs.current[index] = el;
 			},
 			type: "text",
-			inputMode: t === "number" ? "numeric" : "text",
+			inputMode: type === "number" ? "numeric" : "text",
 			maxLength: 1,
-			value: n,
-			onChange: (e) => v(r, e.target.value),
-			onKeyDown: (e) => y(r, e),
-			onPaste: b,
-			onFocus: () => x(r),
-			disabled: c,
-			className: `${H.otpInput} ${n ? H.filled : ""} ${c ? H.disabled : ""}`,
-			"aria-label": `Dígito ${r + 1} de ${e}`
-		}, r))
+			value: digit,
+			onChange: (e) => handleChange(index, e.target.value),
+			onKeyDown: (e) => handleKeyDown(index, e),
+			onPaste: handlePaste,
+			onFocus: () => handleFocus(index),
+			disabled,
+			className: `${OTPInput_module_default.otpInput} ${digit ? OTPInput_module_default.filled : ""} ${disabled ? OTPInput_module_default.disabled : ""}`,
+			"aria-label": `Dígito ${index + 1} de ${length}`
+		}, index))
 	});
 }
-var U = {
+var Accordion_module_default = {
 	accordion: "_accordion_p5xc9_1",
 	accordionItem: "_accordionItem_p5xc9_8",
 	open: "_open_p5xc9_16",
@@ -938,64 +891,82 @@ var U = {
 	sm: "_sm_p5xc9_71",
 	lg: "_lg_p5xc9_89",
 	xl: "_xl_p5xc9_103"
-}, W = n(void 0);
-function se({ children: e, multiple: t = !1, defaultValue: n, size: r = "lg", className: i, ...a }) {
-	let [o, c] = s(() => n ? Array.isArray(n) ? n : [n] : []), l = (e) => {
-		c((n) => n.includes(e) ? n.filter((t) => t !== e) : t ? [...n, e] : [e]);
-	}, u = r ? U[r] : "";
-	return /* @__PURE__ */ (0, h.jsx)(W.Provider, {
+};
+//#endregion
+//#region src/components/accordion/Accordion.tsx
+var AccordionContext = createContext(void 0);
+function Accordion({ children, multiple = false, defaultValue, size = "lg", className, ...props }) {
+	const [openItems, setOpenItems] = useState(() => {
+		if (defaultValue) return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+		return [];
+	});
+	const toggleItem = (value) => {
+		setOpenItems((prev) => {
+			if (prev.includes(value)) return prev.filter((item) => item !== value);
+			else return multiple ? [...prev, value] : [value];
+		});
+	};
+	const sizeClass = size ? Accordion_module_default[size] : "";
+	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
 		value: {
-			openItems: o,
-			toggleItem: l,
-			multiple: t
+			openItems,
+			toggleItem,
+			multiple
 		},
-		children: /* @__PURE__ */ (0, h.jsx)("div", {
-			className: `${U.accordion} ${u} ${i || ""}`,
-			...a,
-			children: e
+		children: /* @__PURE__ */ jsx("div", {
+			className: `${Accordion_module_default.accordion} ${sizeClass} ${className || ""}`,
+			...props,
+			children
 		})
 	});
 }
-function G() {
-	let e = i(W);
-	if (!e) throw Error("Accordion components must be used within an Accordion");
-	return e;
+function useAccordionContext() {
+	const context = useContext(AccordionContext);
+	if (!context) throw new Error("Accordion components must be used within an Accordion");
+	return context;
 }
 //#endregion
 //#region src/components/accordion/AccordionItem.tsx
-function ce({ value: e, children: t, className: n, ...r }) {
-	let { openItems: i } = G(), a = i.includes(e);
-	return /* @__PURE__ */ (0, h.jsx)("div", {
-		className: `${U.accordionItem} ${a ? U.open : ""} ${n || ""}`,
-		"data-value": e,
-		...r,
-		children: t
+function AccordionItem({ value, children, className, ...props }) {
+	const { openItems } = useAccordionContext();
+	const isOpen = openItems.includes(value);
+	return /* @__PURE__ */ jsx("div", {
+		className: `${Accordion_module_default.accordionItem} ${isOpen ? Accordion_module_default.open : ""} ${className || ""}`,
+		"data-value": value,
+		...props,
+		children
 	});
 }
-function le({ children: e, icon: t, className: n, ...r }) {
-	let { openItems: i, toggleItem: s } = G(), c = o(null), u = o(null), d = c.current?.closest("[data-value]")?.getAttribute("data-value") || "", f = i.includes(d);
-	return a(() => {
-		u.current && l.to(u.current, {
-			rotation: f ? 180 : 0,
+function AccordionTrigger({ children, icon, className, ...props }) {
+	const { openItems, toggleItem } = useAccordionContext();
+	const triggerRef = useRef(null);
+	const iconRef = useRef(null);
+	const value = triggerRef.current?.closest("[data-value]")?.getAttribute("data-value") || "";
+	const isOpen = openItems.includes(value);
+	useEffect(() => {
+		if (iconRef.current) gsap.to(iconRef.current, {
+			rotation: isOpen ? 180 : 0,
 			duration: .3,
 			ease: "power2.out"
 		});
-	}, [f]), /* @__PURE__ */ (0, h.jsxs)("button", {
-		ref: c,
-		className: `${U.accordionTrigger} ${n || ""}`,
-		onClick: () => {
-			let e = c.current?.closest("[data-value]")?.getAttribute("data-value");
-			e && s(e);
-		},
+	}, [isOpen]);
+	const handleClick = () => {
+		const itemValue = triggerRef.current?.closest("[data-value]")?.getAttribute("data-value");
+		if (itemValue) toggleItem(itemValue);
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		ref: triggerRef,
+		className: `${Accordion_module_default.accordionTrigger} ${className || ""}`,
+		onClick: handleClick,
 		type: "button",
-		...r,
-		children: [/* @__PURE__ */ (0, h.jsx)("span", {
-			className: U.triggerText,
-			children: e
-		}), /* @__PURE__ */ (0, h.jsx)("span", {
-			ref: u,
-			className: U.triggerIcon,
-			children: t || /* @__PURE__ */ (0, h.jsx)("svg", {
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: Accordion_module_default.triggerText,
+			children
+		}), /* @__PURE__ */ jsx("span", {
+			ref: iconRef,
+			className: Accordion_module_default.triggerIcon,
+			children: icon || /* @__PURE__ */ jsx("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "20",
 				height: "20",
@@ -1005,87 +976,112 @@ function le({ children: e, icon: t, className: n, ...r }) {
 				strokeWidth: "2",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				children: /* @__PURE__ */ (0, h.jsx)("polyline", { points: "6 9 12 15 18 9" })
+				children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
 			})
 		})]
 	});
 }
-function ue({ children: e, className: t, ...n }) {
-	let { openItems: r } = G(), i = o(null), c = o(null), [u, d] = s(!1), f = o(!0);
-	return a(() => {
-		let e = i.current, t = c.current;
-		if (!e || !t) return;
-		let n = e.closest("[data-value]")?.getAttribute("data-value") || "", a = r.includes(n);
-		if (f.current) {
-			f.current = !1, d(a), a ? (e.style.height = "auto", e.style.overflow = "visible", l.set(t, {
-				opacity: 1,
-				y: 0
-			})) : (e.style.height = "0", l.set(t, {
-				opacity: 0,
-				y: -10
-			}));
+function AccordionContent({ children, className, ...props }) {
+	const { openItems } = useAccordionContext();
+	const contentRef = useRef(null);
+	const innerRef = useRef(null);
+	const [isOpen, setIsOpen] = useState(false);
+	const isFirstRender = useRef(true);
+	useEffect(() => {
+		const content = contentRef.current;
+		const inner = innerRef.current;
+		if (!content || !inner) return;
+		const value = content.closest("[data-value]")?.getAttribute("data-value") || "";
+		const newIsOpen = openItems.includes(value);
+		if (isFirstRender.current) {
+			isFirstRender.current = false;
+			setIsOpen(newIsOpen);
+			if (newIsOpen) {
+				content.style.height = "auto";
+				content.style.overflow = "visible";
+				gsap.set(inner, {
+					opacity: 1,
+					y: 0
+				});
+			} else {
+				content.style.height = "0";
+				gsap.set(inner, {
+					opacity: 0,
+					y: -10
+				});
+			}
 			return;
 		}
-		a !== u && (d(a), a ? (l.to(e, {
-			height: "auto",
-			duration: .4,
-			ease: "power2.out",
-			onStart: () => {
-				e.style.overflow = "hidden";
-			},
-			onComplete: () => {
-				e.style.overflow = "visible";
-			}
-		}), l.fromTo(t, {
-			opacity: 0,
-			y: -10
-		}, {
-			opacity: 1,
-			y: 0,
-			duration: .3,
-			delay: .1,
-			ease: "power2.out"
-		})) : (l.to(e, {
-			height: 0,
-			duration: .3,
-			ease: "power2.in",
-			onStart: () => {
-				e.style.overflow = "hidden";
+		if (newIsOpen !== isOpen) {
+			setIsOpen(newIsOpen);
+			if (newIsOpen) {
+				gsap.to(content, {
+					height: "auto",
+					duration: .4,
+					ease: "power2.out",
+					onStart: () => {
+						content.style.overflow = "hidden";
+					},
+					onComplete: () => {
+						content.style.overflow = "visible";
+					}
+				});
+				gsap.fromTo(inner, {
+					opacity: 0,
+					y: -10
+				}, {
+					opacity: 1,
+					y: 0,
+					duration: .3,
+					delay: .1,
+					ease: "power2.out"
+				});
+			} else {
+				gsap.to(content, {
+					height: 0,
+					duration: .3,
+					ease: "power2.in",
+					onStart: () => {
+						content.style.overflow = "hidden";
+					}
+				});
+				gsap.to(inner, {
+					opacity: 0,
+					y: -10,
+					duration: .2,
+					ease: "power2.in"
+				});
 			}
-		}), l.to(t, {
-			opacity: 0,
-			y: -10,
-			duration: .2,
-			ease: "power2.in"
-		})));
-	}, [r, u]), /* @__PURE__ */ (0, h.jsx)("div", {
-		ref: i,
-		className: `${U.accordionContent} ${t || ""}`,
-		...n,
-		children: /* @__PURE__ */ (0, h.jsx)("div", {
-			ref: c,
-			className: U.accordionContentInner,
-			children: e
+		}
+	}, [openItems, isOpen]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: contentRef,
+		className: `${Accordion_module_default.accordionContent} ${className || ""}`,
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: innerRef,
+			className: Accordion_module_default.accordionContentInner,
+			children
 		})
 	});
 }
-var K = {
+var Badge_module_default = {
 	badge: "_badge_1p9t7_1",
-	default: "_default_1p9t7_15",
+	"default": "_default_1p9t7_15",
 	secondary: "_secondary_1p9t7_21",
 	destructive: "_destructive_1p9t7_27"
 };
 //#endregion
 //#region src/components/badge/Badge.tsx
-function de({ children: e, variant: t = "default", className: n, ...r }) {
-	let i = t ? K[t] : "";
-	return /* @__PURE__ */ (0, h.jsx)("span", {
-		className: `${K.badge} ${i} ${n || ""}`,
-		...r,
-		children: e
+function Badge({ children, variant = "default", className, ...props }) {
+	const variantClass = variant ? Badge_module_default[variant] : "";
+	return /* @__PURE__ */ jsx("span", {
+		className: `${Badge_module_default.badge} ${variantClass} ${className || ""}`,
+		...props,
+		children
 	});
 }
-var q = {
+var HoverCard_module_default = {
 	hoverCardWrapper: "_hoverCardWrapper_1cb8v_1",
 	trigger: "_trigger_1cb8v_7",
 	bridge: "_bridge_1cb8v_11",
@@ -1095,26 +1091,68 @@ var q = {
 };
 //#endregion
 //#region src/components/hovercard/HoverCard.tsx
-function fe({ children: e, trigger: t, delay: n = 200, className: r, ...i }) {
-	let [c, u] = s(!1), [d, f] = s(!1), [p, m] = s("bottom"), [g, _] = s(0), v = o(null), y = o(null), b = o(null), x = o(null), S = () => {
-		if (!v.current || !y.current) return {
+function HoverCard({ children, trigger, delay = 200, className, ...props }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const [shouldRender, setShouldRender] = useState(false);
+	const [position, setPosition] = useState("bottom");
+	const [horizontalOffset, setHorizontalOffset] = useState(0);
+	const triggerRef = useRef(null);
+	const cardRef = useRef(null);
+	const timeoutRef = useRef(null);
+	const closeTimeoutRef = useRef(null);
+	const calculatePosition = () => {
+		if (!triggerRef.current || !cardRef.current) return {
 			position: "bottom",
 			offset: 0
 		};
-		let e = v.current.getBoundingClientRect(), t = y.current.offsetWidth, n = y.current.offsetHeight, r = window.innerHeight, i = window.innerWidth, a = r - e.bottom, o = e.top, s = "bottom";
-		s = a >= n + 10 ? "bottom" : o >= n + 10 ? "top" : "bottom";
-		let c = e.left + e.width / 2, l = t / 2, u = 0, d = c - l, f = c + l;
-		return d < 10 ? u = 10 - d : f > i - 10 && (u = i - 10 - f), {
-			position: s,
-			offset: u
+		const triggerRect = triggerRef.current.getBoundingClientRect();
+		const cardWidth = cardRef.current.offsetWidth;
+		const cardHeight = cardRef.current.offsetHeight;
+		const viewportHeight = window.innerHeight;
+		const viewportWidth = window.innerWidth;
+		const spaceBelow = viewportHeight - triggerRect.bottom;
+		const spaceAbove = triggerRect.top;
+		let verticalPosition = "bottom";
+		if (spaceBelow >= cardHeight + 10) verticalPosition = "bottom";
+		else if (spaceAbove >= cardHeight + 10) verticalPosition = "top";
+		else verticalPosition = "bottom";
+		const triggerCenter = triggerRect.left + triggerRect.width / 2;
+		const cardHalfWidth = cardWidth / 2;
+		let offset = 0;
+		const idealLeft = triggerCenter - cardHalfWidth;
+		const idealRight = triggerCenter + cardHalfWidth;
+		if (idealLeft < 10) offset = 10 - idealLeft;
+		else if (idealRight > viewportWidth - 10) offset = viewportWidth - 10 - idealRight;
+		return {
+			position: verticalPosition,
+			offset
 		};
 	};
-	return a(() => {
-		if (c && y.current) {
-			let { position: e, offset: t } = S();
-			m(e), _(t), l.fromTo(y.current, {
+	const handleMouseEnter = () => {
+		if (closeTimeoutRef.current) {
+			clearTimeout(closeTimeoutRef.current);
+			closeTimeoutRef.current = null;
+		}
+		timeoutRef.current = setTimeout(() => {
+			setShouldRender(true);
+			setIsOpen(true);
+		}, delay);
+	};
+	const handleMouseLeave = () => {
+		if (timeoutRef.current) {
+			clearTimeout(timeoutRef.current);
+			timeoutRef.current = null;
+		}
+		setIsOpen(false);
+	};
+	useEffect(() => {
+		if (isOpen && cardRef.current) {
+			const { position: newPosition, offset } = calculatePosition();
+			setPosition(newPosition);
+			setHorizontalOffset(offset);
+			gsap.fromTo(cardRef.current, {
 				opacity: 0,
-				y: e === "bottom" ? -10 : 10,
+				y: newPosition === "bottom" ? -10 : 10,
 				scale: .95
 			}, {
 				opacity: 1,
@@ -1123,43 +1161,42 @@ function fe({ children: e, trigger: t, delay: n = 200, className: r, ...i }) {
 				duration: .2,
 				ease: "power2.out"
 			});
-		} else !c && y.current && l.to(y.current, {
+		} else if (!isOpen && cardRef.current) gsap.to(cardRef.current, {
 			opacity: 0,
-			y: p === "bottom" ? -10 : 10,
+			y: position === "bottom" ? -10 : 10,
 			scale: .95,
 			duration: .15,
 			ease: "power2.in",
 			onComplete: () => {
-				f(!1);
+				setShouldRender(false);
 			}
 		});
-	}, [c, p]), a(() => () => {
-		b.current && clearTimeout(b.current), x.current && clearTimeout(x.current);
-	}, []), /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: `${q.hoverCardWrapper} ${r || ""}`,
-		onMouseEnter: () => {
-			x.current &&= (clearTimeout(x.current), null), b.current = setTimeout(() => {
-				f(!0), u(!0);
-			}, n);
-		},
-		onMouseLeave: () => {
-			b.current &&= (clearTimeout(b.current), null), u(!1);
-		},
-		...i,
-		children: [/* @__PURE__ */ (0, h.jsx)("div", {
-			ref: v,
-			className: q.trigger,
-			children: t
-		}), d && /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsx)("div", { className: `${q.bridge} ${q[p]}` }), /* @__PURE__ */ (0, h.jsx)("div", {
-			ref: y,
-			className: `${q.hoverCard} ${q[p]}`,
-			style: { transform: `translateX(calc(-50% + ${g}px))` },
+	}, [isOpen, position]);
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+			if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${HoverCard_module_default.hoverCardWrapper} ${className || ""}`,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: triggerRef,
+			className: HoverCard_module_default.trigger,
+			children: trigger
+		}), shouldRender && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: `${HoverCard_module_default.bridge} ${HoverCard_module_default[position]}` }), /* @__PURE__ */ jsx("div", {
+			ref: cardRef,
+			className: `${HoverCard_module_default.hoverCard} ${HoverCard_module_default[position]}`,
+			style: { transform: `translateX(calc(-50% + ${horizontalOffset}px))` },
 			role: "tooltip",
-			children: e
+			children
 		})] })]
 	});
 }
-var J = {
+var Checkbox_module_default = {
 	checkboxWrapper: "_checkboxWrapper_1owy4_1",
 	hiddenInput: "_hiddenInput_1owy4_7",
 	checkboxLabel: "_checkboxLabel_1owy4_15",
@@ -1171,75 +1208,91 @@ var J = {
 };
 //#endregion
 //#region src/components/checkbox/Checkbox.tsx
-function pe({ checked: e, defaultChecked: t = !1, onChange: n, label: r, disabled: i = !1, id: c, className: u, ...d }) {
-	let [f, p] = s(t), m = e !== void 0, g = m ? e : f, _ = o(null), v = o(null), y = o(null), b = () => {
-		if (i) return;
-		let e = !g;
-		m || p(e), n?.(e);
+function Checkbox({ checked: controlledChecked, defaultChecked = false, onChange, label, disabled = false, id, className, ...props }) {
+	const [internalChecked, setInternalChecked] = useState(defaultChecked);
+	const isControlled = controlledChecked !== void 0;
+	const checked = isControlled ? controlledChecked : internalChecked;
+	const checkboxRef = useRef(null);
+	const checkmarkRef = useRef(null);
+	const pathRef = useRef(null);
+	const reactId = useId();
+	const handleChange = () => {
+		if (disabled) return;
+		const newChecked = !checked;
+		if (!isControlled) setInternalChecked(newChecked);
+		onChange?.(newChecked);
 	};
-	a(() => {
-		!_.current || !v.current || !y.current || (g ? (l.to(_.current, {
-			scale: .9,
-			duration: .1,
-			ease: "power2.in",
-			onComplete: () => {
-				l.to(_.current, {
-					scale: 1,
-					duration: .2,
-					ease: "elastic.out(1, 0.5)"
-				});
-			}
-		}), l.fromTo(v.current, {
-			scale: 0,
-			rotation: -45
-		}, {
-			scale: 1,
-			rotation: 0,
-			duration: .3,
-			ease: "back.out(1.7)"
-		}), l.fromTo(y.current, {
-			strokeDasharray: 100,
-			strokeDashoffset: 100
-		}, {
-			strokeDashoffset: 0,
-			duration: .3,
-			ease: "power2.out"
-		})) : (l.to(v.current, {
-			scale: 0,
-			rotation: 45,
-			duration: .2,
-			ease: "back.in(1.7)"
-		}), l.to(_.current, {
-			scale: 1,
-			duration: .2,
-			ease: "power2.out"
-		})));
-	}, [g]);
-	let x = c || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
-	return /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: `${J.checkboxWrapper} ${i ? J.disabled : ""} ${u || ""}`,
-		children: [/* @__PURE__ */ (0, h.jsx)("input", {
+	useEffect(() => {
+		if (!checkboxRef.current || !checkmarkRef.current || !pathRef.current) return;
+		if (checked) {
+			gsap.to(checkboxRef.current, {
+				scale: .9,
+				duration: .1,
+				ease: "power2.in",
+				onComplete: () => {
+					gsap.to(checkboxRef.current, {
+						scale: 1,
+						duration: .2,
+						ease: "elastic.out(1, 0.5)"
+					});
+				}
+			});
+			gsap.fromTo(checkmarkRef.current, {
+				scale: 0,
+				rotation: -45
+			}, {
+				scale: 1,
+				rotation: 0,
+				duration: .3,
+				ease: "back.out(1.7)"
+			});
+			gsap.fromTo(pathRef.current, {
+				strokeDasharray: 100,
+				strokeDashoffset: 100
+			}, {
+				strokeDashoffset: 0,
+				duration: .3,
+				ease: "power2.out"
+			});
+		} else {
+			gsap.to(checkmarkRef.current, {
+				scale: 0,
+				rotation: 45,
+				duration: .2,
+				ease: "back.in(1.7)"
+			});
+			gsap.to(checkboxRef.current, {
+				scale: 1,
+				duration: .2,
+				ease: "power2.out"
+			});
+		}
+	}, [checked]);
+	const checkboxId = id || `checkbox-${reactId}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${Checkbox_module_default.checkboxWrapper} ${disabled ? Checkbox_module_default.disabled : ""} ${className || ""}`,
+		children: [/* @__PURE__ */ jsx("input", {
 			type: "checkbox",
-			id: x,
-			checked: g,
-			onChange: b,
-			disabled: i,
-			className: J.hiddenInput,
-			...d
-		}), /* @__PURE__ */ (0, h.jsxs)("label", {
-			htmlFor: x,
-			className: J.checkboxLabel,
-			children: [/* @__PURE__ */ (0, h.jsx)("div", {
-				ref: _,
-				className: `${J.checkbox} ${g ? J.checked : ""}`,
-				children: /* @__PURE__ */ (0, h.jsx)("svg", {
-					ref: v,
-					className: J.checkmark,
+			id: checkboxId,
+			checked,
+			onChange: handleChange,
+			disabled,
+			className: Checkbox_module_default.hiddenInput,
+			...props
+		}), /* @__PURE__ */ jsxs("label", {
+			htmlFor: checkboxId,
+			className: Checkbox_module_default.checkboxLabel,
+			children: [/* @__PURE__ */ jsx("div", {
+				ref: checkboxRef,
+				className: `${Checkbox_module_default.checkbox} ${checked ? Checkbox_module_default.checked : ""}`,
+				children: /* @__PURE__ */ jsx("svg", {
+					ref: checkmarkRef,
+					className: Checkbox_module_default.checkmark,
 					viewBox: "0 0 24 24",
 					fill: "none",
 					xmlns: "http://www.w3.org/2000/svg",
-					children: /* @__PURE__ */ (0, h.jsx)("path", {
-						ref: y,
+					children: /* @__PURE__ */ jsx("path", {
+						ref: pathRef,
 						d: "M5 13l4 4L19 7",
 						stroke: "currentColor",
 						strokeWidth: "3",
@@ -1247,14 +1300,14 @@ function pe({ checked: e, defaultChecked: t = !1, onChange: n, label: r, disable
 						strokeLinejoin: "round"
 					})
 				})
-			}), r && /* @__PURE__ */ (0, h.jsx)("span", {
-				className: J.labelText,
-				children: r
+			}), label && /* @__PURE__ */ jsx("span", {
+				className: Checkbox_module_default.labelText,
+				children: label
 			})]
 		})]
 	});
 }
-var Y = {
+var DropdownMenu_module_default = {
 	dropdownWrapper: "_dropdownWrapper_iqkch_1",
 	trigger: "_trigger_iqkch_7",
 	dropdownMenu: "_dropdownMenu_iqkch_11",
@@ -1267,23 +1320,42 @@ var Y = {
 	arrowIcon: "_arrowIcon_iqkch_64",
 	subMenu: "_subMenu_iqkch_70",
 	separator: "_separator_iqkch_84"
-}, X = n(void 0);
-function me({ children: e, trigger: t, className: n, ...r }) {
-	let [i, c] = s(!1), [u, d] = s(!1), [f, p] = s("bottom"), m = o(null), g = o(null), _ = () => {
-		if (!m.current || !g.current) return "bottom";
-		let e = m.current.getBoundingClientRect(), t = g.current.offsetHeight, n = window.innerHeight - e.bottom, r = e.top;
-		return n >= t + 10 ? "bottom" : r >= t + 10 ? "top" : "bottom";
-	}, v = () => {
-		i ? c(!1) : (d(!0), c(!0));
-	}, y = () => {
-		c(!1);
+};
+//#endregion
+//#region src/components/dropdown/DropdownMenu.tsx
+var DropdownContext = createContext(void 0);
+function DropdownMenu({ children, trigger, className, ...props }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const [shouldRender, setShouldRender] = useState(false);
+	const [position, setPosition] = useState("bottom");
+	const triggerRef = useRef(null);
+	const menuRef = useRef(null);
+	const calculatePosition = () => {
+		if (!triggerRef.current || !menuRef.current) return "bottom";
+		const triggerRect = triggerRef.current.getBoundingClientRect();
+		const menuHeight = menuRef.current.offsetHeight;
+		const spaceBelow = window.innerHeight - triggerRect.bottom;
+		const spaceAbove = triggerRect.top;
+		if (spaceBelow >= menuHeight + 10) return "bottom";
+		else if (spaceAbove >= menuHeight + 10) return "top";
+		else return "bottom";
 	};
-	return a(() => {
-		if (i && g.current) {
-			let e = _();
-			p(e), l.fromTo(g.current, {
+	const toggleMenu = () => {
+		if (!isOpen) {
+			setShouldRender(true);
+			setIsOpen(true);
+		} else setIsOpen(false);
+	};
+	const closeMenu = () => {
+		setIsOpen(false);
+	};
+	useEffect(() => {
+		if (isOpen && menuRef.current) {
+			const newPosition = calculatePosition();
+			setPosition(newPosition);
+			gsap.fromTo(menuRef.current, {
 				opacity: 0,
-				y: e === "bottom" ? -10 : 10,
+				y: newPosition === "bottom" ? -10 : 10,
 				scale: .95
 			}, {
 				opacity: 1,
@@ -1292,53 +1364,78 @@ function me({ children: e, trigger: t, className: n, ...r }) {
 				duration: .2,
 				ease: "power2.out"
 			});
-		} else !i && g.current && l.to(g.current, {
+		} else if (!isOpen && menuRef.current) gsap.to(menuRef.current, {
 			opacity: 0,
-			y: f === "bottom" ? -10 : 10,
+			y: position === "bottom" ? -10 : 10,
 			scale: .95,
 			duration: .15,
 			ease: "power2.in",
 			onComplete: () => {
-				d(!1);
+				setShouldRender(false);
 			}
 		});
-	}, [i, f]), a(() => {
-		let e = (e) => {
-			m.current && g.current && !m.current.contains(e.target) && !g.current.contains(e.target) && y();
+	}, [isOpen, position]);
+	useEffect(() => {
+		const handleClickOutside = (event) => {
+			if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event.target) && !menuRef.current.contains(event.target)) closeMenu();
 		};
-		return i && document.addEventListener("mousedown", e), () => {
-			document.removeEventListener("mousedown", e);
+		if (isOpen) document.addEventListener("mousedown", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
 		};
-	}, [i]), /* @__PURE__ */ (0, h.jsx)(X.Provider, {
+	}, [isOpen]);
+	return /* @__PURE__ */ jsx(DropdownContext.Provider, {
 		value: {
-			isOpen: i,
-			closeMenu: y
+			isOpen,
+			closeMenu
 		},
-		children: /* @__PURE__ */ (0, h.jsxs)("div", {
-			className: `${Y.dropdownWrapper} ${n || ""}`,
-			...r,
-			children: [/* @__PURE__ */ (0, h.jsx)("div", {
-				ref: m,
-				onClick: v,
-				className: Y.trigger,
-				children: t
-			}), u && /* @__PURE__ */ (0, h.jsx)("div", {
-				ref: g,
-				className: `${Y.dropdownMenu} ${Y[f]}`,
-				children: e
+		children: /* @__PURE__ */ jsxs("div", {
+			className: `${DropdownMenu_module_default.dropdownWrapper} ${className || ""}`,
+			...props,
+			children: [/* @__PURE__ */ jsx("div", {
+				ref: triggerRef,
+				onClick: toggleMenu,
+				className: DropdownMenu_module_default.trigger,
+				children: trigger
+			}), shouldRender && /* @__PURE__ */ jsx("div", {
+				ref: menuRef,
+				className: `${DropdownMenu_module_default.dropdownMenu} ${DropdownMenu_module_default[position]}`,
+				children
 			})]
 		})
 	});
 }
-function Z() {
-	let e = i(X);
-	if (!e) throw Error("Dropdown components must be used within DropdownMenu");
-	return e;
+function useDropdownContext() {
+	const context = useContext(DropdownContext);
+	if (!context) throw new Error("Dropdown components must be used within DropdownMenu");
+	return context;
 }
-function he({ children: e, onClick: t, disabled: n = !1, subItems: r, className: i, ...c }) {
-	let { closeMenu: u } = Z(), [d, f] = s(!1), [p, m] = s(!1), g = o(null), _ = o(null), v = o(null);
-	return a(() => {
-		d && _.current ? l.fromTo(_.current, {
+function DropdownItem({ children, onClick, disabled = false, subItems, className, ...props }) {
+	const { closeMenu } = useDropdownContext();
+	const [showSubMenu, setShowSubMenu] = useState(false);
+	const [shouldRenderSub, setShouldRenderSub] = useState(false);
+	const itemRef = useRef(null);
+	const subMenuRef = useRef(null);
+	const hoverTimeoutRef = useRef(null);
+	const handleClick = () => {
+		if (disabled) return;
+		if (!subItems) {
+			onClick?.();
+			closeMenu();
+		}
+	};
+	const handleMouseEnter = () => {
+		if (subItems && !disabled) hoverTimeoutRef.current = setTimeout(() => {
+			setShouldRenderSub(true);
+			setShowSubMenu(true);
+		}, 150);
+	};
+	const handleMouseLeave = () => {
+		if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
+		setShowSubMenu(false);
+	};
+	useEffect(() => {
+		if (showSubMenu && subMenuRef.current) gsap.fromTo(subMenuRef.current, {
 			opacity: 0,
 			x: -10,
 			scale: .95
@@ -1348,38 +1445,35 @@ function he({ children: e, onClick: t, disabled: n = !1, subItems: r, className:
 			scale: 1,
 			duration: .2,
 			ease: "power2.out"
-		}) : !d && _.current && l.to(_.current, {
+		});
+		else if (!showSubMenu && subMenuRef.current) gsap.to(subMenuRef.current, {
 			opacity: 0,
 			x: -10,
 			scale: .95,
 			duration: .15,
 			ease: "power2.in",
 			onComplete: () => {
-				m(!1);
+				setShouldRenderSub(false);
 			}
 		});
-	}, [d]), a(() => () => {
-		v.current && clearTimeout(v.current);
-	}, []), /* @__PURE__ */ (0, h.jsxs)("div", {
-		ref: g,
-		className: `${Y.dropdownItem} ${n ? Y.disabled : ""} ${r ? Y.hasSubItems : ""} ${i || ""}`,
-		onClick: () => {
-			n || r || (t?.(), u());
-		},
-		onMouseEnter: () => {
-			r && !n && (v.current = setTimeout(() => {
-				m(!0), f(!0);
-			}, 150));
-		},
-		onMouseLeave: () => {
-			v.current && clearTimeout(v.current), f(!1);
-		},
-		...c,
-		children: [/* @__PURE__ */ (0, h.jsx)("span", {
-			className: Y.itemContent,
-			children: e
-		}), r && /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsx)("svg", {
-			className: Y.arrowIcon,
+	}, [showSubMenu]);
+	useEffect(() => {
+		return () => {
+			if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: itemRef,
+		className: `${DropdownMenu_module_default.dropdownItem} ${disabled ? DropdownMenu_module_default.disabled : ""} ${subItems ? DropdownMenu_module_default.hasSubItems : ""} ${className || ""}`,
+		onClick: handleClick,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: DropdownMenu_module_default.itemContent,
+			children
+		}), subItems && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("svg", {
+			className: DropdownMenu_module_default.arrowIcon,
 			width: "16",
 			height: "16",
 			viewBox: "0 0 24 24",
@@ -1388,18 +1482,18 @@ function he({ children: e, onClick: t, disabled: n = !1, subItems: r, className:
 			strokeWidth: "2",
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: /* @__PURE__ */ (0, h.jsx)("polyline", { points: "9 18 15 12 9 6" })
-		}), p && /* @__PURE__ */ (0, h.jsx)("div", {
-			ref: _,
-			className: Y.subMenu,
-			children: r
+			children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+		}), shouldRenderSub && /* @__PURE__ */ jsx("div", {
+			ref: subMenuRef,
+			className: DropdownMenu_module_default.subMenu,
+			children: subItems
 		})] })]
 	});
 }
-function ge({}) {
-	return /* @__PURE__ */ (0, h.jsx)("div", { className: Y.separator });
+function DropdownSeparator({}) {
+	return /* @__PURE__ */ jsx("div", { className: DropdownMenu_module_default.separator });
 }
-var Q = {
+var Tabs_module_default = {
 	tabsContainer: "_tabsContainer_bvqc3_1",
 	tabsList: "_tabsList_bvqc3_8",
 	tab: "_tab_bvqc3_1",
@@ -1408,28 +1502,42 @@ var Q = {
 };
 //#endregion
 //#region src/components/tabs/Tabs.tsx
-function _e({ tabs: e, defaultValue: t, onChange: n, className: r, ...i }) {
-	let [c, u] = s(t || e[0]?.value), [d, f] = s(!0), p = o(null), m = o(/* @__PURE__ */ new Map()), g = o(null), _ = (e) => {
-		e !== c && (u(e), n?.(e));
+function Tabs({ tabs, defaultValue, onChange, className, ...props }) {
+	const [activeTab, setActiveTab] = useState(defaultValue || tabs[0]?.value);
+	const [isFirstRender, setIsFirstRender] = useState(true);
+	const indicatorRef = useRef(null);
+	const tabRefs = useRef(/* @__PURE__ */ new Map());
+	const contentRef = useRef(null);
+	const handleTabClick = (value) => {
+		if (value === activeTab) return;
+		setActiveTab(value);
+		onChange?.(value);
 	};
-	a(() => {
-		let e = m.current.get(c);
-		if (!e || !p.current) return;
-		let { offsetLeft: t, offsetWidth: n } = e, r = t - 6;
-		d ? (l.set(p.current, {
-			x: r,
-			width: n
-		}), f(!1)) : l.to(p.current, {
-			x: r,
-			width: n,
+	useEffect(() => {
+		const activeTabElement = tabRefs.current.get(activeTab);
+		if (!activeTabElement || !indicatorRef.current) return;
+		const { offsetLeft, offsetWidth } = activeTabElement;
+		const indicatorOffset = offsetLeft - 6;
+		if (isFirstRender) {
+			gsap.set(indicatorRef.current, {
+				x: indicatorOffset,
+				width: offsetWidth
+			});
+			setIsFirstRender(false);
+		} else gsap.to(indicatorRef.current, {
+			x: indicatorOffset,
+			width: offsetWidth,
 			duration: .3,
 			ease: "power2.out"
 		});
-	}, [c, d]), a(() => {
-		g.current && (d ? l.set(g.current, {
+	}, [activeTab, isFirstRender]);
+	useEffect(() => {
+		if (!contentRef.current) return;
+		if (isFirstRender) gsap.set(contentRef.current, {
 			opacity: 1,
 			y: 0
-		}) : l.fromTo(g.current, {
+		});
+		else gsap.fromTo(contentRef.current, {
 			opacity: 0,
 			y: 10
 		}, {
@@ -1437,33 +1545,33 @@ function _e({ tabs: e, defaultValue: t, onChange: n, className: r, ...i }) {
 			y: 0,
 			duration: .3,
 			ease: "power2.out"
-		}));
-	}, [c, d]);
-	let v = e.find((e) => e.value === c)?.content;
-	return /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: `${Q.tabsContainer} ${r || ""}`,
-		...i,
-		children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-			className: Q.tabsList,
-			children: [e.map((e) => /* @__PURE__ */ (0, h.jsx)("button", {
-				ref: (t) => {
-					t && m.current.set(e.value, t);
+		});
+	}, [activeTab, isFirstRender]);
+	const activeTabContent = tabs.find((tab) => tab.value === activeTab)?.content;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${Tabs_module_default.tabsContainer} ${className || ""}`,
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: Tabs_module_default.tabsList,
+			children: [tabs.map((tab) => /* @__PURE__ */ jsx("button", {
+				ref: (el) => {
+					if (el) tabRefs.current.set(tab.value, el);
 				},
-				className: `${Q.tab} ${c === e.value ? Q.active : ""}`,
-				onClick: () => _(e.value),
-				children: e.label
-			}, e.value)), /* @__PURE__ */ (0, h.jsx)("div", {
-				ref: p,
-				className: Q.indicator
+				className: `${Tabs_module_default.tab} ${activeTab === tab.value ? Tabs_module_default.active : ""}`,
+				onClick: () => handleTabClick(tab.value),
+				children: tab.label
+			}, tab.value)), /* @__PURE__ */ jsx("div", {
+				ref: indicatorRef,
+				className: Tabs_module_default.indicator
 			})]
-		}), /* @__PURE__ */ (0, h.jsx)("div", {
-			ref: g,
-			className: Q.tabContent,
-			children: v
+		}), /* @__PURE__ */ jsx("div", {
+			ref: contentRef,
+			className: Tabs_module_default.tabContent,
+			children: activeTabContent
 		})]
 	});
 }
-var $ = {
+var Tooltip_module_default = {
 	tooltipWrapper: "_tooltipWrapper_39a7p_1",
 	trigger: "_trigger_39a7p_7",
 	tooltip: "_tooltip_39a7p_1",
@@ -1479,41 +1587,67 @@ var $ = {
 };
 //#endregion
 //#region src/components/tooltip/Tooltip.tsx
-function ve({ children: e, content: t, position: n = "top", delay: r = 200, className: i, ...c }) {
-	let [u, d] = s(!1), [f, p] = s(!1), [m, g] = s(n), _ = o(null), v = o(null), y = o(null), b = o(null), x = () => {
-		if (!_.current || !v.current) return n;
-		let e = _.current.getBoundingClientRect(), t = v.current.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = {
+function Tooltip({ children, content, position: preferredPosition = "top", delay = 200, className, ...props }) {
+	const [isVisible, setIsVisible] = useState(false);
+	const [shouldRender, setShouldRender] = useState(false);
+	const [finalPosition, setFinalPosition] = useState(preferredPosition);
+	const triggerRef = useRef(null);
+	const tooltipRef = useRef(null);
+	const arrowRef = useRef(null);
+	const timeoutRef = useRef(null);
+	const calculateBestPosition = () => {
+		if (!triggerRef.current || !tooltipRef.current) return preferredPosition;
+		const triggerRect = triggerRef.current.getBoundingClientRect();
+		const tooltipRect = tooltipRef.current.getBoundingClientRect();
+		const viewportWidth = window.innerWidth;
+		const viewportHeight = window.innerHeight;
+		const spacing = 12;
+		const positions = {
 			top: {
-				available: e.top >= t.height + 12,
-				priority: n === "top" ? 4 : 3
+				available: triggerRect.top >= tooltipRect.height + spacing,
+				priority: preferredPosition === "top" ? 4 : 3
 			},
 			bottom: {
-				available: i - e.bottom >= t.height + 12,
-				priority: n === "bottom" ? 4 : 2
+				available: viewportHeight - triggerRect.bottom >= tooltipRect.height + spacing,
+				priority: preferredPosition === "bottom" ? 4 : 2
 			},
 			left: {
-				available: e.left >= t.width + 12,
-				priority: n === "left" ? 4 : 1
+				available: triggerRect.left >= tooltipRect.width + spacing,
+				priority: preferredPosition === "left" ? 4 : 1
 			},
 			right: {
-				available: r - e.right >= t.width + 12,
-				priority: n === "right" ? 4 : 0
+				available: viewportWidth - triggerRect.right >= tooltipRect.width + spacing,
+				priority: preferredPosition === "right" ? 4 : 0
 			}
 		};
-		return Object.keys(a).filter((e) => a[e].available).sort((e, t) => a[t].priority - a[e].priority)[0] || n;
+		return Object.keys(positions).filter((pos) => positions[pos].available).sort((a, b) => positions[b].priority - positions[a].priority)[0] || preferredPosition;
+	};
+	const handleMouseEnter = () => {
+		timeoutRef.current = setTimeout(() => {
+			setShouldRender(true);
+			setIsVisible(true);
+		}, delay);
+	};
+	const handleMouseLeave = () => {
+		if (timeoutRef.current) {
+			clearTimeout(timeoutRef.current);
+			timeoutRef.current = null;
+		}
+		setIsVisible(false);
 	};
-	return a(() => {
-		if (u && v.current && y.current) {
-			let e = x();
-			g(e);
-			let t = e === "top" || e === "bottom", n = e === "top" || e === "left" ? -1 : 1;
-			l.fromTo(v.current, {
+	useEffect(() => {
+		if (isVisible && tooltipRef.current && arrowRef.current) {
+			const position = calculateBestPosition();
+			setFinalPosition(position);
+			const isVertical = position === "top" || position === "bottom";
+			const direction = position === "top" || position === "left" ? -1 : 1;
+			gsap.fromTo(tooltipRef.current, {
 				opacity: 0,
 				scale: .8,
-				y: t ? n * 15 : 0,
-				x: t ? 0 : n * 15,
-				rotateX: t ? n * 15 : 0,
-				rotateY: t ? 0 : n * 15
+				y: isVertical ? direction * 15 : 0,
+				x: !isVertical ? direction * 15 : 0,
+				rotateX: isVertical ? direction * 15 : 0,
+				rotateY: !isVertical ? direction * 15 : 0
 			}, {
 				opacity: 1,
 				scale: 1,
@@ -1523,7 +1657,8 @@ function ve({ children: e, content: t, position: n = "top", delay: r = 200, clas
 				rotateY: 0,
 				duration: .4,
 				ease: "back.out(1.7)"
-			}), l.fromTo(y.current, {
+			});
+			gsap.fromTo(arrowRef.current, {
 				opacity: 0,
 				scale: 0
 			}, {
@@ -1533,52 +1668,52 @@ function ve({ children: e, content: t, position: n = "top", delay: r = 200, clas
 				delay: .1,
 				ease: "back.out(2)"
 			});
-		} else if (!u && v.current && y.current) {
-			let e = m === "top" || m === "bottom", t = m === "top" || m === "left" ? -1 : 1;
-			l.to(y.current, {
+		} else if (!isVisible && tooltipRef.current && arrowRef.current) {
+			const isVertical = finalPosition === "top" || finalPosition === "bottom";
+			const direction = finalPosition === "top" || finalPosition === "left" ? -1 : 1;
+			gsap.to(arrowRef.current, {
 				opacity: 0,
 				scale: 0,
 				duration: .15,
 				ease: "power2.in"
-			}), l.to(v.current, {
+			});
+			gsap.to(tooltipRef.current, {
 				opacity: 0,
 				scale: .8,
-				y: e ? t * 10 : 0,
-				x: e ? 0 : t * 10,
+				y: isVertical ? direction * 10 : 0,
+				x: !isVertical ? direction * 10 : 0,
 				duration: .2,
 				ease: "power2.in",
 				onComplete: () => {
-					p(!1);
+					setShouldRender(false);
 				}
 			});
 		}
-	}, [u, m]), a(() => () => {
-		b.current && clearTimeout(b.current);
-	}, []), /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: `${$.tooltipWrapper} ${i || ""}`,
-		onMouseEnter: () => {
-			b.current = setTimeout(() => {
-				p(!0), d(!0);
-			}, r);
-		},
-		onMouseLeave: () => {
-			b.current &&= (clearTimeout(b.current), null), d(!1);
-		},
-		...c,
-		children: [/* @__PURE__ */ (0, h.jsx)("div", {
-			ref: _,
-			className: $.trigger,
-			children: e
-		}), f && /* @__PURE__ */ (0, h.jsxs)("div", {
-			ref: v,
-			className: `${$.tooltip} ${$[m]}`,
+	}, [isVisible, finalPosition]);
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${Tooltip_module_default.tooltipWrapper} ${className || ""}`,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: triggerRef,
+			className: Tooltip_module_default.trigger,
+			children
+		}), shouldRender && /* @__PURE__ */ jsxs("div", {
+			ref: tooltipRef,
+			className: `${Tooltip_module_default.tooltip} ${Tooltip_module_default[finalPosition]}`,
 			role: "tooltip",
-			children: [t, /* @__PURE__ */ (0, h.jsx)("div", {
-				ref: y,
-				className: `${$.arrow} ${$[`arrow-${m}`]}`
+			children: [content, /* @__PURE__ */ jsx("div", {
+				ref: arrowRef,
+				className: `${Tooltip_module_default.arrow} ${Tooltip_module_default[`arrow-${finalPosition}`]}`
 			})]
 		})]
 	});
 }
 //#endregion
-export { se as Accordion, ue as AccordionContent, ce as AccordionItem, le as AccordionTrigger, de as Badge, g as Button, b as Card, pe as Checkbox, he as DropdownItem, me as DropdownMenu, ge as DropdownSeparator, w as HeroSheet, fe as HoverCard, v as Input, M as Modal, I as ModalBody, R as ModalContent, te as ModalFooter, P as ModalHeader, oe as OTPInput, T as Sheet, D as SheetContent, k as SheetFooter, _e as Tabs, ae as ToastContainer, ve as Tooltip, ie as toast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Button, Card, Checkbox, DropdownItem, DropdownMenu, DropdownSeparator, HeroSheet, HoverCard, Input, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, OTPInput, Sheet, SheetContent, SheetFooter, Tabs, ToastContainer, Tooltip, toast };