@rendra-ui/web 2.4.0 → 2.6.0

package/dist/types/lib/motion/presets.d.ts

@@ -0,0 +1,92 @@
+import type { Target, TargetAndTransition, Transition } from 'motion/react';
+import { type Bezier, type MotionTokens } from './tokens';
+export interface MotionPreset {
+    initial: Target;
+    animate: TargetAndTransition;
+    exit: TargetAndTransition;
+    transition: Transition;
+}
+/** Toque: o alvo do `whileTap` (`undefined` no reduzido) e a transição de ida e de volta. */
+export interface PressPreset {
+    whileTap: TargetAndTransition | undefined;
+    transition: Transition;
+}
+export type SlideFrom = 'left' | 'right' | 'top' | 'bottom';
+/** Distância do slide: `full` (painel que entra da borda) ou `short` (conteúdo que assenta). */
+export type SlideDistance = 'full' | 'short';
+export interface Presets {
+    reduced: boolean;
+    /** Toque do botão, do polegar e dos controles: 120 ms, `ease.out`, escala 0,97. */
+    press: PressPreset;
+    /** Alias de `press.whileTap`, o nome antigo. Sem movimento reduzido vem `undefined`. */
+    tap: TargetAndTransition | undefined;
+    /**
+     * Salto curto de escala (célula do OTP), com a transição dentro do alvo. Estável entre
+     * renders; `undefined` se reduzido.
+     */
+    bump: TargetAndTransition | undefined;
+    tokens: MotionTokens;
+    fade: MotionPreset;
+    /** Alias de `open()`: escala 0,95 com mola a partir da origem, saída rápida só em opacidade. */
+    scale: MotionPreset;
+    /**
+     * Cota rara de encanto (check do passo concluído): 0,8 -> 1 com a curva back, em `slow`. Nunca
+     * em controle de uso frequente.
+     */
+    pop: MotionPreset;
+    /**
+     * Indicador de controle frequente (check do Checkbox, ponto do Radio): 0,9 -> 1 com opacidade
+     * em `fast`, sem quique e sem partir de zero.
+     */
+    indicator: MotionPreset;
+    slide: (from: SlideFrom, distance?: SlideDistance) => MotionPreset;
+    /**
+     * Overlay ancorado (popover, menu, modal, painel do select). Número = escala de partida
+     * (padrão 0,95); `{ y }` = entrada plana, sem escala, para a superfície em tela cheia.
+     * Entra em mola criticamente amortecida (sem quique) em `base` e sai em `fast`, em opacidade.
+     */
+    open: (from?: number | {
+        y: number;
+    }) => MotionPreset;
+    /** Gaveta e folha: entram de `from` em `slow` com `ease.drawer`, saem em `fast` pelo mesmo lado. */
+    sheet: (from: SlideFrom) => MotionPreset;
+    /** Tooltip: escala 0,97 em `fast`; aberto em `instant-open` não anima. */
+    tooltip: (instant: boolean) => MotionPreset;
+    /**
+     * Troca de conteúdo no lugar (passo do wizard), sem esperar a saída: o que sai esmaece com
+     * `blur` de 2 px em `fast`; o que entra vem de `direction` (1 avança, -1 volta), 8 px, em
+     * `base`. O desfoque disfarça o cruzamento: sem ele o olho vê dois objetos trocando de lugar.
+     */
+    swap: (direction: 1 | -1) => MotionPreset;
+    /**
+     * Entrada de uso único (reveal do dashboard): desloca 8 px e dura `reveal.enter`, mais lenta
+     * que `slide`. Não serve a interação repetida (overlay, tab, botão).
+     */
+    reveal: (from: SlideFrom) => MotionPreset;
+    /** Deslocamento na tela (indicador, reordenação): `move` em `ease.move`. */
+    move: Transition;
+    /** Nome antigo de `move`. */
+    layout: Transition;
+    /** Mola sem quique: onde há gesto ou soltura (drop do kanban, folha que volta). */
+    settle: Transition;
+    /** Mola da folha depois do arraste (quique mínimo). */
+    springSheet: Transition;
+    /**
+     * A mesma mola da folha em rigidez e amortecimento (massa 1), que é o que o arraste do Motion
+     * (`dragTransition`) pede para a volta à origem: rigidez = (2π / duração)², amortecimento =
+     * 2 (1 - quique) raiz(rigidez).
+     */
+    sheetBounce: {
+        bounceStiffness: number;
+        bounceDamping: number;
+    };
+    /** Atraso de entrada do item `index`, limitado a `limit` itens (padrão 8: 480 ms). */
+    stagger: (index: number, limit?: number) => Transition;
+    /** Atraso do bloco `index` no reveal (passo `reveal.stagger`), limitado a `limit` blocos. */
+    staggerReveal: (index: number, limit?: number) => Transition;
+}
+export declare function createPresets(tokens: MotionTokens, reduced: boolean): Presets;
+/** Curva no formato do recharts: `cubic-bezier(a,b,c,d)`, sem espaços. */
+export declare function toCubicBezier([a, b, c, d,]: Bezier): `cubic-bezier(${number},${number},${number},${number})`;
+/** Presets com os tokens lidos agora do documento. */
+export declare function presetsFromDocument(reduced: boolean): Presets;

package/dist/types/lib/motion/reorder.d.ts

@@ -0,0 +1,7 @@
+import type { MotionMode } from './motion-context';
+export declare function layoutEnabled({ mode, ready, dragging, }: {
+    mode: MotionMode;
+    /** O chunk do `domMax` já chegou (`useLayoutReady`). Antes disso `layout` não faz nada. */
+    ready: boolean;
+    dragging: boolean;
+}): boolean;

package/dist/types/lib/motion/tokens.d.ts

