@rendra-ui/web 2.1.0

package/dist/rendra-provider-cCnquOZy.js

@@ -0,0 +1,88 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useSyncExternalStore } from "react";
+//#region src/components/rendra-provider.tsx
+/** Sem roteador nenhum: o link é só um `<a href>`. */
+function DefaultLink({ to, children, ...rest }) {
+	return /* @__PURE__ */ jsx("a", {
+		href: to,
+		...rest,
+		children
+	});
+}
+function subscribeToLocation(onChange) {
+	window.addEventListener("popstate", onChange);
+	return () => window.removeEventListener("popstate", onChange);
+}
+/** Sem roteador nenhum: lê `window.location.pathname` direto. */
+function useDefaultCurrentPath() {
+	return useSyncExternalStore(subscribeToLocation, () => window.location.pathname, () => "/");
+}
+/** Sem roteador nenhum: navega com `window.location`. */
+function defaultNavigate(to, options) {
+	if (options?.replace) window.location.replace(to);
+	else window.location.assign(to);
+}
+/** Sem roteador nenhum: volta pelo histórico do navegador. */
+function defaultGoBack() {
+	window.history.back();
+}
+/** Sem roteador nenhum: nenhuma trilha para montar. */
+function defaultUseBreadcrumbs() {
+	return [];
+}
+var RendraContext = createContext({
+	linkComponent: DefaultLink,
+	useCurrentPath: useDefaultCurrentPath,
+	navigate: defaultNavigate,
+	goBack: defaultGoBack,
+	useBreadcrumbs: defaultUseBreadcrumbs
+});
+/**
+* Única peça que sabe como navegar (`react-router`, outro roteador, ou nenhum).
+* Sem `RendraProvider` na árvore, os hooks abaixo caem para um comportamento simples,
+* baseado só em `window.location`/`history`, e os componentes continuam funcionando.
+*/
+function RendraProvider({ children, linkComponent, useCurrentPath: useCurrentPathProp, navigate, goBack, useBreadcrumbs }) {
+	const value = useMemo(() => ({
+		linkComponent,
+		useCurrentPath: useCurrentPathProp,
+		navigate,
+		goBack,
+		useBreadcrumbs: useBreadcrumbs ?? defaultUseBreadcrumbs
+	}), [
+		linkComponent,
+		useCurrentPathProp,
+		navigate,
+		goBack,
+		useBreadcrumbs
+	]);
+	return /* @__PURE__ */ jsx(RendraContext.Provider, {
+		value,
+		children
+	});
+}
+/** Componente de link do provider ativo (ou `<a href>`, sem provider). */
+function useRendraLink() {
+	return useContext(RendraContext).linkComponent;
+}
+/** Caminho atual (ex.: `/clientes/novo`), do provider ativo ou de `window.location`. */
+function useCurrentPath() {
+	return useContext(RendraContext).useCurrentPath();
+}
+/** Navegar e voltar, do provider ativo ou de `window.location`/`history`. */
+function useRendraNavigate() {
+	const ctx = useContext(RendraContext);
+	return {
+		navigate: ctx.navigate,
+		goBack: ctx.goBack
+	};
+}
+/** Trilha da rota atual, do provider ativo ou vazia, sem roteador. */
+function useRendraBreadcrumbs() {
+	return useContext(RendraContext).useBreadcrumbs();
+}
+//#endregion
+export { useRendraNavigate as a, useRendraLink as i, useCurrentPath as n, useRendraBreadcrumbs as r, RendraProvider as t };
+
+//# sourceMappingURL=rendra-provider-cCnquOZy.js.map

