@rendra-ui/web 2.5.0 → 2.7.0

package/dist/types/lib/flow.d.ts

@@ -0,0 +1,121 @@
+export type FlowNodeType = 'gatilho' | 'acao' | 'condicao' | 'espera' | 'fim';
+export type FlowBranch = 'sim' | 'nao';
+export type FlowWaitUnit = 'segundos' | 'minutos' | 'horas' | 'dias';
+export interface FlowNode {
+    id: string;
+    type: FlowNodeType;
+    position: {
+        x: number;
+        y: number;
+    };
+    data: {
+        label: string;
+        config?: Record<string, unknown>;
+    };
+}
+export interface FlowEdge {
+    id: string;
+    source: string;
+    target: string;
+    /** Só a saída de uma condição usa o ramo. */
+    branch?: FlowBranch;
+}
+export interface Flow {
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+}
+export interface FlowIssue {
+    code: string;
+    message: string;
+    nodeId?: string;
+    edgeId?: string;
+}
+export interface SimulationStep {
+    nodeId: string;
+    type: FlowNodeType;
+    label: string;
+    status: 'succeeded' | 'failed' | 'skipped';
+    detail?: string;
+}
+export interface SimulationState {
+    status: 'idle' | 'running' | 'waiting-choice' | 'finished' | 'error';
+    steps: SimulationStep[];
+    /** Bloco que o próximo avanço executa (o bloco ativo); `null` fora da simulação. */
+    currentId: string | null;
+    issues: FlowIssue[];
+}
+export declare const FLOW_NODE_TYPES: readonly FlowNodeType[];
+export declare const FLOW_WAIT_UNITS: readonly FlowWaitUnit[];
+/** Nome do tipo de bloco, como aparece na interface. */
+export declare const FLOW_TYPE_NAME: Record<FlowNodeType, string>;
+/** A duração do bloco de espera ("5 minutos"), ou `null` se o config não a define. */
+export declare function formatWait(config: Record<string, unknown> | undefined): string | null;
+/** Texto da espera simulada: nunca espera de verdade. */
+export declare function describeWait(config: Record<string, unknown> | undefined): string;
+/** Nome do bloco para mensagens e rótulos: o rótulo, ou o tipo quando ele está vazio. */
+export declare const nodeName: (n: Pick<FlowNode, "type" | "data">) => string;
+/** Problemas do fluxo, em ordem estável: a mesma entrada dá sempre a mesma lista. */
+export declare function validateFlow(flow: Flow): FlowIssue[];
+/** JSON do fluxo, com a ordem das chaves fixa: o mesmo fluxo dá sempre o mesmo texto. */
+export declare function serializeFlow(flow: Flow): string;
+export type ParseResult = {
+    ok: true;
+    flow: Flow;
+} | {
+    ok: false;
+    errors: string[];
+};
+/** Lê o JSON de um fluxo. Nunca lança; campos que o contrato não conhece são ignorados. */
+export declare function parseFlow(text: string): ParseResult;
+export interface AddNodeOptions {
+    label?: string;
+    /** Ids que já existiram neste fluxo (mesmo apagados): não voltam a ser usados. */
+    reservedIds?: Iterable<string>;
+}
+/** Acrescenta um bloco com id único e determinístico (`tipo-N`). */
+export declare function addNode(flow: Flow, type: FlowNodeType, position: {
+    x: number;
+    y: number;
+}, options?: AddNodeOptions): {
+    flow: Flow;
+    id: string;
+};
+/** Apaga o bloco e as ligações que chegam ou saem dele. */
+export declare function removeNode(flow: Flow, id: string): Flow;
+export declare function removeEdge(flow: Flow, id: string): Flow;
+export declare function moveNode(flow: Flow, id: string, position: {
+    x: number;
+    y: number;
+}): Flow;
+/** Troca o rótulo e/ou o config do bloco (o config informado substitui o anterior). */
+export declare function updateNodeData(flow: Flow, id: string, patch: {
+    label?: string;
+    config?: Record<string, unknown>;
+}): Flow;
+export type ConnectResult = {
+    ok: true;
+    flow: Flow;
+} | {
+    ok: false;
+    reason: string;
+};
+/**
+ * Liga dois blocos. A segunda saída de um bloco comum (ou do mesmo ramo da condição) substitui
+ * a primeira. Recusa, com o motivo, o que o fluxo nunca aceita.
+ */
+export declare function connectNodes(flow: Flow, source: string, target: string, branch?: FlowBranch): ConnectResult;
+/**
+ * Define (ou, com `target` nulo, tira) o próximo bloco de `id`; na condição, o do ramo dado.
+ * Uma ligação recusada devolve o próprio fluxo, sem mudança.
+ */
+export declare function setNext(flow: Flow, id: string, target: string | null, branch?: FlowBranch): Flow;
+/** Blocos que `id` pode ter como próximo: nunca ele mesmo nem o gatilho. */
+export declare function nextCandidates(flow: Flow, id: string): FlowNode[];
+export declare function resetSimulation(): SimulationState;
+/** Começa no gatilho. Fluxo inválido não inicia: devolve `error` com os problemas. */
+export declare function startSimulation(flow: Flow): SimulationState;
+/**
+ * Executa o bloco ativo (um passo) e passa ao próximo. Na condição é preciso escolher o ramo:
+ * sem escolha válida nada anda. A espera é instantânea; só o texto diz quanto aguardaria.
+ */
+export declare function advanceSimulation(flow: Flow, state: SimulationState, choice?: FlowBranch): SimulationState;

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

@@ -1,4 +1,4 @@
-export { MotionModeScope, MotionProvider, RevealScope, useLayoutReady, useMotionMode, useRevealScope, type MotionMode, } from './motion-context';
+export { MotionModeScope, MotionProvider, RevealScope, useLayoutReady, useMotionAdopted, useMotionLib, useMotionMode, useMotionOn, useRevealScope, type MotionMode, } from './motion-context';
 export { useMotionPresets } from './use-motion-presets';
 export type { MotionPreset, Presets, SlideDistance, SlideFrom } from './presets';
 export { layoutEnabled } from './reorder';

package/dist/types/lib/motion/motion-context.d.ts

@@ -1,7 +1,17 @@
 import { type ReactNode } from 'react';
+import type { RendraMotion } from './motion-on';
 export type MotionMode = 'off' | 'on';
 /** Modo de motion do provider mais próximo (`off` sem provider). */
 export declare function useMotionMode(): MotionMode;