@@ -0,0 +1,66 @@
+export type Bezier = [number, number, number, number];
+/**
+ * Reserva das durações, em segundos (SSR, ou variável ausente).
+ * `press` e `fast` valem o mesmo (120 ms) com propósitos diferentes: o toque e a saída de overlay.
+ */
+export declare const DURATION: {
+    press: number;
+    hover: number;
+    fast: number;
+    base: number;
+    move: number;
+    slow: number;
+    draw: number;
+    pulse: number;
+};
+export type DurationName = keyof typeof DURATION;
+/**
+ * Reveal: entrada de uso único (dashboard: bloco, cascata, contador e desenho do gráfico), mais
+ * lenta que as interações do dia a dia. Reserva em segundos (SSR, ou variável ausente).
+ */
+export declare const REVEAL: {
+    enter: number;
+    stagger: number;
+    count: number;
+    draw: number;
+};
+export type RevealName = keyof typeof REVEAL;
+/**
+ * Curvas do globals.css (`--rendra-ease-*`). `spring` é a curva "back" (quique): só para a cota
+ * rara de encanto. `move` desloca na tela; `drawer` é a curva de gaveta e folha.
+ */
+export declare const EASE: Record<'out' | 'inOut' | 'spring' | 'move' | 'drawer', Bezier>;
+export type EaseName = keyof typeof EASE;
+/**
+ * Molas no formato "duração e quique" (Motion). `settle` assenta sem passar do ponto (layout,
+ * overlay que entra, soltura do arraste); `sheet` é a folha depois do gesto, com quique mínimo.
+ * Mola não é variável CSS: mora aqui, e o app a espelha em `dampingRatio`.
+ */
+export declare const SPRING: {
+    settle: {
+        duration: number;
+        bounce: number;
+    };
+    sheet: {
+        duration: number;
+        bounce: number;
+    };
+};
+/** Escalas da linguagem: entrada de overlay, tooltip, ponto pequeno, toque, pop e salto curto. */
+export declare const SCALE: {
+    enter: number;
+    tooltip: number;
+    small: number;
+    press: number;
+    pop: number;
+    bump: number;
+};
+/** Desfoque (px) que disfarça o cruzamento entre dois estados (troca de passo). Abaixo de 20. */
+export declare const BLUR = 2;
+export interface MotionTokens {
+    duration: Record<DurationName, number>;
+    reveal: Record<RevealName, number>;
+    ease: Record<EaseName, Bezier>;
+}
+/** Lê as durações e as curvas do documento; o que faltar (ou sem window) vem da reserva. */
+export declare function readMotionTokens(): MotionTokens;

package/dist/types/lib/motion/use-motion-presets.d.ts

@@ -0,0 +1,8 @@
+import { type Presets } from './presets';
+/**
+ * Presets do motion para o componente. A preferência "reduzir movimento" vem do mesmo
+ * `matchMedia` do hook do projeto (`use-reduced-motion.ts`: Spinner, Progress), a fonte única,
+ * reativa e testável, sem `MotionConfig reducedMotion` somando por cima. Só em `on` a
+ * preferência é assinada e os tokens lidos do documento; em `off` o custo é zero.
+ */
+export declare function useMotionPresets(): Presets;

package/dist/types/motion.d.ts

@@ -0,0 +1 @@
+export { rendraMotion, type RendraMotion } from './lib/motion/motion-on';

package/dist/{use-breakpoint-Dyp-0E_c.js → use-breakpoint-CNxDwEpc.js}

