@inspirare/design-system 0.0.20 → 0.0.22

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@inspirare/design-system",
   "private": false,
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "sideEffects": [
     "*.css"

package/src/index.css

@@ -10,7 +10,23 @@
 @source not "./main.tsx";
 @source not "./demo";
 
+html {
+  /* Base explícita da escala rem: 1rem = 16px. Todo tamanho de fonte no
+     design system deve ser expresso em rem relativo a esta base (escala:
+     0.75/0.875/1/1.125/1.5/2rem = 12/14/16/18/24/32px). */
+  font-size: 16px;
+}
+
 :root {
+  /* Tokens de tamanho de ícone — grid de 8px, em rem (base 1rem = 16px).
+     Use estes valores (ou as classes Tailwind equivalentes h-4/w-4 etc.) em
+     vez de tamanhos arbitrários (h-[18px], size={17}) pra manter ritmo
+     visual consistente entre ícones lucide-react/@inspirare/design-system. */
+  --icon-xs: 1rem;    /* 16px — ícones inline em texto pequeno, badges */
+  --icon-sm: 1.5rem;  /* 24px — padrão em botões e itens de lista */
+  --icon-md: 2rem;    /* 32px — destaque em cards, headers de seção */
+  --icon-lg: 2.5rem;  /* 40px — ícones hero/empty state */
+
   --background: #F9F5F2;
   --foreground: #1e1815;
   --card: #FDF7F1;
@@ -859,7 +875,7 @@ body {
 
 /* Fallback fonts removed. Next.js handles fonts via next/font, and these unresolved absolute URLs cause Webpack/Remotion bundling errors. */
 
-/* Tour Styles - React Joyride */
+/* Tour Styles (@reactour/tour) */
 [data-tour] {
   position: relative;
   z-index: 1;
@@ -871,24 +887,29 @@ body {
   width: 90vw;
 }
 
+/* Tamanhos de fonte do tour na escala rem (base 1rem = 16px):
+   0.75rem=12px · 0.875rem=14px · 1rem=16px · 1.125rem=18px.
+   Valores originais de 11/13/17px arredondados pro degrau mais próximo da
+   escala (nunca abaixo de 12px, piso de legibilidade). */
+
 /* Mobile Tour Styles (up to 640px) */
 @media (max-width: 640px) {
   .inspirare-tour [data-tour-elem="tooltip"] {
     max-width: 320px;
     width: 95vw;
     padding: 16px !important;
-    font-size: 14px;
+    font-size: 0.875rem; /* 14px */
     margin: 8px;
   }
 
   .inspirare-tour [data-tour-elem="tooltip"] h3 {
-    font-size: 16px !important;
+    font-size: 1rem !important; /* 16px */
     line-height: 1.4 !important;
     margin-bottom: 8px !important;
   }
 
   .inspirare-tour [data-tour-elem="tooltip"] p {
-    font-size: 13px !important;
+    font-size: 0.875rem !important; /* 14px (era 13px) */
     line-height: 1.5 !important;
     margin-bottom: 6px !important;
   }
@@ -901,7 +922,7 @@ body {
 
   .inspirare-tour [data-tour-elem="tooltip"] .glass p,
   .inspirare-tour [data-tour-elem="tooltip"] .bg-primary\/5 p {
-    font-size: 11px !important;
+    font-size: 0.75rem !important; /* 12px (era 11px) */
     line-height: 1.4 !important;
     margin-bottom: 0 !important;
   }
@@ -913,7 +934,7 @@ body {
 
   .inspirare-tour [data-tour-elem="controls"] button {
     padding: 8px 12px !important;
-    font-size: 12px !important;
+    font-size: 0.75rem !important; /* 12px */
     min-width: 60px !important;
   }
 
@@ -932,17 +953,17 @@ body {
     max-width: 380px;
     width: 85vw;
     padding: 20px !important;
-    font-size: 14px;
+    font-size: 0.875rem; /* 14px */
   }
 
   .inspirare-tour [data-tour-elem="tooltip"] h3 {
-    font-size: 17px !important;
+    font-size: 1.125rem !important; /* 18px (era 17px) */
     line-height: 1.4 !important;
     margin-bottom: 10px !important;
   }
 
   .inspirare-tour [data-tour-elem="tooltip"] p {
-    font-size: 13px !important;
+    font-size: 0.875rem !important; /* 14px (era 13px) */
     line-height: 1.6 !important;
     margin-bottom: 8px !important;
   }
@@ -955,7 +976,7 @@ body {
 
   .inspirare-tour [data-tour-elem="tooltip"] .glass p,
   .inspirare-tour [data-tour-elem="tooltip"] .bg-primary\/5 p {
-    font-size: 11px !important;
+    font-size: 0.75rem !important; /* 12px (era 11px) */
     line-height: 1.4 !important;
     margin-bottom: 0 !important;
   }
@@ -967,7 +988,7 @@ body {
 
   .inspirare-tour [data-tour-elem="controls"] button {
     padding: 10px 16px !important;
-    font-size: 13px !important;
+    font-size: 0.875rem !important; /* 14px (era 13px) */
   }
 
   .inspirare-tour .space-y-4 > * + * {
@@ -985,17 +1006,17 @@ body {
     max-width: 420px;
     width: auto;
     padding: 24px !important;
-    font-size: 14px;
+    font-size: 0.875rem; /* 14px */
   }
 
   .inspirare-tour [data-tour-elem="tooltip"] h3 {
-    font-size: 18px !important;
+    font-size: 1.125rem !important; /* 18px */
     line-height: 1.4 !important;
     margin-bottom: 12px !important;
   }
 
   .inspirare-tour [data-tour-elem="tooltip"] p {
-    font-size: 14px !important;
+    font-size: 0.875rem !important; /* 14px */
     line-height: 1.6 !important;
     margin-bottom: 10px !important;
   }
@@ -1008,7 +1029,7 @@ body {
 
   .inspirare-tour [data-tour-elem="tooltip"] .glass p,
   .inspirare-tour [data-tour-elem="tooltip"] .bg-primary\/5 p {
-    font-size: 12px !important;
+    font-size: 0.75rem !important; /* 12px */
     line-height: 1.4 !important;
     margin-bottom: 0 !important;
   }
@@ -1020,7 +1041,7 @@ body {
 
   .inspirare-tour [data-tour-elem="controls"] button {
     padding: 12px 20px !important;
-    font-size: 14px !important;
+    font-size: 0.875rem !important; /* 14px */
   }
 
   .inspirare-tour .space-y-4 > * + * {

package/dist/node_modules/.pnpm/@floating-ui_core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.js

@@ -1,359 +0,0 @@
-import { clamp as e, evaluate as t, getAlignment as n, getAlignmentAxis as r, getAlignmentSides as i, getAxisLength as a, getExpandedPlacements as o, getOppositeAxis as s, getOppositeAxisPlacements as c, getOppositePlacement as l, getPaddingObject as u, getSide as d, getSideAxis as f, max as p, min as m, rectToClientRect as h, sides as g } from "../../../../../@floating-ui_utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.js";
-//#region node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function _(e, t, i) {
-	let { reference: o, floating: s } = e, c = f(t), l = r(t), u = a(l), p = d(t), m = c === "y", h = o.x + o.width / 2 - s.width / 2, g = o.y + o.height / 2 - s.height / 2, _ = o[u] / 2 - s[u] / 2, v;
-	switch (p) {
-		case "top":
-			v = {
-				x: h,
-				y: o.y - s.height
-			};
-			break;
-		case "bottom":
-			v = {
-				x: h,
-				y: o.y + o.height
-			};
-			break;
-		case "right":
-			v = {
-				x: o.x + o.width,
-				y: g
-			};
-			break;
-		case "left":
-			v = {
-				x: o.x - s.width,
-				y: g
-			};
-			break;
-		default: v = {
-			x: o.x,
-			y: o.y
-		};
-	}
-	switch (n(t)) {
-		case "start":
-			v[l] -= _ * (i && m ? -1 : 1);
-			break;
-		case "end":
-			v[l] += _ * (i && m ? -1 : 1);
-			break;
-	}
-	return v;
-}
-async function v(e, n) {
-	n === void 0 && (n = {});
-	let { x: r, y: i, platform: a, rects: o, elements: s, strategy: c } = e, { boundary: l = "clippingAncestors", rootBoundary: d = "viewport", elementContext: f = "floating", altBoundary: p = !1, padding: m = 0 } = t(n, e), g = u(m), _ = s[p ? f === "floating" ? "reference" : "floating" : f], v = h(await a.getClippingRect({
-		element: await (a.isElement == null ? void 0 : a.isElement(_)) ?? !0 ? _ : _.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
-		boundary: l,
-		rootBoundary: d,
-		strategy: c
-	})), y = f === "floating" ? {
-		x: r,
-		y: i,
-		width: o.floating.width,
-		height: o.floating.height
-	} : o.reference, b = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s.floating)), x = await (a.isElement == null ? void 0 : a.isElement(b)) && await (a.getScale == null ? void 0 : a.getScale(b)) || {
-		x: 1,
-		y: 1
-	}, S = h(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
-		elements: s,
-		rect: y,
-		offsetParent: b,
-		strategy: c
-	}) : y);
-	return {
-		top: (v.top - S.top + g.top) / x.y,
-		bottom: (S.bottom - v.bottom + g.bottom) / x.y,
-		left: (v.left - S.left + g.left) / x.x,
-		right: (S.right - v.right + g.right) / x.x
-	};
-}
-var y = 50, b = async (e, t, n) => {
-	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
-		...o,
-		detectOverflow: v
-	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
-		reference: e,
-		floating: t,
-		strategy: i
-	}), { x: u, y: d } = _(l, r, c), f = r, p = 0, m = {};
-	for (let n = 0; n < a.length; n++) {
-		let h = a[n];
-		if (!h) continue;
-		let { name: g, fn: v } = h, { x: b, y: x, data: S, reset: C } = await v({
-			x: u,
-			y: d,
-			initialPlacement: r,
-			placement: f,
-			strategy: i,
-			middlewareData: m,
-			rects: l,
-			platform: s,
-			elements: {
-				reference: e,
-				floating: t
-			}
-		});
-		u = b ?? u, d = x ?? d, m[g] = {
-			...m[g],
-			...S
-		}, C && p < y && (p++, typeof C == "object" && (C.placement && (f = C.placement), C.rects && (l = C.rects === !0 ? await o.getElementRects({
-			reference: e,
-			floating: t,
-			strategy: i
-		}) : C.rects), {x: u, y: d} = _(l, f, c)), n = -1);
-	}
-	return {
-		x: u,
-		y: d,
-		placement: f,
-		strategy: i,
-		middlewareData: m
-	};
-}, x = (i) => ({
-	name: "arrow",
-	options: i,
-	async fn(o) {
-		let { x: s, y: c, placement: l, rects: d, platform: f, elements: p, middlewareData: h } = o, { element: g, padding: _ = 0 } = t(i, o) || {};
-		if (g == null) return {};
-		let v = u(_), y = {
-			x: s,
-			y: c
-		}, b = r(l), x = a(b), S = await f.getDimensions(g), C = b === "y", w = C ? "top" : "left", T = C ? "bottom" : "right", E = C ? "clientHeight" : "clientWidth", D = d.reference[x] + d.reference[b] - y[b] - d.floating[x], O = y[b] - d.reference[b], k = await (f.getOffsetParent == null ? void 0 : f.getOffsetParent(g)), A = k ? k[E] : 0;
-		(!A || !await (f.isElement == null ? void 0 : f.isElement(k))) && (A = p.floating[E] || d.floating[x]);
-		let j = D / 2 - O / 2, M = A / 2 - S[x] / 2 - 1, N = m(v[w], M), P = m(v[T], M), F = N, I = A - S[x] - P, L = A / 2 - S[x] / 2 + j, R = e(F, L, I), z = !h.arrow && n(l) != null && L !== R && d.reference[x] / 2 - (L < F ? N : P) - S[x] / 2 < 0, B = z ? L < F ? L - F : L - I : 0;
-		return {
-			[b]: y[b] + B,
-			data: {
-				[b]: R,
-				centerOffset: L - R - B,
-				...z && { alignmentOffset: B }
-			},
-			reset: z
-		};
-	}
-}), S = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "flip",
-		options: e,
-		async fn(n) {
-			var r;
-			let { placement: a, middlewareData: s, rects: u, initialPlacement: p, platform: m, elements: h } = n, { mainAxis: g = !0, crossAxis: _ = !0, fallbackPlacements: v, fallbackStrategy: y = "bestFit", fallbackAxisSideDirection: b = "none", flipAlignment: x = !0, ...S } = t(e, n);
-			if ((r = s.arrow) != null && r.alignmentOffset) return {};
-			let C = d(a), w = f(p), T = d(p) === p, E = await (m.isRTL == null ? void 0 : m.isRTL(h.floating)), D = v || (T || !x ? [l(p)] : o(p)), O = b !== "none";
-			!v && O && D.push(...c(p, x, b, E));
-			let k = [p, ...D], A = await m.detectOverflow(n, S), j = [], M = s.flip?.overflows || [];
-			if (g && j.push(A[C]), _) {
-				let e = i(a, u, E);
-				j.push(A[e[0]], A[e[1]]);
-			}
-			if (M = [...M, {
-				placement: a,
-				overflows: j
-			}], !j.every((e) => e <= 0)) {
-				let e = (s.flip?.index || 0) + 1, t = k[e];
-				if (t && (!(_ === "alignment" && w !== f(t)) || M.every((e) => f(e.placement) === w ? e.overflows[0] > 0 : !0))) return {
-					data: {
-						index: e,
-						overflows: M
-					},
-					reset: { placement: t }
-				};
-				let n = M.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
-				if (!n) switch (y) {
-					case "bestFit": {
-						let e = M.filter((e) => {
-							if (O) {
-								let t = f(e.placement);
-								return t === w || t === "y";
-							}
-							return !0;
-						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
-						e && (n = e);
-						break;
-					}
-					case "initialPlacement":
-						n = p;
-						break;
-				}
-				if (a !== n) return { reset: { placement: n } };
-			}
-			return {};
-		}
-	};
-};
-function C(e, t) {
-	return {
-		top: e.top - t.height,
-		right: e.right - t.width,
-		bottom: e.bottom - t.height,
-		left: e.left - t.width
-	};
-}
-function w(e) {
-	return g.some((t) => e[t] >= 0);
-}
-var T = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "hide",
-		options: e,
-		async fn(n) {
-			let { rects: r, platform: i } = n, { strategy: a = "referenceHidden", ...o } = t(e, n);
-			switch (a) {
-				case "referenceHidden": {
-					let e = C(await i.detectOverflow(n, {
-						...o,
-						elementContext: "reference"
-					}), r.reference);
-					return { data: {
-						referenceHiddenOffsets: e,
-						referenceHidden: w(e)
-					} };
-				}
-				case "escaped": {
-					let e = C(await i.detectOverflow(n, {
-						...o,
-						altBoundary: !0
-					}), r.floating);
-					return { data: {
-						escapedOffsets: e,
-						escaped: w(e)
-					} };
-				}
-				default: return {};
-			}
-		}
-	};
-}, E = /*#__PURE__*/ new Set(["left", "top"]);
-async function D(e, r) {
-	let { placement: i, platform: a, elements: o } = e, s = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), c = d(i), l = n(i), u = f(i) === "y", p = E.has(c) ? -1 : 1, m = s && u ? -1 : 1, h = t(r, e), { mainAxis: g, crossAxis: _, alignmentAxis: v } = typeof h == "number" ? {
-		mainAxis: h,
-		crossAxis: 0,
-		alignmentAxis: null
-	} : {
-		mainAxis: h.mainAxis || 0,
-		crossAxis: h.crossAxis || 0,
-		alignmentAxis: h.alignmentAxis
-	};
-	return l && typeof v == "number" && (_ = l === "end" ? v * -1 : v), u ? {
-		x: _ * m,
-		y: g * p
-	} : {
-		x: g * p,
-		y: _ * m
-	};
-}
-var O = function(e) {
-	return e === void 0 && (e = 0), {
-		name: "offset",
-		options: e,
-		async fn(t) {
-			var n;
-			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await D(t, e);
-			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
-				x: r + s.x,
-				y: i + s.y,
-				data: {
-					...s,
-					placement: a
-				}
-			};
-		}
-	};
-}, k = function(n) {
-	return n === void 0 && (n = {}), {
-		name: "shift",
-		options: n,
-		async fn(r) {
-			let { x: i, y: a, placement: o, platform: c } = r, { mainAxis: l = !0, crossAxis: u = !1, limiter: p = { fn: (e) => {
-				let { x: t, y: n } = e;
-				return {
-					x: t,
-					y: n
-				};
-			} }, ...m } = t(n, r), h = {
-				x: i,
-				y: a
-			}, g = await c.detectOverflow(r, m), _ = f(d(o)), v = s(_), y = h[v], b = h[_];
-			if (l) {
-				let t = v === "y" ? "top" : "left", n = v === "y" ? "bottom" : "right", r = y + g[t], i = y - g[n];
-				y = e(r, y, i);
-			}
-			if (u) {
-				let t = _ === "y" ? "top" : "left", n = _ === "y" ? "bottom" : "right", r = b + g[t], i = b - g[n];
-				b = e(r, b, i);
-			}
-			let x = p.fn({
-				...r,
-				[v]: y,
-				[_]: b
-			});
-			return {
-				...x,
-				data: {
-					x: x.x - i,
-					y: x.y - a,
-					enabled: {
-						[v]: l,
-						[_]: u
-					}
-				}
-			};
-		}
-	};
-}, A = function(e) {
-	return e === void 0 && (e = {}), {
-		options: e,
-		fn(n) {
-			let { x: r, y: i, placement: a, rects: o, middlewareData: c } = n, { offset: l = 0, mainAxis: u = !0, crossAxis: p = !0 } = t(e, n), m = {
-				x: r,
-				y: i
-			}, h = f(a), g = s(h), _ = m[g], v = m[h], y = t(l, n), b = typeof y == "number" ? {
-				mainAxis: y,
-				crossAxis: 0
-			} : {
-				mainAxis: 0,
-				crossAxis: 0,
-				...y
-			};
-			if (u) {
-				let e = g === "y" ? "height" : "width", t = o.reference[g] - o.floating[e] + b.mainAxis, n = o.reference[g] + o.reference[e] - b.mainAxis;
-				_ < t ? _ = t : _ > n && (_ = n);
-			}
-			if (p) {
-				let e = g === "y" ? "width" : "height", t = E.has(d(a)), n = o.reference[h] - o.floating[e] + (t && c.offset?.[h] || 0) + (t ? 0 : b.crossAxis), r = o.reference[h] + o.reference[e] + (t ? 0 : c.offset?.[h] || 0) - (t ? b.crossAxis : 0);
-				v < n ? v = n : v > r && (v = r);
-			}
-			return {
-				[g]: _,
-				[h]: v
-			};
-		}
-	};
-}, j = function(e) {
-	return e === void 0 && (e = {}), {
-		name: "size",
-		options: e,
-		async fn(r) {
-			var i, a;
-			let { placement: o, rects: s, platform: c, elements: l } = r, { apply: u = () => {}, ...h } = t(e, r), g = await c.detectOverflow(r, h), _ = d(o), v = n(o), y = f(o) === "y", { width: b, height: x } = s.floating, S, C;
-			_ === "top" || _ === "bottom" ? (S = _, C = v === (await (c.isRTL == null ? void 0 : c.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (C = _, S = v === "end" ? "top" : "bottom");
-			let w = x - g.top - g.bottom, T = b - g.left - g.right, E = m(x - g[S], w), D = m(b - g[C], T), O = !r.middlewareData.shift, k = E, A = D;
-			if ((i = r.middlewareData.shift) != null && i.enabled.x && (A = T), (a = r.middlewareData.shift) != null && a.enabled.y && (k = w), O && !v) {
-				let e = p(g.left, 0), t = p(g.right, 0), n = p(g.top, 0), r = p(g.bottom, 0);
-				y ? A = b - 2 * (e !== 0 || t !== 0 ? e + t : p(g.left, g.right)) : k = x - 2 * (n !== 0 || r !== 0 ? n + r : p(g.top, g.bottom));
-			}
-			await u({
-				...r,
-				availableWidth: A,
-				availableHeight: k
-			});
-			let j = await c.getDimensions(l.floating);
-			return b !== j.width || x !== j.height ? { reset: { rects: !0 } } : {};
-		}
-	};
-};
-//#endregion
-export { x as arrow, b as computePosition, S as flip, T as hide, A as limitShift, O as offset, k as shift, j as size };