@aspprev/versi-ds 0.2.0 → 0.4.0

package/README.md

@@ -1,9 +1,11 @@
-# Versi Design System
+# VERSI Design System
 
-Biblioteca React de componentes, tokens, temas e utilitários para padronizar as interfaces dos produtos ASPPrev.
+Biblioteca React de componentes, tokens, temas e utilitários para padronizar as interfaces dos produtos VERSI.
 
 O [Storybook](#storybook) é a documentação visual oficial: nele você pode explorar componentes, foundations, temas, padrões de composição e estados acessíveis.
 
+Site oficial: [versitec.com.br](https://versitec.com.br/) · [Storybook online](https://versi-design-system.vercel.app/)
+
 ## Instalação
 
 ```bash
@@ -16,6 +18,9 @@ Requisitos do pacote:
 - React `>=18.2.0 <20`;
 - React DOM `>=18.2.0 <20`.
 
+O identificador npm `@aspprev/versi-ds` é mantido por compatibilidade com as
+aplicações consumidoras e não representa o nome visual atual da marca.
+
 As integrações abaixo são opcionais e só precisam ser instaladas pelas entradas que as utilizam: `@headlessui/react`, `apexcharts`, `date-fns`, `formik`, `jsbarcode`, `react-apexcharts` e `react-number-format`.
 
 ## Uso
@@ -60,8 +65,38 @@ export function Resumo() {
 | `/styles.css` | estilos e tokens base |
 | `/themes.css` | presets de tema |
 
+Na linha 0.4.x, todos os nove caminhos acima fazem parte do contrato público,
+incluindo `@aspprev/versi-ds/charts`, `@aspprev/versi-ds/countries`, os cinco
+entrypoints de componentes e os dois entrypoints CSS. Eles são definidos no
+campo `exports` do `package.json`; arquivos internos de `src` não fazem parte
+do contrato.
+
 Evite deep imports. Use somente os entrypoints públicos documentados no `package.json`.
 
+### APIs desta versão
+
+```tsx
+import { DatePicker, DomainStatusBadge, Table } from "@aspprev/versi-ds";
+import { OtpCodeInput } from "@aspprev/versi-ds/forms";
+import {
+  FileDropzone,
+  FileList,
+  FileUploadProgress,
+  FileViewer,
+  QRCode,
+  validateFiles,
+} from "@aspprev/versi-ds/documents";
+```
+
+- `OtpCodeInput` suporta `onComplete`, colagem de código, máscara, erro e controle por `value`/`values`.
+- `QRCode` suporta `description`, `ariaLabel`, `loading`, `error`, `size` e nível de correção.
+- Upload e `FileViewer` são controlados pelo consumidor; transporte, autenticação, persistência e download não fazem parte do pacote.
+- `DatePicker` aceita `selectionMode="year"` e mantém `selectionMode="day"` como padrão.
+- `DomainStatusBadge` aceita `statusMap` para vocabulário específico do produto.
+- `Table` preserva os modos `fit`, `adaptive` e `scroll`; filtros e paginação respondem ao espaço do container.
+
+Consulte [`docs/API-NOVOS-COMPONENTES.md`](docs/API-NOVOS-COMPONENTES.md) e o Storybook para exemplos completos, estados de erro/carregamento e contratos de acessibilidade.
+
 ## Organização do Design System
 
 - **Components**: controles de ação, formulários, feedback, navegação, dados, documentos, overlays e layout.
@@ -143,7 +178,7 @@ npm run check:package
 npm run prepack
 ```
 
-O script `prepack` valida tokens, governança, segurança, TypeScript, build, tamanho e conteúdo do pacote. O projeto não possui um script `lint` separado.
+O script `prepack` valida tokens, governança, segurança, lint, TypeScript, build, tamanho e conteúdo do pacote.
 
 Para testar o exemplo integrado:
 

package/dist/{chunk-H4BBKKRZ.js → chunk-7JI5637G.js}

@@ -45,24 +45,61 @@ function BoletoBarCode({ linhaDigitavel }) {
   ] });
 }
 