@@ -1,4 +1,4 @@
-/*! Rendra Design System v2.4.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
 import { useSyncExternalStore } from "react";
 //#region src/hooks/use-breakpoint.ts
 /**
@@ -46,4 +46,4 @@ function useBreakpoint() {
 //#endregion
 export { useBreakpoint as n, breakpoints as t };
 
-//# sourceMappingURL=use-breakpoint-Dyp-0E_c.js.map
+//# sourceMappingURL=use-breakpoint-CNxDwEpc.js.map

package/dist/{use-breakpoint-Dyp-0E_c.js.map → use-breakpoint-CNxDwEpc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-Dyp-0E_c.js","names":[],"sources":["../src/hooks/use-breakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\n/**\n * Pontos de quebra, espelhando os padrões do Tailwind (sm 40rem, md 48rem, lg 64rem...).\n * Único hook de detecção de tela do sistema. Para adaptação ao espaço disponível\n * dentro de um bloco (e não à tela), use container queries (@container) no CSS.\n */\nexport const breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280, '2xl': 1536 } as const\nexport type Breakpoint = keyof typeof breakpoints\n\nconst order: Breakpoint[] = ['sm', 'md', 'lg', 'xl', '2xl']\n\nfunction subscribe(cb: () => void) {\n  const lists = order.map((bp) => matchMedia(`(min-width: ${breakpoints[bp]}px)`))\n  lists.forEach((mq) => mq.addEventListener('change', cb))\n  return () => lists.forEach((mq) => mq.removeEventListener('change', cb))\n}\n\nfunction getCurrent(): Breakpoint | 'base' {\n  let current: Breakpoint | 'base' = 'base'\n  for (const bp of order) if (matchMedia(`(min-width: ${breakpoints[bp]}px)`).matches) current = bp\n  return current\n}\n\nexport function useBreakpoint() {\n  const current = useSyncExternalStore(subscribe, getCurrent, () => 'lg' as const)\n  const rank = current === 'base' ? -1 : order.indexOf(current)\n  const up = (bp: Breakpoint) => rank >= order.indexOf(bp)\n  return {\n    current,\n    up,\n    /** Abaixo de 768px: componentes se reconstroem no formato mobile. */\n    isMobile: !up('md'),\n    isTablet: up('md') && !up('lg'),\n    isDesktop: up('lg'),\n  }\n}\n"],"mappings":";;;;;;;;AAOA,IAAa,cAAc;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM,OAAO;AAAK;AAG/E,IAAM,QAAsB;CAAC;CAAM;CAAM;CAAM;CAAM;AAAK;AAE1D,SAAS,UAAU,IAAgB;CACjC,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,eAAe,YAAY,IAAI,IAAI,CAAC;CAC/E,MAAM,SAAS,OAAO,GAAG,iBAAiB,UAAU,EAAE,CAAC;CACvD,aAAa,MAAM,SAAS,OAAO,GAAG,oBAAoB,UAAU,EAAE,CAAC;AACzE;AAEA,SAAS,aAAkC;CACzC,IAAI,UAA+B;CACnC,KAAK,MAAM,MAAM,OAAO,IAAI,WAAW,eAAe,YAAY,IAAI,IAAI,CAAC,CAAC,SAAS,UAAU;CAC/F,OAAO;AACT;AAEA,SAAgB,gBAAgB;CAC9B,MAAM,UAAU,qBAAqB,WAAW,kBAAkB,IAAa;CAC/E,MAAM,OAAO,YAAY,SAAS,KAAK,MAAM,QAAQ,OAAO;CAC5D,MAAM,MAAM,OAAmB,QAAQ,MAAM,QAAQ,EAAE;CACvD,OAAO;EACL;EACA;;EAEA,UAAU,CAAC,GAAG,IAAI;EAClB,UAAU,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI;EAC9B,WAAW,GAAG,IAAI;CACpB;AACF"}
+{"version":3,"file":"use-breakpoint-CNxDwEpc.js","names":[],"sources":["../src/hooks/use-breakpoint.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\n/**\n * Pontos de quebra, espelhando os padrões do Tailwind (sm 40rem, md 48rem, lg 64rem...).\n * Único hook de detecção de tela do sistema. Para adaptação ao espaço disponível\n * dentro de um bloco (e não à tela), use container queries (@container) no CSS.\n */\nexport const breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280, '2xl': 1536 } as const\nexport type Breakpoint = keyof typeof breakpoints\n\nconst order: Breakpoint[] = ['sm', 'md', 'lg', 'xl', '2xl']\n\nfunction subscribe(cb: () => void) {\n  const lists = order.map((bp) => matchMedia(`(min-width: ${breakpoints[bp]}px)`))\n  lists.forEach((mq) => mq.addEventListener('change', cb))\n  return () => lists.forEach((mq) => mq.removeEventListener('change', cb))\n}\n\nfunction getCurrent(): Breakpoint | 'base' {\n  let current: Breakpoint | 'base' = 'base'\n  for (const bp of order) if (matchMedia(`(min-width: ${breakpoints[bp]}px)`).matches) current = bp\n  return current\n}\n\nexport function useBreakpoint() {\n  const current = useSyncExternalStore(subscribe, getCurrent, () => 'lg' as const)\n  const rank = current === 'base' ? -1 : order.indexOf(current)\n  const up = (bp: Breakpoint) => rank >= order.indexOf(bp)\n  return {\n    current,\n    up,\n    /** Abaixo de 768px: componentes se reconstroem no formato mobile. */\n    isMobile: !up('md'),\n    isTablet: up('md') && !up('lg'),\n    isDesktop: up('lg'),\n  }\n}\n"],"mappings":";;;;;;;;AAOA,IAAa,cAAc;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM,OAAO;AAAK;AAG/E,IAAM,QAAsB;CAAC;CAAM;CAAM;CAAM;CAAM;AAAK;AAE1D,SAAS,UAAU,IAAgB;CACjC,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,eAAe,YAAY,IAAI,IAAI,CAAC;CAC/E,MAAM,SAAS,OAAO,GAAG,iBAAiB,UAAU,EAAE,CAAC;CACvD,aAAa,MAAM,SAAS,OAAO,GAAG,oBAAoB,UAAU,EAAE,CAAC;AACzE;AAEA,SAAS,aAAkC;CACzC,IAAI,UAA+B;CACnC,KAAK,MAAM,MAAM,OAAO,IAAI,WAAW,eAAe,YAAY,IAAI,IAAI,CAAC,CAAC,SAAS,UAAU;CAC/F,OAAO;AACT;AAEA,SAAgB,gBAAgB;CAC9B,MAAM,UAAU,qBAAqB,WAAW,kBAAkB,IAAa;CAC/E,MAAM,OAAO,YAAY,SAAS,KAAK,MAAM,QAAQ,OAAO;CAC5D,MAAM,MAAM,OAAmB,QAAQ,MAAM,QAAQ,EAAE;CACvD,OAAO;EACL;EACA;;EAEA,UAAU,CAAC,GAAG,IAAI;EAClB,UAAU,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI;EAC9B,WAAW,GAAG,IAAI;CACpB;AACF"}

package/dist/use-motion-presets-DCJPBfNJ.js