package/dist/rendra-provider-cCnquOZy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendra-provider-cCnquOZy.js","names":[],"sources":["../src/components/rendra-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useMemo,\n  useSyncExternalStore,\n  type AnchorHTMLAttributes,\n  type ComponentType,\n  type ReactNode,\n} from 'react'\n\n/**\n * Link com a mesma interface do `<a>`/`Link`: recebe `to`, `className`, `children`,\n * `aria-*`, `onClick` e repassa o resto.\n */\nexport interface RendraLinkProps {\n  to: string\n  className?: string\n  children?: ReactNode\n  [key: string]: unknown\n}\n\nexport interface RendraBreadcrumbItem {\n  label: string\n  to?: string\n}\n\nexport interface RendraNavigateOptions {\n  replace?: boolean\n}\n\nexport interface RendraProviderProps {\n  children: ReactNode\n  /** Componente de link do roteador do host (ex.: `Link` do react-router). */\n  linkComponent: ComponentType<RendraLinkProps>\n  /** Devolve o caminho atual (ex.: `useLocation().pathname`). */\n  useCurrentPath: () => string\n  /** Navega para um caminho, com `replace` opcional. */\n  navigate: (to: string, options?: RendraNavigateOptions) => void\n  /** Volta à tela anterior. */\n  goBack: () => void\n  /** Trilha da rota atual (ex.: via `useMatches` e `handle.crumb`). Opcional. */\n  useBreadcrumbs?: () => RendraBreadcrumbItem[]\n}\n\ninterface RendraContextValue {\n  linkComponent: ComponentType<RendraLinkProps>\n  useCurrentPath: () => string\n  navigate: (to: string, options?: RendraNavigateOptions) => void\n  goBack: () => void\n  useBreadcrumbs: () => RendraBreadcrumbItem[]\n}\n\n/** Sem roteador nenhum: o link é só um `<a href>`. */\nfunction DefaultLink({ to, children, ...rest }: RendraLinkProps) {\n  return (\n    <a href={to} {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}>\n      {children}\n    </a>\n  )\n}\n\nfunction subscribeToLocation(onChange: () => void) {\n  window.addEventListener('popstate', onChange)\n  return () => window.removeEventListener('popstate', onChange)\n}\n\n/** Sem roteador nenhum: lê `window.location.pathname` direto. */\nfunction useDefaultCurrentPath(): string {\n  return useSyncExternalStore(\n    subscribeToLocation,\n    () => window.location.pathname,\n    () => '/',\n  )\n}\n\n/** Sem roteador nenhum: navega com `window.location`. */\nfunction defaultNavigate(to: string, options?: RendraNavigateOptions) {\n  if (options?.replace) {\n    window.location.replace(to)\n  } else {\n    window.location.assign(to)\n  }\n}\n\n/** Sem roteador nenhum: volta pelo histórico do navegador. */\nfunction defaultGoBack() {\n  window.history.back()\n}\n\n/** Sem roteador nenhum: nenhuma trilha para montar. */\nfunction defaultUseBreadcrumbs(): RendraBreadcrumbItem[] {\n  return []\n}\n\nconst defaultValue: RendraContextValue = {\n  linkComponent: DefaultLink,\n  useCurrentPath: useDefaultCurrentPath,\n  navigate: defaultNavigate,\n  goBack: defaultGoBack,\n  useBreadcrumbs: defaultUseBreadcrumbs,\n}\n\nconst RendraContext = createContext<RendraContextValue>(defaultValue)\n\n/**\n * Única peça que sabe como navegar (`react-router`, outro roteador, ou nenhum).\n * Sem `RendraProvider` na árvore, os hooks abaixo caem para um comportamento simples,\n * baseado só em `window.location`/`history`, e os componentes continuam funcionando.\n */\nexport function RendraProvider({\n  children,\n  linkComponent,\n  useCurrentPath: useCurrentPathProp,\n  navigate,\n  goBack,\n  useBreadcrumbs,\n}: RendraProviderProps) {\n  const value = useMemo<RendraContextValue>(\n    () => ({\n      linkComponent,\n      useCurrentPath: useCurrentPathProp,\n      navigate,\n      goBack,\n      useBreadcrumbs: useBreadcrumbs ?? defaultUseBreadcrumbs,\n    }),\n    [linkComponent, useCurrentPathProp, navigate, goBack, useBreadcrumbs],\n  )\n  return <RendraContext.Provider value={value}>{children}</RendraContext.Provider>\n}\n\n/** Componente de link do provider ativo (ou `<a href>`, sem provider). */\nexport function useRendraLink(): ComponentType<RendraLinkProps> {\n  return useContext(RendraContext).linkComponent\n}\n\n/** Caminho atual (ex.: `/clientes/novo`), do provider ativo ou de `window.location`. */\nexport function useCurrentPath(): string {\n  const ctx = useContext(RendraContext)\n  return ctx.useCurrentPath()\n}\n\n/** Navegar e voltar, do provider ativo ou de `window.location`/`history`. */\nexport function useRendraNavigate(): {\n  navigate: (to: string, options?: RendraNavigateOptions) => void\n  goBack: () => void\n} {\n  const ctx = useContext(RendraContext)\n  return { navigate: ctx.navigate, goBack: ctx.goBack }\n}\n\n/** Trilha da rota atual, do provider ativo ou vazia, sem roteador. */\nexport function useRendraBreadcrumbs(): RendraBreadcrumbItem[] {\n  const ctx = useContext(RendraContext)\n  return ctx.useBreadcrumbs()\n}\n"],"mappings":";;;;;AAqDA,SAAS,YAAY,EAAE,IAAI,UAAU,GAAG,QAAyB;CAC/D,OACE,oBAAC,KAAD;EAAG,MAAM;EAAI,GAAK;EACf;CACA,CAAA;AAEP;AAEA,SAAS,oBAAoB,UAAsB;CACjD,OAAO,iBAAiB,YAAY,QAAQ;CAC5C,aAAa,OAAO,oBAAoB,YAAY,QAAQ;AAC9D;;AAGA,SAAS,wBAAgC;CACvC,OAAO,qBACL,2BACM,OAAO,SAAS,gBAChB,GACR;AACF;;AAGA,SAAS,gBAAgB,IAAY,SAAiC;CACpE,IAAI,SAAS,SACX,OAAO,SAAS,QAAQ,EAAE;MAE1B,OAAO,SAAS,OAAO,EAAE;AAE7B;;AAGA,SAAS,gBAAgB;CACvB,OAAO,QAAQ,KAAK;AACtB;;AAGA,SAAS,wBAAgD;CACvD,OAAO,CAAC;AACV;AAUA,IAAM,gBAAgB,cAAkC;CAPtD,eAAe;CACf,gBAAgB;CAChB,UAAU;CACV,QAAQ;CACR,gBAAgB;AAGsC,CAAY;;;;;;AAOpE,SAAgB,eAAe,EAC7B,UACA,eACA,gBAAgB,oBAChB,UACA,QACA,kBACsB;CACtB,MAAM,QAAQ,eACL;EACL;EACA,gBAAgB;EAChB;EACA;EACA,gBAAgB,kBAAkB;CACpC,IACA;EAAC;EAAe;EAAoB;EAAU;EAAQ;CAAc,CACtE;CACA,OAAO,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF;;AAGA,SAAgB,gBAAgD;CAC9D,OAAO,WAAW,aAAa,CAAC,CAAC;AACnC;;AAGA,SAAgB,iBAAyB;CAEvC,OADY,WAAW,aAChB,CAAA,CAAI,eAAe;AAC5B;;AAGA,SAAgB,oBAGd;CACA,MAAM,MAAM,WAAW,aAAa;CACpC,OAAO;EAAE,UAAU,IAAI;EAAU,QAAQ,IAAI;CAAO;AACtD;;AAGA,SAAgB,uBAA+C;CAE7D,OADY,WAAW,aAChB,CAAA,CAAI,eAAe;AAC5B"}

package/dist/rich-text-editor.js

