@rendra-ui/web 2.1.0

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

@@ -0,0 +1,72 @@
+import { type KeyboardEvent as ReactKeyboardEvent, type PointerEvent as ReactPointerEvent } from 'react';
+/**
+ * Motor de reordenação por pointer events (etapa A6 do plano da v2), reaproveitado pela
+ * List (arraste da alça) e pelo Kanban (arraste do card no toque, que o HTML5 drag and
+ * drop nativo não cobre). Pointer events funcionam iguais para mouse, caneta e toque, com
+ * setPointerCapture mantendo os eventos de mover e soltar no mesmo elemento que começou o
+ * arraste, mesmo que o ponteiro saia dele no meio do gesto.
+ */
+/** Item de uma lista reordenável: id estável e o dado original associado. */
+export interface SortableItem<T = unknown> {
+    id: string;
+    data: T;
+}
+export interface UseSortableOptions<T> {
+    items: SortableItem<T>[];
+    /** Chamado com a lista já reordenada. Sem ela, o motor não reordena nada. */
+    onReorder?: (items: SortableItem<T>[]) => void;
+}
+export interface UseSortableResult {
+    /** Id do item sendo arrastado no momento, ou null fora de um arraste. */
+    draggingId: string | null;
+    /**
+     * Espalhe no elemento (um <button>) que serve de alça do arraste: pointer down inicia o
+     * arraste (mouse e toque) e as setas ↑/↓ movem uma posição pelo teclado. Usada pelo
+     * componente SortableHandle (src/components/ui/sortable-handle.tsx), reaproveitado pela
+     * List e pelo Upload, para não duplicar a alça inteira em cada um.
+     */
+    handleProps: (id: string) => {
+        onPointerDown: (e: ReactPointerEvent<HTMLElement>) => void;
+        onKeyDown: (e: ReactKeyboardEvent<HTMLElement>) => void;
+        className: string;
+    };
+    /** Espalhe no elemento da linha, para o motor localizar o alvo do arraste sob o ponteiro. */
+    itemProps: (id: string) => Record<string, string>;
+    /** Move o item uma posição para cima (-1) ou para baixo (1); usado pelo teclado (setas). */
+    moveBy: (id: string, delta: -1 | 1) => void;
+}
+/**
+ * Acha, sob o ponto x,y da tela, o elemento mais próximo com o atributo dado (o motor da
+ * List usa "data-sortable-id"; o Kanban passa o atributo dele, por coluna ou por card) e
+ * se o ponto está antes ou depois do meio dele. Sem elemento sob o ponto, devolve null.
+ */
+export declare function findDragTarget(x: number, y: number, attr?: string): {
+    id: string;
+    before: boolean;
+} | null;
+/**
+ * A partir do resultado de findDragTarget (id do alvo e se o ponto está antes do meio
+ * dele), calcula a posição de inserção numa lista de ids na mesma ordem em que aparecem
+ * na tela. Usada pelo useSortable (List e Upload) e diretamente pelo Kanban, para os dois
+ * nunca recalcularem essa conta cada um do seu jeito.
+ */
+export declare function resolveDropIndex(ids: string[], found: {
+    id: string;
+    before: boolean;
+} | null): number;
+/**
+ * Inicia um arraste por pointer events num nó já capturado (setPointerCapture): entrega a
+ * posição do ponteiro a cada movimento e avisa quando solta, sem depender de um item
+ * específico. Usado tanto pelo useSortable quanto diretamente pelo Kanban.
+ */
+export declare function bindPointerDrag(node: HTMLElement, e: ReactPointerEvent<HTMLElement> | PointerEvent, handlers: {
+    onMove: (x: number, y: number) => void;
+    onEnd: () => void;
+}): void;
+/**
+ * Motor de reordenação de uma lista única por alça: arraste (pointer events, mouse e
+ * toque) e teclado (setas, uma posição por vez). Sem onReorder, a lista é só leitura e o
+ * motor não inicia arraste nenhum (quem decide se a alça aparece é o componente que usa o
+ * hook, como a List).
+ */
+export declare function useSortable<T>({ items, onReorder }: UseSortableOptions<T>): UseSortableResult;

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

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+export declare function isValidCpf(value: string): boolean;
+export declare function isValidCnpj(value: string): boolean;
+export declare function isValidDateBR(value: string): boolean;
+export declare const zBR: {
+    required: (label?: string) => z.ZodString;
+    email: () => z.ZodString;
+    cpf: () => z.ZodString;
+    cnpj: () => z.ZodString;
+    cpfCnpj: () => z.ZodString;
+    phone: () => z.ZodString;
+    cep: () => z.ZodString;
+    dateBR: () => z.ZodString;
+};