-// src/components/file-upload/FileDropzone.tsx
-import classNames from "classnames";
-import { useId, useRef as useRef2, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var acceptsFile = (file, accept) => {
+// src/components/file-upload/validation.ts
+function acceptsFile(file, accept) {
   if (!(accept == null ? void 0 : accept.trim())) return true;
   return accept.split(",").map((item) => item.trim().toLowerCase()).some((rule) => {
     if (rule.endsWith("/*")) return file.type.toLowerCase().startsWith(rule.slice(0, -1));
     if (rule.startsWith(".")) return file.name.toLowerCase().endsWith(rule);
     return file.type.toLowerCase() === rule;
   });
-};
+}
+function rejectionMessage(reason) {
+  if (reason === "type") return "Tipo de arquivo n\xE3o permitido.";
+  if (reason === "size") return "O arquivo excede o tamanho m\xE1ximo permitido.";
+  return "Quantidade m\xE1xima de arquivos excedida.";
+}
+function normalizeMaxFiles(options) {
+  if (options.multiple === false) return 1;
+  if (options.maxFiles === void 0 || !Number.isFinite(options.maxFiles)) {
+    return Number.POSITIVE_INFINITY;
+  }
+  return Math.max(1, Math.floor(options.maxFiles));
+}
+function normalizeMaxSize(maxSize) {
+  if (maxSize === void 0 || !Number.isFinite(maxSize)) return void 0;
+  return Math.max(0, maxSize);
+}
+function validateFiles(files, options = {}) {
+  const selected = Array.from(files);
+  const maxFiles = normalizeMaxFiles(options);
+  const maxSize = normalizeMaxSize(options.maxSize);
+  const accepted = [];
+  const rejected = [];
+  selected.forEach((file, index) => {
+    const reason = !acceptsFile(file, options.accept) ? "type" : maxSize !== void 0 && file.size > maxSize ? "size" : index >= maxFiles ? "count" : void 0;
+    if (reason) {
+      rejected.push({ file, reason, message: rejectionMessage(reason) });
+    } else {
+      accepted.push(file);
+    }
+  });
+  return { accepted, rejected };
+}
+
+// src/components/file-upload/FileDropzone.tsx
+import classNames from "classnames";
+import { useId, useRef as useRef2, useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function FileDropzone({
   accept,
   multiple = false,
   maxFiles = multiple ? Number.POSITIVE_INFINITY : 1,
   maxSize,
   disabled = false,
+  id,
+  name,
+  required = false,
   label = "Selecionar arquivos",
   hint = "Arraste e solte os arquivos aqui ou use o teclado para selecionar.",
   error,
@@ -70,24 +107,21 @@ function FileDropzone({
   onFilesAccepted,
   onFilesRejected
 }) {
-  const inputId = useId();
+  const generatedInputId = useId();
+  const inputId = id != null ? id : generatedInputId;
   const messageId = `${inputId}-message`;
   const inputRef = useRef2(null);
   const [isDragging, setIsDragging] = useState(false);
+  const [rejectionMessage2, setRejectionMessage] = useState();
   const processFiles = (fileList) => {
     if (disabled) return;
-    const selected = Array.from(fileList);
-    const accepted = [];
-    const rejected = [];
-    selected.forEach((file, index) => {
-      const reason = !acceptsFile(file, accept) ? "type" : maxSize !== void 0 && file.size > maxSize ? "size" : index >= maxFiles ? "count" : void 0;
-      if (!reason) accepted.push(file);
-      else {
-        const message2 = reason === "type" ? "Tipo de arquivo n\xE3o permitido." : reason === "size" ? "O arquivo excede o tamanho m\xE1ximo permitido." : "Quantidade m\xE1xima de arquivos excedida.";
-        rejected.push({ file, reason, message: message2 });
-      }
+    const { accepted, rejected } = validateFiles(fileList, {
+      accept,
+      maxFiles,
+      maxSize,
+      multiple
     });
-    if (!multiple && accepted.length > 1) accepted.splice(1);
+    setRejectionMessage(rejected.length ? rejected.map((item) => item.message).join(" ") : void 0);
     if (accepted.length) onFilesAccepted == null ? void 0 : onFilesAccepted(accepted);
     if (rejected.length) onFilesRejected == null ? void 0 : onFilesRejected(rejected);
   };
@@ -100,7 +134,8 @@ function FileDropzone({
     setIsDragging(false);
     processFiles(event.dataTransfer.files);
   };
-  const message = error || hint;
+  const hasError = Boolean(error || rejectionMessage2);
+  const message = error || rejectionMessage2 || hint;
   return /* @__PURE__ */ jsxs2(
     "div",
     {
@@ -117,7 +152,7 @@ function FileDropzone({
         "flex min-h-32 w-full cursor-pointer flex-col items-center justify-center rounded-sm border-2 border-dashed p-6 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
         isDragging ? "border-action-primary bg-primary-1/10" : "border-border-default bg-surface-card hover:border-border-strong",
         disabled && "cursor-not-allowed opacity-60",
-        Boolean(error) && "border-field-border-error",
+        hasError && "border-field-border-error",
         className
       ),
       children: [
@@ -129,16 +164,19 @@ function FileDropzone({
               ref: inputRef,
               id: inputId,
               type: "file",
+              name,
               accept,
               multiple,
               disabled,
+              required,
               onChange: handleInputChange,
               "aria-describedby": message ? messageId : void 0,
+              "aria-invalid": hasError ? true : void 0,
               className: "sr-only"
             }
           )
         ] }),
-        message && /* @__PURE__ */ jsx2("span", { id: messageId, className: classNames("mt-1 text-sm", error ? "text-field-assistive-error" : "text-content-secondary"), children: message })
+        message && /* @__PURE__ */ jsx2("span", { id: messageId, role: hasError ? "alert" : void 0, className: classNames("mt-1 text-sm", hasError ? "text-field-assistive-error" : "text-content-secondary"), children: message })
       ]
     }
   );
@@ -198,18 +236,28 @@ var fileId = (item, index) => {
   var _a;
   return (_a = item.id) != null ? _a : `${item.file.name}-${item.file.size}-${item.file.lastModified}-${index}`;
 };
+var statusDescription = (status) => {
+  if (status === "uploading") return "Enviando";
+  if (status === "success") return "Enviado";
+  if (status === "error") return "Erro no envio";
+  return "Aguardando envio";
+};
 function FileList({ files, accessibleName = "Arquivos selecionados", onRemove, onRetry, className }) {
   return /* @__PURE__ */ jsx4("ul", { "aria-label": accessibleName, className: classNames3("w-full space-y-2", className), children: files.map((item, index) => {
     var _a;
     const status = (_a = item.status) != null ? _a : "pending";
     const progressStatus = status === "pending" ? "idle" : status;
-    return /* @__PURE__ */ jsxs4("li", { className: "flex min-w-0 flex-wrap items-center gap-3 rounded-sm border border-border-default bg-surface-card p-3", children: [
+    return /* @__PURE__ */ jsxs4("li", { "aria-busy": status === "uploading" || void 0, className: "flex min-w-0 flex-wrap items-center gap-3 rounded-sm border border-border-default bg-surface-card p-3", children: [
       /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx4("p", { className: "truncate font-semibold text-content-primary", title: item.file.name, children: item.file.name }),
         /* @__PURE__ */ jsxs4("p", { className: "text-xs text-content-secondary", children: [
           Math.ceil(item.file.size / 1024),
           " KB"
         ] }),
+        /* @__PURE__ */ jsxs4("span", { className: "sr-only", children: [
+          "Status: ",
+          statusDescription(status)
+        ] }),
         (status === "uploading" || status === "success" || status === "error") && /* @__PURE__ */ jsx4(FileUploadProgress_default, { value: item.progress, status: progressStatus, label: `Progresso de ${item.file.name}` }),
         item.error && /* @__PURE__ */ jsx4("p", { role: "alert", className: "mt-1 text-sm text-field-assistive-error", children: item.error })
       ] }),
@@ -224,65 +272,153 @@ var FileList_default = FileList;
 
 // src/components/file-upload/FileViewer.tsx
 import classNames4 from "classnames";
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var extensionType = (fileName) => {
   var _a;
   const extension = (_a = fileName == null ? void 0 : fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
   if (extension === "pdf") return "application/pdf";
-  if (["png", "jpg", "jpeg", "gif", "webp", "svg"].includes(extension != null ? extension : "")) return `image/${extension === "jpg" ? "jpeg" : extension}`;
+  if (["png", "jpg", "jpeg", "gif", "webp", "svg"].includes(extension != null ? extension : "")) {
+    return `image/${extension === "jpg" ? "jpeg" : extension}`;
+  }
   if (["txt", "csv", "json", "xml", "md"].includes(extension != null ? extension : "")) return "text/plain";
   return "application/octet-stream";
 };
-function FileViewer({ source, fileName, contentType, loading = false, error, onDownload, fallback, title = fileName != null ? fileName : "Visualiza\xE7\xE3o do arquivo", className }) {
-  var _a, _b;
+var normalizeContentType = (contentType) => contentType.split(";", 1)[0].trim().toLowerCase();
+var toError = (cause) => cause instanceof Error ? cause : new Error("N\xE3o foi poss\xEDvel ler o arquivo.");
+function FileViewer({
+  source,
+  fileName,
+  contentType,
+  loading = false,
+  error,
+  onLoad,
+  onError,
+  onDownload,
+  fallback,
+  title = fileName != null ? fileName : "Visualiza\xE7\xE3o do arquivo",
+  className
+}) {
   const [objectUrl, setObjectUrl] = useState2();
   const [textContent, setTextContent] = useState2();
+  const [readError, setReadError] = useState2(null);
+  const onLoadRef = useRef3(onLoad);
+  const onErrorRef = useRef3(onError);
   const resolved = typeof source === "object" && source !== null && !(source instanceof Blob) ? source : void 0;
   const blob = source instanceof Blob ? source : resolved == null ? void 0 : resolved.blob;
   const url = typeof source === "string" ? source : resolved == null ? void 0 : resolved.url;
   const resolvedName = fileName != null ? fileName : resolved == null ? void 0 : resolved.fileName;
-  const resolvedType = (_b = (_a = contentType != null ? contentType : resolved == null ? void 0 : resolved.contentType) != null ? _a : blob == null ? void 0 : blob.type) != null ? _b : extensionType(resolvedName);
+  const rawType = (contentType == null ? void 0 : contentType.trim()) || (resolved == null ? void 0 : resolved.contentType) || (blob == null ? void 0 : blob.type) || extensionType(resolvedName);
+  const resolvedType = normalizeContentType(rawType);
+  const isText = resolvedType.startsWith("text/") || resolvedType === "application/json";
+  const displayError = error != null ? error : readError == null ? void 0 : readError.message;
   useEffect2(() => {
+    onLoadRef.current = onLoad;
+  }, [onLoad]);
+  useEffect2(() => {
+    onErrorRef.current = onError;
+  }, [onError]);
+  useEffect2(() => {
+    var _a;
+    let active = true;
+    setReadError(null);
+    setTextContent(void 0);
     if (!blob) {
       setObjectUrl(void 0);
-      setTextContent(void 0);
-      return;
+      return () => {
+        active = false;
+      };
     }
-    const nextUrl = URL.createObjectURL(blob);
-    setObjectUrl(nextUrl);
-    let active = true;
-    if (resolvedType.startsWith("text/") || resolvedType === "application/json") {
+    let nextUrl;
+    try {
+      nextUrl = URL.createObjectURL(blob);
+      setObjectUrl(nextUrl);
+    } catch (cause) {
+      const nextError = toError(cause);
+      setReadError(nextError);
+      (_a = onErrorRef.current) == null ? void 0 : _a.call(onErrorRef, nextError);
+      return () => {
+        active = false;
+      };
+    }
+    if (isText) {
       blob.text().then((text) => {
-        if (active) setTextContent(text);
+        var _a2;
+        if (!active) return;
+        setTextContent(text);
+        (_a2 = onLoadRef.current) == null ? void 0 : _a2.call(onLoadRef);
+      }).catch((cause) => {
+        var _a2;
+        if (!active) return;
+        const nextError = toError(cause);
+        setReadError(nextError);
+        (_a2 = onErrorRef.current) == null ? void 0 : _a2.call(onErrorRef, nextError);
       });
-    } else {
-      setTextContent(void 0);
     }
     return () => {
       active = false;
       URL.revokeObjectURL(nextUrl);
     };
-  }, [blob, resolvedType]);
+  }, [blob, isText]);
+  const handleMediaError = () => {
+    var _a;
+    const nextError = new Error("N\xE3o foi poss\xEDvel carregar a visualiza\xE7\xE3o do arquivo.");
+    setReadError(nextError);
+    (_a = onErrorRef.current) == null ? void 0 : _a.call(onErrorRef, nextError);
+  };
+  const handleLoad = () => {
+    var _a;
+    return (_a = onLoadRef.current) == null ? void 0 : _a.call(onLoadRef);
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: classNames4("flex min-h-32 items-center justify-center rounded-sm border border-border-default bg-surface-card p-6 text-content-secondary", className),
+        role: "status",
+        "aria-busy": "true",
+        "aria-live": "polite",
+        children: "Carregando arquivo\u2026"
+      }
+    );
+  }
+  if (displayError) {
+    return /* @__PURE__ */ jsx5("div", { className: classNames4("rounded-sm border border-field-border-error bg-surface-card p-4 text-field-assistive-error", className), role: "alert", children: displayError });
+  }
   const displayUrl = objectUrl != null ? objectUrl : url;
-  const downloadUrl = useMemo(() => displayUrl, [displayUrl]);
-  if (loading) return /* @__PURE__ */ jsx5("div", { className: classNames4("flex min-h-32 items-center justify-center rounded-sm border border-border-default bg-surface-card p-6 text-content-secondary", className), role: "status", "aria-live": "polite", children: "Carregando arquivo\u2026" });
-  if (error) return /* @__PURE__ */ jsx5("div", { className: classNames4("rounded-sm border border-field-border-error bg-surface-card p-4 text-field-assistive-error", className), role: "alert", children: error });
-  if (!displayUrl && !textContent) return /* @__PURE__ */ jsx5("div", { className: classNames4("rounded-sm border border-border-default bg-surface-card p-4 text-content-secondary", className), children: fallback != null ? fallback : "Arquivo indispon\xEDvel." });
-  const download = onDownload ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: onDownload, className: "min-h-11 rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring", children: "Baixar arquivo" }) : downloadUrl ? /* @__PURE__ */ jsx5("a", { href: downloadUrl, download: resolvedName, className: "inline-flex min-h-11 items-center rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring", children: "Baixar arquivo" }) : null;
-  return /* @__PURE__ */ jsxs5("div", { className: classNames4("flex min-w-0 flex-col gap-3 rounded-sm border border-border-default bg-surface-card p-3", className), children: [
-    resolvedType.startsWith("image/") && displayUrl && /* @__PURE__ */ jsx5("img", { src: displayUrl, alt: title, className: "max-h-[70vh] max-w-full object-contain" }),
-    resolvedType === "application/pdf" && displayUrl && /* @__PURE__ */ jsx5("iframe", { src: displayUrl, title, className: "min-h-[32rem] w-full border-0" }),
-    (resolvedType.startsWith("text/") || resolvedType === "application/json") && (textContent !== void 0 ? /* @__PURE__ */ jsx5("pre", { className: "max-h-[70vh] overflow-auto whitespace-pre-wrap break-words text-sm text-content-primary", children: textContent }) : displayUrl && /* @__PURE__ */ jsx5("iframe", { src: displayUrl, title, sandbox: "", className: "min-h-64 w-full border-0" })),
-    !resolvedType.startsWith("image/") && resolvedType !== "application/pdf" && !resolvedType.startsWith("text/") && resolvedType !== "application/json" && (fallback != null ? fallback : /* @__PURE__ */ jsx5("p", { className: "text-content-secondary", children: "Este tipo de arquivo n\xE3o possui visualiza\xE7\xE3o dispon\xEDvel." })),
-    download && /* @__PURE__ */ jsx5("div", { className: "flex justify-end", children: download })
-  ] });
+  if (!displayUrl && !textContent) {
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: classNames4("rounded-sm border border-border-default bg-surface-card p-4 text-content-secondary", className),
+        role: "region",
+        "aria-label": title,
+        children: fallback != null ? fallback : "Arquivo indispon\xEDvel."
+      }
+    );
+  }
+  const download = onDownload ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: onDownload, className: "min-h-11 rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring", children: "Baixar arquivo" }) : displayUrl ? /* @__PURE__ */ jsx5("a", { href: displayUrl, download: resolvedName, className: "inline-flex min-h-11 items-center rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring", children: "Baixar arquivo" }) : null;
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: classNames4("flex min-w-0 flex-col gap-3 rounded-sm border border-border-default bg-surface-card p-3", className),
+      role: "region",
+      "aria-label": title,
+      children: [
+        resolvedType.startsWith("image/") && displayUrl && /* @__PURE__ */ jsx5("img", { src: displayUrl, alt: title, onLoad: handleLoad, onError: handleMediaError, className: "max-h-[70vh] max-w-full object-contain" }),
+        resolvedType === "application/pdf" && displayUrl && /* @__PURE__ */ jsx5("iframe", { src: displayUrl, title, onLoad: handleLoad, onError: handleMediaError, sandbox: "", className: "min-h-[32rem] w-full border-0" }),
+        isText && (textContent !== void 0 ? /* @__PURE__ */ jsx5("pre", { className: "max-h-[70vh] overflow-auto whitespace-pre-wrap break-words text-sm text-content-primary", children: textContent }) : displayUrl && /* @__PURE__ */ jsx5("iframe", { src: displayUrl, title, onLoad: handleLoad, onError: handleMediaError, sandbox: "", className: "min-h-64 w-full border-0" })),
+        !resolvedType.startsWith("image/") && resolvedType !== "application/pdf" && !isText && (fallback != null ? fallback : /* @__PURE__ */ jsx5("p", { className: "text-content-secondary", children: "Este tipo de arquivo n\xE3o possui visualiza\xE7\xE3o dispon\xEDvel." })),
+        download && /* @__PURE__ */ jsx5("div", { className: "flex justify-end", children: download })
+      ]
+    }
+  );
 }
 var FileViewer_default = FileViewer;
 
 // src/components/qr-code/QRCode.tsx
 import QRCodeGenerator from "qrcode";
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect3, useId as useId2, useMemo, useRef as useRef4, useState as useState3 } from "react";
 import classNames5 from "classnames";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function getRelativeLuminance(color) {
@@ -313,6 +449,9 @@ function QRCode(_a) {
     bgColor = "#FFFFFF",
     ariaLabel = "C\xF3digo QR",
     description,
+    loading = false,
+    error,
+    onError,
     className
   } = _b, rest = __objRest(_b, [
     "value",
@@ -323,43 +462,74 @@ function QRCode(_a) {
     "bgColor",
     "ariaLabel",
     "description",
+    "loading",
+    "error",
+    "onError",
     "className"
   ]);
   var _a2;
   const [dataUrl, setDataUrl] = useState3(null);
-  const descriptionId = description ? `${(_a2 = rest.id) != null ? _a2 : "qr-code"}-description` : void 0;
-  const colors = resolveAccessibleColors(fgColor, bgColor);
+  const [generationError, setGenerationError] = useState3(null);
+  const onErrorRef = useRef4(onError);
+  const generatedId = useId2();
+  const resolvedSize = Math.max(1, Number.isFinite(size) ? Math.floor(size) : 192);
+  const descriptionId = description ? `${(_a2 = rest.id) != null ? _a2 : generatedId}-description` : void 0;
+  const colors = useMemo(
+    () => resolveAccessibleColors(fgColor, bgColor),
+    [bgColor, fgColor]
+  );
+  const describedBy = [rest["aria-describedby"], descriptionId].filter(Boolean).join(" ") || void 0;
+  const displayError = error != null ? error : generationError == null ? void 0 : generationError.message;
+  const isLoading = loading || !dataUrl && !displayError;
+  useEffect3(() => {
+    onErrorRef.current = onError;
+  }, [onError]);
   useEffect3(() => {
     let active = true;
+    if (error) {
+      setDataUrl(null);
+      setGenerationError(null);
+      return () => {
+        active = false;
+      };
+    }
     setDataUrl(null);
+    setGenerationError(null);
     QRCodeGenerator.toDataURL(value, {
-      width: size,
+      width: resolvedSize,
       margin: includeMargin ? 4 : 0,
       errorCorrectionLevel: level,
       color: colors
     }).then((url) => {
       if (active) setDataUrl(url);
-    }).catch(() => {
-      if (active) setDataUrl(null);
+    }).catch((cause) => {
+      var _a3;
+      if (!active) return;
+      const nextError = cause instanceof Error ? cause : new Error("N\xE3o foi poss\xEDvel gerar o c\xF3digo QR.");
+      setDataUrl(null);
+      setGenerationError(nextError);
+      (_a3 = onErrorRef.current) == null ? void 0 : _a3.call(onErrorRef, nextError);
     });
     return () => {
       active = false;
     };
-  }, [bgColor, fgColor, includeMargin, level, size, value]);
+  }, [colors, error, includeMargin, level, resolvedSize, value]);
   return /* @__PURE__ */ jsxs6(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       role: "img",
       "aria-label": ariaLabel,
-      "aria-describedby": descriptionId,
+      "aria-describedby": describedBy,
+      "aria-busy": isLoading || void 0,
+      "aria-invalid": displayError ? true : void 0,
       className: classNames5("inline-flex max-w-full flex-col items-center gap-2", className),
       children: [
-        dataUrl ? /* @__PURE__ */ jsx6("img", { src: dataUrl, alt: "", width: size, height: size, className: "h-auto max-w-full" }) : /* @__PURE__ */ jsx6(
+        displayError ? /* @__PURE__ */ jsx6("span", { role: "alert", className: "rounded-sm border border-field-border-error p-3 text-sm text-field-assistive-error", children: displayError }) : dataUrl ? /* @__PURE__ */ jsx6("img", { src: dataUrl, alt: "", width: resolvedSize, height: resolvedSize, className: "h-auto max-w-full" }) : /* @__PURE__ */ jsx6(
           "span",
           {
             "aria-hidden": "true",
             className: "inline-block animate-pulse rounded-sm bg-surface-muted",
-            style: { width: size, height: size, maxWidth: "100%" }
+            style: { width: resolvedSize, height: resolvedSize, maxWidth: "100%" }
           }
         ),
         description && /* @__PURE__ */ jsx6("span", { id: descriptionId, className: "sr-only", children: description })
@@ -371,10 +541,11 @@ var QRCode_default = QRCode;
 
 export {
   BoletoBarCode,
+  validateFiles,
   FileDropzone_default,
   FileUploadProgress_default,
   FileList_default,
   FileViewer_default,
   QRCode_default
 };
-//# sourceMappingURL=chunk-H4BBKKRZ.js.map
+//# sourceMappingURL=chunk-7JI5637G.js.map

package/dist/chunk-7JI5637G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/barcode/barcode.tsx","../src/components/file-upload/validation.ts","../src/components/file-upload/FileDropzone.tsx","../src/components/file-upload/FileUploadProgress.tsx","../src/components/file-upload/FileList.tsx","../src/components/file-upload/FileViewer.tsx","../src/components/qr-code/QRCode.tsx"],"sourcesContent":["\"use client\";\n\nimport JsBarcode from \"jsbarcode\";\nimport { useEffect, useRef } from \"react\";\n\nconst linhaDigitavelParaCodigoBarras = (linha: string): string => {\n  const d = linha.replace(/\\D/g, \"\");\n\n  const banco = d.substring(0, 3);\n  const moeda = d.substring(3, 4);\n  const campo1 = d.substring(4, 9);\n  const campo2 = d.substring(10, 20);\n  const campo3 = d.substring(21, 31);\n  const digitoGeral = d.substring(32, 33);\n  const vencimento = d.substring(33, 37);\n  const valor = d.substring(37, 47);\n\n  return (\n    banco + moeda + digitoGeral + vencimento + valor + campo1 + campo2 + campo3\n  );\n};\n\nexport interface BoletoBarCodeProps {\n  linhaDigitavel: string;\n}\n\nexport function BoletoBarCode({ linhaDigitavel }: BoletoBarCodeProps) {\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  useEffect(() => {\n    if (!svgRef.current) return;\n\n    try {\n      const codigoBarras = linhaDigitavelParaCodigoBarras(linhaDigitavel);\n\n      JsBarcode(svgRef.current, codigoBarras, {\n        format: \"ITF\",\n        lineColor: \"#000000\",\n        background: \"#FFFFFF\",\n        displayValue: false,\n        width: 2,\n        height: 80,\n        margin: 0,\n      });\n    } catch (error) {\n      console.error(\"Erro ao gerar código de barras:\", error);\n    }\n  }, [linhaDigitavel]);\n\n  return (\n    <div className=\"w-full space-y-3 bg-surface-card\">\n      <svg ref={svgRef} className=\"w-full\" />\n      <p className=\"text-center font-mono text-sm tracking-widest text-content-primary\">\n        {linhaDigitavel}\n      </p>\n    </div>\n  );\n}\n\n","export type FileValidationReason = \"type\" | \"size\" | \"count\";\n\nexport interface FileRejection {\n  file: File;\n  reason: FileValidationReason;\n  message: string;\n}\n\nexport interface FileValidationOptions {\n  accept?: string;\n  multiple?: boolean;\n  maxFiles?: number;\n  maxSize?: number;\n}\n\nexport interface FileValidationResult {\n  accepted: File[];\n  rejected: FileRejection[];\n}\n\nfunction acceptsFile(file: File, accept?: string) {\n  if (!accept?.trim()) return true;\n\n  return accept.split(\",\").map((item) => item.trim().toLowerCase()).some((rule) => {\n    if (rule.endsWith(\"/*\")) return file.type.toLowerCase().startsWith(rule.slice(0, -1));\n    if (rule.startsWith(\".\")) return file.name.toLowerCase().endsWith(rule);\n    return file.type.toLowerCase() === rule;\n  });\n}\n\nfunction rejectionMessage(reason: FileValidationReason) {\n  if (reason === \"type\") return \"Tipo de arquivo não permitido.\";\n  if (reason === \"size\") return \"O arquivo excede o tamanho máximo permitido.\";\n  return \"Quantidade máxima de arquivos excedida.\";\n}\n\nfunction normalizeMaxFiles(options: FileValidationOptions) {\n  if (options.multiple === false) return 1;\n  if (options.maxFiles === undefined || !Number.isFinite(options.maxFiles)) {\n    return Number.POSITIVE_INFINITY;\n  }\n  return Math.max(1, Math.floor(options.maxFiles));\n}\n\nfunction normalizeMaxSize(maxSize?: number) {\n  if (maxSize === undefined || !Number.isFinite(maxSize)) return undefined;\n  return Math.max(0, maxSize);\n}\n\nexport function validateFiles(\n  files: readonly File[] | FileList,\n  options: FileValidationOptions = {},\n): FileValidationResult {\n  const selected = Array.from(files);\n  const maxFiles = normalizeMaxFiles(options);\n  const maxSize = normalizeMaxSize(options.maxSize);\n  const accepted: File[] = [];\n  const rejected: FileRejection[] = [];\n\n  selected.forEach((file, index) => {\n    const reason: FileValidationReason | undefined = !acceptsFile(file, options.accept)\n      ? \"type\"\n      : maxSize !== undefined && file.size > maxSize\n        ? \"size\"\n        : index >= maxFiles\n          ? \"count\"\n          : undefined;\n\n    if (reason) {\n      rejected.push({ file, reason, message: rejectionMessage(reason) });\n    } else {\n      accepted.push(file);\n    }\n  });\n\n  return { accepted, rejected };\n}\n","\"use client\";\n\nimport classNames from \"classnames\";\nimport { useId, useRef, useState, type ChangeEvent, type DragEvent, type ReactNode } from \"react\";\nimport { validateFiles, type FileRejection } from \"./validation\";\n\nexport type { FileRejection } from \"./validation\";\n\nexport interface FileDropzoneProps {\n  accept?: string;\n  multiple?: boolean;\n  maxFiles?: number;\n  maxSize?: number;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  required?: boolean;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  className?: string;\n  onFilesAccepted?: (files: File[]) => void;\n  onFilesRejected?: (rejections: FileRejection[]) => void;\n}\n\nexport function FileDropzone({\n  accept,\n  multiple = false,\n  maxFiles = multiple ? Number.POSITIVE_INFINITY : 1,\n  maxSize,\n  disabled = false,\n  id,\n  name,\n  required = false,\n  label = \"Selecionar arquivos\",\n  hint = \"Arraste e solte os arquivos aqui ou use o teclado para selecionar.\",\n  error,\n  className,\n  onFilesAccepted,\n  onFilesRejected,\n}: FileDropzoneProps) {\n  const generatedInputId = useId();\n  const inputId = id ?? generatedInputId;\n  const messageId = `${inputId}-message`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [rejectionMessage, setRejectionMessage] = useState<string>();\n\n  const processFiles = (fileList: FileList | File[]) => {\n    if (disabled) return;\n    const { accepted, rejected } = validateFiles(fileList, {\n      accept,\n      maxFiles,\n      maxSize,\n      multiple,\n    });\n    setRejectionMessage(rejected.length ? rejected.map((item) => item.message).join(\" \") : undefined);\n    if (accepted.length) onFilesAccepted?.(accepted);\n    if (rejected.length) onFilesRejected?.(rejected);\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.files) processFiles(event.target.files);\n    event.target.value = \"\";\n  };\n  const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    setIsDragging(false);\n    processFiles(event.dataTransfer.files);\n  };\n  const hasError = Boolean(error || rejectionMessage);\n  const message = error || rejectionMessage || hint;\n\n  return (\n    <div\n      onDragEnter={(event) => { event.preventDefault(); if (!disabled) setIsDragging(true); }}\n      onDragOver={(event) => event.preventDefault()}\n      onDragLeave={(event) => { if (event.currentTarget === event.target) setIsDragging(false); }}\n      onDrop={handleDrop}\n      className={classNames(\n        \"flex min-h-32 w-full cursor-pointer flex-col items-center justify-center rounded-sm border-2 border-dashed p-6 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n        isDragging ? \"border-action-primary bg-primary-1/10\" : \"border-border-default bg-surface-card hover:border-border-strong\",\n        disabled && \"cursor-not-allowed opacity-60\",\n        hasError && \"border-field-border-error\",\n        className,\n      )}\n    >\n      <label htmlFor={inputId} className=\"flex cursor-pointer flex-col items-center focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-focus-ring\">\n        <span className=\"font-semibold text-content-primary\">{label}</span>\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"file\"\n          name={name}\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          required={required}\n          onChange={handleInputChange}\n          aria-describedby={message ? messageId : undefined}\n          aria-invalid={hasError ? true : undefined}\n          className=\"sr-only\"\n        />\n      </label>\n      {message && <span id={messageId} role={hasError ? \"alert\" : undefined} className={classNames(\"mt-1 text-sm\", hasError ? \"text-field-assistive-error\" : \"text-content-secondary\")}>{message}</span>}\n    </div>\n  );\n}\n\nexport default FileDropzone;\n","\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type FileUploadProgressStatus = \"idle\" | \"uploading\" | \"success\" | \"error\";\n\nexport interface FileUploadProgressProps {\n  value?: number | null;\n  label?: string;\n  status?: FileUploadProgressStatus;\n  showValue?: boolean;\n  className?: string;\n}\n\nexport function FileUploadProgress({\n  value,\n  label = \"Progresso do upload\",\n  status = \"uploading\",\n  showValue = true,\n  className,\n}: FileUploadProgressProps) {\n  const resolvedValue = typeof value === \"number\"\n    ? Math.min(100, Math.max(0, value))\n    : undefined;\n  const statusText = status === \"success\"\n    ? \"Concluído\"\n    : status === \"error\"\n      ? \"Erro\"\n      : resolvedValue === undefined\n        ? \"Em andamento\"\n        : `${Math.round(resolvedValue)}%`;\n\n  return (\n    <div className={classNames(\"w-full\", className)}>\n      <div className=\"mb-1 flex items-center justify-between gap-2 text-xs text-content-secondary\">\n        <span>{label}</span>\n        {showValue && <span aria-hidden=\"true\">{statusText}</span>}\n      </div>\n      <div\n        role=\"progressbar\"\n        aria-label={label}\n        aria-valuemin={resolvedValue === undefined ? undefined : 0}\n        aria-valuemax={resolvedValue === undefined ? undefined : 100}\n        aria-valuenow={resolvedValue}\n        aria-valuetext={statusText}\n        className=\"h-2 w-full overflow-hidden rounded-full bg-surface-muted\"\n      >\n        <div\n          className={classNames(\n            \"h-full rounded-full transition-[width] duration-200\",\n            status === \"error\" ? \"bg-feedback-danger-strong\" : \"bg-action-primary\",\n            resolvedValue === undefined ? \"w-1/2 animate-pulse\" : undefined,\n          )}\n          style={resolvedValue === undefined ? undefined : { width: `${resolvedValue}%` }}\n        />\n      </div>\n      <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">{statusText}</span>\n    </div>\n  );\n}\n\nexport default FileUploadProgress;\n","\"use client\";\n\nimport classNames from \"classnames\";\nimport { MdClose, MdRefresh } from \"react-icons/md\";\nimport FileUploadProgress, { type FileUploadProgressStatus } from \"./FileUploadProgress\";\n\nexport type FileUploadItemStatus = FileUploadProgressStatus | \"pending\";\n\nexport interface FileUploadItem {\n  id?: string;\n  file: File;\n  progress?: number | null;\n  status?: FileUploadItemStatus;\n  error?: string;\n}\n\nexport interface FileListProps {\n  files: FileUploadItem[];\n  accessibleName?: string;\n  onRemove?: (item: FileUploadItem, index: number) => void;\n  onRetry?: (item: FileUploadItem, index: number) => void;\n  className?: string;\n}\n\nconst fileId = (item: FileUploadItem, index: number) => item.id ?? `${item.file.name}-${item.file.size}-${item.file.lastModified}-${index}`;\n\nconst statusDescription = (status: FileUploadItemStatus) => {\n  if (status === \"uploading\") return \"Enviando\";\n  if (status === \"success\") return \"Enviado\";\n  if (status === \"error\") return \"Erro no envio\";\n  return \"Aguardando envio\";\n};\n\nexport function FileList({ files, accessibleName = \"Arquivos selecionados\", onRemove, onRetry, className }: FileListProps) {\n  return (\n    <ul aria-label={accessibleName} className={classNames(\"w-full space-y-2\", className)}>\n      {files.map((item, index) => {\n        const status = item.status ?? \"pending\";\n        const progressStatus: FileUploadProgressStatus = status === \"pending\" ? \"idle\" : status;\n        return (\n          <li key={fileId(item, index)} aria-busy={status === \"uploading\" || undefined} className=\"flex min-w-0 flex-wrap items-center gap-3 rounded-sm border border-border-default bg-surface-card p-3\">\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"truncate font-semibold text-content-primary\" title={item.file.name}>{item.file.name}</p>\n              <p className=\"text-xs text-content-secondary\">{Math.ceil(item.file.size / 1024)} KB</p>\n              <span className=\"sr-only\">Status: {statusDescription(status)}</span>\n              {(status === \"uploading\" || status === \"success\" || status === \"error\") && (\n                <FileUploadProgress value={item.progress} status={progressStatus} label={`Progresso de ${item.file.name}`} />\n              )}\n              {item.error && <p role=\"alert\" className=\"mt-1 text-sm text-field-assistive-error\">{item.error}</p>}\n            </div>\n            <div className=\"flex shrink-0 items-center gap-1\">\n              {status === \"error\" && onRetry && <button type=\"button\" onClick={() => onRetry(item, index)} aria-label={`Tentar novamente ${item.file.name}`} className=\"flex h-11 w-11 items-center justify-center rounded-sm text-content-secondary hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring\"><MdRefresh aria-hidden=\"true\" className=\"h-5 w-5\" /></button>}\n              {onRemove && <button type=\"button\" onClick={() => onRemove(item, index)} aria-label={`Remover ${item.file.name}`} className=\"flex h-11 w-11 items-center justify-center rounded-sm text-content-secondary hover:bg-surface-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-ring\"><MdClose aria-hidden=\"true\" className=\"h-5 w-5\" /></button>}\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default FileList;\n","\"use client\";\n\nimport classNames from \"classnames\";\nimport { useEffect, useRef, useState, type ReactNode } from \"react\";\n\nexport type FileViewerSource = string | Blob | {\n  url?: string;\n  blob?: Blob;\n  contentType?: string;\n  fileName?: string;\n};\n\nexport interface FileViewerProps {\n  source?: FileViewerSource;\n  fileName?: string;\n  contentType?: string;\n  loading?: boolean;\n  error?: ReactNode;\n  onLoad?: () => void;\n  onError?: (error: Error) => void;\n  onDownload?: () => void;\n  fallback?: ReactNode;\n  title?: string;\n  className?: string;\n}\n\nconst extensionType = (fileName?: string) => {\n  const extension = fileName?.split(\".\").pop()?.toLowerCase();\n  if (extension === \"pdf\") return \"application/pdf\";\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"webp\", \"svg\"].includes(extension ?? \"\")) {\n    return `image/${extension === \"jpg\" ? \"jpeg\" : extension}`;\n  }\n  if ([\"txt\", \"csv\", \"json\", \"xml\", \"md\"].includes(extension ?? \"\")) return \"text/plain\";\n  return \"application/octet-stream\";\n};\n\nconst normalizeContentType = (contentType: string) => contentType.split(\";\", 1)[0].trim().toLowerCase();\n\nconst toError = (cause: unknown) => (\n  cause instanceof Error ? cause : new Error(\"Não foi possível ler o arquivo.\")\n);\n\nexport function FileViewer({\n  source,\n  fileName,\n  contentType,\n  loading = false,\n  error,\n  onLoad,\n  onError,\n  onDownload,\n  fallback,\n  title = fileName ?? \"Visualização do arquivo\",\n  className,\n}: FileViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>();\n  const [textContent, setTextContent] = useState<string>();\n  const [readError, setReadError] = useState<Error | null>(null);\n  const onLoadRef = useRef(onLoad);\n  const onErrorRef = useRef(onError);\n  const resolved = typeof source === \"object\" && source !== null && !(source instanceof Blob) ? source : undefined;\n  const blob = source instanceof Blob ? source : resolved?.blob;\n  const url = typeof source === \"string\" ? source : resolved?.url;\n  const resolvedName = fileName ?? resolved?.fileName;\n  const rawType = contentType?.trim() || resolved?.contentType || blob?.type || extensionType(resolvedName);\n  const resolvedType = normalizeContentType(rawType);\n  const isText = resolvedType.startsWith(\"text/\") || resolvedType === \"application/json\";\n  const displayError = error ?? readError?.message;\n\n  useEffect(() => {\n    onLoadRef.current = onLoad;\n  }, [onLoad]);\n\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    let active = true;\n    setReadError(null);\n    setTextContent(undefined);\n\n    if (!blob) {\n      setObjectUrl(undefined);\n      return () => { active = false; };\n    }\n\n    let nextUrl: string;\n    try {\n      nextUrl = URL.createObjectURL(blob);\n      setObjectUrl(nextUrl);\n    } catch (cause) {\n      const nextError = toError(cause);\n      setReadError(nextError);\n      onErrorRef.current?.(nextError);\n      return () => { active = false; };\n    }\n\n    if (isText) {\n      blob.text()\n        .then((text) => {\n          if (!active) return;\n          setTextContent(text);\n          onLoadRef.current?.();\n        })\n        .catch((cause: unknown) => {\n          if (!active) return;\n          const nextError = toError(cause);\n          setReadError(nextError);\n          onErrorRef.current?.(nextError);\n        });\n    }\n\n    return () => {\n      active = false;\n      URL.revokeObjectURL(nextUrl);\n    };\n  }, [blob, isText]);\n\n  const handleMediaError = () => {\n    const nextError = new Error(\"Não foi possível carregar a visualização do arquivo.\");\n    setReadError(nextError);\n    onErrorRef.current?.(nextError);\n  };\n  const handleLoad = () => onLoadRef.current?.();\n\n  if (loading) {\n    return (\n      <div\n        className={classNames(\"flex min-h-32 items-center justify-center rounded-sm border border-border-default bg-surface-card p-6 text-content-secondary\", className)}\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-live=\"polite\"\n      >\n        Carregando arquivo…\n      </div>\n    );\n  }\n\n  if (displayError) {\n    return (\n      <div className={classNames(\"rounded-sm border border-field-border-error bg-surface-card p-4 text-field-assistive-error\", className)} role=\"alert\">\n        {displayError}\n      </div>\n    );\n  }\n\n  const displayUrl = objectUrl ?? url;\n  if (!displayUrl && !textContent) {\n    return (\n      <div\n        className={classNames(\"rounded-sm border border-border-default bg-surface-card p-4 text-content-secondary\", className)}\n        role=\"region\"\n        aria-label={title}\n      >\n        {fallback ?? \"Arquivo indisponível.\"}\n      </div>\n    );\n  }\n\n  const download = onDownload\n    ? <button type=\"button\" onClick={onDownload} className=\"min-h-11 rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\">Baixar arquivo</button>\n    : displayUrl\n      ? <a href={displayUrl} download={resolvedName} className=\"inline-flex min-h-11 items-center rounded-sm border border-border-default px-3 text-sm font-semibold text-content-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\">Baixar arquivo</a>\n      : null;\n\n  return (\n    <div\n      className={classNames(\"flex min-w-0 flex-col gap-3 rounded-sm border border-border-default bg-surface-card p-3\", className)}\n      role=\"region\"\n      aria-label={title}\n    >\n      {resolvedType.startsWith(\"image/\") && displayUrl && (\n        <img src={displayUrl} alt={title} onLoad={handleLoad} onError={handleMediaError} className=\"max-h-[70vh] max-w-full object-contain\" />\n      )}\n      {resolvedType === \"application/pdf\" && displayUrl && (\n        <iframe src={displayUrl} title={title} onLoad={handleLoad} onError={handleMediaError} sandbox=\"\" className=\"min-h-[32rem] w-full border-0\" />\n      )}\n      {isText && (textContent !== undefined\n        ? <pre className=\"max-h-[70vh] overflow-auto whitespace-pre-wrap break-words text-sm text-content-primary\">{textContent}</pre>\n        : displayUrl && <iframe src={displayUrl} title={title} onLoad={handleLoad} onError={handleMediaError} sandbox=\"\" className=\"min-h-64 w-full border-0\" />)}\n      {!resolvedType.startsWith(\"image/\") && resolvedType !== \"application/pdf\" && !isText && (\n        fallback ?? <p className=\"text-content-secondary\">Este tipo de arquivo não possui visualização disponível.</p>\n      )}\n      {download && <div className=\"flex justify-end\">{download}</div>}\n    </div>\n  );\n}\n\nexport default FileViewer;\n","\"use client\";\n\nimport QRCodeGenerator from \"qrcode\";\nimport { useEffect, useId, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport type QRCodeErrorCorrectionLevel = \"L\" | \"M\" | \"Q\" | \"H\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"color\" | \"onError\"> {\n  value: string;\n  size?: number;\n  level?: QRCodeErrorCorrectionLevel;\n  includeMargin?: boolean;\n  fgColor?: string;\n  bgColor?: string;\n  ariaLabel?: string;\n  description?: string;\n  loading?: boolean;\n  error?: ReactNode;\n  onError?: (error: Error) => void;\n}\n\nfunction getRelativeLuminance(color: string) {\n  const match = color.trim().match(/^#([\\da-f]{6})$/i);\n  if (!match) return null;\n\n  const channels = [0, 2, 4].map((offset) => Number.parseInt(match[1].slice(offset, offset + 2), 16) / 255);\n  const linear = channels.map((channel) => (\n    channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4\n  ));\n\n  return 0.2126 * linear[0] + 0.7152 * linear[1] + 0.0722 * linear[2];\n}\n\nfunction resolveAccessibleColors(fgColor: string, bgColor: string) {\n  const foregroundLuminance = getRelativeLuminance(fgColor);\n  const backgroundLuminance = getRelativeLuminance(bgColor);\n\n  if (foregroundLuminance === null || backgroundLuminance === null) {\n    return { dark: fgColor, light: bgColor };\n  }\n\n  const lighter = Math.max(foregroundLuminance, backgroundLuminance);\n  const darker = Math.min(foregroundLuminance, backgroundLuminance);\n  const contrastRatio = (lighter + 0.05) / (darker + 0.05);\n\n  return contrastRatio >= 3\n    ? { dark: fgColor, light: bgColor }\n    : { dark: \"#000000\", light: \"#FFFFFF\" };\n}\n\nexport function QRCode({\n  value,\n  size = 192,\n  level = \"M\",\n  includeMargin = true,\n  fgColor = \"#000000\",\n  bgColor = \"#FFFFFF\",\n  ariaLabel = \"Código QR\",\n  description,\n  loading = false,\n  error,\n  onError,\n  className,\n  ...rest\n}: QRCodeProps) {\n  const [dataUrl, setDataUrl] = useState<string | null>(null);\n  const [generationError, setGenerationError] = useState<Error | null>(null);\n  const onErrorRef = useRef(onError);\n  const generatedId = useId();\n  const resolvedSize = Math.max(1, Number.isFinite(size) ? Math.floor(size) : 192);\n  const descriptionId = description\n    ? `${rest.id ?? generatedId}-description`\n    : undefined;\n  const colors = useMemo(\n    () => resolveAccessibleColors(fgColor, bgColor),\n    [bgColor, fgColor],\n  );\n  const describedBy = [rest[\"aria-describedby\"], descriptionId].filter(Boolean).join(\" \") || undefined;\n  const displayError = error ?? generationError?.message;\n  const isLoading = loading || (!dataUrl && !displayError);\n\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    let active = true;\n    if (error) {\n      setDataUrl(null);\n      setGenerationError(null);\n      return () => { active = false; };\n    }\n    setDataUrl(null);\n    setGenerationError(null);\n    QRCodeGenerator.toDataURL(value, {\n      width: resolvedSize,\n      margin: includeMargin ? 4 : 0,\n      errorCorrectionLevel: level,\n      color: colors,\n    })\n      .then((url) => { if (active) setDataUrl(url); })\n      .catch((cause: unknown) => {\n        if (!active) return;\n        const nextError = cause instanceof Error\n          ? cause\n          : new Error(\"Não foi possível gerar o código QR.\");\n        setDataUrl(null);\n        setGenerationError(nextError);\n        onErrorRef.current?.(nextError);\n      });\n    return () => { active = false; };\n  }, [colors, error, includeMargin, level, resolvedSize, value]);\n\n  return (\n    <div\n      {...rest}\n      role=\"img\"\n      aria-label={ariaLabel}\n      aria-describedby={describedBy}\n      aria-busy={isLoading || undefined}\n      aria-invalid={displayError ? true : undefined}\n      className={classNames(\"inline-flex max-w-full flex-col items-center gap-2\", className)}\n    >\n      {displayError ? (\n        <span role=\"alert\" className=\"rounded-sm border border-field-border-error p-3 text-sm text-field-assistive-error\">\n          {displayError}\n        </span>\n      ) : dataUrl ? (\n        <img src={dataUrl} alt=\"\" width={resolvedSize} height={resolvedSize} className=\"h-auto max-w-full\" />\n      ) : (\n        <span\n          aria-hidden=\"true\"\n          className=\"inline-block animate-pulse rounded-sm bg-surface-muted\"\n          style={{ width: resolvedSize, height: resolvedSize, maxWidth: \"100%\" }}\n        />\n      )}\n      {description && <span id={descriptionId} className=\"sr-only\">{description}</span>}\n    </div>\n  );\n}\n\nexport default QRCode;\n"],"mappings":"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","names":["useRef","jsx","jsxs","useRef","rejectionMessage","classNames","jsx","jsxs","classNames","jsx","jsxs","classNames","classNames","useEffect","useRef","useState","jsx","jsxs","_a","useEffect","useId","useRef","useState","classNames","jsx","jsxs","_a","useState","useRef","useId","useEffect","classNames"]}