@@ -0,0 +1,439 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-DVPheE99.js";
+import { a as DropdownMenuContent, d as DropdownMenuSeparator, h as DropdownMenuTrigger, r as DropdownMenu, s as DropdownMenuItem, t as Tooltip } from "./tooltip-DyeuGPCc.js";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, Code, Code2, Eraser, ImagePlus, Italic, Link2, List, ListOrdered, Minus, Quote, Redo2, Strikethrough, Table, Underline, Undo2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Image } from "@tiptap/extension-image";
+import { Placeholder } from "@tiptap/extension-placeholder";
+import { TableKit } from "@tiptap/extension-table";
+import { TextAlign } from "@tiptap/extension-text-align";
+import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
+import { StarterKit } from "@tiptap/starter-kit";
+//#region src/components/ui/rich-text-editor.tsx
+var heights = {
+	sm: "min-h-24",
+	md: "min-h-chart-sm",
+	lg: "min-h-chart-md"
+};
+var readAsDataUrl = (file) => new Promise((resolve, reject) => {
+	const reader = new FileReader();
+	reader.onload = () => resolve(String(reader.result));
+	reader.onerror = () => reject(reader.error);
+	reader.readAsDataURL(file);
+});
+function ToolButton({ label, active, disabled, onClick, children }) {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		content: label,
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": label,
+			"aria-pressed": active,
+			disabled,
+			onMouseDown: (e) => e.preventDefault(),
+			onClick,
+			className: cn("flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40 [&_svg]:size-icon-sm", active && "bg-primary-soft text-primary-soft-foreground hover:bg-primary-soft"),
+			children
+		})
+	});
+}
+var Divider = () => /* @__PURE__ */ jsx("span", {
+	"aria-hidden": true,
+	className: "mx-1 h-6 w-px shrink-0 bg-border"
+});
+function Toolbar({ editor, source, onToggleSource, onPickImage }) {
+	const s = useEditorState({
+		editor,
+		selector: ({ editor: e }) => ({
+			bold: e.isActive("bold"),
+			italic: e.isActive("italic"),
+			underline: e.isActive("underline"),
+			strike: e.isActive("strike"),
+			code: e.isActive("code"),
+			link: e.isActive("link"),
+			bullet: e.isActive("bulletList"),
+			ordered: e.isActive("orderedList"),
+			quote: e.isActive("blockquote"),
+			table: e.isActive("table"),
+			h: [
+				1,
+				2,
+				3
+			].find((level) => e.isActive("heading", { level })) ?? 0,
+			align: [
+				"center",
+				"right",
+				"justify"
+			].find((a) => e.isActive({ textAlign: a })) ?? "left",
+			canUndo: e.can().undo(),
+			canRedo: e.can().redo()
+		})
+	});
+	const chain = () => editor.chain().focus();
+	const off = source;
+	const setLink = () => {
+		const prev = editor.getAttributes("link").href;
+		const url = window.prompt("Endereço do link", prev ?? "https://");
+		if (url === null) return;
+		if (!url) chain().extendMarkRange("link").unsetLink().run();
+		else chain().extendMarkRange("link").setLink({ href: url }).run();
+	};
+	const blockLabel = s.h ? `Título ${s.h}` : "Parágrafo";
+	return /* @__PURE__ */ jsxs("div", {
+		role: "toolbar",
+		"aria-label": "Formatação",
+		className: "flex flex-wrap items-center gap-1 border-b p-1",
+		children: [
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Desfazer",
+				disabled: off || !s.canUndo,
+				onClick: () => chain().undo().run(),
+				children: /* @__PURE__ */ jsx(Undo2, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Refazer",
+				disabled: off || !s.canRedo,
+				onClick: () => chain().redo().run(),
+				children: /* @__PURE__ */ jsx(Redo2, {})
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				disabled: off,
+				className: "flex h-control-sm cursor-pointer items-center gap-1 rounded-item px-2 text-sm font-medium text-foreground outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40",
+				onMouseDown: (e) => e.preventDefault(),
+				children: blockLabel
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				children: [/* @__PURE__ */ jsx(DropdownMenuItem, {
+					onSelect: () => chain().setParagraph().run(),
+					children: "Parágrafo"
+				}), [
+					1,
+					2,
+					3
+				].map((level) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onSelect: () => chain().toggleHeading({ level }).run(),
+					children: ["Título ", level]
+				}, level))]
+			})] }),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Negrito (Ctrl+B)",
+				active: s.bold,
+				disabled: off,
+				onClick: () => chain().toggleBold().run(),
+				children: /* @__PURE__ */ jsx(Bold, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Itálico (Ctrl+I)",
+				active: s.italic,
+				disabled: off,
+				onClick: () => chain().toggleItalic().run(),
+				children: /* @__PURE__ */ jsx(Italic, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Sublinhado (Ctrl+U)",
+				active: s.underline,
+				disabled: off,
+				onClick: () => chain().toggleUnderline().run(),
+				children: /* @__PURE__ */ jsx(Underline, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Riscado",
+				active: s.strike,
+				disabled: off,
+				onClick: () => chain().toggleStrike().run(),
+				children: /* @__PURE__ */ jsx(Strikethrough, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Código",
+				active: s.code,
+				disabled: off,
+				onClick: () => chain().toggleCode().run(),
+				children: /* @__PURE__ */ jsx(Code, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Link",
+				active: s.link,
+				disabled: off,
+				onClick: setLink,
+				children: /* @__PURE__ */ jsx(Link2, {})
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Lista com marcadores",
+				active: s.bullet,
+				disabled: off,
+				onClick: () => chain().toggleBulletList().run(),
+				children: /* @__PURE__ */ jsx(List, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Lista numerada",
+				active: s.ordered,
+				disabled: off,
+				onClick: () => chain().toggleOrderedList().run(),
+				children: /* @__PURE__ */ jsx(ListOrdered, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Citação",
+				active: s.quote,
+				disabled: off,
+				onClick: () => chain().toggleBlockquote().run(),
+				children: /* @__PURE__ */ jsx(Quote, {})
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Alinhar à esquerda",
+				active: s.align === "left",
+				disabled: off,
+				onClick: () => chain().setTextAlign("left").run(),
+				children: /* @__PURE__ */ jsx(AlignLeft, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Centralizar",
+				active: s.align === "center",
+				disabled: off,
+				onClick: () => chain().setTextAlign("center").run(),
+				children: /* @__PURE__ */ jsx(AlignCenter, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Alinhar à direita",
+				active: s.align === "right",
+				disabled: off,
+				onClick: () => chain().setTextAlign("right").run(),
+				children: /* @__PURE__ */ jsx(AlignRight, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Justificar",
+				active: s.align === "justify",
+				disabled: off,
+				onClick: () => chain().setTextAlign("justify").run(),
+				children: /* @__PURE__ */ jsx(AlignJustify, {})
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Inserir imagem",
+				disabled: off,
+				onClick: onPickImage,
+				children: /* @__PURE__ */ jsx(ImagePlus, {})
+			}),
+			/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(Tooltip, {
+				content: "Tabela",
+				children: /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					"aria-label": "Tabela",
+					disabled: off,
+					onMouseDown: (e) => e.preventDefault(),
+					className: cn("flex size-control-sm cursor-pointer items-center justify-center rounded-item text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 [&_svg]:size-icon-sm", s.table && "bg-primary-soft text-primary-soft-foreground"),
+					children: /* @__PURE__ */ jsx(Table, {})
+				})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				children: [
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => chain().insertTable({
+							rows: 3,
+							cols: 3,
+							withHeaderRow: true
+						}).run(),
+						children: "Inserir tabela 3 x 3"
+					}),
+					/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						disabled: !s.table,
+						onSelect: () => chain().addRowAfter().run(),
+						children: "Adicionar linha abaixo"
+					}),
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						disabled: !s.table,
+						onSelect: () => chain().addColumnAfter().run(),
+						children: "Adicionar coluna à direita"
+					}),
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						disabled: !s.table,
+						onSelect: () => chain().deleteRow().run(),
+						children: "Excluir linha"
+					}),
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						disabled: !s.table,
+						onSelect: () => chain().deleteColumn().run(),
+						children: "Excluir coluna"
+					}),
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						disabled: !s.table,
+						destructive: true,
+						onSelect: () => chain().deleteTable().run(),
+						children: "Excluir tabela"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Linha divisória",
+				disabled: off,
+				onClick: () => chain().setHorizontalRule().run(),
+				children: /* @__PURE__ */ jsx(Minus, {})
+			}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: "Limpar formatação",
+				disabled: off,
+				onClick: () => chain().unsetAllMarks().clearNodes().run(),
+				children: /* @__PURE__ */ jsx(Eraser, {})
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsx(ToolButton, {
+				label: source ? "Voltar ao editor visual" : "Editar HTML",
+				active: source,
+				onClick: onToggleSource,
+				children: /* @__PURE__ */ jsx(Code2, {})
+			})
+		]
+	});
+}
+function RichTextEditor({ value, defaultValue, onChange, placeholder = "Escreva aqui...", onImageUpload, minHeight = "md", invalid, disabled, id, className, ...aria }) {
+	const [source, setSource] = useState(false);
+	const [html, setHtml] = useState(value ?? defaultValue ?? "");
+	const fileRef = useRef(null);
+	const cb = useRef({
+		onChange,
+		onImageUpload
+	});
+	cb.current = {
+		onChange,
+		onImageUpload
+	};
+	const insertFiles = async (editor, files, pos) => {
+		for (const file of files.filter((f) => f.type.startsWith("image/"))) {
+			const src = cb.current.onImageUpload ? await cb.current.onImageUpload(file) : await readAsDataUrl(file);
+			const chain = editor.chain().focus();
+			if (pos !== void 0) chain.insertContentAt(pos, {
+				type: "image",
+				attrs: {
+					src,
+					alt: file.name
+				}
+			});
+			else chain.setImage({
+				src,
+				alt: file.name
+			});
+			chain.run();
+		}
+	};
+	const editor = useEditor({
+		immediatelyRender: false,
+		editable: !disabled,
+		content: value ?? defaultValue ?? "",
+		extensions: [
+			StarterKit.configure({ link: {
+				openOnClick: false,
+				autolink: true
+			} }),
+			TextAlign.configure({ types: ["heading", "paragraph"] }),
+			TableKit.configure({ table: { resizable: false } }),
+			Image.configure({
+				allowBase64: true,
+				resize: {
+					enabled: true,
+					directions: [
+						"top-left",
+						"top-right",
+						"bottom-left",
+						"bottom-right"
+					],
+					minWidth: 48,
+					minHeight: 48,
+					alwaysPreserveAspectRatio: true
+				}
+			}),
+			Placeholder.configure({ placeholder })
+		],
+		editorProps: {
+			attributes: {
+				class: cn("rich-text min-w-0 px-4 py-3 text-base outline-none md:text-sm", heights[minHeight]),
+				...id ? { id } : {},
+				role: "textbox",
+				"aria-multiline": "true",
+				"aria-label": aria["aria-label"] ?? placeholder,
+				...aria["aria-describedby"] ? { "aria-describedby": aria["aria-describedby"] } : {},
+				...invalid ? { "aria-invalid": "true" } : {}
+			},
+			handlePaste: (_view, event) => {
+				const files = [...event.clipboardData?.files ?? []];
+				if (!files.some((f) => f.type.startsWith("image/")) || !editorRef.current) return false;
+				insertFiles(editorRef.current, files);
+				return true;
+			},
+			handleDrop: (view, event, _slice, moved) => {
+				const files = [...event.dataTransfer?.files ?? []];
+				if (moved || !files.some((f) => f.type.startsWith("image/")) || !editorRef.current) return false;
+				const pos = view.posAtCoords({
+					left: event.clientX,
+					top: event.clientY
+				})?.pos;
+				insertFiles(editorRef.current, files, pos);
+				return true;
+			}
+		},
+		onUpdate: ({ editor: e }) => {
+			const next = e.getHTML();
+			setHtml(next);
+			cb.current.onChange?.(next);
+		}
+	});
+	const editorRef = useRef(null);
+	editorRef.current = editor;
+	useEffect(() => {
+		if (!editor || value === void 0 || value === editor.getHTML()) return;
+		editor.commands.setContent(value, { emitUpdate: false });
+		setHtml(value);
+	}, [editor, value]);
+	useEffect(() => {
+		editor?.setEditable(!disabled);
+	}, [editor, disabled]);
+	const toggleSource = () => {
+		if (!editor) return;
+		if (source) editor.commands.setContent(html, { emitUpdate: true });
+		else setHtml(editor.getHTML());
+		setSource((v) => !v);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "control",
+		"data-rendra": "RTE-001",
+		className: cn("flex min-w-0 flex-col overflow-hidden rounded-control border border-input bg-field text-foreground transition-[border-color,box-shadow] duration-150 focus-within:border-ring focus-within:bg-card focus-within:ring-2 focus-within:ring-ring/25", invalid && "border-destructive focus-within:border-destructive focus-within:ring-destructive/25", disabled && "opacity-60", className),
+		children: [
+			editor && /* @__PURE__ */ jsx(Toolbar, {
+				editor,
+				source,
+				onToggleSource: toggleSource,
+				onPickImage: () => fileRef.current?.click()
+			}),
+			source ? /* @__PURE__ */ jsx("textarea", {
+				"aria-label": "Código HTML do conteúdo",
+				value: html,
+				onChange: (e) => {
+					setHtml(e.target.value);
+					cb.current.onChange?.(e.target.value);
+				},
+				spellCheck: false,
+				className: cn("w-full resize-y bg-transparent px-4 py-3 font-mono text-sm outline-none", heights[minHeight])
+			}) : /* @__PURE__ */ jsx(EditorContent, {
+				editor,
+				className: "min-w-0 cursor-text"
+			}),
+			/* @__PURE__ */ jsx("input", {
+				ref: fileRef,
+				type: "file",
+				accept: "image/*",
+				multiple: true,
+				hidden: true,
+				onChange: (e) => {
+					if (editor && e.target.files) insertFiles(editor, [...e.target.files]);
+					e.target.value = "";
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { RichTextEditor };
+
+//# sourceMappingURL=rich-text-editor.js.map

package/dist/rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.js","names":[],"sources":["../src/components/ui/rich-text-editor.tsx"],"sourcesContent":["import { Image } from '@tiptap/extension-image'\nimport { Placeholder } from '@tiptap/extension-placeholder'\nimport { TableKit } from '@tiptap/extension-table'\nimport { TextAlign } from '@tiptap/extension-text-align'\nimport { EditorContent, useEditor, useEditorState, type Editor } from '@tiptap/react'\nimport { StarterKit } from '@tiptap/starter-kit'\nimport {\n  AlignCenter,\n  AlignJustify,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Code,\n  Code2,\n  Eraser,\n  ImagePlus,\n  Italic,\n  Link2,\n  List,\n  ListOrdered,\n  Minus,\n  Quote,\n  Redo2,\n  Strikethrough,\n  Table as TableIcon,\n  Underline,\n  Undo2,\n} from 'lucide-react'\nimport { useEffect, useRef, useState, type ReactNode } from 'react'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport { Tooltip } from '@/components/ui/tooltip'\nimport { cn } from '@/lib/cn'\n\n/*\n * Editor de texto rico único (Tiptap, código aberto). Formatação completa, listas,\n * alinhamento, links, tabela, imagem e modo HTML para colar ou editar o código.\n * Imagens: botão, colar (Ctrl+V de um print ou imagem copiada) ou arrastar e soltar; ao\n * tocar na imagem aparecem 4 alças nos cantos para redimensionar, mantendo a proporção.\n * Mobile: a barra quebra em linhas (sem rolagem lateral) e as alças ficam maiores.\n */\n\nexport interface RichTextEditorProps {\n  /** Conteúdo em HTML. */\n  value?: string\n  defaultValue?: string\n  onChange?: (html: string) => void\n  placeholder?: string\n  /**\n   * Envia a imagem e devolve a URL pública. Sem ela, a imagem entra no conteúdo em base64\n   * (bom para demonstração; em produção, envie ao servidor).\n   */\n  onImageUpload?: (file: File) => Promise<string>\n  /** Altura mínima da área de texto. */\n  minHeight?: 'sm' | 'md' | 'lg'\n  invalid?: boolean\n  disabled?: boolean\n  id?: string\n  'aria-label'?: string\n  'aria-describedby'?: string\n  className?: string\n}\n\nconst heights = { sm: 'min-h-24', md: 'min-h-chart-sm', lg: 'min-h-chart-md' } as const\n\nconst readAsDataUrl = (file: File) =>\n  new Promise<string>((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => resolve(String(reader.result))\n    reader.onerror = () => reject(reader.error)\n    reader.readAsDataURL(file)\n  })\n\nfunction ToolButton({\n  label,\n  active,\n  disabled,\n  onClick,\n  children,\n}: {\n  label: string\n  active?: boolean\n  disabled?: boolean\n  onClick: () => void\n  children: ReactNode\n}) {\n  return (\n    <Tooltip content={label}>\n      <button\n        type=\"button\"\n        aria-label={label}\n        aria-pressed={active}\n        disabled={disabled}\n        // Mantém a seleção do texto ao clicar no botão.\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={onClick}\n        className={cn(\n          'flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40 [&_svg]:size-icon-sm',\n          active && 'bg-primary-soft text-primary-soft-foreground hover:bg-primary-soft',\n        )}\n      >\n        {children}\n      </button>\n    </Tooltip>\n  )\n}\n\nconst Divider = () => <span aria-hidden className=\"mx-1 h-6 w-px shrink-0 bg-border\" />\n\nfunction Toolbar({\n  editor,\n  source,\n  onToggleSource,\n  onPickImage,\n}: {\n  editor: Editor\n  source: boolean\n  onToggleSource: () => void\n  onPickImage: () => void\n}) {\n  const s = useEditorState({\n    editor,\n    selector: ({ editor: e }) => ({\n      bold: e.isActive('bold'),\n      italic: e.isActive('italic'),\n      underline: e.isActive('underline'),\n      strike: e.isActive('strike'),\n      code: e.isActive('code'),\n      link: e.isActive('link'),\n      bullet: e.isActive('bulletList'),\n      ordered: e.isActive('orderedList'),\n      quote: e.isActive('blockquote'),\n      table: e.isActive('table'),\n      h: [1, 2, 3].find((level) => e.isActive('heading', { level })) ?? 0,\n      align:\n        (['center', 'right', 'justify'] as const).find((a) => e.isActive({ textAlign: a })) ??\n        'left',\n      canUndo: e.can().undo(),\n      canRedo: e.can().redo(),\n    }),\n  })\n  const chain = () => editor.chain().focus()\n  const off = source\n\n  const setLink = () => {\n    const prev = editor.getAttributes('link').href as string | undefined\n    const url = window.prompt('Endereço do link', prev ?? 'https://')\n    if (url === null) return\n    if (!url) chain().extendMarkRange('link').unsetLink().run()\n    else chain().extendMarkRange('link').setLink({ href: url }).run()\n  }\n\n  const blockLabel = s.h ? `Título ${s.h}` : 'Parágrafo'\n\n  return (\n    <div\n      role=\"toolbar\"\n      aria-label=\"Formatação\"\n      className=\"flex flex-wrap items-center gap-1 border-b p-1\"\n    >\n      <ToolButton\n        label=\"Desfazer\"\n        disabled={off || !s.canUndo}\n        onClick={() => chain().undo().run()}\n      >\n        <Undo2 />\n      </ToolButton>\n      <ToolButton label=\"Refazer\" disabled={off || !s.canRedo} onClick={() => chain().redo().run()}>\n        <Redo2 />\n      </ToolButton>\n      <Divider />\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          disabled={off}\n          className=\"flex h-control-sm cursor-pointer items-center gap-1 rounded-item px-2 text-sm font-medium text-foreground outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40\"\n          onMouseDown={(e) => e.preventDefault()}\n        >\n          {blockLabel}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onSelect={() => chain().setParagraph().run()}>\n            Parágrafo\n          </DropdownMenuItem>\n          {([1, 2, 3] as const).map((level) => (\n            <DropdownMenuItem key={level} onSelect={() => chain().toggleHeading({ level }).run()}>\n              Título {level}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <Divider />\n      <ToolButton\n        label=\"Negrito (Ctrl+B)\"\n        active={s.bold}\n        disabled={off}\n        onClick={() => chain().toggleBold().run()}\n      >\n        <Bold />\n      </ToolButton>\n      <ToolButton\n        label=\"Itálico (Ctrl+I)\"\n        active={s.italic}\n        disabled={off}\n        onClick={() => chain().toggleItalic().run()}\n      >\n        <Italic />\n      </ToolButton>\n      <ToolButton\n        label=\"Sublinhado (Ctrl+U)\"\n        active={s.underline}\n        disabled={off}\n        onClick={() => chain().toggleUnderline().run()}\n      >\n        <Underline />\n      </ToolButton>\n      <ToolButton\n        label=\"Riscado\"\n        active={s.strike}\n        disabled={off}\n        onClick={() => chain().toggleStrike().run()}\n      >\n        <Strikethrough />\n      </ToolButton>\n      <ToolButton\n        label=\"Código\"\n        active={s.code}\n        disabled={off}\n        onClick={() => chain().toggleCode().run()}\n      >\n        <Code />\n      </ToolButton>\n      <ToolButton label=\"Link\" active={s.link} disabled={off} onClick={setLink}>\n        <Link2 />\n      </ToolButton>\n      <Divider />\n      <ToolButton\n        label=\"Lista com marcadores\"\n        active={s.bullet}\n        disabled={off}\n        onClick={() => chain().toggleBulletList().run()}\n      >\n        <List />\n      </ToolButton>\n      <ToolButton\n        label=\"Lista numerada\"\n        active={s.ordered}\n        disabled={off}\n        onClick={() => chain().toggleOrderedList().run()}\n      >\n        <ListOrdered />\n      </ToolButton>\n      <ToolButton\n        label=\"Citação\"\n        active={s.quote}\n        disabled={off}\n        onClick={() => chain().toggleBlockquote().run()}\n      >\n        <Quote />\n      </ToolButton>\n      <Divider />\n      <ToolButton\n        label=\"Alinhar à esquerda\"\n        active={s.align === 'left'}\n        disabled={off}\n        onClick={() => chain().setTextAlign('left').run()}\n      >\n        <AlignLeft />\n      </ToolButton>\n      <ToolButton\n        label=\"Centralizar\"\n        active={s.align === 'center'}\n        disabled={off}\n        onClick={() => chain().setTextAlign('center').run()}\n      >\n        <AlignCenter />\n      </ToolButton>\n      <ToolButton\n        label=\"Alinhar à direita\"\n        active={s.align === 'right'}\n        disabled={off}\n        onClick={() => chain().setTextAlign('right').run()}\n      >\n        <AlignRight />\n      </ToolButton>\n      <ToolButton\n        label=\"Justificar\"\n        active={s.align === 'justify'}\n        disabled={off}\n        onClick={() => chain().setTextAlign('justify').run()}\n      >\n        <AlignJustify />\n      </ToolButton>\n      <Divider />\n      <ToolButton label=\"Inserir imagem\" disabled={off} onClick={onPickImage}>\n        <ImagePlus />\n      </ToolButton>\n      <DropdownMenu>\n        <Tooltip content=\"Tabela\">\n          <DropdownMenuTrigger\n            aria-label=\"Tabela\"\n            disabled={off}\n            onMouseDown={(e) => e.preventDefault()}\n            className={cn(\n              'flex size-control-sm cursor-pointer items-center justify-center rounded-item text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 [&_svg]:size-icon-sm',\n              s.table && 'bg-primary-soft text-primary-soft-foreground',\n            )}\n          >\n            <TableIcon />\n          </DropdownMenuTrigger>\n        </Tooltip>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem\n            onSelect={() => chain().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()}\n          >\n            Inserir tabela 3 x 3\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem disabled={!s.table} onSelect={() => chain().addRowAfter().run()}>\n            Adicionar linha abaixo\n          </DropdownMenuItem>\n          <DropdownMenuItem disabled={!s.table} onSelect={() => chain().addColumnAfter().run()}>\n            Adicionar coluna à direita\n          </DropdownMenuItem>\n          <DropdownMenuItem disabled={!s.table} onSelect={() => chain().deleteRow().run()}>\n            Excluir linha\n          </DropdownMenuItem>\n          <DropdownMenuItem disabled={!s.table} onSelect={() => chain().deleteColumn().run()}>\n            Excluir coluna\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            disabled={!s.table}\n            destructive\n            onSelect={() => chain().deleteTable().run()}\n          >\n            Excluir tabela\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <ToolButton\n        label=\"Linha divisória\"\n        disabled={off}\n        onClick={() => chain().setHorizontalRule().run()}\n      >\n        <Minus />\n      </ToolButton>\n      <ToolButton\n        label=\"Limpar formatação\"\n        disabled={off}\n        onClick={() => chain().unsetAllMarks().clearNodes().run()}\n      >\n        <Eraser />\n      </ToolButton>\n      <Divider />\n      <ToolButton\n        label={source ? 'Voltar ao editor visual' : 'Editar HTML'}\n        active={source}\n        onClick={onToggleSource}\n      >\n        <Code2 />\n      </ToolButton>\n    </div>\n  )\n}\n\nexport function RichTextEditor({\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Escreva aqui...',\n  onImageUpload,\n  minHeight = 'md',\n  invalid,\n  disabled,\n  id,\n  className,\n  ...aria\n}: RichTextEditorProps) {\n  const [source, setSource] = useState(false)\n  const [html, setHtml] = useState(value ?? defaultValue ?? '')\n  const fileRef = useRef<HTMLInputElement>(null)\n  const cb = useRef({ onChange, onImageUpload })\n  cb.current = { onChange, onImageUpload }\n\n  const insertFiles = async (editor: Editor, files: File[], pos?: number) => {\n    for (const file of files.filter((f) => f.type.startsWith('image/'))) {\n      const src = cb.current.onImageUpload\n        ? await cb.current.onImageUpload(file)\n        : await readAsDataUrl(file)\n      const chain = editor.chain().focus()\n      if (pos !== undefined)\n        chain.insertContentAt(pos, { type: 'image', attrs: { src, alt: file.name } })\n      else chain.setImage({ src, alt: file.name })\n      chain.run()\n    }\n  }\n\n  const editor = useEditor({\n    immediatelyRender: false,\n    editable: !disabled,\n    content: value ?? defaultValue ?? '',\n    extensions: [\n      StarterKit.configure({ link: { openOnClick: false, autolink: true } }),\n      TextAlign.configure({ types: ['heading', 'paragraph'] }),\n      TableKit.configure({ table: { resizable: false } }),\n      Image.configure({\n        allowBase64: true,\n        resize: {\n          enabled: true,\n          directions: ['top-left', 'top-right', 'bottom-left', 'bottom-right'],\n          minWidth: 48,\n          minHeight: 48,\n          alwaysPreserveAspectRatio: true,\n        },\n      }),\n      Placeholder.configure({ placeholder }),\n    ],\n    editorProps: {\n      attributes: {\n        class: cn(\n          'rich-text min-w-0 px-4 py-3 text-base outline-none md:text-sm',\n          heights[minHeight],\n        ),\n        ...(id ? { id } : {}),\n        role: 'textbox',\n        'aria-multiline': 'true',\n        // Nome acessível: o rótulo do Field não nomeia uma div editável; sem aria-label, usa o\n        // placeholder.\n        'aria-label': aria['aria-label'] ?? placeholder,\n        ...(aria['aria-describedby'] ? { 'aria-describedby': aria['aria-describedby'] } : {}),\n        ...(invalid ? { 'aria-invalid': 'true' } : {}),\n      },\n      // Colar um print ou imagem copiada (Ctrl+V): vira imagem no conteúdo.\n      handlePaste: (_view, event) => {\n        const files = [...(event.clipboardData?.files ?? [])]\n        if (!files.some((f) => f.type.startsWith('image/')) || !editorRef.current) return false\n        void insertFiles(editorRef.current, files)\n        return true\n      },\n      // Arrastar e soltar imagens na posição em que caem.\n      handleDrop: (view, event, _slice, moved) => {\n        const files = [...(event.dataTransfer?.files ?? [])]\n        if (moved || !files.some((f) => f.type.startsWith('image/')) || !editorRef.current)\n          return false\n        const pos = view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos\n        void insertFiles(editorRef.current, files, pos)\n        return true\n      },\n    },\n    onUpdate: ({ editor: e }) => {\n      const next = e.getHTML()\n      setHtml(next)\n      cb.current.onChange?.(next)\n    },\n  })\n  const editorRef = useRef<Editor | null>(null)\n  editorRef.current = editor\n\n  // Valor controlado vindo de fora.\n  useEffect(() => {\n    if (!editor || value === undefined || value === editor.getHTML()) return\n    editor.commands.setContent(value, { emitUpdate: false })\n    setHtml(value)\n  }, [editor, value])\n\n  useEffect(() => {\n    editor?.setEditable(!disabled)\n  }, [editor, disabled])\n\n  const toggleSource = () => {\n    if (!editor) return\n    if (source) editor.commands.setContent(html, { emitUpdate: true })\n    else setHtml(editor.getHTML())\n    setSource((v) => !v)\n  }\n\n  return (\n    <div\n      data-slot=\"control\"\n      data-rendra=\"RTE-001\"\n      className={cn(\n        'flex min-w-0 flex-col overflow-hidden rounded-control border border-input bg-field text-foreground transition-[border-color,box-shadow] duration-150 focus-within:border-ring focus-within:bg-card focus-within:ring-2 focus-within:ring-ring/25',\n        invalid &&\n          'border-destructive focus-within:border-destructive focus-within:ring-destructive/25',\n        disabled && 'opacity-60',\n        className,\n      )}\n    >\n      {editor && (\n        <Toolbar\n          editor={editor}\n          source={source}\n          onToggleSource={toggleSource}\n          onPickImage={() => fileRef.current?.click()}\n        />\n      )}\n      {source ? (\n        <textarea\n          aria-label=\"Código HTML do conteúdo\"\n          value={html}\n          onChange={(e) => {\n            setHtml(e.target.value)\n            cb.current.onChange?.(e.target.value)\n          }}\n          spellCheck={false}\n          className={cn(\n            'w-full resize-y bg-transparent px-4 py-3 font-mono text-sm outline-none',\n            heights[minHeight],\n          )}\n        />\n      ) : (\n        <EditorContent editor={editor} className=\"min-w-0 cursor-text\" />\n      )}\n      <input\n        ref={fileRef}\n        type=\"file\"\n        accept=\"image/*\"\n        multiple\n        hidden\n        onChange={(e) => {\n          if (editor && e.target.files) void insertFiles(editor, [...e.target.files])\n          e.target.value = ''\n        }}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/router-bridge.js

@@ -0,0 +1,51 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as RendraProvider } from "./rendra-provider-cCnquOZy.js";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Link, Outlet, useLocation, useMatches, useNavigate } from "react-router";
+//#region src/components/rendra-router-bridge.tsx
+/** `Link` do react-router com a interface do `RendraLinkProps` (repassa o resto). */
+function RouterLink({ to, children, ...rest }) {
+	return /* @__PURE__ */ jsx(Link, {
+		to,
+		...rest,
+		children
+	});
+}
+/** Caminho atual do react-router. */
+function useCurrentPathFromRouter() {
+	return useLocation().pathname;
+}
+/** Trilha a partir de `useMatches`/`handle.crumb`, a mesma convenção do header. */
+function useBreadcrumbsFromMatches() {
+	return useMatches().filter((m) => m.handle?.crumb).map((m, i, all) => {
+		const crumb = m.handle.crumb;
+		return {
+			label: typeof crumb === "function" ? crumb(m.params) : crumb,
+			to: i < all.length - 1 ? m.pathname : void 0
+		};
+	});
+}
+/**
+* Liga o `RendraProvider` ao `react-router` do boilerplate: link, caminho atual, navegar
+* e a trilha. É o único lugar do app que sabe que o roteador é o `react-router`; os
+* componentes de `src/components/ui` e o `AppShell` não importam `react-router` diretamente.
+* Sem `children`, renderiza `<Outlet />`, para ser usado como elemento raiz das rotas.
+*/
+function RendraRouterBridge({ children } = {}) {
+	const navigate = useNavigate();
+	const go = useCallback((to, options) => navigate(to, options), [navigate]);
+	const goBack = useCallback(() => navigate(-1), [navigate]);
+	return /* @__PURE__ */ jsx(RendraProvider, {
+		linkComponent: RouterLink,
+		useCurrentPath: useCurrentPathFromRouter,
+		navigate: go,
+		goBack,
+		useBreadcrumbs: useBreadcrumbsFromMatches,
+		children: children ?? /* @__PURE__ */ jsx(Outlet, {})
+	});
+}
+//#endregion
+export { RendraRouterBridge };
+
+//# sourceMappingURL=router-bridge.js.map

package/dist/router-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-bridge.js","names":[],"sources":["../src/components/rendra-router-bridge.tsx"],"sourcesContent":["import { useCallback, type ReactNode } from 'react'\nimport { Link, Outlet, useLocation, useMatches, useNavigate, type UIMatch } from 'react-router'\nimport {\n  RendraProvider,\n  type RendraBreadcrumbItem,\n  type RendraLinkProps,\n} from '@/components/rendra-provider'\n\n/**\n * Metadados de rota lidos pela trilha: handle: { crumb: 'Clientes' }. Convenção do\n * react-router (`handle`), que não existe em outros roteadores; por isso fica aqui, na\n * ponte, e não em src/components/app-shell/header.tsx.\n */\nexport interface RouteHandle {\n  crumb?: string | ((params: Record<string, string | undefined>) => string)\n}\n\n/** `Link` do react-router com a interface do `RendraLinkProps` (repassa o resto). */\nfunction RouterLink({ to, children, ...rest }: RendraLinkProps) {\n  return (\n    <Link to={to} {...rest}>\n      {children}\n    </Link>\n  )\n}\n\n/** Caminho atual do react-router. */\nfunction useCurrentPathFromRouter(): string {\n  return useLocation().pathname\n}\n\n/** Trilha a partir de `useMatches`/`handle.crumb`, a mesma convenção do header. */\nfunction useBreadcrumbsFromMatches(): RendraBreadcrumbItem[] {\n  const matches = useMatches() as UIMatch<unknown, RouteHandle | undefined>[]\n  return matches\n    .filter((m) => m.handle?.crumb)\n    .map((m, i, all) => {\n      const crumb = m.handle!.crumb!\n      return {\n        label: typeof crumb === 'function' ? crumb(m.params) : crumb,\n        to: i < all.length - 1 ? m.pathname : undefined,\n      }\n    })\n}\n\n/**\n * Liga o `RendraProvider` ao `react-router` do boilerplate: link, caminho atual, navegar\n * e a trilha. É o único lugar do app que sabe que o roteador é o `react-router`; os\n * componentes de `src/components/ui` e o `AppShell` não importam `react-router` diretamente.\n * Sem `children`, renderiza `<Outlet />`, para ser usado como elemento raiz das rotas.\n */\nexport function RendraRouterBridge({ children }: { children?: ReactNode } = {}) {\n  const navigate = useNavigate()\n  const go = useCallback(\n    (to: string, options?: { replace?: boolean }) => navigate(to, options),\n    [navigate],\n  )\n  const goBack = useCallback(() => navigate(-1), [navigate])\n  return (\n    <RendraProvider\n      linkComponent={RouterLink}\n      useCurrentPath={useCurrentPathFromRouter}\n      navigate={go}\n      goBack={goBack}\n      useBreadcrumbs={useBreadcrumbsFromMatches}\n    >\n      {children ?? <Outlet />}\n    </RendraProvider>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAS,WAAW,EAAE,IAAI,UAAU,GAAG,QAAyB;CAC9D,OACE,oBAAC,MAAD;EAAU;EAAI,GAAI;EACf;CACG,CAAA;AAEV;;AAGA,SAAS,2BAAmC;CAC1C,OAAO,YAAY,CAAC,CAAC;AACvB;;AAGA,SAAS,4BAAoD;CAE3D,OADgB,WACT,CAAA,CACJ,QAAQ,MAAM,EAAE,QAAQ,KAAK,CAAC,CAC9B,KAAK,GAAG,GAAG,QAAQ;EAClB,MAAM,QAAQ,EAAE,OAAQ;EACxB,OAAO;GACL,OAAO,OAAO,UAAU,aAAa,MAAM,EAAE,MAAM,IAAI;GACvD,IAAI,IAAI,IAAI,SAAS,IAAI,EAAE,WAAW,KAAA;EACxC;CACF,CAAC;AACL;;;;;;;AAQA,SAAgB,mBAAmB,EAAE,aAAuC,CAAC,GAAG;CAC9E,MAAM,WAAW,YAAY;CAC7B,MAAM,KAAK,aACR,IAAY,YAAoC,SAAS,IAAI,OAAO,GACrE,CAAC,QAAQ,CACX;CACA,MAAM,SAAS,kBAAkB,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC;CACzD,OACE,oBAAC,gBAAD;EACE,eAAe;EACf,gBAAgB;EAChB,UAAU;EACF;EACR,gBAAgB;EAEf,UAAA,YAAY,oBAAC,QAAD,CAAS,CAAA;CACR,CAAA;AAEpB"}