package/dist/types/rendra-router-bridge.d.ts

@@ -0,0 +1 @@
+export { RendraRouterBridge, type RouteHandle } from './components/rendra-router-bridge';

package/dist/types/rich-text-editor.d.ts

@@ -0,0 +1 @@
+export * from './components/ui/rich-text-editor';

package/dist/types/widget-grid.d.ts

@@ -0,0 +1 @@
+export * from './components/ui/widget-grid';

package/dist/use-breakpoint-BmXOZtF9.js

@@ -0,0 +1,49 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-breakpoint.ts
+/**
+* Pontos de quebra, espelhando os padrões do Tailwind (sm 40rem, md 48rem, lg 64rem...).
+* Único hook de detecção de tela do sistema. Para adaptação ao espaço disponível
+* dentro de um bloco (e não à tela), use container queries (@container) no CSS.
+*/
+var breakpoints = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	"2xl": 1536
+};
+var order = [
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl"
+];
+function subscribe(cb) {
+	const lists = order.map((bp) => matchMedia(`(min-width: ${breakpoints[bp]}px)`));
+	lists.forEach((mq) => mq.addEventListener("change", cb));
+	return () => lists.forEach((mq) => mq.removeEventListener("change", cb));
+}
+function getCurrent() {
+	let current = "base";
+	for (const bp of order) if (matchMedia(`(min-width: ${breakpoints[bp]}px)`).matches) current = bp;
+	return current;
+}
+function useBreakpoint() {
+	const current = useSyncExternalStore(subscribe, getCurrent, () => "lg");
+	const rank = current === "base" ? -1 : order.indexOf(current);
+	const up = (bp) => rank >= order.indexOf(bp);
+	return {
+		current,
+		up,
+		/** Abaixo de 768px: componentes se reconstroem no formato mobile. */
+		isMobile: !up("md"),
+		isTablet: up("md") && !up("lg"),
+		isDesktop: up("lg")
+	};
+}
+//#endregion
+export { useBreakpoint as n, breakpoints as t };
+
+//# sourceMappingURL=use-breakpoint-BmXOZtF9.js.map

package/dist/use-breakpoint-BmXOZtF9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-breakpoint-BmXOZtF9.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/widget-grid.js