+/** O objeto do Motion de quem está em `on` (`m`, `AnimatePresence`, `animate`, hooks); `null` em `off`. */
+export declare function useMotionLib(): RendraMotion | null;
+/** Como `useMotionLib`, para o que só existe em `on`: sem objeto é erro de uso, não um `off`. */
+export declare function useMotionOn(): RendraMotion;
+/**
+ * O componente está sendo montado na troca tardia do `off` para o `on`? Então ele já estava na
+ * tela: mostra o valor final em vez de repetir a contagem ou a entrada.
+ */
+export declare function useMotionAdopted(): boolean;
 /**
  * Em `on`, o chunk do `domMax` já chegou. Um `m.*` com `layout` ou `layoutId` só ganha o nó de
  * projeção se for criado DEPOIS disso (o Motion não monta a projeção de um elemento que já
@@ -27,17 +37,22 @@ export declare function MotionModeScope({ mode, children }: {
  * Em `off`, só o contexto (nenhum nó novo, nenhum LazyMotion). Em `on`, dois `LazyMotion` (os
  * dois `strict`: só `m.*` entra, um `motion.*` esquecido quebra em vez de puxar o pacote inteiro):
  * o de fora carrega o `domMax` sob demanda (layout e arraste), em chunk separado; o de dentro traz
- * o `domAnimation` síncrono (animação e gestos) e é o que os `m.*` enxergam. Nessa ordem o
- * renderer síncrono já está no contexto na primeira renderização (elementos e gestos funcionam
- * na hora), e os recursos de layout se juntam quando o chunk chega. A ordem contrária esconderia
- * o renderer até o chunk terminar de baixar.
+ * o `domAnimation` (animação e gestos) e é o que os `m.*` enxergam. Nessa ordem o renderer já está
+ * no contexto na primeira renderização, e os recursos de layout se juntam quando o chunk chega. A
+ * ordem contrária esconderia o renderer até o chunk terminar de baixar.
+ *
+ * `mode` aceita o objeto do Motion (`rendraMotion`): `on` síncrono, desde o primeiro quadro e no
+ * servidor. Com o texto `'on'`, o objeto vem do chunk `motion-on`, carregado depois do primeiro
+ * quadro: até lá a árvore roda em `off` (nunca vazia); quando ele chega o modo vira `on` SEM
+ * remontar nada (os `LazyMotion` e o `MotionConfig` já estavam montados) e o que já estava na tela
+ * não repete a entrada.
  *
  * O `MotionConfig` recebe "reduzir movimento" da mesma fonte dos presets (o `matchMedia` de
  * `use-reduced-motion.ts`, reativo): com `always`, o Motion também tira o deslocamento e o layout
  * de qualquer animação que um componente escreva à mão, e mantém a opacidade. Não é uma segunda
  * fonte: é a primeira, lida uma vez, entregue a dois consumidores.
  */