@@ -0,0 +1,401 @@
+/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { a as useMotionMode, c as getReducedMotion, l as subscribeReducedMotion } from "./motion-context-BL545cb6.js";
+import { useMemo, useSyncExternalStore } from "react";
+//#region src/lib/motion/tokens.ts
+/**
+* Reserva das durações, em segundos (SSR, ou variável ausente).
+* `press` e `fast` valem o mesmo (120 ms) com propósitos diferentes: o toque e a saída de overlay.
+*/
+var DURATION = {
+	press: .12,
+	hover: .15,
+	fast: .12,
+	base: .2,
+	move: .25,
+	slow: .32,
+	draw: .42,
+	pulse: 1
+};
+/**
+* Reveal: entrada de uso único (dashboard: bloco, cascata, contador e desenho do gráfico), mais
+* lenta que as interações do dia a dia. Reserva em segundos (SSR, ou variável ausente).
+*/
+var REVEAL = {
+	enter: .6,
+	stagger: .12,
+	count: 1.2,
+	draw: .9
+};
+/**
+* Curvas do globals.css (`--rendra-ease-*`). `spring` é a curva "back" (quique): só para a cota
+* rara de encanto. `move` desloca na tela; `drawer` é a curva de gaveta e folha.
+*/
+var EASE = {
+	out: [
+		.22,
+		1,
+		.36,
+		1
+	],
+	inOut: [
+		.65,
+		0,
+		.35,
+		1
+	],
+	spring: [
+		.34,
+		1.56,
+		.64,
+		1
+	],
+	move: [
+		.77,
+		0,
+		.175,
+		1
+	],
+	drawer: [
+		.32,
+		.72,
+		0,
+		1
+	]
+};
+/** Nome da variável CSS de cada curva (`inOut` vira `in-out`). */
+var EASE_VAR = {
+	out: "out",
+	inOut: "in-out",
+	spring: "spring",
+	move: "move",
+	drawer: "drawer"
+};
+/**
+* Molas no formato "duração e quique" (Motion). `settle` assenta sem passar do ponto (layout,
+* overlay que entra, soltura do arraste); `sheet` é a folha depois do gesto, com quique mínimo.
+* Mola não é variável CSS: mora aqui, e o app a espelha em `dampingRatio`.
+*/
+var SPRING = {
+	settle: {
+		duration: .4,
+		bounce: 0
+	},
+	sheet: {
+		duration: .3,
+		bounce: .2
+	}
+};
+/** Escalas da linguagem: entrada de overlay, tooltip, ponto pequeno, toque, pop e salto curto. */
+var SCALE = {
+	enter: .95,
+	tooltip: .97,
+	small: .9,
+	press: .97,
+	pop: .8,
+	bump: 1.08
+};
+function toSeconds(value) {
+	const v = value.trim();
+	const n = parseFloat(v);
+	if (!Number.isFinite(n)) return null;
+	if (v.endsWith("ms")) return n / 1e3;
+	if (v.endsWith("s")) return n;
+	return null;
+}
+/** `cubic-bezier(a, b, c, d)` em vetor; qualquer outra coisa (`ease-in`, vazio) vira `null`. */
+function toBezier(value) {
+	const m = /^cubic-bezier\(([^)]+)\)$/.exec(value.trim());
+	if (!m) return null;
+	const parts = m[1].split(",").map((n) => parseFloat(n));
+	if (parts.length !== 4 || parts.some((n) => !Number.isFinite(n))) return null;
+	return parts;
+}
+/** Lê as durações e as curvas do documento; o que faltar (ou sem window) vem da reserva. */
+function readMotionTokens() {
+	const duration = { ...DURATION };
+	const reveal = { ...REVEAL };
+	const ease = { ...EASE };
+	if (typeof window !== "undefined" && typeof document !== "undefined") {
+		const style = getComputedStyle(document.documentElement);
+		for (const name of Object.keys(DURATION)) {
+			const read = toSeconds(style.getPropertyValue(`--rendra-duration-${name}`));
+			if (read !== null) duration[name] = read;
+		}
+		for (const name of Object.keys(REVEAL)) {
+			const read = toSeconds(style.getPropertyValue(`--rendra-reveal-${name}`));
+			if (read !== null) reveal[name] = read;
+		}
+		for (const name of Object.keys(EASE)) {
+			const read = toBezier(style.getPropertyValue(`--rendra-ease-${EASE_VAR[name]}`));
+			if (read !== null) ease[name] = read;
+		}
+	}
+	return {
+		duration,
+		reveal,
+		ease
+	};
+}
+//#endregion
+//#region src/lib/motion/presets.ts
+var SHORT_PX = 8;
+/** Mola em "duração e quique" para rigidez e amortecimento (massa 1). */
+function springToBounce({ duration, bounce }) {
+	const stiffness = (2 * Math.PI / duration) ** 2;
+	return {
+		bounceStiffness: Math.round(stiffness),
+		bounceDamping: Math.round(2 * (1 - bounce) * Math.sqrt(stiffness))
+	};
+}
+function createPresets(tokens, reduced) {
+	const { duration, reveal, ease } = tokens;
+	const base = {
+		duration: duration.base,
+		ease: ease.out
+	};
+	const fastOut = {
+		duration: duration.fast,
+		ease: ease.out
+	};
+	const settle = {
+		type: "spring",
+		...SPRING.settle
+	};
+	const enter = {
+		type: "spring",
+		duration: duration.base,
+		bounce: SPRING.settle.bounce
+	};
+	/** O que sobra sob "reduzir movimento": só opacidade, em `base`. */
+	const flat = () => ({
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: base
+	});
+	const make = (initial, animate, time, curve = ease.out) => reduced ? flat() : {
+		initial,
+		animate,
+		exit: initial,
+		transition: {
+			duration: time,
+			ease: curve
+		}
+	};
+	const offset = (from, distance) => {
+		const far = distance === "full" ? "100%" : SHORT_PX;
+		const sign = from === "left" || from === "top" ? -1 : 1;
+		const value = typeof far === "string" ? `${sign * 100}%` : sign * far;
+		return from === "left" || from === "right" ? {
+			x: value,
+			opacity: 0
+		} : {
+			y: value,
+			opacity: 0
+		};
+	};
+	const settled = (initial) => ({
+		opacity: 1,
+		...initial.x !== void 0 ? { x: 0 } : {},
+		...initial.y !== void 0 ? { y: 0 } : {}
+	});
+	const fade = reduced ? flat() : {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: {
+			opacity: 0,
+			transition: fastOut
+		},
+		transition: base
+	};
+	const open = (from = SCALE.enter) => {
+		if (reduced) return flat();
+		return {
+			initial: typeof from === "number" ? {
+				opacity: 0,
+				scale: from
+			} : {
+				opacity: 0,
+				y: from.y
+			},
+			animate: {
+				...typeof from === "number" ? {
+					opacity: 1,
+					scale: 1
+				} : {
+					opacity: 1,
+					y: 0
+				},
+				transition: enter
+			},
+			exit: {
+				opacity: 0,
+				transition: fastOut
+			},
+			transition: enter
+		};
+	};
+	const sheet = (from) => {
+		if (reduced) return flat();
+		const sign = from === "left" || from === "top" ? -1 : 1;
+		const axis = from === "left" || from === "right" ? "x" : "y";
+		const away = { [axis]: `${sign * 100}%` };
+		return {
+			initial: away,
+			animate: { [axis]: 0 },
+			exit: {
+				...away,
+				transition: {
+					duration: duration.fast,
+					ease: ease.drawer
+				}
+			},
+			transition: {
+				duration: duration.slow,
+				ease: ease.drawer
+			}
+		};
+	};
+	const tooltip = (instant) => {
+		if (reduced) return instant ? {
+			...flat(),
+			transition: { duration: 0 }
+		} : flat();
+		return {
+			initial: {
+				opacity: 0,
+				scale: SCALE.tooltip
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				transition: fastOut
+			},
+			transition: instant ? { duration: 0 } : fastOut
+		};
+	};
+	const blurred = `blur(2px)`;
+	const swap = (direction) => {
+		if (reduced) return flat();
+		return {
+			initial: {
+				opacity: 0,
+				x: direction * SHORT_PX,
+				filter: blurred
+			},
+			animate: {
+				opacity: 1,
+				x: 0,
+				filter: "blur(0px)",
+				transition: base
+			},
+			exit: {
+				opacity: 0,
+				filter: blurred,
+				transition: fastOut
+			},
+			transition: base
+		};
+	};
+	const indicatorInitial = {
+		opacity: 0,
+		scale: SCALE.small
+	};
+	const press = {
+		whileTap: reduced ? void 0 : { scale: SCALE.press },
+		transition: {
+			duration: duration.press,
+			ease: ease.out
+		}
+	};
+	const move = reduced ? { duration: 0 } : {
+		duration: duration.move,
+		ease: ease.move
+	};
+	return {
+		reduced,
+		press,
+		tap: press.whileTap,
+		bump: reduced ? void 0 : {
+			scale: [SCALE.bump, 1],
+			transition: fastOut
+		},
+		tokens,
+		fade,
+		scale: open(),
+		pop: make({
+			opacity: 0,
+			scale: SCALE.pop
+		}, {
+			opacity: 1,
+			scale: 1
+		}, duration.slow, ease.spring),
+		indicator: reduced ? flat() : {
+			initial: indicatorInitial,
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: indicatorInitial,
+			transition: fastOut
+		},
+		slide: (from, distance = "full") => {
+			const initial = offset(from, distance);
+			return make(initial, settled(initial), distance === "full" ? duration.slow : duration.base);
+		},
+		open,
+		sheet,
+		tooltip,
+		swap,
+		reveal: (from) => {
+			const initial = offset(from, "short");
+			return make(initial, settled(initial), reveal.enter);
+		},
+		move,
+		layout: move,
+		settle: reduced ? { duration: 0 } : settle,
+		springSheet: reduced ? { duration: 0 } : {
+			type: "spring",
+			...SPRING.sheet
+		},
+		sheetBounce: springToBounce(SPRING.sheet),
+		stagger: (index, limit = 8) => ({ delay: reduced ? 0 : Math.min(index, limit) * (duration.fast / 2) }),
+		staggerReveal: (index, limit = 8) => ({ delay: reduced ? 0 : Math.min(index, limit) * reveal.stagger })
+	};
+}
+/** Curva no formato do recharts: `cubic-bezier(a,b,c,d)`, sem espaços. */
+function toCubicBezier([a, b, c, d]) {
+	return `cubic-bezier(${a},${b},${c},${d})`;
+}
+/** Presets com os tokens lidos agora do documento. */
+function presetsFromDocument(reduced) {
+	return createPresets(readMotionTokens(), reduced);
+}
+//#endregion
+//#region src/lib/motion/use-motion-presets.ts
+/** Em `off` ninguém lê o documento nem assina o matchMedia: um objeto único e inerte. */
+var OFF_PRESETS = createPresets({
+	duration: DURATION,
+	reveal: REVEAL,
+	ease: EASE
+}, false);
+var noSubscribe = () => () => {};
+var never = () => false;
+/**
+* Presets do motion para o componente. A preferência "reduzir movimento" vem do mesmo
+* `matchMedia` do hook do projeto (`use-reduced-motion.ts`: Spinner, Progress), a fonte única,
+* reativa e testável, sem `MotionConfig reducedMotion` somando por cima. Só em `on` a
+* preferência é assinada e os tokens lidos do documento; em `off` o custo é zero.
+*/
+function useMotionPresets() {
+	const on = useMotionMode() === "on";
+	const reduced = useSyncExternalStore(on ? subscribeReducedMotion : noSubscribe, on ? getReducedMotion : never, never);
+	return useMemo(() => on ? presetsFromDocument(reduced) : OFF_PRESETS, [on, reduced]);
+}
+//#endregion
+export { toCubicBezier as n, useMotionPresets as t };
+
+//# sourceMappingURL=use-motion-presets-DCJPBfNJ.js.map