@@ -0,0 +1,118 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-DVPheE99.js";
+import { GripVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { ResponsiveGridLayout, useContainerWidth } from "react-grid-layout";
+import "react-grid-layout/css/styles.css";
+//#region src/components/ui/widget-grid.tsx
+var breakpoints = {
+	lg: 1024,
+	md: 640,
+	sm: 0
+};
+var cols = {
+	lg: 12,
+	md: 6,
+	sm: 1
+};
+var ROW = 40;
+/** Arrumação padrão: os widgets em sequência, quebrando a linha quando não cabem. */
+function flow(widgets, columns) {
+	let x = 0;
+	let y = 0;
+	let rowH = 0;
+	return widgets.map((wd) => {
+		const w = Math.min(columns, columns === 12 ? wd.w : Math.max(1, Math.round(wd.w / 12 * columns)));
+		if (x + w > columns) {
+			x = 0;
+			y += rowH;
+			rowH = 0;
+		}
+		const item = {
+			i: wd.id,
+			x,
+			y,
+			w,
+			h: wd.h,
+			minW: Math.min(w, wd.minW ?? Math.min(3, columns)),
+			minH: wd.minH ?? 3
+		};
+		x += w;
+		rowH = Math.max(rowH, wd.h);
+		return item;
+	});
+}
+var read = (key) => {
+	if (!key) return null;
+	try {
+		const raw = localStorage.getItem(key);
+		return raw ? JSON.parse(raw) : null;
+	} catch {
+		return null;
+	}
+};
+function WidgetGrid({ widgets, editable = false, storageKey, className }) {
+	const { width, containerRef, mounted } = useContainerWidth({ measureBeforeMount: true });
+	const defaults = useMemo(() => ({
+		lg: flow(widgets, 12),
+		md: flow(widgets, 6),
+		sm: flow(widgets, 1)
+	}), [widgets]);
+	const [layouts, setLayouts] = useState(() => read(storageKey) ?? defaults);
+	const mobile = width < breakpoints.md;
+	const save = (_, all) => {
+		setLayouts(all);
+		if (!storageKey || !editable) return;
+		try {
+			localStorage.setItem(storageKey, JSON.stringify(all));
+		} catch {}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		"data-rendra": "WDG-001",
+		className: cn("widget-grid min-w-0", editable && !mobile && "is-editing", className),
+		children: mounted && /* @__PURE__ */ jsx(ResponsiveGridLayout, {
+			width,
+			breakpoints,
+			cols,
+			layouts,
+			rowHeight: ROW,
+			margin: [16, 16],
+			containerPadding: [0, 0],
+			dragConfig: {
+				enabled: editable && !mobile,
+				handle: ".widget-handle",
+				bounded: false,
+				threshold: 3
+			},
+			resizeConfig: {
+				enabled: editable && !mobile,
+				handles: ["se"]
+			},
+			onLayoutChange: save,
+			children: widgets.map((wd) => /* @__PURE__ */ jsxs("div", {
+				className: "relative flex min-w-0 flex-col [&>*]:min-h-0 [&>*]:flex-1",
+				children: [editable && !mobile && /* @__PURE__ */ jsx("span", {
+					className: "widget-handle absolute top-2 left-1/2 z-10 flex h-6 -translate-x-1/2 cursor-grab items-center rounded-full border bg-card px-2 text-muted-foreground shadow-sm active:cursor-grabbing",
+					"aria-label": "Arrastar widget",
+					role: "img",
+					children: /* @__PURE__ */ jsx(GripVertical, {
+						className: "size-icon-sm rotate-90",
+						"aria-hidden": true
+					})
+				}), wd.content]
+			}, wd.id))
+		})
+	});
+}
+/** Apaga a arrumação salva (volta ao padrão na próxima renderização). */
+function resetWidgetLayout(storageKey) {
+	try {
+		localStorage.removeItem(storageKey);
+	} catch {}
+}
+//#endregion
+export { WidgetGrid, resetWidgetLayout };
+
+//# sourceMappingURL=widget-grid.js.map

