@jonapin006/tiger 1.0.42 → 1.0.44

package/dist/tiger.es.js

@@ -98,9 +98,13 @@ var v = /* @__PURE__ */ function(e) {
 			baseStyles: "flex items-center justify-center transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 rounded-full"
 		},
 		badges: {
-			small: { container: "px-2 py-0.5 text-[8px] rounded-sm" },
-			medium: { container: "px-3 py-1 text-[10px] rounded-md" },
-			typography: "leading-none tracking-widest uppercase font-black",
+			small: { container: "px-2 py-0.5 rounded-sm" },
+			medium: { container: "px-3 py-1 rounded-md" },
+			typographyMappings: {
+				small: b.Xsmall,
+				medium: b.Small
+			},
+			typography: "leading-none tracking-widest uppercase",
 			baseStyles: "inline-flex items-center justify-center transition-all duration-300 shadow-none"
 		},
 		tabs: {
@@ -159,25 +163,25 @@ var v = /* @__PURE__ */ function(e) {
 			content: "transition-all duration-500 animate-in fade-in slide-in-from-bottom-2"
 		},
 		cards: {
-			small: {
-				corner: "rounded-2xl",
-				padding: "p-6 md:p-8"
-			},
 			none: {
-				corner: "rounded-2xl",
-				padding: "p-0"
+				corner: "rounded-none",
+				padding: "p-4 md:p-4"
+			},
+			small: {
+				corner: "rounded-xl",
+				padding: "p-4 md:p-4"
 			},
 			medium: {
 				corner: "rounded-2xl",
-				padding: "p-10 md:p-14"
+				padding: "p-4 md:p-4"
 			},
 			large: {
 				corner: "rounded-3xl",
-				padding: "p-14 md:p-20"
+				padding: "p-4 md:p-4"
 			},
 			xlarge: {
-				corner: "rounded-[3rem]",
-				padding: "p-20 md:p-32"
+				corner: "rounded-4xl",
+				padding: "p-4 md:p-4"
 			},
 			typographyMappings: {
 				xsmall: b.Xsmall,
@@ -549,7 +553,12 @@ var v = /* @__PURE__ */ function(e) {
 			titleContainer: "flex flex-col items-start min-w-0 flex-1",
 			title: "block w-full",
 			descriptionContainer: "mt-0.5 opacity-60 w-full",
-			actionsContainer: "flex items-center justify-end flex-shrink-0"
+			actionsContainer: "flex items-center justify-end flex-shrink-0",
+			typographyMappings: {
+				medium: b.Medium,
+				large: b.Large,
+				xlarge: b.Xlarge
+			}
 		},
 		layout: {
 			bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
@@ -1011,6 +1020,10 @@ var v = /* @__PURE__ */ function(e) {
 		badges: {
 			small: { container: "px-2 py-0.5 rounded-md" },
 			medium: { container: "px-2.5 py-1 rounded-lg" },
+			typographyMappings: {
+				small: b.Xsmall,
+				medium: b.Small
+			},
 			typography: "leading-none tracking-widest uppercase font-black",
 			baseStyles: "inline-flex items-center justify-center transition-all duration-300 shadow-none"
 		},
@@ -1070,25 +1083,25 @@ var v = /* @__PURE__ */ function(e) {
 			content: "transition-all duration-500 animate-in fade-in slide-in-from-bottom-2"
 		},
 		cards: {
+			none: {
+				corner: "rounded-none",
+				padding: "p-4 md:p-4"
+			},
 			small: {
 				corner: "rounded-xl",
-				padding: "p-6"
-			},
-			none: {
-				corner: "rounded-2xl",
-				padding: "p-0"
+				padding: "p-4 md:p-4"
 			},
 			medium: {
 				corner: "rounded-2xl",
-				padding: "p-8 md:p-10"
+				padding: "p-4 md:p-4"
 			},
 			large: {
-				corner: "rounded-[1.5rem]",
-				padding: "p-10 md:p-14"
+				corner: "rounded-3xl",
+				padding: "p-4 md:p-4"
 			},
 			xlarge: {
-				corner: "rounded-[2.5rem]",
-				padding: "p-14 md:p-20"
+				corner: "rounded-4xl",
+				padding: "p-4 md:p-4"
 			},
 			typographyMappings: {
 				xsmall: b.Xsmall,
@@ -1460,7 +1473,12 @@ var v = /* @__PURE__ */ function(e) {
 			titleContainer: "flex flex-col items-start min-w-0 flex-1",
 			title: "block w-full",
 			descriptionContainer: "mt-0.5 opacity-60 w-full",
-			actionsContainer: "flex items-center justify-end flex-shrink-0"
+			actionsContainer: "flex items-center justify-end flex-shrink-0",
+			typographyMappings: {
+				medium: b.Medium,
+				large: b.Large,
+				xlarge: b.Xlarge
+			}
 		},
 		layout: {
 			bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
@@ -1922,6 +1940,10 @@ var v = /* @__PURE__ */ function(e) {
 		badges: {
 			small: { container: "px-2.5 py-0.5 rounded-full" },
 			medium: { container: "px-3.5 py-1 rounded-full" },
+			typographyMappings: {
+				small: b.Xsmall,
+				medium: b.Small
+			},
 			typography: "leading-none tracking-tight font-bold",
 			baseStyles: "inline-flex items-center justify-center transition-all duration-300 shadow-none"
 		},
@@ -1981,25 +2003,25 @@ var v = /* @__PURE__ */ function(e) {
 			content: "transition-all duration-500 animate-in fade-in slide-in-from-bottom-2"
 		},
 		cards: {
-			small: {
-				corner: "rounded-xl",
-				padding: "p-4"
-			},
 			none: {
 				corner: "rounded-none",
-				padding: "p-0"
+				padding: "p-4 md:p-4"
+			},
+			small: {
+				corner: "rounded-xl",
+				padding: "p-4 md:p-4"
 			},
 			medium: {
 				corner: "rounded-2xl",
-				padding: "p-4"
+				padding: "p-4 md:p-4"
 			},
 			large: {
 				corner: "rounded-3xl",
-				padding: "p-4"
+				padding: "p-4 md:p-4"
 			},
 			xlarge: {
 				corner: "rounded-4xl",
-				padding: "p-4"
+				padding: "p-4 md:p-4"
 			},
 			typographyMappings: {
 				xsmall: b.Xsmall,
@@ -2371,7 +2393,12 @@ var v = /* @__PURE__ */ function(e) {
 			titleContainer: "flex flex-col items-start min-w-0 flex-1",
 			title: "block w-full",
 			descriptionContainer: "mt-0.5 opacity-60 w-full",
-			actionsContainer: "flex items-center justify-end flex-shrink-0"
+			actionsContainer: "flex items-center justify-end flex-shrink-0",
+			typographyMappings: {
+				medium: b.Medium,
+				large: b.Large,
+				xlarge: b.Xlarge
+			}
 		},
 		layout: {
 			bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
@@ -2824,13 +2851,13 @@ var L = ({ children: e, typographySize: t = b.Medium, variant: n = "p", bold: r
 		style: o,
 		children: e
 	});
-}, R = ({ children: e, variant: t = T.Primary, size: n = y.Medium, typographySize: r = b.Medium, className: i, style: a }) => {
-	let { theme: o, themeConfig: s } = F(), l = o.geometry.badges[n];
+}, R = ({ children: e, variant: t = T.Primary, size: n = y.Medium, typographySize: r, className: i, style: a }) => {
+	let { theme: o, themeConfig: s } = F(), l = o.geometry.badges[n], u = r || o.geometry.badges.typographyMappings[n];
 	return /* @__PURE__ */ c("div", {
 		className: I(o.geometry.badges.baseStyles, s.badges.base, l.container, s.badges.variants[t], i),
 		style: a,
 		children: /* @__PURE__ */ c(L, {
-			typographySize: r,
+			typographySize: u,
 			bold: !0,
 			className: o.geometry.badges.typography,
 			children: e
@@ -2892,15 +2919,15 @@ var L = ({ children: e, typographySize: t = b.Medium, variant: n = "p", bold: r
 B.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, typographySize: o = b.Medium, showValue: s = !0, className: u }) => {
-	let { theme: d, themeConfig: f } = F(), p = Math.min(Math.max(r === "bar" ? e / i * 100 : t / n * 100, 0), 100), m = d.geometry.progress, h = f.progress, g = m[a], _ = () => /* @__PURE__ */ c("div", {
+var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "bar", max: i = 100, size: a = y.Medium, typographySize: o, showValue: s = !0, className: u }) => {
+	let { theme: d, themeConfig: f } = F(), p = Math.min(Math.max(r === "bar" ? e / i * 100 : t / n * 100, 0), 100), m = d.geometry.progress, h = f.progress, g = m[a], _ = o, v = () => /* @__PURE__ */ c("div", {
 		className: I(m.track, g.height, g.trackRadius, h.track),
 		children: /* @__PURE__ */ c("div", {
 			className: I(m.fill, g.trackRadius, h.fill),
 			style: { width: `${p}%` },
 			children: /* @__PURE__ */ c("div", { className: I(m.fillEffect, h.fillEffectColor) })
 		})
-	}), v = () => /* @__PURE__ */ c("div", {
+	}), b = () => /* @__PURE__ */ c("div", {
 		className: I(m.stepContainer, g.gap),
 		children: Array.from({ length: n }).map((e, n) => /* @__PURE__ */ c("div", {
 			className: I(m.step, g.height, g.trackRadius, n < t ? h.fill : h.unfilled),
@@ -2911,11 +2938,11 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		className: I(m.container, u),
 		children: [/* @__PURE__ */ c("div", {
 			className: m.wrapper,
-			children: r === "bar" ? _() : v()
+			children: r === "bar" ? v() : b()
 		}), s && /* @__PURE__ */ c("div", {
 			className: m.valueContainer,
 			children: /* @__PURE__ */ c(L, {
-				typographySize: o,
+				typographySize: _,
 				bold: !0,
 				className: I(m.valueStyles, h.value),
 				children: x
@@ -3065,31 +3092,31 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
 		className: I(o.flexBase, l, s.gap, u, i),
 		children: e
 	});
-}, U = ({ title: e, description: t, actions: n, className: r, titleTypographySize: i, descriptionTypographySize: a }) => {
-	let { themeConfig: o, theme: s } = F(), u = s.geometry.topbar, d = i || b.Xlarge, f = a || b.Medium;
+}, U = ({ title: e, description: t, actions: n, className: r, size: i = y.Xlarge, titleTypographySize: a, descriptionTypographySize: o }) => {
+	let { themeConfig: s, theme: u } = F(), d = u.geometry.topbar, f = a || d.typographyMappings[i], p = o || d.typographyMappings.medium;
 	return /* @__PURE__ */ l("header", {
-		className: I(u.wrapper, o.layout.topbar.container, u.padding, u.margin, u.corner, u.height, u.width, r),
+		className: I(d.wrapper, s.layout.topbar.container, d.padding, d.margin, d.corner, d.height, d.width, r),
 		children: [
 			(e || t) && /* @__PURE__ */ l("div", {
-				className: u.titleContainer,
+				className: d.titleContainer,
 				children: [e && /* @__PURE__ */ c("div", {
-					className: u.title,
+					className: d.title,
 					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(L, {
-						typographySize: d,
+						typographySize: f,
 						bold: !0,
 						children: e
 					}) : e)(e)
 				}), t && /* @__PURE__ */ c("div", {
-					className: u.descriptionContainer,
+					className: d.descriptionContainer,
 					children: ((e) => typeof e == "string" ? /* @__PURE__ */ c(L, {
-						typographySize: f,
+						typographySize: p,
 						children: e
 					}) : e)(t)
 				})]
 			}),
 			/* @__PURE__ */ c("div", {}),
 			n && /* @__PURE__ */ c("div", {
-				className: u.actionsContainer,
+				className: d.actionsContainer,
 				children: n
 			})
 		]
@@ -3430,7 +3457,7 @@ var ue = ({ children: t, className: n, size: r = y.Medium, divided: i = !0 }) =>
 		]
 	});
 }, me = ({ isOpen: e, onClose: t, title: n, children: r, footer: a, size: s = y.Medium, typographySize: u, showCloseButton: d = !0, className: f }) => {
-	let { theme: p } = F(), m = s, _ = p.geometry.modal, v = u || _.typographyMappings.medium, [b, x] = o(!1);
+	let { theme: p } = F(), m = s, _ = p.geometry.modal, v = u || _.typographyMappings[m], [b, x] = o(!1);
 	if (i(() => (x(!0), e && (document.body.style.overflow = "hidden"), () => {
 		document.body.style.overflow = "unset";
 	}), [e]), i(() => {