@jonapin006/tiger 1.0.24 → 1.0.25

package/dist/tiger.es.js

@@ -488,9 +488,9 @@ var v = /* @__PURE__ */ function(e) {
 		},
 		layout: {
 			bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
-			bodyContent: "relative z-10 min-h-screen w-full flex flex-col border-none",
+			bodyContent: "relative z-10 min-h-screen w-full flex flex-row border-none overflow-hidden",
 			bodyCorner: "rounded-none",
-			bodyPadding: "p-4 md:p-8",
+			bodyPadding: "p-0",
 			bodyMargin: "m-0",
 			bodyBlobs: []
 		}
@@ -543,7 +543,9 @@ var v = /* @__PURE__ */ function(e) {
 			layout: {
 				sidebar: { container: "bg-white/40 backdrop-blur-3xl border-r border-black/5" },
 				topbar: { container: "bg-gradient-to-r from-emerald-50 via-white to-teal-50" },
-				main: "bg-transparent",
+				main: "w-full h-screen min-h-screen overflow-hidden flex flex-row",
+				contentWrapper: "flex-1 flex flex-col min-w-0 h-screen overflow-hidden relative",
+				mainContent: "flex-grow overflow-y-auto w-full",
 				bodyBlobs: [],
 				useGlassBody: !0
 			},
@@ -724,7 +726,9 @@ var v = /* @__PURE__ */ function(e) {
 			layout: {
 				sidebar: { container: "bg-zinc-950/40 backdrop-blur-3xl border-r border-white/5" },
 				topbar: { container: "bg-gradient-to-r from-zinc-950 via-zinc-900 to-zinc-950" },
-				main: "bg-transparent",
+				main: "w-full h-screen min-h-screen overflow-hidden flex flex-row",
+				contentWrapper: "flex-1 flex flex-col min-w-0 h-screen overflow-hidden relative",
+				mainContent: "flex-grow overflow-y-auto w-full",
 				bodyBlobs: []
 			},
 			statusColors: {
@@ -1322,9 +1326,9 @@ var v = /* @__PURE__ */ function(e) {
 		},
 		layout: {
 			bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
-			bodyContent: "relative z-10 min-h-screen w-full flex flex-col border-none",
+			bodyContent: "relative z-10 min-h-screen w-full flex flex-row border-none overflow-hidden",
 			bodyCorner: "rounded-none",
-			bodyPadding: "p-4 md:p-8",
+			bodyPadding: "p-0",
 			bodyMargin: "m-0",
 			bodyBlobs: []
 		}
@@ -1377,7 +1381,9 @@ var v = /* @__PURE__ */ function(e) {
 			layout: {
 				sidebar: { container: "bg-white border-r border-zinc-100" },
 				topbar: { container: "bg-gradient-to-r from-zinc-50 via-white to-zinc-100" },
-				main: "bg-transparent",
+				main: "w-full h-screen min-h-screen overflow-hidden flex flex-row",
+				contentWrapper: "flex-1 flex flex-col min-w-0 h-screen overflow-hidden relative",
+				mainContent: "flex-grow overflow-y-auto w-full",
 				bodyBlobs: [],
 				useGlassBody: !0
 			},
@@ -1558,7 +1564,9 @@ var v = /* @__PURE__ */ function(e) {
 			layout: {
 				sidebar: { container: "bg-zinc-950 border-r border-white/5" },
 				topbar: { container: "bg-zinc-950 border-white/5" },
-				main: "bg-transparent",
+				main: "w-full h-screen min-h-screen overflow-hidden flex flex-row",
+				contentWrapper: "flex-1 flex flex-col min-w-0 h-screen overflow-hidden relative",
+				mainContent: "flex-grow overflow-y-auto w-full",
 				bodyBlobs: []
 			},
 			statusColors: {
@@ -2216,7 +2224,9 @@ var v = /* @__PURE__ */ function(e) {
 			layout: {
 				sidebar: { container: "bg-white/30 backdrop-blur-2xl border-r border-white/20" },
 				topbar: { container: "bg-transparent border-none shadow-none backdrop-blur-none" },
-				main: "bg-transparent",
+				main: "w-full h-screen min-h-screen overflow-hidden flex flex-row",
+				contentWrapper: "flex-1 flex flex-col min-w-0 h-screen overflow-hidden relative",
+				mainContent: "flex-grow overflow-y-auto w-full",
 				bodyBlobs: [
 					"bg-[#7a7adb]/30",
 					"bg-[#ff7aa2]/20",
@@ -2402,7 +2412,9 @@ var v = /* @__PURE__ */ function(e) {
 			layout: {
 				sidebar: { container: "bg-black/20 backdrop-blur-2xl border-r border-white/10" },
 				topbar: { container: "bg-transparent border-none shadow-none backdrop-blur-none" },
-				main: "bg-transparent",
+				main: "w-full h-screen min-h-screen overflow-hidden flex flex-row",
+				contentWrapper: "flex-1 flex flex-col min-w-0 h-screen overflow-hidden relative",
+				mainContent: "flex-grow overflow-y-auto w-full",
 				bodyBlobs: [
 					"bg-[#7a7adb]/30",
 					"bg-[#ff7aa2]/20",
@@ -2545,7 +2557,7 @@ var v = /* @__PURE__ */ function(e) {
 	mandala: D,
 	mispuntos: k,
 	glassmorphism: j
-}, N = t(void 0), P = ({ children: e }) => {
+}, N = t(void 0), ee = ({ children: e }) => {
 	let [t, n] = o(() => localStorage.getItem("tiger-theme-name") || "mandala"), [r, a] = o(() => {
 		let e = localStorage.getItem("tiger-theme-mode");
 		return e && Object.values(v).includes(e) ? e : M[t]?.defaultMode || v.Light;
@@ -2571,51 +2583,51 @@ var v = /* @__PURE__ */ function(e) {
 		},
 		children: e
 	});
-}, F = () => {
+}, P = () => {
 	let e = r(N);
 	if (!e) throw Error("useTheme must be used within a ThemeProvider");
 	return e;
 };
 //#endregion
 //#region src/infrastructure/lib/utils.ts
-function I(...e) {
+function F(...e) {
 	return d(u(e));
 }
 //#endregion
 //#region src/presentation/components/TigerTypography.tsx
-var L = ({ children: e, size: t = y.Medium, variant: n = "p", bold: r = !1, italic: i = !1, className: a, style: o, id: s }) => {
-	let { theme: l } = F(), u = n, d = l.geometry.typography, f = r || t === y.Xlarge ? d.weights.bold : d.weights.normal, p = i ? d.styles.italic : d.styles.normal;
+var I = ({ children: e, size: t = y.Medium, variant: n = "p", bold: r = !1, italic: i = !1, className: a, style: o, id: s }) => {
+	let { theme: l } = P(), u = n, d = l.geometry.typography, f = r || t === y.Xlarge ? d.weights.bold : d.weights.normal, p = i ? d.styles.italic : d.styles.normal;
 	return /* @__PURE__ */ c(u, {
 		id: s,
-		className: I(d[t], f, p, a),
+		className: F(d[t], f, p, a),
 		style: o,
 		children: e
 	});
-}, ee = ({ children: e, variant: t = w.Primary, size: n = y.Medium, className: r, style: i }) => {
-	let { theme: a, themeConfig: o } = F(), s = a.geometry.badges[n];
+}, te = ({ children: e, variant: t = w.Primary, size: n = y.Medium, className: r, style: i }) => {
+	let { theme: a, themeConfig: o } = P(), s = a.geometry.badges[n];
 	return /* @__PURE__ */ c("div", {
-		className: I(a.geometry.badges.baseStyles, o.badges.base, s.container, o.badges.variants[t], r),
+		className: F(a.geometry.badges.baseStyles, o.badges.base, s.container, o.badges.variants[t], r),
 		style: i,
-		children: /* @__PURE__ */ c(L, {
+		children: /* @__PURE__ */ c(I, {
 			size: n,
 			bold: !0,
 			className: a.geometry.badges.typography,
 			children: e
 		})
 	});
-}, te = ({ variant: e = T.Primary, size: t = y.Medium, className: n, children: r, ...i }) => {
-	let { theme: a, themeConfig: o } = F(), s = o.buttons[e], l = t, u = a.geometry.buttons[l], d = a.geometry.buttons.typographyMappings[l];
+}, ne = ({ variant: e = T.Primary, size: t = y.Medium, className: n, children: r, ...i }) => {
+	let { theme: a, themeConfig: o } = P(), s = o.buttons[e], l = t, u = a.geometry.buttons[l], d = a.geometry.buttons.typographyMappings[l];
 	return /* @__PURE__ */ c("button", {
-		className: I(a.geometry.buttons.baseStyles, s, u.size, n),
+		className: F(a.geometry.buttons.baseStyles, s, u.size, n),
 		...i,
-		children: /* @__PURE__ */ c(L, {
+		children: /* @__PURE__ */ c(I, {
 			size: d,
 			className: a.geometry.buttons.baseTypography,
 			children: r
 		})
 	});
-}, ne = ({ checked: e = !1, onChange: t, size: n = y.Medium, className: r, disabled: i = !1 }) => {
-	let { theme: a, themeConfig: o } = F(), s = a.geometry.checkbox[n], l = () => {
+}, L = ({ checked: e = !1, onChange: t, size: n = y.Medium, className: r, disabled: i = !1 }) => {
+	let { theme: a, themeConfig: o } = P(), s = a.geometry.checkbox[n], l = () => {
 		!i && t && t(!e);
 	};
 	return /* @__PURE__ */ c("button", {
@@ -2624,30 +2636,30 @@ var L = ({ children: e, size: t = y.Medium, variant: n = "p", bold: r = !1, ital
 		"aria-checked": e,
 		disabled: i,
 		onClick: l,
-		className: I(o.checkbox.base, s.size, e ? o.checkbox.checked : o.checkbox.unchecked, i && a.geometry.checkbox.disabledStyles, r),
+		className: F(o.checkbox.base, s.size, e ? o.checkbox.checked : o.checkbox.unchecked, i && a.geometry.checkbox.disabledStyles, r),
 		children: /* @__PURE__ */ c(f, {
 			size: s.iconSize,
 			strokeWidth: 4,
-			className: I(a.geometry.checkbox.icon.baseStyles, e ? a.geometry.checkbox.icon.checked : a.geometry.checkbox.icon.unchecked)
+			className: F(a.geometry.checkbox.icon.baseStyles, e ? a.geometry.checkbox.icon.checked : a.geometry.checkbox.icon.unchecked)
 		})
 	});
 }, R = ({ variant: t = T.Primary, size: n = y.Medium, className: r, icon: i, children: a, onClick: o, disabled: s, "aria-label": l }) => {
-	let { theme: u, themeConfig: d } = F(), f = d.iconButtons[t], p = u.geometry.iconButtons[n], m = () => {
+	let { theme: u, themeConfig: d } = P(), f = d.iconButtons[t], p = u.geometry.iconButtons[n], m = () => {
 		let t = i || a;
 		return e.isValidElement(t) ? e.cloneElement(t, { size: p.iconSize }) : t;
 	};
 	return /* @__PURE__ */ c("button", {
-		className: I(u.geometry.iconButtons.baseStyles, f, p.size, p.padding, r),
+		className: F(u.geometry.iconButtons.baseStyles, f, p.size, p.padding, r),
 		onClick: o,
 		disabled: s,
 		"aria-label": l,
 		children: m()
 	});
 }, z = n(({ size: e = y.Medium, className: t, style: n, ...r }, i) => {
-	let { theme: a, themeConfig: o } = F(), s = e;
+	let { theme: a, themeConfig: o } = P(), s = e;
 	return /* @__PURE__ */ c("input", {
 		ref: i,
-		className: I(a.geometry.input.baseStyles, o.input, a.geometry.input[s].size, t),
+		className: F(a.geometry.input.baseStyles, o.input, a.geometry.input[s].size, t),
 		style: n,
 		...r
 	});
@@ -2656,37 +2668,37 @@ z.displayName = "TigerInput";
 //#endregion
 //#region src/presentation/components/TigerProgress.tsx
 var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "bar", max: i = 100, size: a = y.Medium, showValue: o = !0, className: s }) => {
-	let { theme: u, themeConfig: d } = F(), f = Math.min(Math.max(r === "bar" ? e / i * 100 : t / n * 100, 0), 100), p = u.geometry.progress, m = d.progress, h = a, g = p[h], _ = () => /* @__PURE__ */ c("div", {
-		className: I(p.track, g.height, g.trackRadius, m.track),
+	let { theme: u, themeConfig: d } = P(), f = Math.min(Math.max(r === "bar" ? e / i * 100 : t / n * 100, 0), 100), p = u.geometry.progress, m = d.progress, h = a, g = p[h], _ = () => /* @__PURE__ */ c("div", {
+		className: F(p.track, g.height, g.trackRadius, m.track),
 		children: /* @__PURE__ */ c("div", {
-			className: I(p.fill, g.trackRadius, m.fill),
+			className: F(p.fill, g.trackRadius, m.fill),
 			style: { width: `${f}%` },
-			children: /* @__PURE__ */ c("div", { className: I(p.fillEffect, m.fillEffectColor) })
+			children: /* @__PURE__ */ c("div", { className: F(p.fillEffect, m.fillEffectColor) })
 		})
 	}), v = () => /* @__PURE__ */ c("div", {
-		className: I(p.stepContainer, g.gap),
+		className: F(p.stepContainer, g.gap),
 		children: Array.from({ length: n }).map((e, n) => /* @__PURE__ */ c("div", {
-			className: I(p.step, g.height, g.trackRadius, n < t ? m.fill : m.unfilled),
-			children: n < t && /* @__PURE__ */ c("div", { className: I(p.stepEffect, m.fillEffectColor) })
+			className: F(p.step, g.height, g.trackRadius, n < t ? m.fill : m.unfilled),
+			children: n < t && /* @__PURE__ */ c("div", { className: F(p.stepEffect, m.fillEffectColor) })
 		}, n))
 	}), b = r === "bar" ? `${Math.round(f)}%` : `${t}/${n}`;
 	return /* @__PURE__ */ l("div", {
-		className: I(p.container, s),
+		className: F(p.container, s),
 		children: [/* @__PURE__ */ c("div", {
 			className: p.wrapper,
 			children: r === "bar" ? _() : v()
 		}), o && /* @__PURE__ */ c("div", {
 			className: p.valueContainer,
-			children: /* @__PURE__ */ c(L, {
+			children: /* @__PURE__ */ c(I, {
 				size: p.typographyMappings[h],
 				bold: !0,
-				className: I(p.valueStyles, m.value),
+				className: F(p.valueStyles, m.value),
 				children: b
 			})
 		})]
 	});
 }, ie = ({ checked: e, onChange: t, disabled: n = !1, size: r = y.Medium, color: i = E.Primary, label: a, description: o, className: s }) => {
-	let { theme: u, themeConfig: d } = F(), f = r, p = u.geometry.switch[f], m = () => {
+	let { theme: u, themeConfig: d } = P(), f = r, p = u.geometry.switch[f], m = () => {
 		if (n) return d.switch.disabled;
 		if (e) {
 			let e = i || E.Primary;
@@ -2695,15 +2707,15 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		return d.switch.disabled;
 	};
 	return /* @__PURE__ */ l("div", {
-		className: I("flex items-start gap-3", s),
+		className: F("flex items-start gap-3", s),
 		children: [/* @__PURE__ */ c("button", {
 			role: "switch",
 			"aria-checked": e,
 			"aria-disabled": n,
 			onClick: () => !n && t(!e),
 			disabled: n,
-			className: I(u.geometry.switch.baseStyles, p.track, m()),
-			children: /* @__PURE__ */ c("div", { className: I(u.geometry.switch.thumbStyles, p.thumb, e ? p.translateChecked : p.translateUnchecked) })
+			className: F(u.geometry.switch.baseStyles, p.track, m()),
+			children: /* @__PURE__ */ c("div", { className: F(u.geometry.switch.thumbStyles, p.thumb, e ? p.translateChecked : p.translateUnchecked) })
 		}), (a || o) && /* @__PURE__ */ l("div", {
 			className: "flex flex-col gap-1",
 			children: [a && /* @__PURE__ */ c("label", {
@@ -2716,12 +2728,12 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		})]
 	});
 }, ae = ({ children: e, className: t, style: n, size: r = y.Medium, onClick: i }) => {
-	let { theme: a, themeConfig: o } = F(), s = r, l = a.geometry.cards[s].size, u = a.geometry.cards.typographyMappings[s], d = a.geometry.typography[u];
+	let { theme: a, themeConfig: o } = P(), s = r, l = a.geometry.cards[s].size, u = a.geometry.cards.typographyMappings[s], d = a.geometry.typography[u];
 	return /* @__PURE__ */ c("div", {
 		onClick: i,
 		role: i ? "button" : void 0,
 		tabIndex: i ? 0 : void 0,
-		className: I(o.card, o.glass.blur, a.geometry.glassContainer.defaultPadding, a.geometry.cards.baseStyles, l, d, i && a.geometry.cards.interactiveStyles, t),
+		className: F(o.card, o.glass.blur, a.geometry.glassContainer.defaultPadding, a.geometry.cards.baseStyles, l, d, i && a.geometry.cards.interactiveStyles, t),
 		style: {
 			border: `${a.geometry.cards.borderStyle} ${o.borders.container}`,
 			boxShadow: o.shadows[s],
@@ -2730,34 +2742,46 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		children: e
 	});
 }, B = ({ children: e, className: t, style: n, onClick: r, ...i }) => {
-	let { theme: a, themeConfig: o } = F(), s = o.glass.container;
+	let { theme: a, themeConfig: o } = P(), s = o.glass.container;
 	return /* @__PURE__ */ c("div", {
 		onClick: r,
 		role: r ? "button" : void 0,
 		tabIndex: r ? 0 : void 0,
-		className: I(s, o.glass.blur, a.geometry.glassContainer.defaultBorderRadius, a.geometry.glassContainer.defaultPadding, a.geometry.glassContainer.transition, r && a.geometry.glassContainer.interactiveStyles, t),
+		className: F(s, o.glass.blur, a.geometry.glassContainer.defaultBorderRadius, a.geometry.glassContainer.defaultPadding, a.geometry.glassContainer.transition, r && a.geometry.glassContainer.interactiveStyles, t),
 		style: n,
 		...i,
 		children: e
 	});
 }, oe = ({ children: e }) => {
-	let { themeConfig: t, theme: n } = F(), r = t.layout.useGlassBody, i = n.geometry.layout;
+	let { themeConfig: t, theme: n } = P(), r = t.layout.useGlassBody, i = n.geometry.layout;
 	return r ? /* @__PURE__ */ l("div", {
-		className: I(i.bodyWrapper, !t.bgImage && t.gradient, !t.bgImage && "bg-gradient-to-br"),
+		className: F(i.bodyWrapper, !t.bgImage && t.gradient, !t.bgImage && "bg-gradient-to-br"),
 		style: t.bgImage ? { backgroundImage: `url(${t.bgImage})` } : {},
 		children: [/* @__PURE__ */ c("div", {
 			className: "fixed inset-0 pointer-events-none z-0 overflow-hidden",
-			children: i.bodyBlobs?.map((e, n) => /* @__PURE__ */ c("div", { className: I(e, t.layout.bodyBlobs?.[n]) }, n))
+			children: i.bodyBlobs?.map((e, n) => /* @__PURE__ */ c("div", { className: F(e, t.layout.bodyBlobs?.[n]) }, n))
 		}), /* @__PURE__ */ c("div", {
-			className: I("fixed inset-0 flex flex-col pointer-events-none", i.bodyMargin),
+			className: F("fixed inset-0 flex flex-col pointer-events-none", i.bodyMargin),
 			children: /* @__PURE__ */ c("div", {
-				className: I("flex-grow flex flex-col pointer-events-auto", i.bodyContent, i.bodyCorner, i.bodyPadding, t.glass.blur, t.glass.container),
+				className: F("flex-grow flex pointer-events-auto", i.bodyContent, i.bodyCorner, i.bodyPadding, t.glass.blur, t.glass.container),
 				children: e
 			})
 		})]
 	}) : /* @__PURE__ */ c(s, { children: e });
-}, se = ({ items: e, activeId: t, onItemSelect: n, header: r, footer: i, className: a }) => {
-	let { theme: s, themeConfig: u } = F(), [d, f] = o({}), h = s.geometry.sidebar, g = (e) => {
+}, se = ({ sidebar: e, topbar: t, children: n, className: r }) => {
+	let { themeConfig: i, theme: a } = P(), o = a.geometry.layout;
+	return /* @__PURE__ */ l("div", {
+		className: F(i.layout.main, r),
+		children: [e, /* @__PURE__ */ l("div", {
+			className: F(i.layout.contentWrapper),
+			children: [t, /* @__PURE__ */ c("main", {
+				className: F(i.layout.mainContent, o.bodyPadding),
+				children: n
+			})]
+		})]
+	});
+}, ce = ({ items: e, activeId: t, onItemSelect: n, header: r, footer: i, className: a }) => {
+	let { theme: s, themeConfig: u } = P(), [d, f] = o({}), h = s.geometry.sidebar, g = (e) => {
 		f((t) => ({
 			...t,
 			[e]: !t[e]
@@ -2770,10 +2794,10 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 				onClick: (t) => {
 					t.preventDefault(), t.stopPropagation(), i ? g(e.id) : n(e.id);
 				},
-				className: I(h.item, r > 0 && "pl-10", a ? u.sidebarActive : u.sidebarInactive),
+				className: F(h.item, r > 0 && "pl-10", a ? u.sidebarActive : u.sidebarInactive),
 				children: [/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-3 flex-1",
-					children: [/* @__PURE__ */ c(e.icon, { size: h.iconSize }), /* @__PURE__ */ c(L, {
+					children: [/* @__PURE__ */ c(e.icon, { size: h.iconSize }), /* @__PURE__ */ c(I, {
 						size: r > 0 ? y.Small : y.Medium,
 						children: e.label
 					})]
@@ -2785,9 +2809,9 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		}, e.id);
 	};
 	return /* @__PURE__ */ c("aside", {
-		className: I(h.wrapper, h.margin, a),
+		className: F(h.wrapper, h.margin, a),
 		children: /* @__PURE__ */ l(B, {
-			className: I(h.container, u.layout.sidebar.container, h.padding, h.corner),
+			className: F(h.container, u.layout.sidebar.container, h.padding, h.corner),
 			children: [
 				u.logo && /* @__PURE__ */ c("div", {
 					className: h.logoContainer,
@@ -2799,7 +2823,7 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 				}),
 				r,
 				/* @__PURE__ */ c("nav", {
-					className: I(h.nav, "flex flex-col gap-1"),
+					className: F(h.nav, "flex flex-col gap-1"),
 					children: e.map((e) => v(e))
 				}),
 				i
@@ -2807,28 +2831,28 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		})
 	});
 }, V = ({ children: e, direction: t = "vertical", gap: n = y.Medium, align: r = "center", className: i }) => {
-	let { theme: a } = F(), o = a.geometry.stack, s = o[n], l = o.directions[t], u = o.alignments[t][r];
+	let { theme: a } = P(), o = a.geometry.stack, s = o[n], l = o.directions[t], u = o.alignments[t][r];
 	return /* @__PURE__ */ c("div", {
-		className: I(o.flexBase, l, s.gap, u, i),
+		className: F(o.flexBase, l, s.gap, u, i),
 		children: e
 	});
 }, H = ({ title: e, description: t, actions: n, className: r }) => {
-	let { themeConfig: i, theme: a } = F(), o = a.geometry.topbar;
+	let { themeConfig: i, theme: a } = P(), o = a.geometry.topbar;
 	return /* @__PURE__ */ l("header", {
-		className: I(o.wrapper, i.layout.topbar.container, o.padding, o.margin, o.corner, o.height, o.width, r),
+		className: F(o.wrapper, i.layout.topbar.container, o.padding, o.margin, o.corner, o.height, o.width, r),
 		children: [
 			(e || t) && /* @__PURE__ */ l("div", {
 				className: o.titleContainer,
 				children: [e && /* @__PURE__ */ c("div", {
 					className: o.title,
-					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(L, {
+					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(I, {
 						size: y.Xlarge,
 						bold: !0,
 						children: e
 					}) : e)(e)
 				}), t && /* @__PURE__ */ c("div", {
 					className: o.descriptionContainer,
-					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(L, {
+					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(I, {
 						size: y.Medium,
 						children: e
 					}) : e)(t)
@@ -2859,17 +2883,17 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		[y.Xlarge]: "text-xl"
 	};
 	return /* @__PURE__ */ c("div", {
-		className: I("space-y-2", a),
+		className: F("space-y-2", a),
 		children: e.map((e) => {
 			let t = s.has(e.id), n = e.disabled || !1;
 			return /* @__PURE__ */ l("div", {
-				className: I("border border-white/10 rounded-xl overflow-hidden transition-all duration-200"),
+				className: F("border border-white/10 rounded-xl overflow-hidden transition-all duration-200"),
 				children: [/* @__PURE__ */ l("button", {
 					onClick: () => !n && d(e.id),
 					disabled: n,
 					"aria-expanded": t,
 					"aria-disabled": n,
-					className: I("w-full flex items-center justify-between", f[i], "transition-all duration-200 font-bold", m[i], !n && "hover:bg-white/5 dark:hover:bg-white/10", n && "opacity-50 cursor-not-allowed", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"),
+					className: F("w-full flex items-center justify-between", f[i], "transition-all duration-200 font-bold", m[i], !n && "hover:bg-white/5 dark:hover:bg-white/10", n && "opacity-50 cursor-not-allowed", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"),
 					children: [/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-3 flex-1 text-left",
 						children: [e.icon && /* @__PURE__ */ c("div", {
@@ -2878,12 +2902,12 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 						}), /* @__PURE__ */ c("span", { children: e.title })]
 					}), /* @__PURE__ */ c(p, {
 						size: 20,
-						className: I("flex-shrink-0 transition-transform duration-300", t && "rotate-180")
+						className: F("flex-shrink-0 transition-transform duration-300", t && "rotate-180")
 					})]
 				}), /* @__PURE__ */ c("div", {
-					className: I("overflow-hidden transition-all duration-300 ease-in-out", t ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"),
+					className: F("overflow-hidden transition-all duration-300 ease-in-out", t ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"),
 					children: /* @__PURE__ */ c("div", {
-						className: I(f[i], "pt-0 border-t border-white/5", "text-sm opacity-80"),
+						className: F(f[i], "pt-0 border-t border-white/5", "text-sm opacity-80"),
 						children: e.content
 					})
 				})]
@@ -2915,19 +2939,19 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 			contentRef: d
 		},
 		children: /* @__PURE__ */ c("div", {
-			className: I("relative inline-block w-full", n),
+			className: F("relative inline-block w-full", n),
 			style: r,
 			children: e
 		})
 	});
 }, J = ({ label: e, value: t, className: n, children: r, ...i }) => {
-	let { isOpen: a, setIsOpen: o, triggerRef: s } = K(), { themeConfig: u } = F();
+	let { isOpen: a, setIsOpen: o, triggerRef: s } = K(), { themeConfig: u } = P();
 	return /* @__PURE__ */ l("button", {
 		ref: s,
 		onClick: (e) => {
 			e.stopPropagation(), o(!a), i.onClick?.(e);
 		},
-		className: I(u.dropdown?.trigger || "flex items-center justify-between gap-2", n),
+		className: F(u.dropdown?.trigger || "flex items-center justify-between gap-2", n),
 		"aria-haspopup": "listbox",
 		"aria-expanded": a,
 		...i,
@@ -2936,20 +2960,20 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 			children: t === void 0 ? r || e : t
 		}), /* @__PURE__ */ c(p, {
 			size: 16,
-			className: I("transition-transform duration-300", a && "rotate-180")
+			className: F("transition-transform duration-300", a && "rotate-180")
 		})]
 	});
 }, Y = ({ children: e, size: t = y.Medium, className: n, ...r }) => {
-	let { isOpen: i, contentRef: a } = K(), { theme: o, themeConfig: s } = F(), l = t;
+	let { isOpen: i, contentRef: a } = K(), { theme: o, themeConfig: s } = P(), l = t;
 	return i ? /* @__PURE__ */ c("div", {
 		ref: a,
 		role: "listbox",
-		className: I("absolute left-0", s.dropdown?.content || "", o.geometry.dropdown?.[l]?.size || "", o.geometry.dropdown?.contentPositioning || "", n),
+		className: F("absolute left-0", s.dropdown?.content || "", o.geometry.dropdown?.[l]?.size || "", o.geometry.dropdown?.contentPositioning || "", n),
 		...r,
 		children: e
 	}) : null;
 }, X = ({ children: e, className: t, onClick: n, ...r }) => {
-	let [i, a] = o(!1), { setIsOpen: s } = K(), { themeConfig: l } = F();
+	let [i, a] = o(!1), { setIsOpen: s } = K(), { themeConfig: l } = P();
 	return /* @__PURE__ */ c("button", {
 		role: "option",
 		onClick: (e) => {
@@ -2957,7 +2981,7 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		},
 		onMouseEnter: () => a(!0),
 		onMouseLeave: () => a(!1),
-		className: I(l.dropdown?.item || "", i && (l.dropdown?.itemHover || ""), t),
+		className: F(l.dropdown?.item || "", i && (l.dropdown?.itemHover || ""), t),
 		...r,
 		children: e
 	});
@@ -2965,28 +2989,28 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 q.displayName = "TigerDropdown", J.displayName = "TigerDropdownTrigger", Y.displayName = "TigerDropdownContent", X.displayName = "TigerDropdownItem";
 //#endregion
 //#region src/presentation/components/TigerList.tsx
-var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) => {
-	let { theme: a, themeConfig: o } = F(), { gap: s, containerCorner: l } = a.geometry.list;
+var le = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) => {
+	let { theme: a, themeConfig: o } = P(), { gap: s, containerCorner: l } = a.geometry.list;
 	return /* @__PURE__ */ c("div", {
-		className: I(o.list.base, s, l, n),
+		className: F(o.list.base, s, l, n),
 		children: e.Children.map(t, (t, n) => e.isValidElement(t) ? e.cloneElement(t, {
 			size: r,
 			style: i && n > 0 ? { borderTop: o.list.divider } : {}
 		}) : t)
 	});
-}, le = ({ children: t, className: n, icon: r, size: i = y.Medium, style: a }) => {
-	let { theme: o, themeConfig: s } = F(), u = o.geometry.list, { itemCorner: d, itemGap: f, iconOpacity: p, transition: m } = u, h = u[i].size, g = u.typographyMappings[i];
+}, ue = ({ children: t, className: n, icon: r, size: i = y.Medium, style: a }) => {
+	let { theme: o, themeConfig: s } = P(), u = o.geometry.list, { itemCorner: d, itemGap: f, iconOpacity: p, transition: m } = u, h = u[i].size, g = u.typographyMappings[i];
 	return /* @__PURE__ */ l("div", {
-		className: I(s.list.itemBase, m, f, d, h, n),
+		className: F(s.list.itemBase, m, f, d, h, n),
 		style: { ...a },
 		onMouseEnter: (e) => e.currentTarget.style.backgroundColor = s.list.itemHover,
 		onMouseLeave: (e) => e.currentTarget.style.backgroundColor = o.geometry.list.itemHoverResetColor,
 		children: [r && /* @__PURE__ */ c("div", {
-			className: I(s.list.iconContainer, p),
-			children: e.isValidElement(r) ? e.cloneElement(r, { className: I(r.props.className, s.list.iconColor) }) : r
+			className: F(s.list.iconContainer, p),
+			children: e.isValidElement(r) ? e.cloneElement(r, { className: F(r.props.className, s.list.iconColor) }) : r
 		}), /* @__PURE__ */ c("div", {
 			className: s.list.textContainer,
-			children: /* @__PURE__ */ c(L, {
+			children: /* @__PURE__ */ c(I, {
 				size: g,
 				className: o.geometry.list.typographyInherit,
 				children: t
@@ -2994,9 +3018,9 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 		})]
 	});
 }, Z = ({ children: e, src: t, alt: n = "", size: r = y.Medium, shape: i = S.Squircle, variant: a = x.Soft, bgColor: o, className: s, style: l }) => {
-	let { theme: u } = F(), d = u.geometry.thumbnail, f = d[r], p = d.variants[a];
+	let { theme: u } = P(), d = u.geometry.thumbnail, f = d[r], p = d.variants[a];
 	return /* @__PURE__ */ c("div", {
-		className: I(d.baseStyles, f.size, f.shapes[i], p.bg, p.text, s),
+		className: F(d.baseStyles, f.size, f.shapes[i], p.bg, p.text, s),
 		style: {
 			...o ? { backgroundColor: o } : {},
 			...l
@@ -3010,10 +3034,10 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			children: e
 		})
 	});
-}, ue = ({ title: e, description: t, icon: n, variant: r = b.Neutral, action: i, onClose: a, className: o }) => {
-	let { theme: s, themeConfig: u } = F(), d = s.geometry.message, f = u.message.variants[r];
+}, de = ({ title: e, description: t, icon: n, variant: r = b.Neutral, action: i, onClose: a, className: o }) => {
+	let { theme: s, themeConfig: u } = P(), d = s.geometry.message, f = u.message.variants[r];
 	return /* @__PURE__ */ l("div", {
-		className: I(d.base, d.containerPadding, d.borderRadius, d.transition, f.container, o),
+		className: F(d.base, d.containerPadding, d.borderRadius, d.transition, f.container, o),
 		role: "alert",
 		children: [/* @__PURE__ */ l(V, {
 			direction: "horizontal",
@@ -3021,12 +3045,12 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			align: "center",
 			className: "flex-1",
 			children: [n && /* @__PURE__ */ c("div", {
-				className: I("shrink-0", d.gap),
+				className: F("shrink-0", d.gap),
 				children: /* @__PURE__ */ c(Z, {
 					shape: S.Circle,
 					size: y.Medium,
 					variant: d.thumbnailVariant,
-					className: I(f.thumbnail, f.icon),
+					className: F(f.thumbnail, f.icon),
 					children: /* @__PURE__ */ c("div", {
 						className: d.iconSize,
 						children: n
@@ -3034,19 +3058,19 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 				})
 			}), /* @__PURE__ */ l("div", {
 				className: d.contentWrapper,
-				children: [/* @__PURE__ */ c(L, {
+				children: [/* @__PURE__ */ c(I, {
 					size: d.typographyMappings.title,
 					bold: !0,
-					className: I(d.titleExtra, u.cardText),
+					className: F(d.titleExtra, u.cardText),
 					children: e
-				}), t && /* @__PURE__ */ c(L, {
+				}), t && /* @__PURE__ */ c(I, {
 					size: d.typographyMappings.description,
-					className: I(d.descriptionExtra, u.mutedText),
+					className: F(d.descriptionExtra, u.mutedText),
 					children: t
 				})]
 			})]
 		}), (i || a) && /* @__PURE__ */ l("div", {
-			className: I(d.actionsWrapper, d.actionGap, d.actionMarginLeft),
+			className: F(d.actionsWrapper, d.actionGap, d.actionMarginLeft),
 			children: [i, a && /* @__PURE__ */ c("button", {
 				onClick: a,
 				className: u.message.closeButton,
@@ -3075,15 +3099,15 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			})]
 		})]
 	});
-}, de = ({ items: e, activeId: t, defaultActiveId: n, onChange: r, size: a = y.Medium, variant: s = C.Segment, fullWidth: u = !1, className: d }) => {
-	let { theme: f, themeConfig: p } = F(), [m, h] = o(t || n || (e.length > 0 ? e[0].id : "")), g = t === void 0 ? m : t, _ = a;
+}, fe = ({ items: e, activeId: t, defaultActiveId: n, onChange: r, size: a = y.Medium, variant: s = C.Segment, fullWidth: u = !1, className: d }) => {
+	let { theme: f, themeConfig: p } = P(), [m, h] = o(t || n || (e.length > 0 ? e[0].id : "")), g = t === void 0 ? m : t, _ = a;
 	i(() => {
 		t !== void 0 && h(t);
 	}, [t]);
 	let v = (e) => {
 		h(e), r && r(e);
 	}, b = f.geometry.tabs, x = () => /* @__PURE__ */ c("div", {
-		className: I(p.tabs.container, b.segment.container, u ? b.segment.fullWidth : b.segment.fitted, d),
+		className: F(p.tabs.container, b.segment.container, u ? b.segment.fullWidth : b.segment.fitted, d),
 		children: e.map((e) => {
 			let t = g === e.id;
 			return /* @__PURE__ */ l("button", {
@@ -3092,12 +3116,12 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 				"aria-selected": t,
 				disabled: e.disabled,
 				onClick: () => !e.disabled && v(e.id),
-				className: I(b.segment.button, b[_].size, f.geometry.typography[b.typographyMappings[_]], u && b.segment.buttonFullWidth, t ? p.tabs.active : p.tabs.inactive, e.disabled && b.disabled),
+				className: F(b.segment.button, b[_].size, f.geometry.typography[b.typographyMappings[_]], u && b.segment.buttonFullWidth, t ? p.tabs.active : p.tabs.inactive, e.disabled && b.disabled),
 				children: [e.icon, e.label]
 			}, e.id);
 		})
 	}), S = () => /* @__PURE__ */ c("div", {
-		className: I(b.underline.container, u ? b.underline.fullWidth : b.underline.fitted, d),
+		className: F(b.underline.container, u ? b.underline.fullWidth : b.underline.fitted, d),
 		children: e.map((e) => {
 			let t = g === e.id;
 			return /* @__PURE__ */ l("button", {
@@ -3106,16 +3130,16 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 				"aria-selected": t,
 				disabled: e.disabled,
 				onClick: () => !e.disabled && v(e.id),
-				className: I(b.underline.button, b[_].size, f.geometry.typography[b.typographyMappings[_]], u && b.underline.buttonFullWidth, e.disabled && b.disabled, t ? p.cardText : p.mutedText),
+				className: F(b.underline.button, b[_].size, f.geometry.typography[b.typographyMappings[_]], u && b.underline.buttonFullWidth, e.disabled && b.disabled, t ? p.cardText : p.mutedText),
 				children: [
 					e.icon,
 					e.label,
-					/* @__PURE__ */ c("div", { className: I(b.underline.indicator, t ? b.underline.indicatorActive : b.underline.indicatorInactive) })
+					/* @__PURE__ */ c("div", { className: F(b.underline.indicator, t ? b.underline.indicatorActive : b.underline.indicatorInactive) })
 				]
 			}, e.id);
 		})
 	}), w = () => /* @__PURE__ */ c("div", {
-		className: I(b.pill.container, u ? b.pill.fullWidth : b.pill.fitted, d),
+		className: F(b.pill.container, u ? b.pill.fullWidth : b.pill.fitted, d),
 		children: e.map((e) => {
 			let t = g === e.id;
 			return /* @__PURE__ */ l("button", {
@@ -3124,7 +3148,7 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 				"aria-selected": t,
 				disabled: e.disabled,
 				onClick: () => !e.disabled && v(e.id),
-				className: I(b.pill.button, b[_].size, f.geometry.typography[b.typographyMappings[_]], t ? p.tabs.active : p.tabs.inactive, e.disabled && b.disabled),
+				className: F(b.pill.button, b[_].size, f.geometry.typography[b.typographyMappings[_]], t ? p.tabs.active : p.tabs.inactive, e.disabled && b.disabled),
 				style: t ? void 0 : { borderColor: p.borders.row },
 				children: [e.icon, e.label]
 			}, e.id);
@@ -3138,13 +3162,13 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			s === C.Pill && w(),
 			T && T.content && /* @__PURE__ */ c("div", {
 				role: "tabpanel",
-				className: I(b.content, b[_].contentSize),
+				className: F(b.content, b[_].contentSize),
 				children: T.content
 			})
 		]
 	});
-}, fe = ({ isOpen: e, onClose: t, title: n, children: r, footer: a, size: s = y.Medium, showCloseButton: u = !0, className: d }) => {
-	let { theme: f } = F(), p = s, [m, _] = o(!1);
+}, pe = ({ isOpen: e, onClose: t, title: n, children: r, footer: a, size: s = y.Medium, showCloseButton: u = !0, className: d }) => {
+	let { theme: f } = P(), p = s, [m, _] = o(!1);
 	if (i(() => (_(!0), e && (document.body.style.overflow = "hidden"), () => {
 		document.body.style.overflow = "unset";
 	}), [e]), i(() => {
@@ -3161,14 +3185,14 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			onClick: t,
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ l(B, {
-			className: I(v.container, v[p].size, d),
+			className: F(v.container, v[p].size, d),
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": n ? "tiger-modal-title" : void 0,
 			children: [
 				(n || u) && /* @__PURE__ */ l("div", {
 					className: v.headerSpacing,
-					children: [n && /* @__PURE__ */ c(L, {
+					children: [n && /* @__PURE__ */ c(I, {
 						id: "tiger-modal-title",
 						size: v.typographyMappings.title,
 						bold: !0,
@@ -3176,7 +3200,7 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 						children: n
 					}), u && /* @__PURE__ */ c("button", {
 						onClick: t,
-						className: I(v.closeButton, "transition-opacity"),
+						className: F(v.closeButton, "transition-opacity"),
 						"aria-label": "Cerrar modal",
 						children: /* @__PURE__ */ c(h, { size: v.closeIconSize })
 					})]
@@ -3186,27 +3210,27 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 					children: r
 				}),
 				a && /* @__PURE__ */ c("div", {
-					className: I(v.footerSpacing, v.footerBorder),
+					className: F(v.footerSpacing, v.footerBorder),
 					children: a
 				})
 			]
 		})]
 	}), document.body);
-}, pe = ({ children: t, size: n = y.Medium, className: r }) => {
-	let { theme: i, themeConfig: a } = F(), o = i.geometry.table;
+}, me = ({ children: t, size: n = y.Medium, className: r }) => {
+	let { theme: i, themeConfig: a } = P(), o = i.geometry.table;
 	return /* @__PURE__ */ c("div", {
 		className: o.container,
 		style: { border: `${o.containerBorder} ${a.borders.container}` },
 		children: /* @__PURE__ */ c("div", {
 			className: o.wrapper,
 			children: /* @__PURE__ */ c("table", {
-				className: I(o.table, r),
+				className: F(o.table, r),
 				children: e.Children.map(t, (t) => e.isValidElement(t) ? e.cloneElement(t, { size: n }) : t)
 			})
 		})
 	});
-}, me = ({ children: t, size: n }) => {
-	let { theme: r, themeConfig: i } = F(), a = r.geometry.table;
+}, Q = ({ children: t, size: n }) => {
+	let { theme: r, themeConfig: i } = P(), a = r.geometry.table;
 	return /* @__PURE__ */ c("thead", {
 		style: {
 			backgroundColor: i.table.headerBg,
@@ -3217,13 +3241,13 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			isHeader: !0
 		}) : t)
 	});
-}, Q = ({ children: t, size: n }) => /* @__PURE__ */ c("tbody", {
+}, he = ({ children: t, size: n }) => /* @__PURE__ */ c("tbody", {
 	className: "",
 	children: e.Children.map(t, (t) => e.isValidElement(t) ? e.cloneElement(t, { size: n }) : t)
-}), he = ({ children: t, size: n, isHeader: r }) => {
-	let { theme: i, themeConfig: a } = F(), o = i.geometry.table;
+}), ge = ({ children: t, size: n, isHeader: r }) => {
+	let { theme: i, themeConfig: a } = P(), o = i.geometry.table;
 	return /* @__PURE__ */ c("tr", {
-		className: I(o.head, !r && o.headRow),
+		className: F(o.head, !r && o.headRow),
 		style: { backgroundColor: o.rowBackground },
 		onMouseEnter: (e) => !r && (e.currentTarget.style.backgroundColor = a.table.rowHover),
 		onMouseLeave: (e) => !r && (e.currentTarget.style.backgroundColor = o.rowBackground),
@@ -3232,51 +3256,51 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			isHeader: r
 		}) : t)
 	});
-}, ge = ({ children: e, size: t = y.Medium, className: n }) => {
-	let { theme: r, themeConfig: i } = F(), a = r.geometry.table, o = t, s = a.typographyMappings.header;
+}, _e = ({ children: e, size: t = y.Medium, className: n }) => {
+	let { theme: r, themeConfig: i } = P(), a = r.geometry.table, o = t, s = a.typographyMappings.header;
 	return /* @__PURE__ */ c("th", {
-		className: I(a.headerCell, a[o].headerCellSize, n),
+		className: F(a.headerCell, a[o].headerCellSize, n),
 		style: {
 			backgroundColor: i.table.headerBg,
 			borderBottom: `${a.headerBorder} ${i.borders.header}`,
 			color: i.table.headerText
 		},
-		children: /* @__PURE__ */ c(L, {
+		children: /* @__PURE__ */ c(I, {
 			size: s,
 			bold: !0,
-			className: I(a.headerTypography),
+			className: F(a.headerTypography),
 			children: e
 		})
 	});
-}, _e = ({ children: e, size: t = y.Medium, className: n }) => {
-	let { theme: r, themeConfig: i } = F(), a = r.geometry.table, o = t, s = a.typographyMappings.data;
+}, ve = ({ children: e, size: t = y.Medium, className: n }) => {
+	let { theme: r, themeConfig: i } = P(), a = r.geometry.table, o = t, s = a.typographyMappings.data;
 	return /* @__PURE__ */ c("td", {
-		className: I(a[o].dataCellSize, n),
+		className: F(a[o].dataCellSize, n),
 		style: { borderBottom: `${a.dataBorder} ${i.borders.row}` },
-		children: /* @__PURE__ */ c(L, {
+		children: /* @__PURE__ */ c(I, {
 			size: s,
 			className: a.dataTypography,
 			children: e
 		})
 	});
-}, ve = t(void 0), ye = () => {
-	let e = r(ve);
+}, ye = t(void 0), be = () => {
+	let e = r(ye);
 	if (!e) throw Error("useToast must be used within a TigerToastProvider");
 	return e;
 }, $ = ({ title: e, description: t, type: n = "neutral", onClose: r }) => {
-	let { theme: i, themeConfig: a } = F(), { t: o } = _(), s = i.geometry.toasts, u = a.toasts.variants[n] || a.toasts.variants.neutral;
+	let { theme: i, themeConfig: a } = P(), { t: o } = _(), s = i.geometry.toasts, u = a.toasts.variants[n] || a.toasts.variants.neutral;
 	return /* @__PURE__ */ l(B, {
-		className: I(s.width, s.height, s.corner, a.toasts.container, s.containerStyles, s.containerPadding, u),
+		className: F(s.width, s.height, s.corner, a.toasts.container, s.containerStyles, s.containerPadding, u),
 		children: [/* @__PURE__ */ l("div", {
 			className: s.contentWrapper,
-			children: [/* @__PURE__ */ c(L, {
+			children: [/* @__PURE__ */ c(I, {
 				size: y.Medium,
 				bold: !0,
-				className: I(s.title, a.toasts.title),
+				className: F(s.title, a.toasts.title),
 				children: e
-			}), t && /* @__PURE__ */ c(L, {
+			}), t && /* @__PURE__ */ c(I, {
 				size: y.Medium,
-				className: I(s.description, a.toasts.description),
+				className: F(s.description, a.toasts.description),
 				children: t
 			})]
 		}), /* @__PURE__ */ c(R, {
@@ -3284,12 +3308,12 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 			size: y.Small,
 			onClick: r,
 			icon: /* @__PURE__ */ c(h, {}),
-			className: I(s.closeButton, a.toasts.closeButton),
+			className: F(s.closeButton, a.toasts.closeButton),
 			"aria-label": o("close_notification")
 		})]
 	});
-}, be = () => {
-	let { theme: e } = F(), t = e.geometry.toasts, { toasts: n, removeToast: r } = ye();
+}, xe = () => {
+	let { theme: e } = P(), t = e.geometry.toasts, { toasts: n, removeToast: r } = be();
 	return typeof document > "u" ? null : g(/* @__PURE__ */ c("div", {
 		className: t.stackStyles,
 		children: n.map((e) => /* @__PURE__ */ c("div", {
@@ -3302,4 +3326,4 @@ var ce = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 	}), document.body);
 };
 //#endregion
-export { y as ComponentSize, v as ThemeMode, P as ThemeProvider, S as ThumbnailShape, U as TigerAccordion, W as TigerAccordionItem, ee as TigerBadge, w as TigerBadgeVariant, te as TigerButton, T as TigerButtonVariant, ae as TigerCard, ne as TigerCheckbox, q as TigerDropdown, Y as TigerDropdownContent, X as TigerDropdownItem, J as TigerDropdownTrigger, B as TigerGlassContainer, oe as TigerGlobalGlassWrapper, R as TigerIconButton, z as TigerInput, ce as TigerList, le as TigerListItem, ue as TigerMessage, b as TigerMessageVariant, fe as TigerModal, re as TigerProgress, se as TigerSidebar, V as TigerStack, ie as TigerSwitch, E as TigerSwitchColor, pe as TigerTable, de as TigerTabs, C as TigerTabsVariant, Q as TigerTbody, _e as TigerTd, ge as TigerTh, me as TigerThead, Z as TigerThumbnail, x as TigerThumbnailVariant, $ as TigerToast, be as TigerToastContainer, H as TigerTopBar, he as TigerTr, L as TigerTypography, j as glassmorphismTheme, D as mandalaTheme, k as mispuntosTheme, F as useTheme };
+export { y as ComponentSize, v as ThemeMode, ee as ThemeProvider, S as ThumbnailShape, U as TigerAccordion, W as TigerAccordionItem, te as TigerBadge, w as TigerBadgeVariant, ne as TigerButton, T as TigerButtonVariant, ae as TigerCard, L as TigerCheckbox, se as TigerDashboardLayout, q as TigerDropdown, Y as TigerDropdownContent, X as TigerDropdownItem, J as TigerDropdownTrigger, B as TigerGlassContainer, oe as TigerGlobalGlassWrapper, R as TigerIconButton, z as TigerInput, le as TigerList, ue as TigerListItem, de as TigerMessage, b as TigerMessageVariant, pe as TigerModal, re as TigerProgress, ce as TigerSidebar, V as TigerStack, ie as TigerSwitch, E as TigerSwitchColor, me as TigerTable, fe as TigerTabs, C as TigerTabsVariant, he as TigerTbody, ve as TigerTd, _e as TigerTh, Q as TigerThead, Z as TigerThumbnail, x as TigerThumbnailVariant, $ as TigerToast, xe as TigerToastContainer, H as TigerTopBar, ge as TigerTr, I as TigerTypography, j as glassmorphismTheme, D as mandalaTheme, k as mispuntosTheme, P as useTheme };