@rendra-ui/web 2.3.0 → 2.4.0

package/dist/{empty-state-C491qfzf.js → empty-state-CdaDLcsB.js}

@@ -1,5 +1,6 @@
-/*! Rendra Design System v2.3.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-DDZQKUVV.js";
+/*! Rendra Design System v2.4.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-DXDpTGsu.js";
+import { CircleCheck, CircleX, Info, TriangleAlert } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { cva } from "class-variance-authority";
@@ -14,27 +15,39 @@ function useBrand() {
 }
 //#endregion
 //#region src/components/ui/brand-feedback-icon.tsx
+var sizes = {
+	sm: "size-icon-sm",
+	md: "size-icon-md",
+	lg: "size-icon-lg",
+	xl: "size-12",
+	"2xl": "size-16"
+};
 var iconVariants = cva("relative inline-flex shrink-0", {
-	variants: {
-		type: {
-			success: "text-success",
-			error: "text-destructive",
-			warning: "text-warning",
-			info: "text-info"
-		},
-		size: {
-			sm: "size-icon-sm",
-			md: "size-icon-md",
-			lg: "size-icon-lg",
-			xl: "size-12",
-			"2xl": "size-16"
-		}
-	},
-	defaultVariants: {
-		type: "info",
-		size: "md"
-	}
+	variants: { size: sizes },
+	defaultVariants: { size: "md" }
 });
+/** Cor do estado (tinge o símbolo e, em statusBadge, o ícone ao lado). */
+var stateText = {
+	success: "text-success",
+	error: "text-destructive",
+	warning: "text-warning",
+	info: "text-info"
+};
+/** Ícone Lucide do selo ao lado do símbolo (statusBadge). */
+var badgeIcons = {
+	success: CircleCheck,
+	error: CircleX,
+	warning: TriangleAlert,
+	info: Info
+};
+/** Tamanho do ícone ao lado, proporcional ao do símbolo. */
+var badgeIconSize = {
+	sm: "size-3",
+	md: "size-icon-sm",
+	lg: "size-icon-md",
+	xl: "size-icon-lg",
+	"2xl": "size-icon-lg"
+};
 var badgeTone = {
 	success: "bg-success text-success-foreground",
 	error: "bg-destructive text-destructive-foreground",
@@ -100,7 +113,7 @@ function StatusGlyph({ type, animated, ...props }) {
 * semântica, com um selo de status para que o significado não dependa só da cor.
 * Cada tipo pode ser substituído por um SVG próprio em brand.config.ts (feedbackIcons).
 */
-function BrandFeedbackIcon({ type, size, label, animated = false, className }) {
+function BrandFeedbackIcon({ type, size, label, animated = false, symbolTone = "state", statusBadge = false, animation = "pop", className }) {
 	const { brand } = useBrand();
 	const Custom = brand.feedbackIcons?.[type];
 	const Symbol = brand.symbol;
@@ -108,19 +121,26 @@ function BrandFeedbackIcon({ type, size, label, animated = false, className }) {
 		role: "img",
 		"aria-label": label
 	} : { "aria-hidden": true };
+	const encaixe = animation === "encaixe";
+	const rootTone = symbolTone === "state" ? stateText[type] : void 0;
+	const symbolTonal = symbolTone === "brand" && "text-primary-text";
+	const symbolAnim = animated && (encaixe ? "animate-encaixe" : "animate-pop");
+	const badgeAnim = animated && (encaixe ? "animate-encaixe" : "animate-pop anim-delay-1");
+	const BadgeIcon = badgeIcons[type];
+	const sideBadge = statusBadge && !Custom;
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "feedback-icon",
 		"data-rendra": "BFI-001",
-		className: cn(iconVariants({
-			type,
-			size
-		}), animated && type === "error" && "animate-shake", className),
+		className: cn(sideBadge ? "relative inline-flex shrink-0 items-center gap-1" : iconVariants({ size }), rootTone, animated && !encaixe && type === "error" && "animate-shake", className),
 		...a11y,
-		children: Custom ? /* @__PURE__ */ jsx(Custom, { className: cn("size-full", animated && "animate-pop") }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Symbol, { className: cn("size-full mask-status-cutout", animated && "animate-pop") }), /* @__PURE__ */ jsx("span", {
-			className: cn("absolute right-0 bottom-0 flex size-1/2 items-center justify-center rounded-full", badgeTone[type], animated && "animate-pop anim-delay-1"),
+		children: Custom ? /* @__PURE__ */ jsx(Custom, { className: cn("size-full", symbolTonal, symbolAnim) }) : sideBadge ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Symbol, { className: cn(sizes[size ?? "md"], symbolTonal, symbolAnim) }), /* @__PURE__ */ jsx(BadgeIcon, {
+			"aria-hidden": true,
+			className: cn("shrink-0", badgeIconSize[size ?? "md"], stateText[type], badgeAnim)
+		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Symbol, { className: cn("size-full mask-status-cutout", symbolTonal, symbolAnim) }), /* @__PURE__ */ jsx("span", {
+			className: cn("absolute right-0 bottom-0 flex size-1/2 items-center justify-center rounded-full", badgeTone[type], badgeAnim),
 			children: /* @__PURE__ */ jsx(StatusGlyph, {
 				type,
-				animated,
+				animated: animated && !encaixe,
 				className: "size-full"
 			})
 		})] })
@@ -165,4 +185,4 @@ function EmptyState({ title, description, type = "info", actions, size = "defaul
 //#endregion
 export { BrandContext as a, useBrand as i, BrandFeedbackIcon as n, feedbackLabels as r, EmptyState as t };
 
-//# sourceMappingURL=empty-state-C491qfzf.js.map
+//# sourceMappingURL=empty-state-CdaDLcsB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-CdaDLcsB.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 type { ReactNode } from 'react'\nimport type { FeedbackType } from '@/brand/types'\nimport { BrandFeedbackIcon } from '@/components/ui/brand-feedback-icon'\nimport { cn } from '@/lib/cn'\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  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      <span className=\"relative flex items-center justify-center\">\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      </span>\n      <div className=\"flex w-full flex-col gap-1\">\n        <p className=\"text-base font-semibold\">{title}</p>\n        {description && <p className=\"text-sm text-muted-foreground\">{description}</p>}\n      </div>\n      {actions && <div className=\"flex flex-wrap justify-center gap-3\">{actions}</div>}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/index.js

@@ -1,11 +1,11 @@
-/*! Rendra Design System v2.3.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-DDZQKUVV.js";
-import { a as catalogByComponent, c as findComponentsWithoutDefault, d as findPresetCollisions, f as getCatalogEntry, i as assertCatalogIntegrity, l as findDuplicateCodes, n as CATALOG_EXCLUDED_FILES, o as filesMissingCatalogEntry, p as resolveCatalogCode, r as COMPONENT_CODE_PATTERN, s as findComponentsWithMultipleDefaults, t as CATALOG, u as findInvalidFormatCodes } from "./components-Cq_PmN4y.js";
-import { i as usePrefersReducedMotion, n as buttonVariants, r as Spinner, t as Button } from "./button-DWhICtIG.js";
-import { a as DropdownMenuContent, c as DropdownMenuLabel, d as DropdownMenuSeparator, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuCheckboxItem, l as DropdownMenuRadioGroup, m as DropdownMenuSubTrigger, n as TooltipProvider, o as DropdownMenuGroup, p as DropdownMenuSubContent, r as DropdownMenu, s as DropdownMenuItem, t as Tooltip, u as DropdownMenuRadioItem } from "./tooltip-DsNlnBSY.js";
-import { a as BrandContext, i as useBrand, n as BrandFeedbackIcon, r as feedbackLabels, t as EmptyState } from "./empty-state-C491qfzf.js";
-import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-BRtk5Qa1.js";
-import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-C3ivDt2R.js";
+/*! Rendra Design System v2.4.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-DXDpTGsu.js";
+import { a as catalogByComponent, c as findComponentsWithoutDefault, d as findPresetCollisions, f as getCatalogEntry, i as assertCatalogIntegrity, l as findDuplicateCodes, n as CATALOG_EXCLUDED_FILES, o as filesMissingCatalogEntry, p as resolveCatalogCode, r as COMPONENT_CODE_PATTERN, s as findComponentsWithMultipleDefaults, t as CATALOG, u as findInvalidFormatCodes } from "./components-hp7iWioq.js";
+import { i as usePrefersReducedMotion, n as buttonVariants, r as Spinner, t as Button } from "./button-C6rjowQi.js";
+import { a as DropdownMenuContent, c as DropdownMenuLabel, d as DropdownMenuSeparator, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuCheckboxItem, l as DropdownMenuRadioGroup, m as DropdownMenuSubTrigger, n as TooltipProvider, o as DropdownMenuGroup, p as DropdownMenuSubContent, r as DropdownMenu, s as DropdownMenuItem, t as Tooltip, u as DropdownMenuRadioItem } from "./tooltip-bdmbX6vC.js";
+import { a as BrandContext, i as useBrand, n as BrandFeedbackIcon, r as feedbackLabels, t as EmptyState } from "./empty-state-CdaDLcsB.js";
+import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-7jUgUHzR.js";
+import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-Dyp-0E_c.js";
 import { ArrowDown, ArrowDownRight, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpRight, Bell, Bot, CalendarDays, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Clock, Columns3, Download, EllipsisVertical, Eye, EyeOff, FileText, Film, Filter, Globe, GripVertical, Home, ImageIcon, ImagePlus, Info, LayoutTemplate, LogOut, Mail, MapPin, Menu, MessageCircle, MessagesSquare, Mic, Minus, Monitor, Moon, MoreHorizontal, Palette, PanelLeft, Paperclip, Pause, Pencil, Phone, Play, Plus, Reply, RotateCw, Search, Send, SkipForward, Smartphone, Smile, Star, Sun, Trash2, TriangleAlert, UploadCloud, User, VideoIcon, X, XCircle, Zap } from "lucide-react";
 import { Accordion as Accordion$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible, ContextMenu, Dialog, Label as Label$1, NavigationMenu, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1, Slot, Switch as Switch$1, Tabs as Tabs$1, VisuallyHidden } from "radix-ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -182,6 +182,13 @@ function Alert({ type, title, description, action, onDismiss, animated = false,
 	});
 }
 //#endregion
+//#region src/lib/initials.ts
+/** Iniciais de um nome: primeira letra do primeiro e do último nome, em maiúsculas. */
+function initials(name) {
+	const parts = name.trim().split(/\s+/);
+	return ((parts[0]?.charAt(0) ?? "") + (parts.length > 1 ? parts[parts.length - 1]?.charAt(0) ?? "" : "")).toUpperCase();
+}
+//#endregion
 //#region src/components/ui/avatar.tsx
 var avatarVariants = cva("relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-avatar bg-primary-soft font-medium text-primary-soft-foreground select-none", {
 	variants: { size: {
@@ -191,10 +198,6 @@ var avatarVariants = cva("relative inline-flex shrink-0 items-center justify-cen
 	} },
 	defaultVariants: { size: "md" }
 });
-function initials(name) {
-	const parts = name.trim().split(/\s+/);
-	return ((parts[0]?.charAt(0) ?? "") + (parts.length > 1 ? parts[parts.length - 1]?.charAt(0) ?? "" : "")).toUpperCase();
-}
 function Avatar({ name, src, size, className }) {
 	return /* @__PURE__ */ jsxs(Avatar$1.Root, {
 		"data-rendra": "AVT-001",
@@ -362,13 +365,17 @@ function BrandLogo({ on = "surface", symbolOnly, size = "md", className }) {
 			}),
 			!symbolOnly && /* @__PURE__ */ jsxs("span", {
 				className: "truncate text-lg leading-none tracking-tight",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: cn("font-semibold", strong),
-					children: first
-				}), rest.length > 0 && /* @__PURE__ */ jsxs("span", {
-					className: cn("font-normal", soft),
-					children: [" ", rest.join(" ")]
-				})]
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: cn("font-semibold", strong),
+						children: first
+					}),
+					rest.length > 0 && " ",
+					rest.length > 0 && /* @__PURE__ */ jsx("span", {
+						className: cn("font-normal", soft),
+						children: rest.join(" ")
+					})
+				]
 			}),
 			symbolOnly && /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
@@ -468,11 +475,11 @@ function Breadcrumb({ items, variant = "responsive", className }) {
 * ButtonGroup único: agrupa botões de ação (children) ou funciona como controle
 * segmentado de escolha única (options + value).
 */
-function ButtonGroup({ children, options, value, onChange, size = "md", fullWidth, className, ...aria }) {
+function ButtonGroup({ children, options, value, onChange, size = "md", fullWidth, orientation = "horizontal", className, ...aria }) {
 	if (options) return /* @__PURE__ */ jsx("div", {
 		role: "radiogroup",
 		"aria-label": aria["aria-label"],
-		"data-rendra": "BTNG-001",
+		"data-rendra": resolveCatalogCode("ButtonGroup", { orientation: "horizontal" }),
 		className: cn("inline-flex max-w-full flex-wrap gap-1 rounded-control border bg-muted p-1", fullWidth && "flex w-full", className),
 		children: options.map((o) => {
 			const active = o.value === value;
@@ -487,18 +494,34 @@ function ButtonGroup({ children, options, value, onChange, size = "md", fullWidt
 			}, o.value);
 		})
 	});
+	const vertical = orientation === "vertical";
+	const responsive = orientation === "responsive";
 	return /* @__PURE__ */ jsx("div", {
 		role: "group",
 		"aria-label": aria["aria-label"],
-		"data-rendra": "BTNG-001",
-		className: cn("inline-flex max-w-full", "[&>*]:rounded-none [&>*]:shadow-none [&>*:first-child]:rounded-l-control [&>*:focus-visible]:z-10 [&>*:last-child]:rounded-r-control [&>*:not(:first-child)]:-ml-px", fullWidth && "flex w-full [&>*]:flex-1", className),
+		"data-rendra": resolveCatalogCode("ButtonGroup", { orientation }),
+		className: cn("inline-flex max-w-full", "[&>*]:rounded-none [&>*]:shadow-none [&>*:focus-visible]:z-10", orientation === "horizontal" && "[&>*:first-child]:rounded-l-control [&>*:last-child]:rounded-r-control [&>*:not(:first-child)]:-ml-px", vertical && "flex-col [&>*]:w-full [&>*:first-child]:rounded-t-control [&>*:last-child]:rounded-b-control [&>*:not(:first-child)]:-mt-px", responsive && "flex-col md:flex-row [&>*]:w-full md:[&>*]:w-auto [&>*:first-child]:rounded-t-control md:[&>*:first-child]:rounded-l-control md:[&>*:first-child]:rounded-tr-none [&>*:last-child]:rounded-b-control md:[&>*:last-child]:rounded-r-control md:[&>*:last-child]:rounded-bl-none [&>*:not(:first-child)]:-mt-px md:[&>*:not(:first-child)]:mt-0 md:[&>*:not(:first-child)]:-ml-px", fullWidth && (vertical ? "flex w-full" : "flex w-full [&>*]:flex-1"), className),
 		children
 	});
 }
 //#endregion
 //#region src/components/ui/overlay-shell.tsx
 function OverlayShell({ title, description, icon, children, footer, hideHeader, onRequestClose, bodyClassName }) {
+	const closeButton = /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: onRequestClose,
+		"aria-label": "Fechar",
+		className: cn("-mt-1 -mr-2 flex size-touch shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors hover:bg-accent hover:text-foreground md:size-control-md", hideHeader && "pointer-events-auto m-0 cursor-default opacity-0 focus-visible:cursor-pointer focus-visible:opacity-100"),
+		children: /* @__PURE__ */ jsx(X, {
+			className: "size-icon-md",
+			"aria-hidden": true
+		})
+	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		hideHeader && /* @__PURE__ */ jsx("div", {
+			className: "pointer-events-none absolute inset-x-0 top-0 z-10 flex justify-end px-2 pt-safe md:px-4 md:pt-4",
+			children: closeButton
+		}),
 		/* @__PURE__ */ jsxs("header", {
 			className: cn("flex shrink-0 items-start gap-3 border-b px-4 pt-safe pb-4 md:px-6 md:pt-6", hideHeader && "sr-only"),
 			children: [
@@ -520,16 +543,7 @@ function OverlayShell({ title, description, icon, children, footer, hideHeader,
 						children: title
 					})]
 				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onRequestClose,
-					"aria-label": "Fechar",
-					className: "-mt-1 -mr-2 flex size-touch shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors hover:bg-accent hover:text-foreground md:size-control-md",
-					children: /* @__PURE__ */ jsx(X, {
-						className: "size-icon-md",
-						"aria-hidden": true
-					})
-				})
+				!hideHeader && closeButton
 			]
 		}),
 		/* @__PURE__ */ jsx("div", {
@@ -554,7 +568,7 @@ var feedback = {
 	destructive: "error",
 	info: "info"
 };
-function Modal({ open, onOpenChange, title, description, type = "confirm", size = "sm", children, confirmLabel = type === "destructive" ? "Excluir" : type === "info" ? "Entendi" : "Confirmar", cancelLabel = "Cancelar", onConfirm, formId, loading }) {
+function Modal({ open, onOpenChange, title, description, type = "confirm", size = "sm", children, confirmLabel = type === "destructive" ? "Excluir" : type === "info" ? "Entendi" : "Confirmar", cancelLabel, onConfirm, formId, loading }) {
 	const [busy, setBusy] = useState(false);
 	const close = () => onOpenChange(false);
 	const confirm = async () => {
@@ -590,8 +604,8 @@ function Modal({ open, onOpenChange, title, description, type = "confirm", size
 						form: isForm ? formId : void 0,
 						onClick: isForm && formId ? void 0 : confirm
 					},
-					cancel: type === "info" ? void 0 : {
-						label: cancelLabel,
+					cancel: type === "info" && cancelLabel === void 0 ? void 0 : {
+						label: cancelLabel ?? "Cancelar",
 						onClick: close
 					}
 				}),
@@ -4017,10 +4031,11 @@ var content = {
 * Tela de erro única (404 e 500), com o ícone de feedback da marca animado.
 * Ações seguem a regra 30/70: secundária à esquerda, principal à direita.
 */
-function ErrorPage({ code, title, description, fullScreen = false }) {
+function ErrorPage({ code, title, description, fullScreen = false, back = true }) {
 	const Link = useRendraLink();
 	const { goBack } = useRendraNavigate();
 	const c = content[code];
+	const principal = back ? "col-span-7" : "col-span-10";
 	return /* @__PURE__ */ jsx("div", {
 		"data-rendra": "ERRO-001",
 		className: cn("flex w-full items-center justify-center px-4 py-12", fullScreen ? "min-h-dvh" : "min-h-full"),
@@ -4058,7 +4073,7 @@ function ErrorPage({ code, title, description, fullScreen = false }) {
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "grid w-full grid-cols-10 gap-3",
-					children: [/* @__PURE__ */ jsx(Button, {
+					children: [back && /* @__PURE__ */ jsx(Button, {
 						variant: "outline",
 						icon: /* @__PURE__ */ jsx(ArrowLeft, {}),
 						className: "col-span-3",
@@ -4070,12 +4085,12 @@ function ErrorPage({ code, title, description, fullScreen = false }) {
 						})
 					}), code === 500 ? /* @__PURE__ */ jsx(Button, {
 						icon: /* @__PURE__ */ jsx(RotateCw, {}),
-						className: "col-span-7",
+						className: principal,
 						onClick: () => location.reload(),
 						children: "Tentar de novo"
 					}) : /* @__PURE__ */ jsx(Button, {
 						asChild: true,
-						className: "col-span-7",
+						className: principal,
 						children: /* @__PURE__ */ jsxs(Link, {
 							to: "/",
 							children: [/* @__PURE__ */ jsx(Home, { "aria-hidden": true }), "Ir para o painel"]
@@ -8329,7 +8344,7 @@ function Stepper({ steps, current, errors = [], orientation = "horizontal", onSt
 	});
 }
 /** Cadastro em etapas, com validação por etapa e rodapé Voltar / Avançar. */
-function Wizard({ steps, children, onValidateStep, onFinish, onCancel, finishLabel = "Concluir", orientation = "horizontal", stickyFooter = false }) {
+function Wizard({ steps, children, onValidateStep, onFinish, onCancel, cancelLabel = "Cancelar", backLabel = "Voltar", nextLabel = "Avançar", finishLabel = "Concluir", onSkip, skipLabel = "Pular", orientation = "horizontal", stickyFooter = false }) {
 	const [current, setCurrent] = useState(0);
 	const [errors, setErrors] = useState([]);
 	const [busy, setBusy] = useState(false);
@@ -8348,6 +8363,11 @@ function Wizard({ steps, children, onValidateStep, onFinish, onCancel, finishLab
 			setBusy(false);
 		}
 	};
+	const skip = () => {
+		setErrors((e) => e.filter((x) => x !== current));
+		setCurrent((c) => c + 1);
+		onSkip?.();
+	};
 	const body = /* @__PURE__ */ jsx("div", {
 		className: "flex min-w-0 flex-col gap-6",
 		children: children[current]
@@ -8367,15 +8387,19 @@ function Wizard({ steps, children, onValidateStep, onFinish, onCancel, finishLab
 			children: [body, /* @__PURE__ */ jsx(ActionBar, {
 				sticky: stickyFooter,
 				cancel: current > 0 ? {
-					label: "Voltar",
+					label: backLabel,
 					icon: /* @__PURE__ */ jsx(ArrowLeft, {}),
 					onClick: () => setCurrent((c) => c - 1)
 				} : onCancel ? {
-					label: "Cancelar",
+					label: cancelLabel,
 					onClick: onCancel
 				} : void 0,
+				secondary: onSkip && !last ? [{
+					label: skipLabel,
+					onClick: skip
+				}] : void 0,
 				primary: {
-					label: last ? finishLabel : "Avançar",
+					label: last ? finishLabel : nextLabel,
 					icon: last ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ArrowRight, {}),
 					onClick: next,
 					loading: busy,
@@ -8548,7 +8572,7 @@ function Section({ title, description, actions, level = 2, gap = "4", className,
 * O título fica no header (com a trilha); aqui ele só é lido por leitores de tela,
 * para que cada página tenha um único título principal (h1).
 */
-function PageHeader({ title, showTitle = false, description, help, breadcrumb, actions, children, className }) {
+function PageHeader({ title, showTitle = false, description, help, breadcrumb, actions, bodyTitle = false, titleSpace = "reserve", children, className }) {
 	const shell = useContext(ShellContext);
 	const setPageHelp = shell?.setPageHelp;
 	useEffect(() => {
@@ -8557,18 +8581,24 @@ function PageHeader({ title, showTitle = false, description, help, breadcrumb, a
 		return () => setPageHelp(null);
 	}, [help, setPageHelp]);
 	const inlineHelp = help && !shell;
+	const visible = showTitle || bodyTitle || description || actions || breadcrumb || children || inlineHelp;
+	const collapseTitle = titleSpace === "none" && !showTitle && !bodyTitle && !inlineHelp && !description;
+	const titleClass = showTitle || inlineHelp ? "text-2xl md:text-3xl" : bodyTitle ? "text-base md:sr-only" : "sr-only";
 	return /* @__PURE__ */ jsxs("header", {
-		className: cn("-mb-2 flex min-w-0 flex-col gap-4 md:-mb-4", !(showTitle || description || actions || breadcrumb || children || inlineHelp) && "sr-only", className),
+		className: cn("-mb-2 flex min-w-0 flex-col gap-4 md:-mb-4", !visible && "sr-only", className),
 		children: [
 			breadcrumb && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumb }),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex min-w-0 flex-col gap-4 md:flex-row md:items-center md:justify-between md:gap-6",
-				children: [/* @__PURE__ */ jsxs("div", {
+				children: [collapseTitle ? /* @__PURE__ */ jsx("h1", {
+					className: "sr-only",
+					children: title
+				}) : /* @__PURE__ */ jsxs("div", {
 					className: "flex min-w-0 flex-col gap-1",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex min-w-0 items-center gap-1",
 						children: [/* @__PURE__ */ jsx("h1", {
-							className: showTitle || inlineHelp ? "text-2xl md:text-3xl" : "sr-only",
+							className: titleClass,
 							children: title
 						}), inlineHelp && /* @__PURE__ */ jsx(InfoHint, {
 							title: typeof title === "string" ? title : "Sobre esta tela",
@@ -9025,14 +9055,18 @@ function LayoutItems() {
 }
 function UserMenu() {
 	const Link = useRendraLink();
-	const { user, userMenuItems, onLogout } = useShell();
+	const { user, userMenuItems, onLogout, userMenu, workspaces } = useShell();
 	const { brand, brands, setBrandId, palette, palettes, setPaletteId } = useBrand();
+	const showTheme = userMenu?.theme !== false;
+	const showTemplate = userMenu?.template !== false;
+	const showLayout = userMenu?.layout !== false;
+	const showPreferences = showTheme || showTemplate || showLayout;
 	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			iconOnly: true,
-			"aria-label": `Menu de ${user.name}`,
+			"aria-label": `${initials(user.name)}, menu de ${user.name}`,
 			children: /* @__PURE__ */ jsx(Avatar, {
 				name: user.name,
 				src: user.avatarUrl
@@ -9051,6 +9085,18 @@ function UserMenu() {
 					children: user.email
 				})]
 			}),
+			workspaces && workspaces.items.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+				/* @__PURE__ */ jsx(DropdownMenuLabel, { children: workspaces.label ?? "Espaço" }),
+				/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+					value: workspaces.activeId,
+					onValueChange: workspaces.onSelect,
+					children: workspaces.items.map((w) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+						value: w.id,
+						children: w.label
+					}, w.id))
+				})
+			] }),
 			userMenuItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), userMenuItems.map((item) => {
 				const Icon = item.icon;
 				return item.to ? /* @__PURE__ */ jsx(DropdownMenuItem, {
@@ -9064,9 +9110,9 @@ function UserMenu() {
 					children: [Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }), item.label]
 				}, item.label);
 			})] }),
-			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-			/* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Sun, { "aria-hidden": true }), "Tema"] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(ModeItems, {}) })] }),
-			/* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Palette, { "aria-hidden": true }), "Template"] }), /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
+			showPreferences && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			showTheme && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Sun, { "aria-hidden": true }), "Tema"] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(ModeItems, {}) })] }),
+			showTemplate && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Palette, { "aria-hidden": true }), "Template"] }), /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
 				/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Modelo" }),
 				/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
 					value: brand.id,
@@ -9096,7 +9142,7 @@ function UserMenu() {
 					}, b.id))
 				})
 			] })] }),
-			/* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(LayoutTemplate, { "aria-hidden": true }), "Layout"] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(LayoutItems, {}) })] }),
+			showLayout && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(LayoutTemplate, { "aria-hidden": true }), "Layout"] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(LayoutItems, {}) })] }),
 			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
 			/* @__PURE__ */ jsxs(DropdownMenuItem, {
 				destructive: true,
@@ -9217,7 +9263,7 @@ function TopNav() {
 	});
 }
 function Header() {
-	const { layout, setLayout, setMobileNavOpen, setSearchOpen, pageHelp, homeLabel, notifications } = useShell();
+	const { layout, setLayout, setMobileNavOpen, setSearchOpen, pageHelp, homeLabel, notifications, headerLogo } = useShell();
 	const { brand, resolvedMode } = useBrand();
 	const Link = useRendraLink();
 	const crumbs = useRendraBreadcrumbs();
@@ -9229,12 +9275,16 @@ function Header() {
 	const topbar = layout.navigation === "topbar";
 	const hasParent = Boolean(crumbs.length >= 2 && crumbs[crumbs.length - 2]?.to);
 	const menuInFooter = layout.bottomNav || hasParent;
-	const pageTitle = /* @__PURE__ */ jsxs("div", {
-		className: "flex min-w-0 flex-1 flex-col justify-center",
+	const pageTitle = /* @__PURE__ */ jsxs(Fragment, { children: [headerLogo && /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: "flex min-w-0 flex-1 items-center md:hidden",
+		children: headerLogo
+	}), /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-w-0 flex-1 flex-col justify-center", headerLogo && "max-md:flex-none"),
 		children: [/* @__PURE__ */ jsxs("span", {
 			className: "flex min-w-0 items-center gap-1",
 			children: [/* @__PURE__ */ jsx("p", {
-				className: "truncate text-sm leading-tight font-semibold md:text-base",
+				className: cn("truncate text-sm leading-tight font-semibold md:text-base", headerLogo && "max-md:sr-only"),
 				children: crumbs[crumbs.length - 1]?.label ?? brand.productName
 			}), pageHelp && /* @__PURE__ */ jsx(InfoHint, {
 				title: crumbs[crumbs.length - 1]?.label ?? brand.productName,
@@ -9243,9 +9293,10 @@ function Header() {
 			})]
 		}), /* @__PURE__ */ jsx(Breadcrumb, {
 			items: trail,
-			variant: "trail"
+			variant: "trail",
+			className: cn(headerLogo && "max-md:hidden")
 		})]
-	});
+	})] });
 	const collapsed = layout.sidebar === "collapsed";
 	return /* @__PURE__ */ jsxs("header", {
 		className: "relative z-30 flex h-header shrink-0 items-center gap-1 border-b bg-card px-2 md:gap-2 md:px-4",
@@ -9809,7 +9860,7 @@ function BottomNav({ onMenu }) {
 * Título da aba e meta description (SEO) não são responsabilidade do AppShell: o
 * boilerplate (src/app/app-layout.tsx) aplica isso com useRouteMeta, que lê @/config/seo.
 */
-function AppShell({ navigation, layout: layoutProp, user = defaultUser, userMenuItems = [], onLogout, homeLabel = "Início", quickActions = [], notifications, userConfigurable = true, children }) {
+function AppShell({ navigation, layout: layoutProp, user = defaultUser, userMenuItems = [], onLogout, homeLabel = "Início", quickActions = [], notifications, userMenu, workspaces, headerLogo, userConfigurable = true, children }) {
 	const [userLayout, setUserLayout] = useState(() => userConfigurable ? readUserLayout() : {});
 	const [mobileNavOpen, setMobileNavOpen] = useState(false);
 	const [searchOpen, setSearchOpen] = useState(false);
@@ -9872,7 +9923,10 @@ function AppShell({ navigation, layout: layoutProp, user = defaultUser, userMenu
 			onLogout,
 			homeLabel,
 			quickActions,
-			notifications
+			notifications,
+			userMenu,
+			workspaces,
+			headerLogo
 		};
 	}, [
 		layout,
@@ -9889,7 +9943,10 @@ function AppShell({ navigation, layout: layoutProp, user = defaultUser, userMenu
 		onLogout,
 		homeLabel,
 		quickActions,
-		notifications
+		notifications,
+		userMenu,
+		workspaces,
+		headerLogo
 	]);
 	return /* @__PURE__ */ jsx(ShellContext.Provider, {
 		value,