package/dist/use-motion-presets-DCJPBfNJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-motion-presets-DCJPBfNJ.js","names":[],"sources":["../src/lib/motion/tokens.ts","../src/lib/motion/presets.ts","../src/lib/motion/use-motion-presets.ts"],"sourcesContent":["/*\n * Durações e curvas do motion (linguagem única, web e app). A fonte é o globals.css:\n *   --rendra-duration-*  bloco :root fora de camada (vai para o dist/tokens.css do pacote);\n *   --rendra-ease-*      no mesmo bloco, então o host as sobrescreve; o @theme guarda os nomes\n *                        do Tailwind (--ease-out, --ease-move...) como alias delas.\n * As constantes daqui são a reserva em tempo de execução (SSR, variável ausente ou inválida), e\n * tokens.test.ts confere que elas batem com o globals.css. Valores em segundos e vetores de 4\n * números, o formato que o Motion aceita.\n */\n\nexport type Bezier = [number, number, number, number]\n\n/**\n * Reserva das durações, em segundos (SSR, ou variável ausente).\n * `press` e `fast` valem o mesmo (120 ms) com propósitos diferentes: o toque e a saída de overlay.\n */\nexport const DURATION = {\n  press: 0.12,\n  hover: 0.15,\n  fast: 0.12,\n  base: 0.2,\n  move: 0.25,\n  slow: 0.32,\n  draw: 0.42,\n  pulse: 1,\n}\nexport type DurationName = keyof typeof DURATION\n\n/**\n * Reveal: entrada de uso único (dashboard: bloco, cascata, contador e desenho do gráfico), mais\n * lenta que as interações do dia a dia. Reserva em segundos (SSR, ou variável ausente).\n */\nexport const REVEAL = { enter: 0.6, stagger: 0.12, count: 1.2, draw: 0.9 }\nexport type RevealName = keyof typeof REVEAL\n\n/**\n * Curvas do globals.css (`--rendra-ease-*`). `spring` é a curva \"back\" (quique): só para a cota\n * rara de encanto. `move` desloca na tela; `drawer` é a curva de gaveta e folha.\n */\nexport const EASE: Record<'out' | 'inOut' | 'spring' | 'move' | 'drawer', Bezier> = {\n  out: [0.22, 1, 0.36, 1],\n  inOut: [0.65, 0, 0.35, 1],\n  spring: [0.34, 1.56, 0.64, 1],\n  move: [0.77, 0, 0.175, 1],\n  drawer: [0.32, 0.72, 0, 1],\n}\nexport type EaseName = keyof typeof EASE\n\n/** Nome da variável CSS de cada curva (`inOut` vira `in-out`). */\nconst EASE_VAR: Record<EaseName, string> = {\n  out: 'out',\n  inOut: 'in-out',\n  spring: 'spring',\n  move: 'move',\n  drawer: 'drawer',\n}\n\n/**\n * Molas no formato \"duração e quique\" (Motion). `settle` assenta sem passar do ponto (layout,\n * overlay que entra, soltura do arraste); `sheet` é a folha depois do gesto, com quique mínimo.\n * Mola não é variável CSS: mora aqui, e o app a espelha em `dampingRatio`.\n */\nexport const SPRING = {\n  settle: { duration: 0.4, bounce: 0 },\n  sheet: { duration: 0.3, bounce: 0.2 },\n}\n\n/** Escalas da linguagem: entrada de overlay, tooltip, ponto pequeno, toque, pop e salto curto. */\nexport const SCALE = { enter: 0.95, tooltip: 0.97, small: 0.9, press: 0.97, pop: 0.8, bump: 1.08 }\n\n/** Desfoque (px) que disfarça o cruzamento entre dois estados (troca de passo). Abaixo de 20. */\nexport const BLUR = 2\n\nexport interface MotionTokens {\n  duration: Record<DurationName, number>\n  reveal: Record<RevealName, number>\n  ease: Record<EaseName, Bezier>\n}\n\nfunction toSeconds(value: string): number | null {\n  const v = value.trim()\n  const n = parseFloat(v)\n  if (!Number.isFinite(n)) return null\n  if (v.endsWith('ms')) return n / 1000\n  if (v.endsWith('s')) return n\n  return null\n}\n\n/** `cubic-bezier(a, b, c, d)` em vetor; qualquer outra coisa (`ease-in`, vazio) vira `null`. */\nfunction toBezier(value: string): Bezier | null {\n  const m = /^cubic-bezier\\(([^)]+)\\)$/.exec(value.trim())\n  if (!m) return null\n  const parts = m[1]!.split(',').map((n) => parseFloat(n))\n  if (parts.length !== 4 || parts.some((n) => !Number.isFinite(n))) return null\n  return parts as Bezier\n}\n\n/** Lê as durações e as curvas do documento; o que faltar (ou sem window) vem da reserva. */\nexport function readMotionTokens(): MotionTokens {\n  const duration = { ...DURATION }\n  const reveal = { ...REVEAL }\n  const ease = { ...EASE }\n  if (typeof window !== 'undefined' && typeof document !== 'undefined') {\n    const style = getComputedStyle(document.documentElement)\n    for (const name of Object.keys(DURATION) as DurationName[]) {\n      const read = toSeconds(style.getPropertyValue(`--rendra-duration-${name}`))\n      if (read !== null) duration[name] = read\n    }\n    for (const name of Object.keys(REVEAL) as RevealName[]) {\n      const read = toSeconds(style.getPropertyValue(`--rendra-reveal-${name}`))\n      if (read !== null) reveal[name] = read\n    }\n    for (const name of Object.keys(EASE) as EaseName[]) {\n      const read = toBezier(style.getPropertyValue(`--rendra-ease-${EASE_VAR[name]}`))\n      if (read !== null) ease[name] = read\n    }\n  }\n  return { duration, reveal, ease }\n}\n","import type { Target, TargetAndTransition, Transition } from 'motion/react'\nimport { BLUR, readMotionTokens, SCALE, SPRING, type Bezier, type MotionTokens } from './tokens'\n\n/*\n * Presets do caminho `on` (linguagem única de movimento): fade, scale/open, sheet, tooltip,\n * indicator, pop, slide, reveal, press, move, settle e stagger. Toda duração e toda curva vêm de\n * readMotionTokens (globals.css); nenhum número de duração mora neste arquivo (o presets.test.ts\n * varre o código-fonte atrás de literal). As molas e as escalas vêm de tokens.ts.\n *\n * Duas regras moram aqui:\n *  - Assimetria: o que o usuário decidiu (abrir) entra no tempo `base`, e o que o sistema\n *    responde ao fechar sai em `fast`, só em opacidade. Gaveta e folha saem em `base`, de volta\n *    pelo lado de onde vieram.\n *  - Reduzido: sem deslocamento, escala, filtro nem cascata; a opacidade usa `base` (não zero),\n *    porque o esmaecimento é o que explica a mudança de estado.\n */\n\nexport interface MotionPreset {\n  initial: Target\n  animate: TargetAndTransition\n  exit: TargetAndTransition\n  transition: Transition\n}\n\n/** Toque: o alvo do `whileTap` (`undefined` no reduzido) e a transição de ida e de volta. */\nexport interface PressPreset {\n  whileTap: TargetAndTransition | undefined\n  transition: Transition\n}\n\nexport type SlideFrom = 'left' | 'right' | 'top' | 'bottom'\n\n/** Distância do slide: `full` (painel que entra da borda) ou `short` (conteúdo que assenta). */\nexport type SlideDistance = 'full' | 'short'\n\nconst SHORT_PX = 8\n\nexport interface Presets {\n  reduced: boolean\n  /** Toque do botão, do polegar e dos controles: 120 ms, `ease.out`, escala 0,97. */\n  press: PressPreset\n  /** Alias de `press.whileTap`, o nome antigo. Sem movimento reduzido vem `undefined`. */\n  tap: TargetAndTransition | undefined\n  /**\n   * Salto curto de escala (célula do OTP), com a transição dentro do alvo. Estável entre\n   * renders; `undefined` se reduzido.\n   */\n  bump: TargetAndTransition | undefined\n  tokens: MotionTokens\n  fade: MotionPreset\n  /** Alias de `open()`: escala 0,95 com mola a partir da origem, saída rápida só em opacidade. */\n  scale: MotionPreset\n  /**\n   * Cota rara de encanto (check do passo concluído): 0,8 -> 1 com a curva back, em `slow`. Nunca\n   * em controle de uso frequente.\n   */\n  pop: MotionPreset\n  /**\n   * Indicador de controle frequente (check do Checkbox, ponto do Radio): 0,9 -> 1 com opacidade\n   * em `fast`, sem quique e sem partir de zero.\n   */\n  indicator: MotionPreset\n  slide: (from: SlideFrom, distance?: SlideDistance) => MotionPreset\n  /**\n   * Overlay ancorado (popover, menu, modal, painel do select). Número = escala de partida\n   * (padrão 0,95); `{ y }` = entrada plana, sem escala, para a superfície em tela cheia.\n   * Entra em mola criticamente amortecida (sem quique) em `base` e sai em `fast`, em opacidade.\n   */\n  open: (from?: number | { y: number }) => MotionPreset\n  /** Gaveta e folha: entram de `from` em `slow` com `ease.drawer`, saem em `fast` pelo mesmo lado. */\n  sheet: (from: SlideFrom) => MotionPreset\n  /** Tooltip: escala 0,97 em `fast`; aberto em `instant-open` não anima. */\n  tooltip: (instant: boolean) => MotionPreset\n  /**\n   * Troca de conteúdo no lugar (passo do wizard), sem esperar a saída: o que sai esmaece com\n   * `blur` de 2 px em `fast`; o que entra vem de `direction` (1 avança, -1 volta), 8 px, em\n   * `base`. O desfoque disfarça o cruzamento: sem ele o olho vê dois objetos trocando de lugar.\n   */\n  swap: (direction: 1 | -1) => MotionPreset\n  /**\n   * Entrada de uso único (reveal do dashboard): desloca 8 px e dura `reveal.enter`, mais lenta\n   * que `slide`. Não serve a interação repetida (overlay, tab, botão).\n   */\n  reveal: (from: SlideFrom) => MotionPreset\n  /** Deslocamento na tela (indicador, reordenação): `move` em `ease.move`. */\n  move: Transition\n  /** Nome antigo de `move`. */\n  layout: Transition\n  /** Mola sem quique: onde há gesto ou soltura (drop do kanban, folha que volta). */\n  settle: Transition\n  /** Mola da folha depois do arraste (quique mínimo). */\n  springSheet: Transition\n  /**\n   * A mesma mola da folha em rigidez e amortecimento (massa 1), que é o que o arraste do Motion\n   * (`dragTransition`) pede para a volta à origem: rigidez = (2π / duração)², amortecimento =\n   * 2 (1 - quique) raiz(rigidez).\n   */\n  sheetBounce: { bounceStiffness: number; bounceDamping: number }\n  /** Atraso de entrada do item `index`, limitado a `limit` itens (padrão 8: 480 ms). */\n  stagger: (index: number, limit?: number) => Transition\n  /** Atraso do bloco `index` no reveal (passo `reveal.stagger`), limitado a `limit` blocos. */\n  staggerReveal: (index: number, limit?: number) => Transition\n}\n\n/** Mola em \"duração e quique\" para rigidez e amortecimento (massa 1). */\nfunction springToBounce({ duration, bounce }: { duration: number; bounce: number }) {\n  const stiffness = ((2 * Math.PI) / duration) ** 2\n  return {\n    bounceStiffness: Math.round(stiffness),\n    bounceDamping: Math.round(2 * (1 - bounce) * Math.sqrt(stiffness)),\n  }\n}\n\nexport function createPresets(tokens: MotionTokens, reduced: boolean): Presets {\n  const { duration, reveal, ease } = tokens\n  const base: Transition = { duration: duration.base, ease: ease.out }\n  const fastOut: Transition = { duration: duration.fast, ease: ease.out }\n  const settle: Transition = { type: 'spring', ...SPRING.settle }\n  const enter: Transition = {\n    type: 'spring',\n    duration: duration.base,\n    bounce: SPRING.settle.bounce,\n  }\n\n  /** O que sobra sob \"reduzir movimento\": só opacidade, em `base`. */\n  const flat = (): MotionPreset => ({\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: base,\n  })\n  const make = (initial: Target, animate: Target, time: number, curve = ease.out): MotionPreset =>\n    reduced\n      ? flat()\n      : {\n          initial,\n          animate,\n          exit: initial,\n          transition: { duration: time, ease: curve },\n        }\n\n  const offset = (from: SlideFrom, distance: SlideDistance): Target => {\n    const far = distance === 'full' ? '100%' : SHORT_PX\n    const sign = from === 'left' || from === 'top' ? -1 : 1\n    const value = typeof far === 'string' ? `${sign * 100}%` : sign * far\n    return from === 'left' || from === 'right' ? { x: value, opacity: 0 } : { y: value, opacity: 0 }\n  }\n  const settled = (initial: Target): Target => ({\n    opacity: 1,\n    ...(initial.x !== undefined ? { x: 0 } : {}),\n    ...(initial.y !== undefined ? { y: 0 } : {}),\n  })\n\n  const fade: MotionPreset = reduced\n    ? flat()\n    : {\n        initial: { opacity: 0 },\n        animate: { opacity: 1 },\n        exit: { opacity: 0, transition: fastOut },\n        transition: base,\n      }\n\n  const open = (from: number | { y: number } = SCALE.enter): MotionPreset => {\n    if (reduced) return flat()\n    const initial: Target =\n      typeof from === 'number' ? { opacity: 0, scale: from } : { opacity: 0, y: from.y }\n    const to: Target = typeof from === 'number' ? { opacity: 1, scale: 1 } : { opacity: 1, y: 0 }\n    return {\n      initial,\n      animate: { ...to, transition: enter },\n      exit: { opacity: 0, transition: fastOut },\n      transition: enter,\n    }\n  }\n\n  const sheet = (from: SlideFrom): MotionPreset => {\n    if (reduced) return flat()\n    const sign = from === 'left' || from === 'top' ? -1 : 1\n    const axis = from === 'left' || from === 'right' ? 'x' : 'y'\n    const away = { [axis]: `${sign * 100}%` }\n    return {\n      initial: away,\n      animate: { [axis]: 0 },\n      exit: { ...away, transition: { duration: duration.fast, ease: ease.drawer } },\n      transition: { duration: duration.slow, ease: ease.drawer },\n    }\n  }\n\n  const tooltip = (instant: boolean): MotionPreset => {\n    if (reduced) return instant ? { ...flat(), transition: { duration: 0 } } : flat()\n    return {\n      initial: { opacity: 0, scale: SCALE.tooltip },\n      animate: { opacity: 1, scale: 1 },\n      exit: { opacity: 0, transition: fastOut },\n      transition: instant ? { duration: 0 } : fastOut,\n    }\n  }\n\n  const blurred = `blur(${BLUR}px)`\n  const swap = (direction: 1 | -1): MotionPreset => {\n    if (reduced) return flat()\n    return {\n      initial: { opacity: 0, x: direction * SHORT_PX, filter: blurred },\n      animate: { opacity: 1, x: 0, filter: 'blur(0px)', transition: base },\n      exit: { opacity: 0, filter: blurred, transition: fastOut },\n      transition: base,\n    }\n  }\n\n  const indicatorInitial: Target = { opacity: 0, scale: SCALE.small }\n  const press: PressPreset = {\n    whileTap: reduced ? undefined : { scale: SCALE.press },\n    transition: { duration: duration.press, ease: ease.out },\n  }\n  const move: Transition = reduced ? { duration: 0 } : { duration: duration.move, ease: ease.move }\n\n  return {\n    reduced,\n    press,\n    tap: press.whileTap,\n    bump: reduced ? undefined : { scale: [SCALE.bump, 1], transition: fastOut },\n    tokens,\n    fade,\n    scale: open(),\n    pop: make(\n      { opacity: 0, scale: SCALE.pop },\n      { opacity: 1, scale: 1 },\n      duration.slow,\n      ease.spring,\n    ),\n    indicator: reduced\n      ? flat()\n      : {\n          initial: indicatorInitial,\n          animate: { opacity: 1, scale: 1 },\n          exit: indicatorInitial,\n          transition: fastOut,\n        },\n    slide: (from, distance = 'full') => {\n      const initial = offset(from, distance)\n      return make(initial, settled(initial), distance === 'full' ? duration.slow : duration.base)\n    },\n    open,\n    sheet,\n    tooltip,\n    swap,\n    reveal: (from) => {\n      const initial = offset(from, 'short')\n      return make(initial, settled(initial), reveal.enter)\n    },\n    move,\n    layout: move,\n    settle: reduced ? { duration: 0 } : settle,\n    springSheet: reduced ? { duration: 0 } : { type: 'spring', ...SPRING.sheet },\n    sheetBounce: springToBounce(SPRING.sheet),\n    stagger: (index, limit = 8) => ({\n      delay: reduced ? 0 : Math.min(index, limit) * (duration.fast / 2),\n    }),\n    staggerReveal: (index, limit = 8) => ({\n      delay: reduced ? 0 : Math.min(index, limit) * reveal.stagger,\n    }),\n  }\n}\n\n/** Curva no formato do recharts: `cubic-bezier(a,b,c,d)`, sem espaços. */\nexport function toCubicBezier([\n  a,\n  b,\n  c,\n  d,\n]: Bezier): `cubic-bezier(${number},${number},${number},${number})` {\n  return `cubic-bezier(${a},${b},${c},${d})`\n}\n\n/** Presets com os tokens lidos agora do documento. */\nexport function presetsFromDocument(reduced: boolean): Presets {\n  return createPresets(readMotionTokens(), reduced)\n}\n","import { useMemo, useSyncExternalStore } from 'react'\nimport { getReducedMotion, subscribeReducedMotion } from '@/hooks/use-reduced-motion'\nimport { useMotionMode } from './motion-context'\nimport { createPresets, presetsFromDocument, type Presets } from './presets'\nimport { DURATION, EASE, REVEAL } from './tokens'\n\n/** Em `off` ninguém lê o documento nem assina o matchMedia: um objeto único e inerte. */\nconst OFF_PRESETS = createPresets({ duration: DURATION, reveal: REVEAL, ease: EASE }, false)\nconst noSubscribe = () => () => {}\nconst never = () => false\n\n/**\n * Presets do motion para o componente. A preferência \"reduzir movimento\" vem do mesmo\n * `matchMedia` do hook do projeto (`use-reduced-motion.ts`: Spinner, Progress), a fonte única,\n * reativa e testável, sem `MotionConfig reducedMotion` somando por cima. Só em `on` a\n * preferência é assinada e os tokens lidos do documento; em `off` o custo é zero.\n */\nexport function useMotionPresets(): Presets {\n  const on = useMotionMode() === 'on'\n  const reduced = useSyncExternalStore(\n    on ? subscribeReducedMotion : noSubscribe,\n    on ? getReducedMotion : never,\n    never,\n  )\n  return useMemo(() => (on ? presetsFromDocument(reduced) : OFF_PRESETS), [on, reduced])\n}\n"],"mappings":"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"}

package/dist/widget-grid.js

@@ -1,8 +1,8 @@
-/*! Rendra Design System v2.4.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-DXDpTGsu.js";
+/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-TBlI6-gS.js";
 import { GripVertical } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ResponsiveGridLayout, useContainerWidth } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
 //#region src/components/ui/widget-grid.tsx