-export declare function MotionProvider({ mode, children }: {
-    mode: MotionMode;
+export declare function MotionProvider({ mode, children, }: {
+    mode: MotionMode | RendraMotion;
     children: ReactNode;
 }): import("react").JSX.Element;

package/dist/types/lib/motion/motion-on.d.ts

@@ -0,0 +1,12 @@
+import { AnimatePresence, animate, domAnimation, m, useDragControls, useMotionValue, useTransform } from 'motion/react';
+/** O objeto do Motion que o provider aceita em `motion={...}` e que `useMotionLib()` devolve. */
+export interface RendraMotion {
+    m: typeof m;
+    AnimatePresence: typeof AnimatePresence;
+    animate: typeof animate;
+    useMotionValue: typeof useMotionValue;
+    useTransform: typeof useTransform;
+    useDragControls: typeof useDragControls;
+    domAnimation: typeof domAnimation;
+}
+export declare const rendraMotion: RendraMotion;

package/dist/types/motion.d.ts

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

package/dist/{use-breakpoint-O9eqFmsF.js → use-breakpoint-En17oXKY.js}

@@ -1,4 +1,4 @@
-/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.7.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-O9eqFmsF.js.map
+//# sourceMappingURL=use-breakpoint-En17oXKY.js.map

package/dist/{use-breakpoint-O9eqFmsF.js.map → use-breakpoint-En17oXKY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint-O9eqFmsF.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-En17oXKY.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-BrkgL8lG.js → use-motion-presets-D3ww1oJX.js}

@@ -1,5 +1,5 @@
-/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { a as getReducedMotion, o as subscribeReducedMotion, r as useMotionMode } from "./motion-context-5BRIQAJm.js";
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { a as useMotionMode, c as getReducedMotion, l as subscribeReducedMotion } from "./motion-context-BUMPf0e9.js";
 import { useMemo, useSyncExternalStore } from "react";
 //#region src/lib/motion/tokens.ts
 /**
@@ -398,4 +398,4 @@ function useMotionPresets() {
 //#endregion
 export { toCubicBezier as n, useMotionPresets as t };
 
-//# sourceMappingURL=use-motion-presets-BrkgL8lG.js.map
+//# sourceMappingURL=use-motion-presets-D3ww1oJX.js.map

package/dist/{use-motion-presets-BrkgL8lG.js.map → use-motion-presets-D3ww1oJX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-motion-presets-BrkgL8lG.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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"}
+{"version":3,"file":"use-motion-presets-D3ww1oJX.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,5 +1,5 @@
-/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-Cw7M5kEP.js";
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-B0N3Pek0.js";
 import { GripVertical } from "lucide-react";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rendra-ui/web",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "type": "module",
   "description": "Rendra, design system e boilerplate React (Vite, TypeScript, Tailwind v4, Radix), com CLI de catálogo, auditoria e troca de variante.",
   "author": {
@@ -64,6 +64,14 @@
       "types": "./dist/types/chart.d.ts",
       "import": "./dist/chart.js"
     },
+    "./motion": {
+      "types": "./dist/types/motion.d.ts",
+      "import": "./dist/motion.js"
+    },
+    "./flow": {
+      "types": "./dist/types/flow.d.ts",
+      "import": "./dist/flow.js"
+    },
     "./widget-grid": {
       "types": "./dist/types/widget-grid.d.ts",
       "import": "./dist/widget-grid.js"
@@ -94,6 +102,8 @@
     "build": "tsc -b && vite build",
     "build:lib": "vite build --config vite.lib.config.ts && tsc -p tsconfig.build.json && node scripts/fix-dts-aliases.mjs && node scripts/build-lib.mjs",
     "verify:pack": "node scripts/verify-pack.mjs",
+    "verify:bundle:app": "node scripts/bundle-inicial.mjs --verificar --app dist",
+    "verify:bundle:lib": "node scripts/bundle-inicial.mjs --verificar --lib dist",
     "preview": "vite preview",
     "typecheck": "tsc -b",
     "lint": "eslint .",
@@ -115,6 +125,8 @@
     "test:visual": "playwright test --project=visual",
     "test:visual:update": "playwright test --project=visual --update-snapshots",
     "test:motion": "playwright test --project=motion --project=estados",
+    "test:lazy": "playwright test --project=lazy",
+    "test:flow": "playwright test --project=flow",
     "test:css-layers": "playwright test --project=css-layers",
     "test:site": "playwright test -c playwright.site.config.ts",
     "registry:build": "node scripts/build-registry.mjs",
@@ -131,6 +143,7 @@
     "@tiptap/pm": "^3.31.3",
     "@tiptap/react": "^3.31.3",
     "@tiptap/starter-kit": "^3.31.3",
+    "@xyflow/react": "^12.12.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",

package/dist/button-BzJgR2gH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BzJgR2gH.js","names":[],"sources":["../src/components/ui/spinner.tsx","../src/lib/motion/native-events.ts","../src/components/ui/button.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react'\nimport { usePrefersReducedMotion } from '@/hooks/use-reduced-motion'\nimport { cn } from '@/lib/cn'\n\n/*\n * Indicador de carregamento único do sistema (A17 do plano da v2). Substitui qualquer\n * `Loader2 animate-spin` solto em Button, Input e Select. Sem label é decorativo\n * (aria-hidden); com label, anuncia o carregamento a quem usa leitor de tela. Para de girar\n * quando o sistema pede menos movimento.\n */\n\nexport interface SpinnerProps {\n  size?: 'sm' | 'md' | 'lg'\n  /** Nome do que está carregando. Vazio (padrão): decorativo, sem anúncio de leitor de tela. */\n  label?: string\n  className?: string\n}\n\nconst sizeClass: Record<NonNullable<SpinnerProps['size']>, string> = {\n  sm: 'size-icon-sm',\n  md: 'size-icon-md',\n  lg: 'size-icon-lg',\n}\n\nexport function Spinner({ size = 'md', label, className }: SpinnerProps) {\n  const reduced = usePrefersReducedMotion()\n  const icon = (\n    <Loader2 aria-hidden className={cn(sizeClass[size], reduced ? '' : 'animate-spin')} />\n  )\n\n  if (!label) {\n    return (\n      <span data-rendra=\"SPIN-001\" aria-hidden className={cn('inline-flex', className)}>\n        {icon}\n      </span>\n    )\n  }\n\n  return (\n    <span\n      data-rendra=\"SPIN-001\"\n      role=\"status\"\n      className={cn('inline-flex items-center gap-2', className)}\n    >\n      {icon}\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  )\n}\n","/*\n * O Motion toma `onDrag`, `onDragStart`, `onDragEnd` e `onAnimationStart` para os gestos e\n * animações dele: tira essas props do DOM e as tipa com outra assinatura. Em `m.button` e\n * `m.li`, o consumidor que passa o evento nativo (HTML5 drag, animationstart do CSS) o perderia.\n * Estes ajudantes separam essas chaves das props e as ligam como ouvintes nativos no elemento.\n */\n\nconst NATIVE_EVENTS = {\n  onDrag: 'drag',\n  onDragStart: 'dragstart',\n  onDragEnd: 'dragend',\n  onAnimationStart: 'animationstart',\n} as const\n\ntype NativeKey = keyof typeof NATIVE_EVENTS\ntype Handler = ((event: never) => void) | undefined\n\n/** Separa as quatro chaves em conflito; o resto segue para o elemento do Motion. */\nexport function splitNativeEvents<P extends object>(props: P) {\n  const native: Partial<Record<NativeKey, Handler>> = {}\n  const rest: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(props)) {\n    if (key in NATIVE_EVENTS) native[key as NativeKey] = value as Handler\n    else rest[key] = value\n  }\n  return { native, rest: rest as Omit<P, NativeKey> }\n}\n\n/** Liga os manipuladores como ouvintes nativos. Devolve a função que os remove. */\nexport function bindNativeEvents(el: HTMLElement, native: Partial<Record<NativeKey, Handler>>) {\n  const bound: [string, EventListener][] = []\n  for (const [key, type] of Object.entries(NATIVE_EVENTS)) {\n    const handler = native[key as NativeKey]\n    if (!handler) continue\n    const listener = ((event: Event) => handler(event as never)) as EventListener\n    el.addEventListener(type, listener)\n    bound.push([type, listener])\n  }\n  return () => bound.forEach(([type, listener]) => el.removeEventListener(type, listener))\n}\n","import { cva, type VariantProps } from 'class-variance-authority'\nimport { m } from 'motion/react'\nimport { Slot } from 'radix-ui'\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode, type Ref } from 'react'\nimport { resolveCatalogCode } from '@/catalog/components'\nimport { Spinner } from '@/components/ui/spinner'\nimport { cn } from '@/lib/cn'\nimport { useMotionMode, useMotionPresets } from '@/lib/motion'\nimport { bindNativeEvents, splitNativeEvents } from '@/lib/motion/native-events'\n\n/**\n * Botão único do sistema. Variantes, tamanho, ícone, só ícone, carregamento e\n * largura total são props: nunca crie outro arquivo de botão.\n * Altura vem de h-control-*: 44px ou mais no mobile, compacta a partir de md.\n */\nexport const buttonVariants = cva(\n  'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-control font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform] duration-(--rendra-duration-press) ease-out select-none active:scale-97 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        // Hover troca para a cor de hover da marca e eleva um nível; pressionar comprime.\n        primary:\n          'bg-primary text-primary-foreground shadow-sm hover:bg-primary-hover hover:text-primary-hover-foreground hover:shadow-md active:bg-primary-hover active:text-primary-hover-foreground active:shadow-sm',\n        secondary:\n          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary-hover hover:text-secondary-hover-foreground hover:shadow-md active:bg-secondary-hover active:text-secondary-hover-foreground active:shadow-sm',\n        outline:\n          'border border-input bg-card text-foreground hover:border-primary hover:bg-primary-soft hover:text-primary-soft-foreground active:bg-primary-soft',\n        // Transparentes: no hover, assumem a cor primária do template.\n        ghost:\n          'text-foreground hover:bg-primary-soft hover:text-primary-soft-foreground active:bg-primary-soft',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive-hover hover:shadow-md active:bg-destructive-hover active:shadow-sm',\n        link: 'min-h-touch min-w-touch text-primary-text underline-offset-4 hover:text-primary-hover hover:underline md:min-h-0 md:min-w-0',\n      },\n      size: {\n        sm: 'h-control-sm px-3 text-sm [&_svg]:size-icon-sm',\n        md: 'h-control-md px-4 text-sm [&_svg]:size-icon-sm',\n        lg: 'h-control-lg px-6 text-base [&_svg]:size-icon-md',\n      },\n      iconOnly: { true: 'px-0', false: '' },\n      fullWidth: { true: 'w-full', false: '' },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: 'sm', className: 'w-control-sm' },\n      { iconOnly: true, size: 'md', className: 'w-control-md' },\n      { iconOnly: true, size: 'lg', className: 'w-control-lg' },\n      { variant: 'link', className: 'h-auto px-0' },\n    ],\n    defaultVariants: { variant: 'primary', size: 'md', iconOnly: false, fullWidth: false },\n  },\n)\n\ntype Variants = VariantProps<typeof buttonVariants>\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<Variants, 'iconOnly' | 'fullWidth'> {\n  /** Ícone à esquerda do texto (ou o próprio conteúdo, com iconOnly). */\n  icon?: ReactNode\n  /** Ícone à direita do texto. */\n  iconRight?: ReactNode\n  /** Botão só com ícone: quadrado, e aria-label passa a ser obrigatório. */\n  iconOnly?: boolean\n  /** Mostra indicador, bloqueia cliques e marca aria-busy. */\n  loading?: boolean\n  /** Ocupa toda a largura do contêiner. */\n  fullWidth?: boolean\n  /** Renderiza o filho (ex.: <Link>) com a aparência de botão. */\n  asChild?: boolean\n}\n\ntype MotionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  children: ReactNode\n}\n\n/**\n * O botão de `on`: `m.button` com toque discreto (whileTap). Os eventos que o Motion toma\n * (`onDrag*` e `onAnimationStart`) saem das props dele e viram ouvintes nativos no elemento,\n * então o consumidor continua recebendo o evento. Só existe em `on`; por isso os hooks de motion\n * moram aqui e o `off` não paga nada.\n */\nconst MotionButton = forwardRef<HTMLButtonElement, MotionButtonProps>(\n  function MotionButton(props, ref) {\n    const presets = useMotionPresets()\n    const { native, rest } = splitNativeEvents(props)\n    const attach = (el: HTMLButtonElement | null) => {\n      assignRef(ref, el)\n      if (!el) return\n      const unbind = bindNativeEvents(el, native)\n      return () => {\n        unbind()\n        assignRef(ref, null)\n      }\n    }\n    return (\n      <m.button\n        ref={attach}\n        whileTap={presets.press.whileTap}\n        transition={presets.press.transition}\n        {...rest}\n      />\n    )\n  },\n)\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') ref(value)\n  else if (ref) ref.current = value\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    icon,\n    iconRight,\n    iconOnly = false,\n    loading = false,\n    fullWidth = false,\n    asChild = false,\n    disabled,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  if (import.meta.env.DEV && iconOnly && !props['aria-label']) {\n    console.warn('Button com iconOnly precisa de aria-label.')\n  }\n  const on = useMotionMode() === 'on'\n  // Em `on` o toque é do whileTap: a classe `active:scale-97` sairia somando com ele, e o\n  // `transform` sai da lista de transition (senão o CSS transiciona cada quadro que o Motion grava\n  // e o toque chega atrasado). Com asChild nada disso: é só CSS, como em `off`.\n  const classes = cn(\n    buttonVariants({ variant, size, iconOnly, fullWidth }),\n    on &&\n      !asChild &&\n      'transition-[color,background-color,border-color,box-shadow] active:scale-100',\n    className,\n  )\n  const code = resolveCatalogCode('Button', { variant: variant ?? 'primary' })\n\n  if (asChild) {\n    return (\n      <Slot.Root ref={ref} data-rendra={code} className={classes} {...props}>\n        {children}\n      </Slot.Root>\n    )\n  }\n\n  // Ícone dentro do botão segue o tamanho do próprio botão (sm/md -> sm, lg -> md, como o\n  // [&_svg]:size-icon-* de buttonVariants já fazia com o Loader2 solto).\n  const leading = loading ? <Spinner size={size === 'lg' ? 'md' : 'sm'} /> : icon\n  if (on) {\n    return (\n      <MotionButton\n        ref={ref}\n        type={type}\n        data-rendra={code}\n        className={classes}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        {...props}\n      >\n        {leading}\n        {iconOnly ? (loading ? null : children) : children}\n        {!iconOnly && iconRight}\n      </MotionButton>\n    )\n  }\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-rendra={code}\n      className={classes}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {leading}\n      {iconOnly ? (loading ? null : children) : children}\n      {!iconOnly && iconRight}\n    </button>\n  )\n})\n"],"mappings":"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"}

package/dist/empty-state-Cdb1vkMT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state-Cdb1vkMT.js","names":[],"sources":["../src/brand/brand-context.ts","../src/brand/use-brand.ts","../src/components/ui/brand-feedback-icon.tsx","../src/components/ui/empty-state.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport type { Shape } from '@/lib/shape'\nimport type { BrandConfig, PaletteConfig } from './types'\n\nexport type ColorMode = 'light' | 'dark' | 'system'\n\nexport interface BrandContextValue {\n  brand: BrandConfig\n  brands: BrandConfig[]\n  setBrandId: (id: string) => void\n  mode: ColorMode\n  resolvedMode: 'light' | 'dark'\n  setMode: (mode: ColorMode) => void\n  /** Formato do template ativo (fixo por template). */\n  shape: Shape\n  /** Paleta de cores em uso (por padrão, a do próprio modelo). */\n  palette: PaletteConfig\n  palettes: PaletteConfig[]\n  /** Usa a paleta de outro template; null volta às cores do próprio modelo. */\n  setPaletteId: (id: string | null) => void\n  /** Logotipo adequado para a sidebar com a paleta atual. */\n  sidebarLogoVariant: 'light' | 'dark'\n}\n\nexport const BrandContext = createContext<BrandContextValue | null>(null)\n","import { useContext } from 'react'\nimport { BrandContext } from './brand-context'\n\nexport function useBrand() {\n  const ctx = useContext(BrandContext)\n  if (!ctx) throw new Error('useBrand precisa estar dentro de <BrandProvider>.')\n  return ctx\n}\n","import { cva, type VariantProps } from 'class-variance-authority'\nimport { CircleCheck, CircleX, Info, TriangleAlert, type LucideIcon } from 'lucide-react'\nimport type { SVGProps } from 'react'\nimport { useBrand } from '@/brand/use-brand'\nimport type { FeedbackType } from '@/brand/types'\nimport { cn } from '@/lib/cn'\n\nconst sizes = {\n  sm: 'size-icon-sm',\n  md: 'size-icon-md',\n  lg: 'size-icon-lg',\n  xl: 'size-12',\n  '2xl': 'size-16',\n} as const\n\nconst iconVariants = cva('relative inline-flex shrink-0', {\n  variants: { size: sizes },\n  defaultVariants: { size: 'md' },\n})\n\n/** Cor do estado (tinge o símbolo e, em statusBadge, o ícone ao lado). */\nconst stateText: Record<FeedbackType, string> = {\n  success: 'text-success',\n  error: 'text-destructive',\n  warning: 'text-warning',\n  info: 'text-info',\n}\n\n/** Ícone Lucide do selo ao lado do símbolo (statusBadge). */\nconst badgeIcons: Record<FeedbackType, LucideIcon> = {\n  success: CircleCheck,\n  error: CircleX,\n  warning: TriangleAlert,\n  info: Info,\n}\n\n/** Tamanho do ícone ao lado, proporcional ao do símbolo. */\nconst badgeIconSize: Record<keyof typeof sizes, string> = {\n  sm: 'size-3',\n  md: 'size-icon-sm',\n  lg: 'size-icon-md',\n  xl: 'size-icon-lg',\n  '2xl': 'size-icon-lg',\n}\n\nconst badgeTone: Record<FeedbackType, string> = {\n  success: 'bg-success text-success-foreground',\n  error: 'bg-destructive text-destructive-foreground',\n  warning: 'bg-warning text-warning-foreground',\n  info: 'bg-info text-info-foreground',\n}\n\nexport const feedbackLabels: Record<FeedbackType, string> = {\n  success: 'Sucesso',\n  error: 'Erro',\n  warning: 'Atenção',\n  info: 'Informação',\n}\n\n/** Glifos universais de status desenhados em traço, herdando currentColor. */\nfunction StatusGlyph({\n  type,\n  animated,\n  ...props\n}: { type: FeedbackType; animated?: boolean } & SVGProps<SVGSVGElement>) {\n  // pathLength=1 normaliza o traço: o desenho anima de 1 a 0 em qualquer glifo.\n  const draw = animated\n    ? ({ pathLength: 1, strokeDasharray: 1, className: 'animate-draw' } as const)\n    : {}\n  const common = {\n    viewBox: '0 0 12 12',\n    fill: 'none',\n    stroke: 'currentColor',\n    strokeWidth: 2,\n    strokeLinecap: 'round' as const,\n    strokeLinejoin: 'round' as const,\n    'aria-hidden': true,\n    ...props,\n  }\n  switch (type) {\n    case 'success':\n      return (\n        <svg {...common}>\n          <path d=\"M3 6.2 5.1 8.2 9 4\" {...draw} />\n        </svg>\n      )\n    case 'error':\n      return (\n        <svg {...common}>\n          <path d=\"M4 4l4 4M8 4 4 8\" {...draw} />\n        </svg>\n      )\n    case 'warning':\n      return (\n        <svg {...common}>\n          <path d=\"M6 3.2v3.3M6 8.8v0\" {...draw} />\n        </svg>\n      )\n    case 'info':\n      return (\n        <svg {...common}>\n          <path d=\"M6 3.2v0M6 5.5v3.3\" {...draw} />\n        </svg>\n      )\n  }\n}\n\nexport interface BrandFeedbackIconProps extends VariantProps<typeof iconVariants> {\n  type: FeedbackType\n  /** Texto para leitores de tela. Sem ele o ícone é decorativo (o texto ao lado informa). */\n  label?: string\n  /**\n   * Anima a entrada: o símbolo entra com mola e o glifo se desenha (check se formando,\n   * X se riscando). O erro treme ao final. Respeita reduzir movimento.\n   * Troque a key do componente para repetir a animação.\n   */\n  animated?: boolean\n  /**\n   * Cor do símbolo. `state` (padrão): a cor do estado (verde, vermelho, amarelo, azul).\n   * `brand`: a cor primária da marca (`text-primary-text`); o selo de estado mantém a cor do\n   * estado, para o significado não depender só da cor.\n   */\n  symbolTone?: 'state' | 'brand'\n  /**\n   * `false` (padrão): selo de estado sobreposto ao símbolo. `true`: o ícone do estado\n   * (Lucide, na cor do estado) fica ao lado do símbolo, no lugar do selo sobreposto. Com um\n   * SVG próprio em `brand.feedbackIcons[type]`, o SVG vence e nenhum selo é desenhado.\n   */\n  statusBadge?: boolean\n  /**\n   * Só vale com `animated`. `pop` (padrão): entra com mola, o glifo se desenha e o erro\n   * treme. `encaixe`: entra em 240 ms, curva de saída suave, sem quique, sem desenho e sem\n   * tremor. Com \"reduzir movimento\" do sistema, nenhuma animação roda.\n   */\n  animation?: 'pop' | 'encaixe'\n  className?: string\n}\n\n/**\n * Ícone de feedback da marca: o símbolo da marca em currentColor, tingido pela cor\n * semântica, com um selo de status para que o significado não dependa só da cor.\n * Cada tipo pode ser substituído por um SVG próprio em brand.config.ts (feedbackIcons).\n */\nexport function BrandFeedbackIcon({\n  type,\n  size,\n  label,\n  animated = false,\n  symbolTone = 'state',\n  statusBadge = false,\n  animation = 'pop',\n  className,\n}: BrandFeedbackIconProps) {\n  const { brand } = useBrand()\n  const Custom = brand.feedbackIcons?.[type]\n  const Symbol = brand.symbol\n  const a11y = label\n    ? ({ role: 'img', 'aria-label': label } as const)\n    : ({ 'aria-hidden': true } as const)\n  const encaixe = animation === 'encaixe'\n  // Com `symbolTone=\"state\"` o texto do estado fica na raiz (como sempre); com `brand` sai da raiz.\n  const rootTone = symbolTone === 'state' ? stateText[type] : undefined\n  const symbolTonal = symbolTone === 'brand' && 'text-primary-text'\n  const symbolAnim = animated && (encaixe ? 'animate-encaixe' : 'animate-pop')\n  const badgeAnim = animated && (encaixe ? 'animate-encaixe' : 'animate-pop anim-delay-1')\n  const BadgeIcon = badgeIcons[type]\n  const sideBadge = statusBadge && !Custom\n\n  return (\n    <span\n      data-slot=\"feedback-icon\"\n      data-rendra=\"BFI-001\"\n      className={cn(\n        sideBadge ? 'relative inline-flex shrink-0 items-center gap-1' : iconVariants({ size }),\n        rootTone,\n        animated && !encaixe && type === 'error' && 'animate-shake',\n        className,\n      )}\n      {...a11y}\n    >\n      {Custom ? (\n        <Custom className={cn('size-full', symbolTonal, symbolAnim)} />\n      ) : sideBadge ? (\n        <>\n          <Symbol className={cn(sizes[size ?? 'md'], symbolTonal, symbolAnim)} />\n          <BadgeIcon\n            aria-hidden\n            className={cn('shrink-0', badgeIconSize[size ?? 'md'], stateText[type], badgeAnim)}\n          />\n        </>\n      ) : (\n        <>\n          <Symbol className={cn('size-full mask-status-cutout', symbolTonal, symbolAnim)} />\n          <span\n            className={cn(\n              'absolute right-0 bottom-0 flex size-1/2 items-center justify-center rounded-full',\n              badgeTone[type],\n              badgeAnim,\n            )}\n          >\n            <StatusGlyph type={type} animated={animated && !encaixe} className=\"size-full\" />\n          </span>\n        </>\n      )}\n    </span>\n  )\n}\n","import { m } from 'motion/react'\nimport type { ElementType, ReactNode } from 'react'\nimport type { FeedbackType } from '@/brand/types'\nimport { BrandFeedbackIcon } from '@/components/ui/brand-feedback-icon'\nimport { cn } from '@/lib/cn'\nimport { useMotionMode, useMotionPresets } from '@/lib/motion'\n\nexport interface EmptyStateProps {\n  title: string\n  description?: ReactNode\n  /** Tipo do ícone de feedback da marca. info para \"sem dados\", error para falha. */\n  type?: FeedbackType\n  /** Ações: no máximo uma principal e uma secundária. */\n  actions?: ReactNode\n  /** compact: dentro de tabela ou card pequeno. */\n  size?: 'default' | 'compact'\n  /**\n   * Classes extras, que vencem as do componente. Para zerar o respiro vertical (por exemplo,\n   * dentro de um card que já tem o seu) use `className=\"py-0 md:py-0\"`.\n   */\n  className?: string\n}\n\n/** Estado vazio (e de erro) com o ícone de feedback da marca. */\nexport function EmptyState({\n  title,\n  description,\n  type = 'info',\n  actions,\n  size = 'default',\n  className,\n}: EmptyStateProps) {\n  const on = useMotionMode() === 'on'\n  const presets = useMotionPresets()\n  // Em `on` as quatro partes (ícone, título, descrição e ações) sobem em cascata de 60 ms, cada\n  // uma com o deslize curto; a raiz em si não anima. Estado vazio é cota de encanto: ocasional,\n  // sem teclado no caminho. Em `off` o HTML é o de sempre.\n  const Icon: ElementType = on ? m.span : 'span'\n  const Title: ElementType = on ? m.p : 'p'\n  const Description: ElementType = on ? m.p : 'p'\n  const Actions: ElementType = on ? m.div : 'div'\n  const part = (index: number) => {\n    if (!on) return {}\n    const enter = presets.slide('bottom', 'short')\n    return { ...enter, transition: { ...enter.transition, ...presets.stagger(index) } }\n  }\n  return (\n    <div\n      data-rendra=\"VAZ-001\"\n      className={cn(\n        'flex flex-col items-center justify-center gap-4 text-center',\n        size === 'compact' ? 'px-4 py-8' : 'px-4 py-12 md:py-16',\n        className,\n      )}\n    >\n      <Icon className=\"relative flex items-center justify-center\" {...part(0)}>\n        <span aria-hidden className=\"absolute size-16 rounded-full bg-gradient-soft\" />\n        <BrandFeedbackIcon\n          type={type}\n          size={size === 'compact' ? 'xl' : '2xl'}\n          className=\"relative\"\n        />\n      </Icon>\n      <div className=\"flex w-full flex-col gap-1\">\n        <Title className=\"text-base font-semibold wrap-break-word\" {...part(1)}>\n          {title}\n        </Title>\n        {description && (\n          <Description className=\"text-sm wrap-break-word text-muted-foreground\" {...part(2)}>\n            {description}\n          </Description>\n        )}\n      </div>\n      {actions && (\n        <Actions className=\"flex flex-wrap justify-center gap-3\" {...part(3)}>\n          {actions}\n        </Actions>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/motion-context-5BRIQAJm.js

@@ -1,107 +0,0 @@
-/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { LazyMotion, MotionConfig, domAnimation } from "motion/react";
-import { createContext, useContext, useMemo, useState, useSyncExternalStore } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/hooks/use-reduced-motion.ts
-/** Fonte única da preferência (também usada pelo motion, que só a assina em `on`). */
-function subscribeReducedMotion(cb) {
-	const mq = matchMedia("(prefers-reduced-motion: reduce)");
-	mq.addEventListener("change", cb);
-	return () => mq.removeEventListener("change", cb);
-}
-function getReducedMotion() {
-	return matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function usePrefersReducedMotion() {
-	return useSyncExternalStore(subscribeReducedMotion, getReducedMotion, () => false);
-}
-//#endregion
-//#region src/lib/motion/motion-context.tsx
-var MotionContext = createContext({
-	mode: "off",
-	layoutReady: false
-});
-/** Modo de motion do provider mais próximo (`off` sem provider). */
-function useMotionMode() {
-	return useContext(MotionContext).mode;
-}
-/**
-* Em `on`, o chunk do `domMax` já chegou. Um `m.*` com `layout` ou `layoutId` só ganha o nó de
-* projeção se for criado DEPOIS disso (o Motion não monta a projeção de um elemento que já
-* estava na tela), então quem usa layout liga a prop e remonta o item quando isto vira `true`.
-*/
-function useLayoutReady() {
-	const { mode, layoutReady } = useContext(MotionContext);
-	return mode === "on" && layoutReady;
-}
-var RevealContext = createContext(false);
-/** O componente está dentro de um `RevealScope`? */
-function useRevealScope() {
-	return useContext(RevealContext);
-}
-/** Só troca o modo lido pelos componentes; não monta nem desmonta o LazyMotion. */
-function MotionModeScope({ mode, children }) {
-	const { layoutReady } = useContext(MotionContext);
-	const value = useMemo(() => ({
-		mode,
-		layoutReady
-	}), [mode, layoutReady]);
-	return /* @__PURE__ */ jsx(MotionContext.Provider, {
-		value,
-		children
-	});
-}
-/** O carregador do `domMax` (chunk à parte): layout, layoutId e arraste do Motion. */
-var loadMax = () => import("./features-max--5VEt6M7.js").then((m) => m.default);
-/**
-* Em `off`, só o contexto (nenhum nó novo, nenhum LazyMotion). Em `on`, dois `LazyMotion` (os
-* dois `strict`: só `m.*` entra, um `motion.*` esquecido quebra em vez de puxar o pacote inteiro):
-* o de fora carrega o `domMax` sob demanda (layout e arraste), em chunk separado; o de dentro traz
-* o `domAnimation` síncrono (animação e gestos) e é o que os `m.*` enxergam. Nessa ordem o
-* renderer síncrono já está no contexto na primeira renderização (elementos e gestos funcionam
-* na hora), e os recursos de layout se juntam quando o chunk chega. A ordem contrária esconderia
-* o renderer até o chunk terminar de baixar.
-*
-* O `MotionConfig` recebe "reduzir movimento" da mesma fonte dos presets (o `matchMedia` de
-* `use-reduced-motion.ts`, reativo): com `always`, o Motion também tira o deslocamento e o layout
-* de qualquer animação que um componente escreva à mão, e mantém a opacidade. Não é uma segunda
-* fonte: é a primeira, lida uma vez, entregue a dois consumidores.
-*/
-function MotionProvider({ mode, children }) {
-	if (mode !== "on") return /* @__PURE__ */ jsx(MotionModeScope, {
-		mode: "off",
-		children
-	});
-	return /* @__PURE__ */ jsx(OnProvider, { children });
-}
-function OnProvider({ children }) {
-	const [layoutReady, setLayoutReady] = useState(false);
-	const reduced = usePrefersReducedMotion();
-	const value = useMemo(() => ({
-		mode: "on",
-		layoutReady
-	}), [layoutReady]);
-	const load = useMemo(() => () => loadMax().then((features) => {
-		setTimeout(() => setLayoutReady(true), 0);
-		return features;
-	}), []);
-	return /* @__PURE__ */ jsx(LazyMotion, {
-		features: load,
-		strict: true,
-		children: /* @__PURE__ */ jsx(LazyMotion, {
-			features: domAnimation,
-			strict: true,
-			children: /* @__PURE__ */ jsx(MotionConfig, {
-				reducedMotion: reduced ? "always" : "never",
-				children: /* @__PURE__ */ jsx(MotionContext.Provider, {
-					value,
-					children
-				})
-			})
-		})
-	});
-}
-//#endregion
-export { getReducedMotion as a, useRevealScope as i, useLayoutReady as n, subscribeReducedMotion as o, useMotionMode as r, usePrefersReducedMotion as s, MotionProvider as t };
-
-//# sourceMappingURL=motion-context-5BRIQAJm.js.map

package/dist/motion-context-5BRIQAJm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion-context-5BRIQAJm.js","names":[],"sources":["../src/hooks/use-reduced-motion.ts","../src/lib/motion/motion-context.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\n/*\n * Único hook de leitura de \"menos movimento\" do sistema operacional (prefers-reduced-motion).\n * Usado pelo Spinner e pelo Progress indeterminado para parar a animação sem depender só do\n * CSS, e assim ficar testável (mocke matchMedia para simular a preferência).\n */\n\n/** Fonte única da preferência (também usada pelo motion, que só a assina em `on`). */\nexport function subscribeReducedMotion(cb: () => void) {\n  const mq = matchMedia('(prefers-reduced-motion: reduce)')\n  mq.addEventListener('change', cb)\n  return () => mq.removeEventListener('change', cb)\n}\n\nexport function getReducedMotion() {\n  return matchMedia('(prefers-reduced-motion: reduce)').matches\n}\n\nexport function usePrefersReducedMotion() {\n  return useSyncExternalStore(subscribeReducedMotion, getReducedMotion, () => false)\n}\n","import { domAnimation, LazyMotion, MotionConfig } from 'motion/react'\nimport { createContext, useContext, useMemo, useState, type ReactNode } from 'react'\nimport { usePrefersReducedMotion } from '@/hooks/use-reduced-motion'\n\n/*\n * Modo de motion do Rendra. `off` (padrão): nada do Motion é montado, e o DOM e o\n * comportamento são os de sempre. `on`: os componentes trocam o elemento por `m.*` e animam.\n * O estado vive neste contexto próprio, não no do RendraProvider: o provider só o alimenta\n * pela prop `motion`, e uma tela (a de comparação) aninha o contexto para trocar on e off.\n */\n\nexport type MotionMode = 'off' | 'on'\n\ninterface MotionState {\n  mode: MotionMode\n  /**\n   * O chunk do `domMax` (layout e arraste) já chegou. O contexto muda quando ele chega, para\n   * os componentes que leem o modo renderizarem de novo: um `m.*` montado antes disso não tem\n   * nó de projeção, e `layout`/`layoutId` só passam a valer na renderização seguinte.\n   */\n  layoutReady: boolean\n}\n\nconst MotionContext = createContext<MotionState>({ mode: 'off', layoutReady: false })\n\n/** Modo de motion do provider mais próximo (`off` sem provider). */\nexport function useMotionMode(): MotionMode {\n  return useContext(MotionContext).mode\n}\n\n/**\n * Em `on`, o chunk do `domMax` já chegou. Um `m.*` com `layout` ou `layoutId` só ganha o nó de\n * projeção se for criado DEPOIS disso (o Motion não monta a projeção de um elemento que já\n * estava na tela), então quem usa layout liga a prop e remonta o item quando isto vira `true`.\n */\nexport function useLayoutReady(): boolean {\n  const { mode, layoutReady } = useContext(MotionContext)\n  return mode === 'on' && layoutReady\n}\n\nconst RevealContext = createContext(false)\n\n/**\n * Marca um trecho da árvore como \"chegada de painel\" (o dashboard): lá, o gráfico desenha no\n * tempo do reveal (900 ms) em vez do tempo de rotina (`draw`, 420 ms). Fora dele, o gráfico de\n * uma tela de uso diário desenha uma vez e rápido.\n */\nexport function RevealScope({ children }: { children: ReactNode }) {\n  return <RevealContext.Provider value>{children}</RevealContext.Provider>\n}\n\n/** O componente está dentro de um `RevealScope`? */\nexport function useRevealScope(): boolean {\n  return useContext(RevealContext)\n}\n\n/** Só troca o modo lido pelos componentes; não monta nem desmonta o LazyMotion. */\nexport function MotionModeScope({ mode, children }: { mode: MotionMode; children: ReactNode }) {\n  const { layoutReady } = useContext(MotionContext)\n  const value = useMemo(() => ({ mode, layoutReady }), [mode, layoutReady])\n  return <MotionContext.Provider value={value}>{children}</MotionContext.Provider>\n}\n\n/** O carregador do `domMax` (chunk à parte): layout, layoutId e arraste do Motion. */\nconst loadMax = () => import('./features-max').then((m) => m.default)\n\n/**\n * Em `off`, só o contexto (nenhum nó novo, nenhum LazyMotion). Em `on`, dois `LazyMotion` (os\n * dois `strict`: só `m.*` entra, um `motion.*` esquecido quebra em vez de puxar o pacote inteiro):\n * o de fora carrega o `domMax` sob demanda (layout e arraste), em chunk separado; o de dentro traz\n * o `domAnimation` síncrono (animação e gestos) e é o que os `m.*` enxergam. Nessa ordem o\n * renderer síncrono já está no contexto na primeira renderização (elementos e gestos funcionam\n * na hora), e os recursos de layout se juntam quando o chunk chega. A ordem contrária esconderia\n * o renderer até o chunk terminar de baixar.\n *\n * O `MotionConfig` recebe \"reduzir movimento\" da mesma fonte dos presets (o `matchMedia` de\n * `use-reduced-motion.ts`, reativo): com `always`, o Motion também tira o deslocamento e o layout\n * de qualquer animação que um componente escreva à mão, e mantém a opacidade. Não é uma segunda\n * fonte: é a primeira, lida uma vez, entregue a dois consumidores.\n */\nexport function MotionProvider({ mode, children }: { mode: MotionMode; children: ReactNode }) {\n  if (mode !== 'on') return <MotionModeScope mode=\"off\">{children}</MotionModeScope>\n  return <OnProvider>{children}</OnProvider>\n}\n\nfunction OnProvider({ children }: { children: ReactNode }) {\n  const [layoutReady, setLayoutReady] = useState(false)\n  const reduced = usePrefersReducedMotion()\n  const value = useMemo(() => ({ mode: 'on' as const, layoutReady }), [layoutReady])\n  // O LazyMotion registra os recursos DEPOIS de a promessa do carregador resolver; o aviso vai\n  // para o ciclo seguinte, para a renderização que ele provoca já enxergar o layout.\n  const load = useMemo(\n    () => () =>\n      loadMax().then((features) => {\n        setTimeout(() => setLayoutReady(true), 0)\n        return features\n      }),\n    [],\n  )\n  return (\n    <LazyMotion features={load} strict>\n      <LazyMotion features={domAnimation} strict>\n        <MotionConfig reducedMotion={reduced ? 'always' : 'never'}>\n          <MotionContext.Provider value={value}>{children}</MotionContext.Provider>\n        </MotionConfig>\n      </LazyMotion>\n    </LazyMotion>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAgB,uBAAuB,IAAgB;CACrD,MAAM,KAAK,WAAW,kCAAkC;CACxD,GAAG,iBAAiB,UAAU,EAAE;CAChC,aAAa,GAAG,oBAAoB,UAAU,EAAE;AAClD;AAEA,SAAgB,mBAAmB;CACjC,OAAO,WAAW,kCAAkC,CAAC,CAAC;AACxD;AAEA,SAAgB,0BAA0B;CACxC,OAAO,qBAAqB,wBAAwB,wBAAwB,KAAK;AACnF;;;ACEA,IAAM,gBAAgB,cAA2B;CAAE,MAAM;CAAO,aAAa;AAAM,CAAC;;AAGpF,SAAgB,gBAA4B;CAC1C,OAAO,WAAW,aAAa,CAAC,CAAC;AACnC;;;;;;AAOA,SAAgB,iBAA0B;CACxC,MAAM,EAAE,MAAM,gBAAgB,WAAW,aAAa;CACtD,OAAO,SAAS,QAAQ;AAC1B;AAEA,IAAM,gBAAgB,cAAc,KAAK;;AAYzC,SAAgB,iBAA0B;CACxC,OAAO,WAAW,aAAa;AACjC;;AAGA,SAAgB,gBAAgB,EAAE,MAAM,YAAuD;CAC7F,MAAM,EAAE,gBAAgB,WAAW,aAAa;CAChD,MAAM,QAAQ,eAAe;EAAE;EAAM;CAAY,IAAI,CAAC,MAAM,WAAW,CAAC;CACxE,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;;AAGA,IAAM,gBAAgB,OAAO,6BAAiB,CAAC,MAAM,MAAM,EAAE,OAAO;;;;;;;;;;;;;;;AAgBpE,SAAgB,eAAe,EAAE,MAAM,YAAuD;CAC5F,IAAI,SAAS,MAAM,OAAO,oBAAC,iBAAD;EAAiB,MAAK;EAAO;CAA0B,CAAA;CACjF,OAAO,oBAAC,YAAD,EAAa,SAAqB,CAAA;AAC3C;AAEA,SAAS,WAAW,EAAE,YAAqC;CACzD,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,UAAU,wBAAwB;CACxC,MAAM,QAAQ,eAAe;EAAE,MAAM;EAAe;CAAY,IAAI,CAAC,WAAW,CAAC;CAGjF,MAAM,OAAO,oBAET,QAAQ,CAAC,CAAC,MAAM,aAAa;EAC3B,iBAAiB,eAAe,IAAI,GAAG,CAAC;EACxC,OAAO;CACT,CAAC,GACH,CAAC,CACH;CACA,OACE,oBAAC,YAAD;EAAY,UAAU;EAAM,QAAA;EAC1B,UAAA,oBAAC,YAAD;GAAY,UAAU;GAAc,QAAA;GAClC,UAAA,oBAAC,cAAD;IAAc,eAAe,UAAU,WAAW;IAChD,UAAA,oBAAC,cAAc,UAAf;KAA+B;KAAQ;IAAiC,CAAA;GAC5D,CAAA;EACJ,CAAA;CACF,CAAA;AAEhB"}