@rendra-ui/web 2.7.0 → 2.9.0

package/dist/components.css

@@ -1,4 +1,4 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
 
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
@@ -209,6 +209,9 @@
   .top-8 {
     top: 2rem;
   }
+  .top-16 {
+    top: 4rem;
+  }
   .top-full {
     top: 100%;
   }
@@ -224,9 +227,6 @@
   .right-2 {
     right: 0.5rem;
   }
-  .right-4 {
-    right: 1rem;
-  }
   .right-8 {
     right: 2rem;
   }
@@ -236,9 +236,6 @@
   .bottom-0 {
     bottom: 0px;
   }
-  .bottom-3 {
-    bottom: 0.75rem;
-  }
   .bottom-4 {
     bottom: 1rem;
   }
@@ -314,6 +311,9 @@
   .m-0 {
     margin: 0px;
   }
+  .m-3 {
+    margin: 0.75rem;
+  }
   .m-auto {
     margin: auto;
   }
@@ -347,9 +347,15 @@
   .-mt-2 {
     margin-top: calc(0.5rem * -1);
   }
+  .-mt-3 {
+    margin-top: calc(0.75rem * -1);
+  }
   .-mt-6 {
     margin-top: calc(1.5rem * -1);
   }
+  .mt-0 {
+    margin-top: 0px;
+  }
   .mt-1 {
     margin-top: 0.25rem;
   }
@@ -369,6 +375,9 @@
   .-mr-2 {
     margin-right: calc(0.5rem * -1);
   }
+  .-mr-3 {
+    margin-right: calc(0.75rem * -1);
+  }
   .mr-0 {
     margin-right: 0px;
   }
@@ -388,6 +397,9 @@
   .mb-1 {
     margin-bottom: 0.25rem;
   }
+  .mb-3 {
+    margin-bottom: 0.75rem;
+  }
   .-ml-1 {
     margin-left: calc(0.25rem * -1);
   }
@@ -686,7 +698,10 @@
     width: fit-content;
   }
   .w-flow-node {
-    width: 16rem;
+    width: 21rem;
+  }
+  .w-flow-panel {
+    width: 21rem;
   }
   .w-full {
     width: 100%;
@@ -949,9 +964,6 @@
       scrollbar-color: var(--rendra-input) transparent;
     }
   }
-  .list-disc {
-    list-style-type: disc;
-  }
   .grid-chat-3 {
     grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
     @media (width >= 80rem) {
@@ -1238,6 +1250,9 @@
   .border-input {
     border-color: var(--rendra-input);
   }
+  .border-muted-foreground {
+    border-color: var(--rendra-muted-foreground);
+  }
   .border-primary {
     border-color: var(--rendra-primary);
   }
@@ -1294,6 +1309,9 @@
       background-color: color-mix(in oklab, var(--rendra-card) 90%, transparent);
     }
   }
+  .bg-critical-soft {
+    background-color: var(--rendra-critical-soft);
+  }
   .bg-current {
     background-color: currentcolor;
   }
@@ -1393,6 +1411,9 @@
       background-color: color-mix(in oklab, var(--rendra-primary-soft) 60%, transparent);
     }
   }
+  .bg-primary-text {
+    background-color: var(--rendra-primary-text);
+  }
   .bg-secondary {
     background-color: var(--rendra-secondary);
   }
@@ -1423,6 +1444,9 @@
   .bg-warning {
     background-color: var(--rendra-warning);
   }
+  .bg-warning-mid {
+    background-color: var(--rendra-warning-mid);
+  }
   .bg-warning-soft {
     background-color: var(--rendra-warning-soft);
   }
@@ -1538,9 +1562,6 @@
   .pr-8 {
     padding-right: 2rem;
   }
-  .pr-12 {
-    padding-right: 3rem;
-  }
   .pb-1 {
     padding-bottom: 0.25rem;
   }
@@ -1556,9 +1577,6 @@
   .pb-6 {
     padding-bottom: 1.5rem;
   }
-  .pb-8 {
-    padding-bottom: 2rem;
-  }
   .pb-safe {
     padding-bottom: max(1rem, env(safe-area-inset-bottom));
   }
@@ -1770,6 +1788,9 @@
   .text-warning-foreground {
     color: var(--rendra-warning-foreground);
   }
+  .text-warning-mid-foreground {
+    color: var(--rendra-warning-mid-foreground);
+  }
   .text-warning-soft-foreground {
     color: var(--rendra-warning-soft-foreground);
   }
@@ -2063,6 +2084,9 @@
       calc((1 - var(--bottom, 1)) * 50%) 100%
     );
   }
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
   .running {
     animation-play-state: running;
   }
