@rendra-ui/web 2.3.0 → 2.5.0

package/dist/components.css

@@ -1,4 +1,4 @@
-/*! Rendra Design System v2.3.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
 
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
@@ -13,6 +13,11 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-pan-x: initial;
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
@@ -43,9 +48,6 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
-      --tw-duration: initial;
-      --tw-ease: initial;
-      --tw-content: '';
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
@@ -59,6 +61,9 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: '';
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;
@@ -84,6 +89,9 @@
   .\@container {
     container-type: inline-size;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -96,6 +104,36 @@
   .visible {
     visibility: visible;
   }
+  .skeleton-shimmer {
+    position: relative;
+    overflow: hidden;
+    &::after {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background-image: linear-gradient(
+        90deg,
+        transparent,
+        var(--rendra-muted-foreground),
+        transparent
+      );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: linear-gradient(
+          90deg,
+          transparent,
+          color-mix(in oklab, var(--rendra-muted-foreground) 12%, transparent),
+          transparent
+        );
+      }
+      transform: translateX(-100%);
+      animation: rd-shimmer var(--rendra-duration-pulse) var(--rendra-ease-move) infinite;
+    }
+    @media (prefers-reduced-motion: reduce) {
+      &::after {
+        animation: none;
+      }
+    }
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -153,6 +191,9 @@
   .calendar-now {
     top: calc(var(--from, 0) * 3rem);
   }
+  .top-0 {
+    top: 0px;
+  }
   .top-1 {
     top: 0.25rem;
   }
@@ -210,6 +251,12 @@
   .left-4 {
     left: 1rem;
   }
+  .isolate {
+    isolation: isolate;
+  }
+  .-z-10 {
+    z-index: calc(10 * -1);
+  }
   .z-10 {
     z-index: 10;
   }
@@ -234,6 +281,9 @@
   .col-span-7 {
     grid-column: span 7 / span 7;
   }
+  .col-span-10 {
+    grid-column: span 10 / span 10;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -252,6 +302,9 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: 0px;
+  }
   .m-auto {
     margin: auto;
   }
@@ -320,6 +373,9 @@
     margin-bottom: -1px;
     margin-bottom: calc(1px * -1);
   }
+  .mb-0 {
+    margin-bottom: 0px;
+  }
   .mb-1 {
     margin-bottom: 0.25rem;
   }
@@ -751,6 +807,15 @@
     transform-origin: 50% 56.604%;
     transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
   }
+  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  }
+  .origin-\(--radix-popover-content-transform-origin\) {
+    transform-origin: var(--radix-popover-content-transform-origin);
+  }
+  .origin-\(--radix-tooltip-content-transform-origin\) {
+    transform-origin: var(--radix-tooltip-content-transform-origin);
+  }
   .origin-center {
     transform-origin: center;
   }
@@ -762,10 +827,10 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .scale-0 {
-    --tw-scale-x: 0%;
-    --tw-scale-y: 0%;
-    --tw-scale-z: 0%;
+  .scale-90 {
+    --tw-scale-x: 90%;
+    --tw-scale-y: 90%;
+    --tw-scale-z: 90%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
   .rotate-90 {
@@ -778,14 +843,22 @@
     transform: translate(-50%, -50%) translate(var(--crop-x, 0px), var(--crop-y, 0px))
       scale(var(--crop-scale, 1));
   }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
+      var(--tw-skew-y,);
+  }
   .progress-slide {
-    animation: rd-progress-slide 1.1s ease-in-out infinite;
+    animation: rd-progress-slide var(--rendra-duration-pulse) linear infinite;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
   .animate-draw {
-    animation: rd-draw 420ms cubic-bezier(0.22, 1, 0.36, 1) 200ms both;
+    animation: rd-draw var(--rendra-duration-draw) var(--rendra-ease-out)
+      var(--rendra-duration-base) both;
+  }
+  .animate-encaixe {
+    animation: rd-encaixe calc(var(--rendra-duration-fast) * 2) var(--rendra-ease-out) both;
   }
   .animate-in {
     animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
@@ -793,13 +866,14 @@
       var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
   }
   .animate-pop {
-    animation: rd-pop 420ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
+    animation: rd-pop var(--rendra-duration-draw) var(--rendra-ease-spring) both;
   }
   .animate-pulse {
     animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
   .animate-shake {
-    animation: rd-shake 420ms cubic-bezier(0.65, 0, 0.35, 1) 620ms both;
+    animation: rd-shake var(--rendra-duration-draw) var(--rendra-ease-in-out)
+      calc(var(--rendra-duration-draw) + var(--rendra-duration-base)) both;
   }
   .animate-spin {
     animation: spin 1s linear infinite;
@@ -1374,6 +1448,9 @@
   .px-6 {
     padding-inline: 1.5rem;
   }
+  .py-0 {
+    padding-block: 0px;
+  }
   .py-1 {
     padding-block: 0.25rem;
   }
@@ -1771,6 +1848,40 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
+      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
+      var(--tw-drop-shadow,);
+  }
+  .transition {
+    transition-property:
+      color,
+      background-color,
+      border-color,
+      outline-color,
+      text-decoration-color,
+      fill,
+      stroke,
+      --tw-gradient-from,
+      --tw-gradient-via,
+      --tw-gradient-to,
+      opacity,
+      box-shadow,
+      transform,
+      translate,
+      scale,
+      rotate,
+      filter,
+      -webkit-backdrop-filter,
+      backdrop-filter,
+      display,
+      content-visibility,
+      overlay,
+      pointer-events;
+    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--tw-duration, 150ms);
+  }
   .transition-\[border-color\,box-shadow\,background-color\] {
     transition-property: border-color, box-shadow, background-color;
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
@@ -1791,11 +1902,26 @@
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
     transition-duration: var(--tw-duration, 150ms);
   }
+  .transition-\[color\,background-color\,border-color\,box-shadow\] {
+    transition-property: color, background-color, border-color, box-shadow;
+    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--tw-duration, 150ms);
+  }
   .transition-\[filter\] {
     transition-property: filter;
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
     transition-duration: var(--tw-duration, 150ms);
   }
+  .transition-\[transform\,opacity\] {
+    transition-property: transform, opacity;
+    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--tw-duration, 150ms);
+  }
+  .transition-\[translate\] {
+    transition-property: translate;
+    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--tw-duration, 150ms);
+  }
   .transition-\[width\,box-shadow\] {
     transition-property: width, box-shadow;
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
@@ -1806,11 +1932,6 @@
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
     transition-duration: var(--tw-duration, 150ms);
   }
-  .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--tw-duration, 150ms);
-  }
   .transition-colors {
     transition-property:
       color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
@@ -1828,6 +1949,18 @@
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
     transition-duration: var(--tw-duration, 150ms);
   }
+  .duration-\(--rendra-duration-base\) {
+    --tw-duration: var(--rendra-duration-base);
+    transition-duration: var(--rendra-duration-base);
+  }
+  .duration-\(--rendra-duration-fast\) {
+    --tw-duration: var(--rendra-duration-fast);
+    transition-duration: var(--rendra-duration-fast);
+  }
+  .duration-\(--rendra-duration-press\) {
+    --tw-duration: var(--rendra-duration-press);
+    transition-duration: var(--rendra-duration-press);
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -1836,17 +1969,17 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
-  .duration-300 {
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
   }
-  .duration-700 {
-    --tw-duration: 700ms;
-    transition-duration: 700ms;
+  .ease-move {
+    --tw-ease: var(--rendra-ease-move);
+    transition-timing-function: var(--rendra-ease-move);
   }
   .ease-out {
-    --tw-ease: cubic-bezier(0.22, 1, 0.36, 1);
-    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
+    --tw-ease: var(--rendra-ease-out);
+    transition-timing-function: var(--rendra-ease-out);
   }
   .fade-in-0 {
     --tw-enter-opacity: calc(0/100);
@@ -1860,6 +1993,10 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .tabs-clip {
+    clip-path: inset(0 var(--tabs-r, 100%) 0 var(--tabs-l, 0px));
+    transition: clip-path var(--rendra-duration-move) var(--rendra-ease-move);
+  }
   .zoom-in-95 {
     --tw-enter-scale: calc(95 * 1%);
     --tw-enter-scale: 0.95;
@@ -1909,6 +2046,9 @@
   ) {
     color: var(--rendra-primary-foreground);
   }
+  .group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state='checked'] *) {
+    opacity: 100%;
+  }
   .group-data-\[state\=open\]\:hidden:is(:where(.group)[data-state='open'] *) {
     display: none;
   }
@@ -2171,9 +2311,15 @@
       --tw-ring-color: color-mix(in oklab, var(--rendra-ring) 25%, transparent);
     }
   }
+  .focus-visible\:cursor-pointer:focus-visible {
+    cursor: pointer;
+  }
   .focus-visible\:bg-accent:focus-visible {
     background-color: var(--rendra-accent);
   }
+  .focus-visible\:opacity-100:focus-visible {
+    opacity: 100%;
+  }
   .focus-visible\:ring-2:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
       var(--tw-ring-color, currentcolor);
@@ -2202,10 +2348,16 @@
     --tw-scale-z: 95%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .active\:scale-98:active {
-    --tw-scale-x: 98%;
-    --tw-scale-y: 98%;
-    --tw-scale-z: 98%;
+  .active\:scale-97:active {
+    --tw-scale-x: 97%;
+    --tw-scale-y: 97%;
+    --tw-scale-z: 97%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .active\:scale-100:active {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
   .active\:cursor-grabbing:active {
@@ -2410,9 +2562,13 @@
   .data-\[state\=checked\]\:ring-primary[data-state='checked'] {
     --tw-ring-color: var(--rendra-primary);
   }
-  .data-\[state\=checked\]\:zoom-in-50[data-state='checked'] {
-    --tw-enter-scale: calc(50 * 1%);
-    --tw-enter-scale: 0.5;
+  .data-\[state\=checked\]\:duration-\(--rendra-duration-fast\)[data-state='checked'] {
+    --tw-duration: var(--rendra-duration-fast);
+    transition-duration: var(--rendra-duration-fast);
+  }
+  .data-\[state\=checked\]\:zoom-in-90[data-state='checked'] {
+    --tw-enter-scale: calc(90 * 1%);
+    --tw-enter-scale: 0.9;
   }
   .data-\[state\=closed\]\:animate-accordion-up[data-state='closed'] {
     animation: accordion-up var(--tw-animation-duration, var(--tw-duration, 0.2s))
@@ -2429,6 +2585,10 @@
       var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1)
       var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
   }
+  .data-\[state\=closed\]\:duration-\(--rendra-duration-fast\)[data-state='closed'] {
+    --tw-duration: var(--rendra-duration-fast);
+    transition-duration: var(--rendra-duration-fast);
+  }
   .data-\[state\=closed\]\:fade-out-0[data-state='closed'] {
     --tw-exit-opacity: calc(0/100);
     --tw-exit-opacity: 0;
@@ -2455,6 +2615,9 @@
   .data-\[state\=indeterminate\]\:text-primary-foreground[data-state='indeterminate'] {
     color: var(--rendra-primary-foreground);
   }
+  .data-\[state\=instant-open\]\:animate-none[data-state='instant-open'] {
+    animation: none;
+  }
   .data-\[state\=open\]\:animate-accordion-down[data-state='open'] {
     animation: accordion-down var(--tw-animation-duration, var(--tw-duration, 0.2s))
       var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1)
@@ -2512,6 +2675,17 @@
     }
   }
   @media (width < 48rem) {
+    .max-md\:sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+      border-width: 0;
+    }
     .max-md\:-my-3 {
       margin-block: calc(0.75rem * -1);
     }
@@ -2528,6 +2702,9 @@
     .max-md\:min-h-touch {
       min-height: 2.75rem;
     }
+    .max-md\:flex-none {
+      flex: none;
+    }
     .max-md\:before\:absolute::before {
       content: var(--tw-content);
       position: absolute;
@@ -2602,6 +2779,17 @@
     }
   }
   @media (width >= 48rem) {
+    .md\:sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+      border-width: 0;
+    }
     .md\:inset-6 {
       inset: 1.5rem;
     }
@@ -2635,6 +2823,9 @@
     .md\:-mb-4 {
       margin-bottom: calc(1rem * -1);
     }
+    .md\:mb-0 {
+      margin-bottom: 0px;
+    }
     .md\:ml-auto {
       margin-left: auto;
     }
@@ -2816,6 +3007,9 @@
     .md\:px-6 {
       padding-inline: 1.5rem;
     }
+    .md\:py-0 {
+      padding-block: 0px;
+    }
     .md\:py-1 {
       padding-block: 0.25rem;
     }
@@ -2834,6 +3028,9 @@
     .md\:pt-2 {
       padding-top: 0.5rem;
     }
+    .md\:pt-4 {
+      padding-top: 1rem;
+    }
     .md\:pt-6 {
       padding-top: 1.5rem;
     }
@@ -3142,6 +3339,9 @@
   .\[\&\>\*\]\:min-h-0 > * {
     min-height: 0px;
   }
+  .\[\&\>\*\]\:w-full > * {
+    width: 100%;
+  }
   .\[\&\>\*\]\:flex-1 > * {
     flex: 1;
   }
@@ -3155,14 +3355,30 @@
       var(--tw-ring-shadow), var(--tw-shadow);
   }
   @media (width >= 48rem) {
+    .md\:\[\&\>\*\]\:w-auto > * {
+      width: auto;
+    }
     .md\:\[\&\>\*\]\:flex-none > * {
       flex: none;
     }
   }
+  .\[\&\>\*\:first-child\]\:rounded-t-control > :first-child {
+    border-top-left-radius: var(--rendra-shape-control);
+    border-top-right-radius: var(--rendra-shape-control);
+  }
   .\[\&\>\*\:first-child\]\:rounded-l-control > :first-child {
     border-top-left-radius: var(--rendra-shape-control);
     border-bottom-left-radius: var(--rendra-shape-control);
   }
+  @media (width >= 48rem) {
+    .md\:\[\&\>\*\:first-child\]\:rounded-l-control > :first-child {
+      border-top-left-radius: var(--rendra-shape-control);
+      border-bottom-left-radius: var(--rendra-shape-control);
+    }
+    .md\:\[\&\>\*\:first-child\]\:rounded-tr-none > :first-child {
+      border-top-right-radius: 0;
+    }
+  }
   .\[\&\>\*\:focus-visible\]\:z-10 > :focus-visible {
     z-index: 10;
   }
@@ -3170,10 +3386,36 @@
     border-top-right-radius: var(--rendra-shape-control);
     border-bottom-right-radius: var(--rendra-shape-control);
   }
+  .\[\&\>\*\:last-child\]\:rounded-b-control > :last-child {
+    border-bottom-right-radius: var(--rendra-shape-control);
+    border-bottom-left-radius: var(--rendra-shape-control);
+  }
+  @media (width >= 48rem) {
+    .md\:\[\&\>\*\:last-child\]\:rounded-r-control > :last-child {
+      border-top-right-radius: var(--rendra-shape-control);
+      border-bottom-right-radius: var(--rendra-shape-control);
+    }
+    .md\:\[\&\>\*\:last-child\]\:rounded-bl-none > :last-child {
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:first-child\)\]\:-mt-px > :not(:first-child) {
+    margin-top: -1px;
+    margin-top: calc(1px * -1);
+  }
   .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px > :not(:first-child) {
     margin-left: -1px;
     margin-left: calc(1px * -1);
   }
+  @media (width >= 48rem) {
+    .md\:\[\&\>\*\:not\(\:first-child\)\]\:mt-0 > :not(:first-child) {
+      margin-top: 0px;
+    }
+    .md\:\[\&\>\*\:not\(\:first-child\)\]\:-ml-px > :not(:first-child) {
+      margin-left: -1px;
+      margin-left: calc(1px * -1);
+    }
+  }
   .\[\&\>button\]\:rounded-none > button {
     border-radius: 0;
   }

package/dist/document-viewer.js

@@ -1,10 +1,10 @@
-/*! Rendra Design System v2.3.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-DDZQKUVV.js";
-import { t as Button } from "./button-DWhICtIG.js";
-import { t as EmptyState } from "./empty-state-C491qfzf.js";
+/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-Cw7M5kEP.js";
+import { t as Button } from "./button-BzJgR2gH.js";
+import { t as EmptyState } from "./empty-state-Cdb1vkMT.js";
 import { ChevronLeft, ChevronRight, ExternalLink, ZoomIn, ZoomOut } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ui/document-viewer.tsx
 var MIN_SCALE = .25;
 var MAX_SCALE = 3;
@@ -129,7 +129,7 @@ function DocumentViewer({ url, title, className, emptyTitle = "Nenhum documento
 					})
 				})
 			}),
-			status === "ready" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			status === "ready" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex shrink-0 items-center justify-between gap-3 border-b bg-card px-3 py-2",
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-1",

package/dist/document-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-viewer.js","names":[],"sources":["../src/components/ui/document-viewer.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, ExternalLink, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useEffect, useRef, useState } from 'react'\nimport { Button } from '@/components/ui/button'\nimport { EmptyState } from '@/components/ui/empty-state'\nimport { cn } from '@/lib/cn'\n\n/*\n * Visualizador de documentos PDF. Carrega o pdfjs-dist sob demanda (import dinâmico), com o\n * worker também sob demanda, para o pacote principal nunca pagar o custo de quem não usa o\n * visualizador. url null é o estado vazio legítimo (nenhum documento escolhido ainda). Falha\n * (CORS, arquivo inválido) é declarada, nunca uma tela em branco: sempre com o link \"Abrir em\n * nova aba\".\n */\n\n// pdfjs-dist é grande e só entra no bundle de quem realmente usa o DocumentViewer: os tipos\n// abaixo são só de compilação (import de tipo), o import de valor é sempre dinâmico (import()).\ntype PdfDocumentProxy = import('pdfjs-dist').PDFDocumentProxy\n// destroy() vive na tarefa de carregamento (o que getDocument devolve antes do .promise),\n// não no documento já resolvido: é ela que precisa ser guardada para liberar depois.\ntype PdfLoadingTask = import('pdfjs-dist').PDFDocumentLoadingTask\n\ntype Status = 'empty' | 'loading' | 'ready' | 'error'\n\nexport interface DocumentViewerProps {\n  /** Endereço do PDF. null é o estado vazio legítimo (nenhum documento escolhido ainda). */\n  url: string | null\n  /** Nome acessível do documento (aria-label do visualizador). */\n  title: string\n  className?: string\n  emptyTitle?: string\n  emptyDescription?: string\n  loadingLabel?: string\n  errorTitle?: string\n  errorDescription?: string\n  openInNewTabLabel?: string\n  zoomInLabel?: string\n  zoomOutLabel?: string\n  previousPageLabel?: string\n  nextPageLabel?: string\n}\n\nconst MIN_SCALE = 0.25\nconst MAX_SCALE = 3\nconst ZOOM_STEP = 1.25\n\n/** Um visualizador de documento por tela; nunca crie um segundo para PDF. */\nexport function DocumentViewer({\n  url,\n  title,\n  className,\n  emptyTitle = 'Nenhum documento selecionado',\n  emptyDescription = 'Escolha um arquivo PDF para visualizar aqui.',\n  loadingLabel = 'Carregando documento...',\n  errorTitle = 'Não foi possível abrir o documento',\n  errorDescription = 'O arquivo pode estar indisponível, corrompido ou bloqueado por CORS.',\n  openInNewTabLabel = 'Abrir em nova aba',\n  zoomInLabel = 'Aumentar zoom',\n  zoomOutLabel = 'Diminuir zoom',\n  previousPageLabel = 'Página anterior',\n  nextPageLabel = 'Próxima página',\n}: DocumentViewerProps) {\n  const [status, setStatus] = useState<Status>(url ? 'loading' : 'empty')\n  const [page, setPage] = useState(1)\n  const [numPages, setNumPages] = useState(0)\n  const [scale, setScale] = useState(1)\n  const [fitToWidth, setFitToWidth] = useState(true)\n  const pdfRef = useRef<PdfDocumentProxy | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  // Carrega o documento (ou reinicia o estado vazio) sempre que a url muda. Libera a tarefa\n  // de carregamento (destroy) ao trocar de url e ao desmontar, para não vazar memória nem o\n  // worker que o pdfjs sobe para cada documento.\n  useEffect(() => {\n    let cancelled = false\n    let loadingTask: PdfLoadingTask | null = null\n    pdfRef.current = null\n    setPage(1)\n    setNumPages(0)\n    setFitToWidth(true)\n    setScale(1)\n\n    if (!url) {\n      setStatus('empty')\n      return\n    }\n    const targetUrl: string = url\n\n    setStatus('loading')\n    async function load() {\n      try {\n        const [pdfjsLib, workerModule] = await Promise.all([\n          import('pdfjs-dist'),\n          import('pdfjs-dist/build/pdf.worker.min.mjs?url'),\n        ])\n        pdfjsLib.GlobalWorkerOptions.workerSrc = workerModule.default\n        if (cancelled) return\n        loadingTask = pdfjsLib.getDocument({ url: targetUrl })\n        const doc = await loadingTask.promise\n        if (cancelled) return\n        pdfRef.current = doc\n        setNumPages(doc.numPages)\n        setStatus('ready')\n      } catch {\n        if (cancelled) return\n        setStatus('error')\n      }\n    }\n    void load()\n    return () => {\n      cancelled = true\n      void loadingTask?.destroy()\n    }\n  }, [url])\n\n  // Desenha a página atual sempre que ela, o zoom ou o modo \"ajustar à largura\" mudam.\n  useEffect(() => {\n    if (status !== 'ready' || !pdfRef.current) return\n    let cancelled = false\n    async function draw() {\n      const doc = pdfRef.current\n      if (!doc) return\n      const pdfPage = await doc.getPage(page)\n      if (cancelled) return\n      const natural = pdfPage.getViewport({ scale: 1 })\n      const containerWidth = containerRef.current?.clientWidth ?? 0\n      const effectiveScale =\n        fitToWidth && containerWidth > 0 ? containerWidth / natural.width : scale\n      const viewport = pdfPage.getViewport({ scale: effectiveScale })\n      const canvas = canvasRef.current\n      if (!canvas) return\n      canvas.width = viewport.width\n      canvas.height = viewport.height\n      const ctx = canvas.getContext('2d')\n      // Sem contexto 2D disponível (ambiente sem canvas real): mantém os controles\n      // funcionando, só não desenha o pixel a pixel.\n      if (!ctx) return\n      await pdfPage.render({ canvas, canvasContext: ctx, viewport }).promise\n    }\n    void draw()\n    return () => {\n      cancelled = true\n    }\n  }, [status, page, scale, fitToWidth])\n\n  const zoomIn = () => {\n    setFitToWidth(false)\n    setScale((s) => Math.min(MAX_SCALE, s * ZOOM_STEP))\n  }\n  const zoomOut = () => {\n    setFitToWidth(false)\n    setScale((s) => Math.max(MIN_SCALE, s / ZOOM_STEP))\n  }\n\n  return (\n    <div\n      data-rendra=\"DOC-001\"\n      role=\"group\"\n      aria-label={title}\n      className={cn(\n        'flex h-viewer min-h-0 flex-col overflow-hidden rounded-surface border bg-card',\n        className,\n      )}\n    >\n      {status === 'empty' && (\n        <EmptyState title={emptyTitle} description={emptyDescription} className=\"m-auto\" />\n      )}\n\n      {status === 'loading' && (\n        <div\n          className=\"m-auto flex flex-col items-center gap-2 px-4 py-8 text-sm text-muted-foreground\"\n          role=\"status\"\n        >\n          {loadingLabel}\n        </div>\n      )}\n\n      {status === 'error' && (\n        <EmptyState\n          type=\"error\"\n          title={errorTitle}\n          description={errorDescription}\n          className=\"m-auto\"\n          actions={\n            url && (\n              <Button variant=\"outline\" asChild>\n                <a href={url} target=\"_blank\" rel=\"noreferrer\">\n                  <ExternalLink aria-hidden />\n                  {openInNewTabLabel}\n                </a>\n              </Button>\n            )\n          }\n        />\n      )}\n\n      {status === 'ready' && (\n        <>\n          <div className=\"flex shrink-0 items-center justify-between gap-3 border-b bg-card px-3 py-2\">\n            <div className=\"flex items-center gap-1\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                iconOnly\n                aria-label={zoomOutLabel}\n                icon={<ZoomOut />}\n                onClick={zoomOut}\n              />\n              <span className=\"w-12 text-center text-xs text-muted-foreground tabular-nums\">\n                {fitToWidth ? 'Ajustar' : `${Math.round(scale * 100)}%`}\n              </span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                iconOnly\n                aria-label={zoomInLabel}\n                icon={<ZoomIn />}\n                onClick={zoomIn}\n              />\n            </div>\n            {numPages > 1 && (\n              <div className=\"flex items-center gap-2\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  aria-label={previousPageLabel}\n                  icon={<ChevronLeft />}\n                  disabled={page <= 1}\n                  onClick={() => setPage((p) => Math.max(1, p - 1))}\n                />\n                <span className=\"text-xs text-muted-foreground tabular-nums\" aria-live=\"polite\">\n                  {page} de {numPages}\n                </span>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  aria-label={nextPageLabel}\n                  icon={<ChevronRight />}\n                  disabled={page >= numPages}\n                  onClick={() => setPage((p) => Math.min(numPages, p + 1))}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            ref={containerRef}\n            className=\"flex min-h-0 flex-1 items-center justify-center overflow-auto bg-muted p-4\"\n          >\n            <canvas ref={canvasRef} className=\"max-w-full rounded-item bg-card shadow-sm\" />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"document-viewer.js","names":[],"sources":["../src/components/ui/document-viewer.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, ExternalLink, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useEffect, useRef, useState } from 'react'\nimport { Button } from '@/components/ui/button'\nimport { EmptyState } from '@/components/ui/empty-state'\nimport { cn } from '@/lib/cn'\n\n/*\n * Visualizador de documentos PDF. Carrega o pdfjs-dist sob demanda (import dinâmico), com o\n * worker também sob demanda, para o pacote principal nunca pagar o custo de quem não usa o\n * visualizador. url null é o estado vazio legítimo (nenhum documento escolhido ainda). Falha\n * (CORS, arquivo inválido) é declarada, nunca uma tela em branco: sempre com o link \"Abrir em\n * nova aba\".\n */\n\n// pdfjs-dist é grande e só entra no bundle de quem realmente usa o DocumentViewer: os tipos\n// abaixo são só de compilação (import de tipo), o import de valor é sempre dinâmico (import()).\ntype PdfDocumentProxy = import('pdfjs-dist').PDFDocumentProxy\n// destroy() vive na tarefa de carregamento (o que getDocument devolve antes do .promise),\n// não no documento já resolvido: é ela que precisa ser guardada para liberar depois.\ntype PdfLoadingTask = import('pdfjs-dist').PDFDocumentLoadingTask\n\ntype Status = 'empty' | 'loading' | 'ready' | 'error'\n\nexport interface DocumentViewerProps {\n  /** Endereço do PDF. null é o estado vazio legítimo (nenhum documento escolhido ainda). */\n  url: string | null\n  /** Nome acessível do documento (aria-label do visualizador). */\n  title: string\n  className?: string\n  emptyTitle?: string\n  emptyDescription?: string\n  loadingLabel?: string\n  errorTitle?: string\n  errorDescription?: string\n  openInNewTabLabel?: string\n  zoomInLabel?: string\n  zoomOutLabel?: string\n  previousPageLabel?: string\n  nextPageLabel?: string\n}\n\nconst MIN_SCALE = 0.25\nconst MAX_SCALE = 3\nconst ZOOM_STEP = 1.25\n\n/** Um visualizador de documento por tela; nunca crie um segundo para PDF. */\nexport function DocumentViewer({\n  url,\n  title,\n  className,\n  emptyTitle = 'Nenhum documento selecionado',\n  emptyDescription = 'Escolha um arquivo PDF para visualizar aqui.',\n  loadingLabel = 'Carregando documento...',\n  errorTitle = 'Não foi possível abrir o documento',\n  errorDescription = 'O arquivo pode estar indisponível, corrompido ou bloqueado por CORS.',\n  openInNewTabLabel = 'Abrir em nova aba',\n  zoomInLabel = 'Aumentar zoom',\n  zoomOutLabel = 'Diminuir zoom',\n  previousPageLabel = 'Página anterior',\n  nextPageLabel = 'Próxima página',\n}: DocumentViewerProps) {\n  const [status, setStatus] = useState<Status>(url ? 'loading' : 'empty')\n  const [page, setPage] = useState(1)\n  const [numPages, setNumPages] = useState(0)\n  const [scale, setScale] = useState(1)\n  const [fitToWidth, setFitToWidth] = useState(true)\n  const pdfRef = useRef<PdfDocumentProxy | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  // Carrega o documento (ou reinicia o estado vazio) sempre que a url muda. Libera a tarefa\n  // de carregamento (destroy) ao trocar de url e ao desmontar, para não vazar memória nem o\n  // worker que o pdfjs sobe para cada documento.\n  useEffect(() => {\n    let cancelled = false\n    let loadingTask: PdfLoadingTask | null = null\n    pdfRef.current = null\n    setPage(1)\n    setNumPages(0)\n    setFitToWidth(true)\n    setScale(1)\n\n    if (!url) {\n      setStatus('empty')\n      return\n    }\n    const targetUrl: string = url\n\n    setStatus('loading')\n    async function load() {\n      try {\n        const [pdfjsLib, workerModule] = await Promise.all([\n          import('pdfjs-dist'),\n          import('pdfjs-dist/build/pdf.worker.min.mjs?url'),\n        ])\n        pdfjsLib.GlobalWorkerOptions.workerSrc = workerModule.default\n        if (cancelled) return\n        loadingTask = pdfjsLib.getDocument({ url: targetUrl })\n        const doc = await loadingTask.promise\n        if (cancelled) return\n        pdfRef.current = doc\n        setNumPages(doc.numPages)\n        setStatus('ready')\n      } catch {\n        if (cancelled) return\n        setStatus('error')\n      }\n    }\n    void load()\n    return () => {\n      cancelled = true\n      void loadingTask?.destroy()\n    }\n  }, [url])\n\n  // Desenha a página atual sempre que ela, o zoom ou o modo \"ajustar à largura\" mudam.\n  useEffect(() => {\n    if (status !== 'ready' || !pdfRef.current) return\n    let cancelled = false\n    async function draw() {\n      const doc = pdfRef.current\n      if (!doc) return\n      const pdfPage = await doc.getPage(page)\n      if (cancelled) return\n      const natural = pdfPage.getViewport({ scale: 1 })\n      const containerWidth = containerRef.current?.clientWidth ?? 0\n      const effectiveScale =\n        fitToWidth && containerWidth > 0 ? containerWidth / natural.width : scale\n      const viewport = pdfPage.getViewport({ scale: effectiveScale })\n      const canvas = canvasRef.current\n      if (!canvas) return\n      canvas.width = viewport.width\n      canvas.height = viewport.height\n      const ctx = canvas.getContext('2d')\n      // Sem contexto 2D disponível (ambiente sem canvas real): mantém os controles\n      // funcionando, só não desenha o pixel a pixel.\n      if (!ctx) return\n      await pdfPage.render({ canvas, canvasContext: ctx, viewport }).promise\n    }\n    void draw()\n    return () => {\n      cancelled = true\n    }\n  }, [status, page, scale, fitToWidth])\n\n  const zoomIn = () => {\n    setFitToWidth(false)\n    setScale((s) => Math.min(MAX_SCALE, s * ZOOM_STEP))\n  }\n  const zoomOut = () => {\n    setFitToWidth(false)\n    setScale((s) => Math.max(MIN_SCALE, s / ZOOM_STEP))\n  }\n\n  return (\n    <div\n      data-rendra=\"DOC-001\"\n      role=\"group\"\n      aria-label={title}\n      className={cn(\n        'flex h-viewer min-h-0 flex-col overflow-hidden rounded-surface border bg-card',\n        className,\n      )}\n    >\n      {status === 'empty' && (\n        <EmptyState title={emptyTitle} description={emptyDescription} className=\"m-auto\" />\n      )}\n\n      {status === 'loading' && (\n        <div\n          className=\"m-auto flex flex-col items-center gap-2 px-4 py-8 text-sm text-muted-foreground\"\n          role=\"status\"\n        >\n          {loadingLabel}\n        </div>\n      )}\n\n      {status === 'error' && (\n        <EmptyState\n          type=\"error\"\n          title={errorTitle}\n          description={errorDescription}\n          className=\"m-auto\"\n          actions={\n            url && (\n              <Button variant=\"outline\" asChild>\n                <a href={url} target=\"_blank\" rel=\"noreferrer\">\n                  <ExternalLink aria-hidden />\n                  {openInNewTabLabel}\n                </a>\n              </Button>\n            )\n          }\n        />\n      )}\n\n      {status === 'ready' && (\n        <>\n          <div className=\"flex shrink-0 items-center justify-between gap-3 border-b bg-card px-3 py-2\">\n            <div className=\"flex items-center gap-1\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                iconOnly\n                aria-label={zoomOutLabel}\n                icon={<ZoomOut />}\n                onClick={zoomOut}\n              />\n              <span className=\"w-12 text-center text-xs text-muted-foreground tabular-nums\">\n                {fitToWidth ? 'Ajustar' : `${Math.round(scale * 100)}%`}\n              </span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                iconOnly\n                aria-label={zoomInLabel}\n                icon={<ZoomIn />}\n                onClick={zoomIn}\n              />\n            </div>\n            {numPages > 1 && (\n              <div className=\"flex items-center gap-2\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  aria-label={previousPageLabel}\n                  icon={<ChevronLeft />}\n                  disabled={page <= 1}\n                  onClick={() => setPage((p) => Math.max(1, p - 1))}\n                />\n                <span className=\"text-xs text-muted-foreground tabular-nums\" aria-live=\"polite\">\n                  {page} de {numPages}\n                </span>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  iconOnly\n                  aria-label={nextPageLabel}\n                  icon={<ChevronRight />}\n                  disabled={page >= numPages}\n                  onClick={() => setPage((p) => Math.min(numPages, p + 1))}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            ref={containerRef}\n            className=\"flex min-h-0 flex-1 items-center justify-center overflow-auto bg-muted p-4\"\n          >\n            <canvas ref={canvasRef} className=\"max-w-full rounded-item bg-card shadow-sm\" />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}