package/dist/widget-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-grid.js","names":[],"sources":["../src/components/ui/widget-grid.tsx"],"sourcesContent":["import { GripVertical } from 'lucide-react'\nimport { useMemo, useState, type ReactNode } from 'react'\nimport {\n  ResponsiveGridLayout,\n  useContainerWidth,\n  type Layout,\n  type LayoutItem,\n  type ResponsiveLayouts,\n} from 'react-grid-layout'\nimport 'react-grid-layout/css/styles.css'\nimport { cn } from '@/lib/cn'\n\n/*\n * Grade de widgets do painel (react-grid-layout, código aberto). Fixa por padrão; com\n * editable, cada widget ganha a alça de arrastar (no topo) e o canto de redimensionar, e os\n * outros se reorganizam sozinhos. A arrumação fica salva no navegador (storageKey).\n * Colunas: 12 no desktop, 6 no tablet, 1 no celular (empilhado, sem edição).\n */\n\nexport interface Widget {\n  id: string\n  /** Largura em colunas de 12 e altura em linhas (cada linha tem 40px). */\n  w: number\n  h: number\n  minW?: number\n  minH?: number\n  content: ReactNode\n}\n\nexport interface WidgetGridProps {\n  widgets: Widget[]\n  /** Libera arrastar e redimensionar. */\n  editable?: boolean\n  /** Chave no navegador para lembrar a arrumação de cada pessoa. */\n  storageKey?: string\n  className?: string\n}\n\ntype Bp = 'lg' | 'md' | 'sm'\nconst breakpoints = { lg: 1024, md: 640, sm: 0 } as const\nconst cols = { lg: 12, md: 6, sm: 1 } as const\nconst ROW = 40\n\n/** Arrumação padrão: os widgets em sequência, quebrando a linha quando não cabem. */\nfunction flow(widgets: Widget[], columns: number): LayoutItem[] {\n  let x = 0\n  let y = 0\n  let rowH = 0\n  return widgets.map((wd) => {\n    const w = Math.min(\n      columns,\n      columns === 12 ? wd.w : Math.max(1, Math.round((wd.w / 12) * columns)),\n    )\n    if (x + w > columns) {\n      x = 0\n      y += rowH\n      rowH = 0\n    }\n    const item: LayoutItem = {\n      i: wd.id,\n      x,\n      y,\n      w,\n      h: wd.h,\n      minW: Math.min(w, wd.minW ?? Math.min(3, columns)),\n      minH: wd.minH ?? 3,\n    }\n    x += w\n    rowH = Math.max(rowH, wd.h)\n    return item\n  })\n}\n\nconst read = (key?: string): ResponsiveLayouts<Bp> | null => {\n  if (!key) return null\n  try {\n    const raw = localStorage.getItem(key)\n    return raw ? (JSON.parse(raw) as ResponsiveLayouts<Bp>) : null\n  } catch {\n    return null\n  }\n}\n\nexport function WidgetGrid({ widgets, editable = false, storageKey, className }: WidgetGridProps) {\n  // Mede antes de desenhar: sem isso, a grade nasce com a largura padrão de 1280px e os\n  // widgets deslizam até o lugar certo, passando da borda da tela durante a transição.\n  const { width, containerRef, mounted } = useContainerWidth({ measureBeforeMount: true })\n  const defaults = useMemo<ResponsiveLayouts<Bp>>(\n    () => ({ lg: flow(widgets, 12), md: flow(widgets, 6), sm: flow(widgets, 1) }),\n    [widgets],\n  )\n  const [layouts, setLayouts] = useState<ResponsiveLayouts<Bp>>(() => read(storageKey) ?? defaults)\n  const mobile = width < breakpoints.md\n\n  const save = (_: Layout, all: ResponsiveLayouts<Bp>) => {\n    setLayouts(all)\n    if (!storageKey || !editable) return\n    try {\n      localStorage.setItem(storageKey, JSON.stringify(all))\n    } catch {\n      // segue só em memória\n    }\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-rendra=\"WDG-001\"\n      className={cn('widget-grid min-w-0', editable && !mobile && 'is-editing', className)}\n    >\n      {mounted && (\n        <ResponsiveGridLayout\n          width={width}\n          breakpoints={breakpoints}\n          cols={cols}\n          layouts={layouts}\n          rowHeight={ROW}\n          margin={[16, 16]}\n          containerPadding={[0, 0]}\n          dragConfig={{\n            enabled: editable && !mobile,\n            handle: '.widget-handle',\n            bounded: false,\n            threshold: 3,\n          }}\n          resizeConfig={{ enabled: editable && !mobile, handles: ['se'] }}\n          onLayoutChange={save}\n        >\n          {widgets.map((wd) => (\n            <div key={wd.id} className=\"relative flex min-w-0 flex-col [&>*]:min-h-0 [&>*]:flex-1\">\n              {editable && !mobile && (\n                <span\n                  className=\"widget-handle absolute top-2 left-1/2 z-10 flex h-6 -translate-x-1/2 cursor-grab items-center rounded-full border bg-card px-2 text-muted-foreground shadow-sm active:cursor-grabbing\"\n                  aria-label=\"Arrastar widget\"\n                  role=\"img\"\n                >\n                  <GripVertical className=\"size-icon-sm rotate-90\" aria-hidden />\n                </span>\n              )}\n              {wd.content}\n            </div>\n          ))}\n        </ResponsiveGridLayout>\n      )}\n    </div>\n  )\n}\n\n/** Apaga a arrumação salva (volta ao padrão na próxima renderização). */\nexport function resetWidgetLayout(storageKey: string) {\n  try {\n    localStorage.removeItem(storageKey)\n  } catch {\n    // nada a fazer\n  }\n}\n"],"mappings":";;;;;;;;AAuCA,IAAM,cAAc;CAAE,IAAI;CAAM,IAAI;CAAK,IAAI;AAAE;AAC/C,IAAM,OAAO;CAAE,IAAI;CAAI,IAAI;CAAG,IAAI;AAAE;AACpC,IAAM,MAAM;;AAGZ,SAAS,KAAK,SAAmB,SAA+B;CAC9D,IAAI,IAAI;CACR,IAAI,IAAI;CACR,IAAI,OAAO;CACX,OAAO,QAAQ,KAAK,OAAO;EACzB,MAAM,IAAI,KAAK,IACb,SACA,YAAY,KAAK,GAAG,IAAI,KAAK,IAAI,GAAG,KAAK,MAAO,GAAG,IAAI,KAAM,OAAO,CAAC,CACvE;EACA,IAAI,IAAI,IAAI,SAAS;GACnB,IAAI;GACJ,KAAK;GACL,OAAO;EACT;EACA,MAAM,OAAmB;GACvB,GAAG,GAAG;GACN;GACA;GACA;GACA,GAAG,GAAG;GACN,MAAM,KAAK,IAAI,GAAG,GAAG,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC;GACjD,MAAM,GAAG,QAAQ;EACnB;EACA,KAAK;EACL,OAAO,KAAK,IAAI,MAAM,GAAG,CAAC;EAC1B,OAAO;CACT,CAAC;AACH;AAEA,IAAM,QAAQ,QAA+C;CAC3D,IAAI,CAAC,KAAK,OAAO;CACjB,IAAI;EACF,MAAM,MAAM,aAAa,QAAQ,GAAG;EACpC,OAAO,MAAO,KAAK,MAAM,GAAG,IAA8B;CAC5D,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,WAAW,EAAE,SAAS,WAAW,OAAO,YAAY,aAA8B;CAGhG,MAAM,EAAE,OAAO,cAAc,YAAY,kBAAkB,EAAE,oBAAoB,KAAK,CAAC;CACvF,MAAM,WAAW,eACR;EAAE,IAAI,KAAK,SAAS,EAAE;EAAG,IAAI,KAAK,SAAS,CAAC;EAAG,IAAI,KAAK,SAAS,CAAC;CAAE,IAC3E,CAAC,OAAO,CACV;CACA,MAAM,CAAC,SAAS,cAAc,eAAsC,KAAK,UAAU,KAAK,QAAQ;CAChG,MAAM,SAAS,QAAQ,YAAY;CAEnC,MAAM,QAAQ,GAAW,QAA+B;EACtD,WAAW,GAAG;EACd,IAAI,CAAC,cAAc,CAAC,UAAU;EAC9B,IAAI;GACF,aAAa,QAAQ,YAAY,KAAK,UAAU,GAAG,CAAC;EACtD,QAAQ,CAER;CACF;CAEA,OACE,oBAAC,OAAD;EACE,KAAK;EACL,eAAY;EACZ,WAAW,GAAG,uBAAuB,YAAY,CAAC,UAAU,cAAc,SAAS;EAElF,UAAA,WACC,oBAAC,sBAAD;GACS;GACM;GACP;GACG;GACT,WAAW;GACX,QAAQ,CAAC,IAAI,EAAE;GACf,kBAAkB,CAAC,GAAG,CAAC;GACvB,YAAY;IACV,SAAS,YAAY,CAAC;IACtB,QAAQ;IACR,SAAS;IACT,WAAW;GACb;GACA,cAAc;IAAE,SAAS,YAAY,CAAC;IAAQ,SAAS,CAAC,IAAI;GAAE;GAC9D,gBAAgB;GAEf,UAAA,QAAQ,KAAK,OACZ,qBAAC,OAAD;IAAiB,WAAU;IAA3B,UAAA,CACG,YAAY,CAAC,UACZ,oBAAC,QAAD;KACE,WAAU;KACV,cAAW;KACX,MAAK;KAEL,UAAA,oBAAC,cAAD;MAAc,WAAU;MAAyB,eAAA;KAAa,CAAA;IAC1D,CAAA,GAEP,GAAG,OACD;GAXK,GAAA,GAAG,EAWR,CACN;EACmB,CAAA;CAErB,CAAA;AAET;;AAGA,SAAgB,kBAAkB,YAAoB;CACpD,IAAI;EACF,aAAa,WAAW,UAAU;CACpC,QAAQ,CAER;AACF"}

package/package.json

@@ -0,0 +1,182 @@
+{
+  "name": "@rendra-ui/web",
+  "version": "2.1.0",
+  "type": "module",
+  "description": "Design system e boilerplate React (Vite, TypeScript, Tailwind v4, Radix), com CLI de catálogo, auditoria e troca de variante.",
+  "author": {
+    "name": "Bruno Magalhaes",
+    "email": "contato@brunomagalhaes.me",
+    "url": "https://www.brunomagalhaes.me"
+  },
+  "homepage": "https://github.com/bsmagalhaes/rendra-design-system#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bsmagalhaes/rendra-design-system.git"
+  },
+  "bugs": {
+    "url": "https://github.com/bsmagalhaes/rendra-design-system/issues"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "tailwindcss",
+    "radix",
+    "component-library",
+    "boilerplate",
+    "cli"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "bin": {
+    "rendra": "bin/rendra.mjs"
+  },
+  "files": [
+    "dist",
+    "bin"
+  ],
+  "sideEffects": [
+    "dist/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./router-bridge": {
+      "types": "./dist/types/rendra-router-bridge.d.ts",
+      "import": "./dist/router-bridge.js"
+    },
+    "./document-viewer": {
+      "types": "./dist/types/document-viewer.d.ts",
+      "import": "./dist/document-viewer.js"
+    },
+    "./rich-text-editor": {
+      "types": "./dist/types/rich-text-editor.d.ts",
+      "import": "./dist/rich-text-editor.js"
+    },
+    "./chart": {
+      "types": "./dist/types/chart.d.ts",
+      "import": "./dist/chart.js"
+    },
+    "./widget-grid": {
+      "types": "./dist/types/widget-grid.d.ts",
+      "import": "./dist/widget-grid.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./base.css": "./dist/base.css",
+    "./components.css": "./dist/components.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "radix-ui": "^1.6.7",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "typescript": "^5.9.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "overrides": {
+    "eslint-plugin-jsx-a11y": {
+      "eslint": "$eslint"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "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",
+    "preview": "vite preview",
+    "typecheck": "tsc -b",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "check:rules": "node scripts/check-design-rules.mjs",
+    "test:layout": "playwright test --project=layout",
+    "shots": "node scripts/screenshots.mjs",
+    "test:layout:report": "playwright show-report",
+    "audit:layout": "node scripts/audit-layout.mjs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "docs:images": "node scripts/readme-images.mjs",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:a11y": "playwright test --project=a11y",
+    "test:visual": "playwright test --project=visual",
+    "test:visual:update": "playwright test --project=visual --update-snapshots",
+    "test:css-layers": "playwright test --project=css-layers",
+    "registry:build": "node scripts/build-registry.mjs",
+    "palettes:build": "node scripts/build-palettes.mjs"
+  },
+  "dependencies": {
+    "@tanstack/react-table": "^8.21.3",
+    "@tiptap/extension-image": "^3.31.3",
+    "@tiptap/extension-placeholder": "^3.31.3",
+    "@tiptap/extension-table": "^3.31.3",
+    "@tiptap/extension-text-align": "^3.31.3",
+    "@tiptap/pm": "^3.31.3",
+    "@tiptap/react": "^3.31.3",
+    "@tiptap/starter-kit": "^3.31.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.4.0",
+    "imask": "^7.6.1",
+    "lucide-react": "^1.48.0",
+    "pdfjs-dist": "^6.3.289",
+    "radix-ui": "^1.6.7",
+    "react": "^19.3.0",
+    "react-day-picker": "^10.0.1",
+    "react-dom": "^19.3.0",
+    "react-grid-layout": "^2.2.4",
+    "react-hook-form": "^7.89.0",
+    "recharts": "^3.10.1",
+    "sonner": "^2.0.8",
+    "tailwind-merge": "^3.7.0",
+    "zod": "^4.6.5"
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "^4.13.0",
+    "@eslint/js": "^10.0.1",
+    "@fontsource/dm-sans": "^5.3.0",
+    "@fontsource/inter": "^5.3.0",
+    "@fontsource/poppins": "^5.3.0",
+    "@hookform/resolvers": "^5.9.1",
+    "@playwright/test": "^1.63.0",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^26.6.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/coverage-v8": "^5.0.2",
+    "eslint": "^10.11.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.12.0",
+    "jsdom": "^30.1.1",
+    "prettier": "^3.9.9",
+    "prettier-plugin-tailwindcss": "^0.8.1",
+    "react-router": "^8.4.0",
+    "storybook": "^10.6.0",
+    "tailwindcss": "^4.3.3",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "5.9",
+    "typescript-eslint": "^8.70.1",
+    "vite": "^8.3.1",
+    "vite-plugin-svgr": "^5.2.0",
+    "vitest": "^5.0.2"
+  }
+}