@@ -2922,6 +2946,9 @@
     .md\:h-control-sm {
       height: var(--rendra-spacing-control-sm);
     }
+    .md\:h-viewer {
+      height: 28rem;
+    }
     .md\:max-h-command {
       max-height: min(24rem, 60dvh);
     }
@@ -3023,6 +3050,9 @@
     .md\:justify-between {
       justify-content: space-between;
     }
+    .md\:justify-center {
+      justify-content: center;
+    }
     .md\:gap-0 {
       gap: 0px;
     }
@@ -3038,6 +3068,9 @@
     .md\:gap-x-6 {
       column-gap: 1.5rem;
     }
+    .md\:overflow-x-auto {
+      overflow-x: auto;
+    }
     .md\:rounded-surface {
       border-radius: var(--rendra-shape-surface);
     }
@@ -3149,9 +3182,6 @@
     .lg\:w-3xs {
       width: 16rem;
     }
-    .lg\:w-popover {
-      width: min(22rem, calc(100vw - 2rem));
-    }
     .lg\:w-sm {
       width: 24rem;
     }
@@ -3170,12 +3200,6 @@
     .lg\:grid-cols-6 {
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
-    .lg\:flex-row {
-      flex-direction: row;
-    }
-    .lg\:items-start {
-      align-items: flex-start;
-    }
     .lg\:justify-center {
       justify-content: center;
     }
@@ -3331,6 +3355,37 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
+  @container (width >= 64rem) {
+    .\@5xl\:h-board {
+      height: var(--board-h, 32rem);
+    }
+    .\@5xl\:h-full {
+      height: 100%;
+    }
+    .\@5xl\:min-h-viewer {
+      min-height: 28rem;
+    }
+    .\@5xl\:w-flow-panel {
+      width: 21rem;
+    }
+    .\@5xl\:flex-1 {
+      flex: 1;
+    }
+    .\@5xl\:flex-row {
+      flex-direction: row;
+    }
+    .\@5xl\:overflow-y-auto {
+      overflow-y: auto;
+    }
+    .\@5xl\:border-t-0 {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+    .\@5xl\:border-l {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
   @container (width >= 72rem) {
     .\@6xl\:grid-cols-1 {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -3667,6 +3722,10 @@
   .flow-surface .react-flow__node {
     touch-action: none;
   }
+  .flow-surface .react-flow__handle {
+    background-color: transparent !important;
+    border: 0;
+  }
   .flow-surface .react-flow__node:focus-visible {
     border-radius: var(--rendra-shape-block);
     outline: 2px solid var(--rendra-ring);

package/dist/document-viewer.js

@@ -1,7 +1,7 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-B0N3Pek0.js";
-import { t as Button } from "./button-DlzWwpZk.js";
-import { t as EmptyState } from "./empty-state-a47Kd_Ci.js";
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-CpdCvlkP.js";
+import { t as Button } from "./button-BcCBrlnt.js";
+import { t as EmptyState } from "./empty-state-Bcx4M0Me.js";
 import { ChevronLeft, ChevronRight, ExternalLink, ZoomIn, ZoomOut } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{dropdown-menu-M8vs0byD.js → dropdown-menu-B3L1XSDf.js}

@@ -1,7 +1,7 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-B0N3Pek0.js";
-import { a as useMotionMode, i as useMotionLib } from "./motion-context-BUMPf0e9.js";
-import { t as useMotionPresets } from "./use-motion-presets-D3ww1oJX.js";
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-CpdCvlkP.js";
+import { a as useMotionMode, i as useMotionLib } from "./motion-context-DWFl2xRr.js";
+import { t as useMotionPresets } from "./use-motion-presets-CmMLBQLI.js";
 import { Check, ChevronRight } from "lucide-react";
 import { DropdownMenu } from "radix-ui";
 import { createContext, useContext, useState } from "react";
@@ -155,4 +155,4 @@ function DropdownMenuSubContent({ className, children, asChild, ...props }) {
 //#endregion
 export { DropdownMenuItem as a, DropdownMenuRadioItem as c, DropdownMenuSubContent as d, DropdownMenuSubTrigger as f, DropdownMenuGroup as i, DropdownMenuSeparator as l, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuTrigger as p, DropdownMenuContent as r, DropdownMenuRadioGroup as s, DropdownMenu$1 as t, DropdownMenuSub as u };
 
-//# sourceMappingURL=dropdown-menu-M8vs0byD.js.map
+//# sourceMappingURL=dropdown-menu-B3L1XSDf.js.map

package/dist/{dropdown-menu-M8vs0byD.js.map → dropdown-menu-B3L1XSDf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-M8vs0byD.js","names":[],"sources":["../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Check, ChevronRight } from 'lucide-react'\nimport { DropdownMenu as D } from 'radix-ui'\nimport { createContext, useContext, useState, type ComponentProps } from 'react'\nimport { cn } from '@/lib/cn'\nimport { useMotionLib, useMotionMode, useMotionPresets } from '@/lib/motion'\n\n/*\n * Em `on` o menu e o submenu precisam saber se estão abertos para manter o conteúdo montado\n * durante a saída animada. `Root` e `Sub` viram wrappers com exatamente os mesmos tipos do\n * Radix que espelham o estado (controlado ou não) num contexto; em `off` são o `D.Root` e o\n * `D.Sub` de sempre. O estado do submenu vive no próprio `D.Sub`, por isso o wrapper dele.\n */\nconst MenuOpenContext = createContext<boolean | null>(null)\nconst SubOpenContext = createContext<boolean | null>(null)\n\nfunction MirroredRoot({ open, defaultOpen, onOpenChange, ...rest }: ComponentProps<typeof D.Root>) {\n  const [inner, setInner] = useState(defaultOpen ?? false)\n  const current = open ?? inner\n  return (\n    <MenuOpenContext.Provider value={current}>\n      <D.Root\n        {...rest}\n        open={current}\n        onOpenChange={(next) => {\n          setInner(next)\n          onOpenChange?.(next)\n        }}\n      />\n    </MenuOpenContext.Provider>\n  )\n}\n\nfunction MirroredSub({ open, defaultOpen, onOpenChange, ...rest }: ComponentProps<typeof D.Sub>) {\n  const [inner, setInner] = useState(defaultOpen ?? false)\n  const current = open ?? inner\n  return (\n    <SubOpenContext.Provider value={current}>\n      <D.Sub\n        {...rest}\n        open={current}\n        onOpenChange={(next) => {\n          setInner(next)\n          onOpenChange?.(next)\n        }}\n      />\n    </SubOpenContext.Provider>\n  )\n}\n\nexport function DropdownMenu(props: ComponentProps<typeof D.Root>) {\n  return useMotionMode() === 'on' ? <MirroredRoot {...props} /> : <D.Root {...props} />\n}\nexport const DropdownMenuTrigger = D.Trigger\nexport const DropdownMenuGroup = D.Group\nexport function DropdownMenuSub(props: ComponentProps<typeof D.Sub>) {\n  return useMotionMode() === 'on' ? <MirroredSub {...props} /> : <D.Sub {...props} />\n}\nexport const DropdownMenuRadioGroup = D.RadioGroup\n\n// O menu e o submenu nascem do gatilho (W6); a saída é mais curta que a entrada (W5).\nconst panelBase =\n  'z-50 w-max min-w-3xs max-w-popover origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md'\nconst panelOff = cn(\n  panelBase,\n  'animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n)\n\n// Itens com 44px no mobile (toque) e compactos a partir de md.\nconst item =\n  'relative flex min-h-touch cursor-pointer items-center gap-2 rounded-item px-3 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground md:min-h-0 md:py-2 [&_svg]:size-icon-sm [&_svg]:shrink-0 [&_svg]:text-muted-foreground'\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 8,\n  children,\n  asChild,\n  ...props\n}: ComponentProps<typeof D.Content>) {\n  const open = useContext(MenuOpenContext)\n  const lib = useMotionLib()\n  const presets = useMotionPresets()\n\n  if (lib && open !== null && !asChild) {\n    return (\n      <lib.AnimatePresence>\n        {open && (\n          <D.Portal forceMount key=\"menu\">\n            <D.Content\n              forceMount\n              asChild\n              sideOffset={sideOffset}\n              collisionPadding={16}\n              data-rendra=\"DDM-001\"\n              className={cn(panelBase, className)}\n              {...props}\n            >\n              <lib.m.div {...presets.open()}>{children}</lib.m.div>\n            </D.Content>\n          </D.Portal>\n        )}\n      </lib.AnimatePresence>\n    )\n  }\n\n  return (\n    <D.Portal>\n      <D.Content\n        sideOffset={sideOffset}\n        collisionPadding={16}\n        data-rendra=\"DDM-001\"\n        className={cn(panelOff, className)}\n        asChild={asChild}\n        {...props}\n      >\n        {children}\n      </D.Content>\n    </D.Portal>\n  )\n}\n\ninterface ItemProps extends ComponentProps<typeof D.Item> {\n  /** Item destrutivo (excluir, sair): texto na cor destrutiva. */\n  destructive?: boolean\n}\n\nexport function DropdownMenuItem({ className, destructive, ...props }: ItemProps) {\n  return (\n    <D.Item\n      className={cn(\n        item,\n        destructive &&\n          'text-destructive data-highlighted:bg-destructive-soft data-highlighted:text-destructive-soft-foreground [&_svg]:text-current',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.CheckboxItem>) {\n  return (\n    <D.CheckboxItem className={cn(item, 'pl-8', className)} {...props}>\n      <span className=\"absolute left-2 flex size-icon-sm items-center justify-center\">\n        <D.ItemIndicator>\n          <Check className=\"text-primary-text\" />\n        </D.ItemIndicator>\n      </span>\n      {children}\n    </D.CheckboxItem>\n  )\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.RadioItem>) {\n  return (\n    <D.RadioItem className={cn(item, 'pl-8', className)} {...props}>\n      <span className=\"absolute left-2 flex size-icon-sm items-center justify-center\">\n        <D.ItemIndicator>\n          <Check className=\"text-primary-text\" />\n        </D.ItemIndicator>\n      </span>\n      {children}\n    </D.RadioItem>\n  )\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof D.Label>) {\n  return (\n    <D.Label\n      className={cn('px-2 py-2 text-xs font-medium text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof D.Separator>) {\n  return <D.Separator className={cn('-mx-1 my-1 h-px bg-border', className)} {...props} />\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.SubTrigger>) {\n  return (\n    <D.SubTrigger className={cn(item, 'data-[state=open]:bg-accent', className)} {...props}>\n      {children}\n      <ChevronRight className=\"ml-auto\" />\n    </D.SubTrigger>\n  )\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  children,\n  asChild,\n  ...props\n}: ComponentProps<typeof D.SubContent>) {\n  const open = useContext(SubOpenContext)\n  const lib = useMotionLib()\n  const presets = useMotionPresets()\n\n  if (lib && open !== null && !asChild) {\n    return (\n      <lib.AnimatePresence>\n        {open && (\n          <D.Portal forceMount key=\"submenu\">\n            <D.SubContent\n              forceMount\n              asChild\n              collisionPadding={16}\n              className={cn(panelBase, className)}\n              {...props}\n            >\n              <lib.m.div {...presets.open()}>{children}</lib.m.div>\n            </D.SubContent>\n          </D.Portal>\n        )}\n      </lib.AnimatePresence>\n    )\n  }\n\n  return (\n    <D.Portal>\n      <D.SubContent\n        collisionPadding={16}\n        className={cn(panelOff, className)}\n        asChild={asChild}\n        {...props}\n      >\n        {children}\n      </D.SubContent>\n    </D.Portal>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu-B3L1XSDf.js","names":[],"sources":["../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Check, ChevronRight } from 'lucide-react'\nimport { DropdownMenu as D } from 'radix-ui'\nimport { createContext, useContext, useState, type ComponentProps } from 'react'\nimport { cn } from '@/lib/cn'\nimport { useMotionLib, useMotionMode, useMotionPresets } from '@/lib/motion'\n\n/*\n * Em `on` o menu e o submenu precisam saber se estão abertos para manter o conteúdo montado\n * durante a saída animada. `Root` e `Sub` viram wrappers com exatamente os mesmos tipos do\n * Radix que espelham o estado (controlado ou não) num contexto; em `off` são o `D.Root` e o\n * `D.Sub` de sempre. O estado do submenu vive no próprio `D.Sub`, por isso o wrapper dele.\n */\nconst MenuOpenContext = createContext<boolean | null>(null)\nconst SubOpenContext = createContext<boolean | null>(null)\n\nfunction MirroredRoot({ open, defaultOpen, onOpenChange, ...rest }: ComponentProps<typeof D.Root>) {\n  const [inner, setInner] = useState(defaultOpen ?? false)\n  const current = open ?? inner\n  return (\n    <MenuOpenContext.Provider value={current}>\n      <D.Root\n        {...rest}\n        open={current}\n        onOpenChange={(next) => {\n          setInner(next)\n          onOpenChange?.(next)\n        }}\n      />\n    </MenuOpenContext.Provider>\n  )\n}\n\nfunction MirroredSub({ open, defaultOpen, onOpenChange, ...rest }: ComponentProps<typeof D.Sub>) {\n  const [inner, setInner] = useState(defaultOpen ?? false)\n  const current = open ?? inner\n  return (\n    <SubOpenContext.Provider value={current}>\n      <D.Sub\n        {...rest}\n        open={current}\n        onOpenChange={(next) => {\n          setInner(next)\n          onOpenChange?.(next)\n        }}\n      />\n    </SubOpenContext.Provider>\n  )\n}\n\nexport function DropdownMenu(props: ComponentProps<typeof D.Root>) {\n  return useMotionMode() === 'on' ? <MirroredRoot {...props} /> : <D.Root {...props} />\n}\nexport const DropdownMenuTrigger = D.Trigger\nexport const DropdownMenuGroup = D.Group\nexport function DropdownMenuSub(props: ComponentProps<typeof D.Sub>) {\n  return useMotionMode() === 'on' ? <MirroredSub {...props} /> : <D.Sub {...props} />\n}\nexport const DropdownMenuRadioGroup = D.RadioGroup\n\n// O menu e o submenu nascem do gatilho (W6); a saída é mais curta que a entrada (W5).\nconst panelBase =\n  'z-50 w-max min-w-3xs max-w-popover origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md'\nconst panelOff = cn(\n  panelBase,\n  'animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n)\n\n// Itens com 44px no mobile (toque) e compactos a partir de md.\nconst item =\n  'relative flex min-h-touch cursor-pointer items-center gap-2 rounded-item px-3 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground md:min-h-0 md:py-2 [&_svg]:size-icon-sm [&_svg]:shrink-0 [&_svg]:text-muted-foreground'\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 8,\n  children,\n  asChild,\n  ...props\n}: ComponentProps<typeof D.Content>) {\n  const open = useContext(MenuOpenContext)\n  const lib = useMotionLib()\n  const presets = useMotionPresets()\n\n  if (lib && open !== null && !asChild) {\n    return (\n      <lib.AnimatePresence>\n        {open && (\n          <D.Portal forceMount key=\"menu\">\n            <D.Content\n              forceMount\n              asChild\n              sideOffset={sideOffset}\n              collisionPadding={16}\n              data-rendra=\"DDM-001\"\n              className={cn(panelBase, className)}\n              {...props}\n            >\n              <lib.m.div {...presets.open()}>{children}</lib.m.div>\n            </D.Content>\n          </D.Portal>\n        )}\n      </lib.AnimatePresence>\n    )\n  }\n\n  return (\n    <D.Portal>\n      <D.Content\n        sideOffset={sideOffset}\n        collisionPadding={16}\n        data-rendra=\"DDM-001\"\n        className={cn(panelOff, className)}\n        asChild={asChild}\n        {...props}\n      >\n        {children}\n      </D.Content>\n    </D.Portal>\n  )\n}\n\ninterface ItemProps extends ComponentProps<typeof D.Item> {\n  /** Item destrutivo (excluir, sair): texto na cor destrutiva. */\n  destructive?: boolean\n}\n\nexport function DropdownMenuItem({ className, destructive, ...props }: ItemProps) {\n  return (\n    <D.Item\n      className={cn(\n        item,\n        destructive &&\n          'text-destructive data-highlighted:bg-destructive-soft data-highlighted:text-destructive-soft-foreground [&_svg]:text-current',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.CheckboxItem>) {\n  return (\n    <D.CheckboxItem className={cn(item, 'pl-8', className)} {...props}>\n      <span className=\"absolute left-2 flex size-icon-sm items-center justify-center\">\n        <D.ItemIndicator>\n          <Check className=\"text-primary-text\" />\n        </D.ItemIndicator>\n      </span>\n      {children}\n    </D.CheckboxItem>\n  )\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.RadioItem>) {\n  return (\n    <D.RadioItem className={cn(item, 'pl-8', className)} {...props}>\n      <span className=\"absolute left-2 flex size-icon-sm items-center justify-center\">\n        <D.ItemIndicator>\n          <Check className=\"text-primary-text\" />\n        </D.ItemIndicator>\n      </span>\n      {children}\n    </D.RadioItem>\n  )\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof D.Label>) {\n  return (\n    <D.Label\n      className={cn('px-2 py-2 text-xs font-medium text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof D.Separator>) {\n  return <D.Separator className={cn('-mx-1 my-1 h-px bg-border', className)} {...props} />\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof D.SubTrigger>) {\n  return (\n    <D.SubTrigger className={cn(item, 'data-[state=open]:bg-accent', className)} {...props}>\n      {children}\n      <ChevronRight className=\"ml-auto\" />\n    </D.SubTrigger>\n  )\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  children,\n  asChild,\n  ...props\n}: ComponentProps<typeof D.SubContent>) {\n  const open = useContext(SubOpenContext)\n  const lib = useMotionLib()\n  const presets = useMotionPresets()\n\n  if (lib && open !== null && !asChild) {\n    return (\n      <lib.AnimatePresence>\n        {open && (\n          <D.Portal forceMount key=\"submenu\">\n            <D.SubContent\n              forceMount\n              asChild\n              collisionPadding={16}\n              className={cn(panelBase, className)}\n              {...props}\n            >\n              <lib.m.div {...presets.open()}>{children}</lib.m.div>\n            </D.SubContent>\n          </D.Portal>\n        )}\n      </lib.AnimatePresence>\n    )\n  }\n\n  return (\n    <D.Portal>\n      <D.SubContent\n        collisionPadding={16}\n        className={cn(panelOff, className)}\n        asChild={asChild}\n        {...props}\n      >\n        {children}\n      </D.SubContent>\n    </D.Portal>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,kBAAkB,cAA8B,IAAI;AAC1D,IAAM,iBAAiB,cAA8B,IAAI;AAEzD,SAAS,aAAa,EAAE,MAAM,aAAa,cAAc,GAAG,QAAuC;CACjG,MAAM,CAAC,OAAO,YAAY,SAAS,eAAe,KAAK;CACvD,MAAM,UAAU,QAAQ;CACxB,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;EAC/B,UAAA,oBAAC,aAAE,MAAH;GACE,GAAI;GACJ,MAAM;GACN,eAAe,SAAS;IACtB,SAAS,IAAI;IACb,eAAe,IAAI;GACrB;EACD,CAAA;CACuB,CAAA;AAE9B;AAEA,SAAS,YAAY,EAAE,MAAM,aAAa,cAAc,GAAG,QAAsC;CAC/F,MAAM,CAAC,OAAO,YAAY,SAAS,eAAe,KAAK;CACvD,MAAM,UAAU,QAAQ;CACxB,OACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;EAC9B,UAAA,oBAAC,aAAE,KAAH;GACE,GAAI;GACJ,MAAM;GACN,eAAe,SAAS;IACtB,SAAS,IAAI;IACb,eAAe,IAAI;GACrB;EACD,CAAA;CACsB,CAAA;AAE7B;AAEA,SAAgB,eAAa,OAAsC;CACjE,OAAO,cAAc,MAAM,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ,CAAA,IAAI,oBAAC,aAAE,MAAH,EAAQ,GAAI,MAAQ,CAAA;AACtF;AACA,IAAa,sBAAsB,aAAE;AACrC,IAAa,oBAAoB,aAAE;AACnC,SAAgB,gBAAgB,OAAqC;CACnE,OAAO,cAAc,MAAM,OAAO,oBAAC,aAAD,EAAa,GAAI,MAAQ,CAAA,IAAI,oBAAC,aAAE,KAAH,EAAO,GAAI,MAAQ,CAAA;AACpF;AACA,IAAa,yBAAyB,aAAE;AAGxC,IAAM,YACJ;AACF,IAAM,WAAW,GACf,WACA,sLACF;AAGA,IAAM,OACJ;AAEF,SAAgB,oBAAoB,EAClC,WACA,aAAa,GACb,UACA,SACA,GAAG,SACgC;CACnC,MAAM,OAAO,WAAW,eAAe;CACvC,MAAM,MAAM,aAAa;CACzB,MAAM,UAAU,iBAAiB;CAEjC,IAAI,OAAO,SAAS,QAAQ,CAAC,SAC3B,OACE,oBAAC,IAAI,iBAAL,EAAA,UACG,QACC,oBAAC,aAAE,QAAH;EAAU,YAAA;EACR,UAAA,oBAAC,aAAE,SAAH;GACE,YAAA;GACA,SAAA;GACY;GACZ,kBAAkB;GAClB,eAAY;GACZ,WAAW,GAAG,WAAW,SAAS;GAClC,GAAI;GAEJ,UAAA,oBAAC,IAAI,EAAE,KAAP;IAAW,GAAI,QAAQ,KAAK;IAAI;GAAoB,CAAA;EAC3C,CAAA;CACH,GAZe,MAYf,EAEO,CAAA;CAIzB,OACE,oBAAC,aAAE,QAAH,EAAA,UACE,oBAAC,aAAE,SAAH;EACc;EACZ,kBAAkB;EAClB,eAAY;EACZ,WAAW,GAAG,UAAU,SAAS;EACxB;EACT,GAAI;EAEH;CACQ,CAAA,EACH,CAAA;AAEd;AAOA,SAAgB,iBAAiB,EAAE,WAAW,aAAa,GAAG,SAAoB;CAChF,OACE,oBAAC,aAAE,MAAH;EACE,WAAW,GACT,MACA,eACE,gIACF,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,yBAAyB,EACvC,WACA,UACA,GAAG,SACqC;CACxC,OACE,qBAAC,aAAE,cAAH;EAAgB,WAAW,GAAG,MAAM,QAAQ,SAAS;EAAG,GAAI;EAA5D,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,aAAE,eAAH,EAAA,UACE,oBAAC,OAAD,EAAO,WAAU,oBAAqB,CAAA,EACvB,CAAA;EACb,CAAA,GACL,QACa;;AAEpB;AAEA,SAAgB,sBAAsB,EACpC,WACA,UACA,GAAG,SACkC;CACrC,OACE,qBAAC,aAAE,WAAH;EAAa,WAAW,GAAG,MAAM,QAAQ,SAAS;EAAG,GAAI;EAAzD,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,aAAE,eAAH,EAAA,UACE,oBAAC,OAAD,EAAO,WAAU,oBAAqB,CAAA,EACvB,CAAA;EACb,CAAA,GACL,QACU;;AAEjB;AAEA,SAAgB,kBAAkB,EAAE,WAAW,GAAG,SAAyC;CACzF,OACE,oBAAC,aAAE,OAAH;EACE,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,sBAAsB,EAAE,WAAW,GAAG,SAA6C;CACjG,OAAO,oBAAC,aAAE,WAAH;EAAa,WAAW,GAAG,6BAA6B,SAAS;EAAG,GAAI;CAAQ,CAAA;AACzF;AAEA,SAAgB,uBAAuB,EACrC,WACA,UACA,GAAG,SACmC;CACtC,OACE,qBAAC,aAAE,YAAH;EAAc,WAAW,GAAG,MAAM,+BAA+B,SAAS;EAAG,GAAI;EAAjF,UAAA,CACG,UACD,oBAAC,cAAD,EAAc,WAAU,UAAW,CAAA,CACvB;;AAElB;AAEA,SAAgB,uBAAuB,EACrC,WACA,UACA,SACA,GAAG,SACmC;CACtC,MAAM,OAAO,WAAW,cAAc;CACtC,MAAM,MAAM,aAAa;CACzB,MAAM,UAAU,iBAAiB;CAEjC,IAAI,OAAO,SAAS,QAAQ,CAAC,SAC3B,OACE,oBAAC,IAAI,iBAAL,EAAA,UACG,QACC,oBAAC,aAAE,QAAH;EAAU,YAAA;EACR,UAAA,oBAAC,aAAE,YAAH;GACE,YAAA;GACA,SAAA;GACA,kBAAkB;GAClB,WAAW,GAAG,WAAW,SAAS;GAClC,GAAI;GAEJ,UAAA,oBAAC,IAAI,EAAE,KAAP;IAAW,GAAI,QAAQ,KAAK;IAAI;GAAoB,CAAA;EACxC,CAAA;CACN,GAVe,SAUf,EAEO,CAAA;CAIzB,OACE,oBAAC,aAAE,QAAH,EAAA,UACE,oBAAC,aAAE,YAAH;EACE,kBAAkB;EAClB,WAAW,GAAG,UAAU,SAAS;EACxB;EACT,GAAI;EAEH;CACW,CAAA,EACN,CAAA;AAEd"}

package/dist/{brand-feedback-icon-BYNcqBel.js → empty-state-Bcx4M0Me.js}

@@ -1,5 +1,7 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-B0N3Pek0.js";
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-CpdCvlkP.js";
+import { i as useMotionLib } from "./motion-context-DWFl2xRr.js";
+import { t as useMotionPresets } from "./use-motion-presets-CmMLBQLI.js";
 import { CircleCheck, CircleX, Info, TriangleAlert } from "lucide-react";
 import { createContext, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -147,6 +149,64 @@ function BrandFeedbackIcon({ type, size, label, animated = false, symbolTone = "
 	});
 }
 //#endregion
-export { BrandContext as i, feedbackLabels as n, useBrand as r, BrandFeedbackIcon as t };
+//#region src/components/ui/empty-state.tsx
+/** Estado vazio (e de erro) com o ícone de feedback da marca. */
+function EmptyState({ title, description, type = "info", actions, size = "default", className }) {
+	const lib = useMotionLib();
+	const on = lib !== null;
+	const presets = useMotionPresets();
+	const Icon = on ? lib.m.span : "span";
+	const Title = on ? lib.m.p : "p";
+	const Description = on ? lib.m.p : "p";
+	const Actions = on ? lib.m.div : "div";
+	const part = (index) => {
+		if (!on) return {};
+		const enter = presets.slide("bottom", "short");
+		return {
+			...enter,
+			transition: {
+				...enter.transition,
+				...presets.stagger(index)
+			}
+		};
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-rendra": "VAZ-001",
+		className: cn("flex flex-col items-center justify-center gap-4 text-center", size === "compact" ? "px-4 py-8" : "px-4 py-12 md:py-16", className),
+		children: [
+			/* @__PURE__ */ jsxs(Icon, {
+				className: "relative flex items-center justify-center",
+				...part(0),
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "absolute size-16 rounded-full bg-gradient-soft"
+				}), /* @__PURE__ */ jsx(BrandFeedbackIcon, {
+					type,
+					size: size === "compact" ? "xl" : "2xl",
+					className: "relative"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex w-full flex-col gap-1",
+				children: [/* @__PURE__ */ jsx(Title, {
+					className: "text-base font-semibold wrap-break-word",
+					...part(1),
+					children: title
+				}), description && /* @__PURE__ */ jsx(Description, {
+					className: "text-sm wrap-break-word text-muted-foreground",
+					...part(2),
+					children: description
+				})]
+			}),
+			actions && /* @__PURE__ */ jsx(Actions, {
+				className: "flex flex-wrap justify-center gap-3",
+				...part(3),
+				children: actions
+			})
+		]
+	});
+}
+//#endregion
+export { BrandContext as a, useBrand as i, BrandFeedbackIcon as n, feedbackLabels as r, EmptyState as t };
 
-//# sourceMappingURL=brand-feedback-icon-BYNcqBel.js.map
+//# sourceMappingURL=empty-state-Bcx4M0Me.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-Bcx4M0Me.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 { ElementType, ReactNode } from 'react'\nimport type { FeedbackType } from '@/brand/types'\nimport { BrandFeedbackIcon } from '@/components/ui/brand-feedback-icon'\nimport { cn } from '@/lib/cn'\nimport { useMotionLib, useMotionPresets } from '@/lib/motion'\n\nexport interface EmptyStateProps {\n  title: string\n  description?: ReactNode\n  /** Tipo do ícone de feedback da marca. info para \"sem dados\", error para falha. */\n  type?: FeedbackType\n  /** Ações: no máximo uma principal e uma secundária. */\n  actions?: ReactNode\n  /** compact: dentro de tabela ou card pequeno. */\n  size?: 'default' | 'compact'\n  /**\n   * Classes extras, que vencem as do componente. Para zerar o respiro vertical (por exemplo,\n   * dentro de um card que já tem o seu) use `className=\"py-0 md:py-0\"`.\n   */\n  className?: string\n}\n\n/** Estado vazio (e de erro) com o ícone de feedback da marca. */\nexport function EmptyState({\n  title,\n  description,\n  type = 'info',\n  actions,\n  size = 'default',\n  className,\n}: EmptyStateProps) {\n  const lib = useMotionLib()\n  const on = lib !== null\n  const presets = useMotionPresets()\n  // Em `on` as quatro partes (ícone, título, descrição e ações) sobem em cascata de 60 ms, cada\n  // uma com o deslize curto; a raiz em si não anima. Estado vazio é cota de encanto: ocasional,\n  // sem teclado no caminho. Em `off` o HTML é o de sempre.\n  const Icon: ElementType = on ? lib.m.span : 'span'\n  const Title: ElementType = on ? lib.m.p : 'p'\n  const Description: ElementType = on ? lib.m.p : 'p'\n  const Actions: ElementType = on ? lib.m.div : 'div'\n  const part = (index: number) => {\n    if (!on) return {}\n    const enter = presets.slide('bottom', 'short')\n    return { ...enter, transition: { ...enter.transition, ...presets.stagger(index) } }\n  }\n  return (\n    <div\n      data-rendra=\"VAZ-001\"\n      className={cn(\n        'flex flex-col items-center justify-center gap-4 text-center',\n        size === 'compact' ? 'px-4 py-8' : 'px-4 py-12 md:py-16',\n        className,\n      )}\n    >\n      <Icon className=\"relative flex items-center justify-center\" {...part(0)}>\n        <span aria-hidden className=\"absolute size-16 rounded-full bg-gradient-soft\" />\n        <BrandFeedbackIcon\n          type={type}\n          size={size === 'compact' ? 'xl' : '2xl'}\n          className=\"relative\"\n        />\n      </Icon>\n      <div className=\"flex w-full flex-col gap-1\">\n        <Title className=\"text-base font-semibold wrap-break-word\" {...part(1)}>\n          {title}\n        </Title>\n        {description && (\n          <Description className=\"text-sm wrap-break-word text-muted-foreground\" {...part(2)}>\n            {description}\n          </Description>\n        )}\n      </div>\n      {actions && (\n        <Actions className=\"flex flex-wrap justify-center gap-3\" {...part(3)}>\n          {actions}\n        </Actions>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/{features-max-ScxV8gb3.js → features-max-CoyJ_kuK.js}

@@ -1,3 +1,3 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
 import { domMax as react_default } from "motion/react";
 export { react_default as default };