@aspprev/versi-ds 0.1.1 → 0.2.0

package/dist/chunk-H4BBKKRZ.js

@@ -0,0 +1,380 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/components/barcode/barcode.tsx
+import JsBarcode from "jsbarcode";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var linhaDigitavelParaCodigoBarras = (linha) => {
+  const d = linha.replace(/\D/g, "");
+  const banco = d.substring(0, 3);
+  const moeda = d.substring(3, 4);
+  const campo1 = d.substring(4, 9);
+  const campo2 = d.substring(10, 20);
+  const campo3 = d.substring(21, 31);
+  const digitoGeral = d.substring(32, 33);
+  const vencimento = d.substring(33, 37);
+  const valor = d.substring(37, 47);
+  return banco + moeda + digitoGeral + vencimento + valor + campo1 + campo2 + campo3;
+};
+function BoletoBarCode({ linhaDigitavel }) {
+  const svgRef = useRef(null);
+  useEffect(() => {
+    if (!svgRef.current) return;
+    try {
+      const codigoBarras = linhaDigitavelParaCodigoBarras(linhaDigitavel);
+      JsBarcode(svgRef.current, codigoBarras, {
+        format: "ITF",
+        lineColor: "#000000",
+        background: "#FFFFFF",
+        displayValue: false,
+        width: 2,
+        height: 80,
+        margin: 0
+      });
+    } catch (error) {
+      console.error("Erro ao gerar c\xF3digo de barras:", error);
+    }
+  }, [linhaDigitavel]);
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-3 bg-surface-card", children: [
+    /* @__PURE__ */ jsx("svg", { ref: svgRef, className: "w-full" }),
+    /* @__PURE__ */ jsx("p", { className: "text-center font-mono text-sm tracking-widest text-content-primary", children: 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) => {
+  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 FileDropzone({
+  accept,
+  multiple = false,
+  maxFiles = multiple ? Number.POSITIVE_INFINITY : 1,
+  maxSize,
+  disabled = false,
+  label = "Selecionar arquivos",
+  hint = "Arraste e solte os arquivos aqui ou use o teclado para selecionar.",
+  error,
+  className,
+  onFilesAccepted,
+  onFilesRejected
+}) {
+  const inputId = useId();
+  const messageId = `${inputId}-message`;
+  const inputRef = useRef2(null);
+  const [isDragging, setIsDragging] = useState(false);
+  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 });
+      }
+    });
+    if (!multiple && accepted.length > 1) accepted.splice(1);
+    if (accepted.length) onFilesAccepted == null ? void 0 : onFilesAccepted(accepted);
+    if (rejected.length) onFilesRejected == null ? void 0 : onFilesRejected(rejected);
+  };
+  const handleInputChange = (event) => {
+    if (event.target.files) processFiles(event.target.files);
+    event.target.value = "";
+  };
+  const handleDrop = (event) => {
+    event.preventDefault();
+    setIsDragging(false);
+    processFiles(event.dataTransfer.files);
+  };
+  const message = error || hint;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      onDragEnter: (event) => {
+        event.preventDefault();
+        if (!disabled) setIsDragging(true);
+      },
+      onDragOver: (event) => event.preventDefault(),
+      onDragLeave: (event) => {
+        if (event.currentTarget === event.target) setIsDragging(false);
+      },
+      onDrop: handleDrop,
+      className: classNames(
+        "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",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs2("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", children: [
+          /* @__PURE__ */ jsx2("span", { className: "font-semibold text-content-primary", children: label }),
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              ref: inputRef,
+              id: inputId,
+              type: "file",
+              accept,
+              multiple,
+              disabled,
+              onChange: handleInputChange,
+              "aria-describedby": message ? messageId : 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 })
+      ]
+    }
+  );
+}
+var FileDropzone_default = FileDropzone;
+
+// src/components/file-upload/FileUploadProgress.tsx
+import classNames2 from "classnames";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function FileUploadProgress({
+  value,
+  label = "Progresso do upload",
+  status = "uploading",
+  showValue = true,
+  className
+}) {
+  const resolvedValue = typeof value === "number" ? Math.min(100, Math.max(0, value)) : void 0;
+  const statusText = status === "success" ? "Conclu\xEDdo" : status === "error" ? "Erro" : resolvedValue === void 0 ? "Em andamento" : `${Math.round(resolvedValue)}%`;
+  return /* @__PURE__ */ jsxs3("div", { className: classNames2("w-full", className), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mb-1 flex items-center justify-between gap-2 text-xs text-content-secondary", children: [
+      /* @__PURE__ */ jsx3("span", { children: label }),
+      showValue && /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: statusText })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuemin": resolvedValue === void 0 ? void 0 : 0,
+        "aria-valuemax": resolvedValue === void 0 ? void 0 : 100,
+        "aria-valuenow": resolvedValue,
+        "aria-valuetext": statusText,
+        className: "h-2 w-full overflow-hidden rounded-full bg-surface-muted",
+        children: /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: classNames2(
+              "h-full rounded-full transition-[width] duration-200",
+              status === "error" ? "bg-feedback-danger-strong" : "bg-action-primary",
+              resolvedValue === void 0 ? "w-1/2 animate-pulse" : void 0
+            ),
+            style: resolvedValue === void 0 ? void 0 : { width: `${resolvedValue}%` }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3("span", { className: "sr-only", role: "status", "aria-live": "polite", children: statusText })
+  ] });
+}
+var FileUploadProgress_default = FileUploadProgress;
+
+// src/components/file-upload/FileList.tsx
+import classNames3 from "classnames";
+import { MdClose, MdRefresh } from "react-icons/md";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var fileId = (item, index) => {
+  var _a;
+  return (_a = item.id) != null ? _a : `${item.file.name}-${item.file.size}-${item.file.lastModified}-${index}`;
+};
+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: [
+      /* @__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"
+        ] }),
+        (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 })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex shrink-0 items-center gap-1", children: [
+        status === "error" && onRetry && /* @__PURE__ */ jsx4("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", children: /* @__PURE__ */ jsx4(MdRefresh, { "aria-hidden": "true", className: "h-5 w-5" }) }),
+        onRemove && /* @__PURE__ */ jsx4("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", children: /* @__PURE__ */ jsx4(MdClose, { "aria-hidden": "true", className: "h-5 w-5" }) })
+      ] })
+    ] }, fileId(item, index));
+  }) });
+}
+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 { 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 (["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;
+  const [objectUrl, setObjectUrl] = useState2();
+  const [textContent, setTextContent] = useState2();
+  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);
+  useEffect2(() => {
+    if (!blob) {
+      setObjectUrl(void 0);
+      setTextContent(void 0);
+      return;
+    }
+    const nextUrl = URL.createObjectURL(blob);
+    setObjectUrl(nextUrl);
+    let active = true;
+    if (resolvedType.startsWith("text/") || resolvedType === "application/json") {
+      blob.text().then((text) => {
+        if (active) setTextContent(text);
+      });
+    } else {
+      setTextContent(void 0);
+    }
+    return () => {
+      active = false;
+      URL.revokeObjectURL(nextUrl);
+    };
+  }, [blob, resolvedType]);
+  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 })
+  ] });
+}
+var FileViewer_default = FileViewer;
+
+// src/components/qr-code/QRCode.tsx
+import QRCodeGenerator from "qrcode";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import classNames5 from "classnames";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function getRelativeLuminance(color) {
+  const match = color.trim().match(/^#([\da-f]{6})$/i);
+  if (!match) return null;
+  const channels = [0, 2, 4].map((offset) => Number.parseInt(match[1].slice(offset, offset + 2), 16) / 255);
+  const linear = channels.map((channel) => channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4);
+  return 0.2126 * linear[0] + 0.7152 * linear[1] + 0.0722 * linear[2];
+}
+function resolveAccessibleColors(fgColor, bgColor) {
+  const foregroundLuminance = getRelativeLuminance(fgColor);
+  const backgroundLuminance = getRelativeLuminance(bgColor);
+  if (foregroundLuminance === null || backgroundLuminance === null) {
+    return { dark: fgColor, light: bgColor };
+  }
+  const lighter = Math.max(foregroundLuminance, backgroundLuminance);
+  const darker = Math.min(foregroundLuminance, backgroundLuminance);
+  const contrastRatio = (lighter + 0.05) / (darker + 0.05);
+  return contrastRatio >= 3 ? { dark: fgColor, light: bgColor } : { dark: "#000000", light: "#FFFFFF" };
+}
+function QRCode(_a) {
+  var _b = _a, {
+    value,
+    size = 192,
+    level = "M",
+    includeMargin = true,
+    fgColor = "#000000",
+    bgColor = "#FFFFFF",
+    ariaLabel = "C\xF3digo QR",
+    description,
+    className
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "size",
+    "level",
+    "includeMargin",
+    "fgColor",
+    "bgColor",
+    "ariaLabel",
+    "description",
+    "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);
+  useEffect3(() => {
+    let active = true;
+    setDataUrl(null);
+    QRCodeGenerator.toDataURL(value, {
+      width: size,
+      margin: includeMargin ? 4 : 0,
+      errorCorrectionLevel: level,
+      color: colors
+    }).then((url) => {
+      if (active) setDataUrl(url);
+    }).catch(() => {
+      if (active) setDataUrl(null);
+    });
+    return () => {
+      active = false;
+    };
+  }, [bgColor, fgColor, includeMargin, level, size, value]);
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    __spreadProps(__spreadValues({}, rest), {
+      role: "img",
+      "aria-label": ariaLabel,
+      "aria-describedby": descriptionId,
+      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(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-block animate-pulse rounded-sm bg-surface-muted",
+            style: { width: size, height: size, maxWidth: "100%" }
+          }
+        ),
+        description && /* @__PURE__ */ jsx6("span", { id: descriptionId, className: "sr-only", children: description })
+      ]
+    })
+  );
+}
+var QRCode_default = QRCode;
+
+export {
+  BoletoBarCode,
+  FileDropzone_default,
+  FileUploadProgress_default,
+  FileList_default,
+  FileViewer_default,
+  QRCode_default
+};
+//# sourceMappingURL=chunk-H4BBKKRZ.js.map

package/dist/chunk-H4BBKKRZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/barcode/barcode.tsx","../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","\"use client\";\n\nimport classNames from \"classnames\";\nimport { useId, useRef, useState, type ChangeEvent, type DragEvent, type ReactNode } from \"react\";\n\nexport interface FileRejection {\n  file: File;\n  reason: \"type\" | \"size\" | \"count\";\n  message: string;\n}\n\nexport interface FileDropzoneProps {\n  accept?: string;\n  multiple?: boolean;\n  maxFiles?: number;\n  maxSize?: number;\n  disabled?: 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\nconst acceptsFile = (file: File, accept?: string) => {\n  if (!accept?.trim()) return true;\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\nexport function FileDropzone({\n  accept,\n  multiple = false,\n  maxFiles = multiple ? Number.POSITIVE_INFINITY : 1,\n  maxSize,\n  disabled = 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 inputId = useId();\n  const messageId = `${inputId}-message`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const processFiles = (fileList: FileList | File[]) => {\n    if (disabled) return;\n    const selected = Array.from(fileList);\n    const accepted: File[] = [];\n    const rejected: FileRejection[] = [];\n    selected.forEach((file, index) => {\n      const reason = !acceptsFile(file, accept)\n        ? \"type\"\n        : maxSize !== undefined && file.size > maxSize\n          ? \"size\"\n          : index >= maxFiles\n            ? \"count\"\n            : undefined;\n      if (!reason) accepted.push(file);\n      else {\n        const message = reason === \"type\"\n          ? \"Tipo de arquivo não permitido.\"\n          : reason === \"size\"\n            ? \"O arquivo excede o tamanho máximo permitido.\"\n            : \"Quantidade máxima de arquivos excedida.\";\n        rejected.push({ file, reason, message });\n      }\n    });\n    if (!multiple && accepted.length > 1) accepted.splice(1);\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 message = error || 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        Boolean(error) && \"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          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          onChange={handleInputChange}\n          aria-describedby={message ? messageId : undefined}\n          className=\"sr-only\"\n        />\n      </label>\n      {message && <span id={messageId} className={classNames(\"mt-1 text-sm\", error ? \"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\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)} 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              {(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, useMemo, 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  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 ?? \"\")) return `image/${extension === \"jpg\" ? \"jpeg\" : extension}`;\n  if ([\"txt\", \"csv\", \"json\", \"xml\", \"md\"].includes(extension ?? \"\")) return \"text/plain\";\n  return \"application/octet-stream\";\n};\n\nexport function FileViewer({ source, fileName, contentType, loading = false, error, onDownload, fallback, title = fileName ?? \"Visualização do arquivo\", className }: FileViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>();\n  const [textContent, setTextContent] = useState<string>();\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 resolvedType = contentType ?? resolved?.contentType ?? blob?.type ?? extensionType(resolvedName);\n\n  useEffect(() => {\n    if (!blob) {\n      setObjectUrl(undefined);\n      setTextContent(undefined);\n      return;\n    }\n    const nextUrl = URL.createObjectURL(blob);\n    setObjectUrl(nextUrl);\n    let active = true;\n    if (resolvedType.startsWith(\"text/\") || resolvedType === \"application/json\") {\n      blob.text().then((text) => { if (active) setTextContent(text); });\n    } else {\n      setTextContent(undefined);\n    }\n    return () => { active = false; URL.revokeObjectURL(nextUrl); };\n  }, [blob, resolvedType]);\n\n  const displayUrl = objectUrl ?? url;\n  const downloadUrl = useMemo(() => displayUrl, [displayUrl]);\n  if (loading) return <div 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)} role=\"status\" aria-live=\"polite\">Carregando arquivo…</div>;\n  if (error) return <div className={classNames(\"rounded-sm border border-field-border-error bg-surface-card p-4 text-field-assistive-error\", className)} role=\"alert\">{error}</div>;\n  if (!displayUrl && !textContent) return <div className={classNames(\"rounded-sm border border-border-default bg-surface-card p-4 text-content-secondary\", className)}>{fallback ?? \"Arquivo indisponível.\"}</div>;\n\n  const download = onDownload ? <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\">Baixar arquivo</button> : downloadUrl ? <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\">Baixar arquivo</a> : null;\n\n  return (\n    <div className={classNames(\"flex min-w-0 flex-col gap-3 rounded-sm border border-border-default bg-surface-card p-3\", className)}>\n      {resolvedType.startsWith(\"image/\") && displayUrl && <img src={displayUrl} alt={title} className=\"max-h-[70vh] max-w-full object-contain\" />}\n      {resolvedType === \"application/pdf\" && displayUrl && <iframe src={displayUrl} title={title} className=\"min-h-[32rem] w-full border-0\" />}\n      {(resolvedType.startsWith(\"text/\") || resolvedType === \"application/json\") && (textContent !== undefined ? <pre className=\"max-h-[70vh] overflow-auto whitespace-pre-wrap break-words text-sm text-content-primary\">{textContent}</pre> : displayUrl && <iframe src={displayUrl} title={title} sandbox=\"\" className=\"min-h-64 w-full border-0\" />)}\n      {!resolvedType.startsWith(\"image/\") && resolvedType !== \"application/pdf\" && !resolvedType.startsWith(\"text/\") && resolvedType !== \"application/json\" && (fallback ?? <p className=\"text-content-secondary\">Este tipo de arquivo não possui visualização disponível.</p>)}\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, useState, type HTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\n\nexport type QRCodeErrorCorrectionLevel = \"L\" | \"M\" | \"Q\" | \"H\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\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}\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  className,\n  ...rest\n}: QRCodeProps) {\n  const [dataUrl, setDataUrl] = useState<string | null>(null);\n  const descriptionId = description ? `${rest.id ?? \"qr-code\"}-description` : undefined;\n  const colors = resolveAccessibleColors(fgColor, bgColor);\n\n  useEffect(() => {\n    let active = true;\n    setDataUrl(null);\n    QRCodeGenerator.toDataURL(value, {\n      width: size,\n      margin: includeMargin ? 4 : 0,\n      errorCorrectionLevel: level,\n       color: colors,\n    })\n      .then((url) => { if (active) setDataUrl(url); })\n      .catch(() => { if (active) setDataUrl(null); });\n    return () => { active = false; };\n  }, [bgColor, fgColor, includeMargin, level, size, value]);\n\n  return (\n    <div\n      {...rest}\n      role=\"img\"\n      aria-label={ariaLabel}\n      aria-describedby={descriptionId}\n      className={classNames(\"inline-flex max-w-full flex-col items-center gap-2\", className)}\n    >\n      {dataUrl ? (\n        <img src={dataUrl} alt=\"\" width={size} height={size} 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: size, height: size, 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","message","classNames","jsx","jsxs","classNames","jsx","jsxs","classNames","classNames","useEffect","useState","jsx","jsxs","useEffect","useState","classNames","jsx","jsxs","_a","useState","useEffect","classNames"]}

package/dist/{chunk-L5UMGEXV.js → chunk-PIXRKI25.js}

@@ -1,6 +1,6 @@
 import {
   useBreakpoint
-} from "./chunk-CSQXTG32.js";
+} from "./chunk-ET2BGHTO.js";
 import {
   __objRest,
   __spreadProps,
@@ -1848,6 +1848,7 @@ function StatusBadge(_a) {
     appearance = "outline",
     size = "md",
     overflow = "wrap",
+    statusLabel,
     className,
     title
   } = _b, rest = __objRest(_b, [
@@ -1856,6 +1857,7 @@ function StatusBadge(_a) {
     "appearance",
     "size",
     "overflow",
+    "statusLabel",
     "className",
     "title"
   ]);
@@ -1869,7 +1871,8 @@ function StatusBadge(_a) {
         overflow === "truncate" ? "overflow-hidden text-ellipsis whitespace-nowrap" : "whitespace-normal break-words",
         className
       ),
-      title: title != null ? title : typeof children === "string" ? children : void 0
+      title: title != null ? title : typeof children === "string" ? children : void 0,
+      "aria-label": statusLabel
     }, rest), {
       children
     })
@@ -1960,6 +1963,31 @@ var resolveStatusAppearance = (status, domain = "generic") => {
   if (domain === "participation") {
     return { tone: "neutral", appearance: "solid" };
   }
+  if (domain === "payment") {
+    if (["PAGO", "QUITADO", "LIBERADO"].includes(normalized)) {
+      return { tone: "success", appearance: "solid" };
+    }
+    if (["EM PAGAMENTO", "AGUARDANDO PAGAMENTO"].includes(normalized)) {
+      return { tone: "info", appearance: "outline" };
+    }
+    if (["VENCIDO", "ESTORNADO", "FALHOU"].includes(normalized)) {
+      return { tone: "danger", appearance: "solid" };
+    }
+  }
+  if (domain === "claim" || domain === "request" || domain === "protocol") {
+    if (["RECEBIDO", "PROTOCOLADO", "EMITIDO"].includes(normalized)) {
+      return { tone: "info", appearance: "outline" };
+    }
+    if (["EM ANALISE", "AGUARDANDO DOCUMENTACAO", "AGUARDANDO ANALISE"].includes(normalized)) {
+      return { tone: "warning", appearance: "soft" };
+    }
+    if (["APROVADO", "CONCEDIDO", "ATENDIDO"].includes(normalized)) {
+      return { tone: "success", appearance: "solid" };
+    }
+    if (["NEGADO", "ARQUIVADO", "RECUSADO"].includes(normalized)) {
+      return { tone: "danger", appearance: "solid" };
+    }
+  }
   return resolveGenericStatus(normalized);
 };
 
@@ -2488,7 +2516,8 @@ function TableView({
     }
     return `${widthUnits / resolvedTotalWidthUnits * 100}%`;
   };
-  const paginationVariant = isMobile ? "arrows" : (_a = pagination == null ? void 0 : pagination.variant) != null ? _a : "default";
+  const isNarrowContainer = tableWidth !== void 0 && tableWidth < 640;
+  const paginationVariant = isMobile || isNarrowContainer ? "arrows" : (_a = pagination == null ? void 0 : pagination.variant) != null ? _a : "default";
   const isAdaptiveCompact = overflowMode === "adaptive" && tableWidth !== void 0 && tableWidth < adaptiveBreakpoint;
   const overflowClass = overflowMode === "scroll" ? "overflow-x-auto" : "overflow-x-hidden";
   const resolvedScrollAreaMaxHeight = stickyHeader ? scrollAreaMaxHeight != null ? scrollAreaMaxHeight : "calc(100dvh - 240px)" : scrollAreaMaxHeight;
@@ -2537,7 +2566,7 @@ function TableView({
                             type: "button",
                             "aria-expanded": openFilter === index,
                             "aria-label": `Filtrar ou ordenar por ${item.title}`,
-                            className: `flex w-full items-center gap-1.5 rounded-sm text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${headerFocusClass} ${((_b2 = item.className) == null ? void 0 : _b2.includes("text-right")) ? "justify-end" : ""}`,
+                            className: `flex min-h-11 w-full items-center gap-1.5 rounded-sm text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${headerFocusClass} ${((_b2 = item.className) == null ? void 0 : _b2.includes("text-right")) ? "justify-end" : ""}`,
                             onClick: () => handleHeaderAction(item, index),
                             children: [
                               /* @__PURE__ */ jsx33("span", { className: "min-w-0 truncate", children: item.title }),
@@ -2600,7 +2629,7 @@ function TableView({
                 onClick: pagination.onPrevious,
                 disabled: pagination.currentPage === 1,
                 "aria-label": "Ir para a p\xE1gina anterior",
-                className: `inline-flex h-6 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 tablet:h-7 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
+                className: `inline-flex min-h-11 min-w-11 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
                 children: [
                   /* @__PURE__ */ jsx33(MdKeyboardArrowLeft, { className: "h-3 w-3 text-content-muted" }),
                   paginationVariant !== "arrows" && "Anterior"
@@ -2623,7 +2652,7 @@ function TableView({
                 onClick: pagination.onNext,
                 disabled: pagination.currentPage === pagination.totalPages,
                 "aria-label": "Ir para a pr\xF3xima p\xE1gina",
-                className: `inline-flex h-6 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 tablet:h-7 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
+                className: `inline-flex min-h-11 min-w-11 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
                 children: [
                   paginationVariant !== "arrows" && "Pr\xF3xima",
                   /* @__PURE__ */ jsx33(MdKeyboardArrowRight, { className: "h-3 w-3 text-content-muted" })
@@ -2654,6 +2683,7 @@ function Table(props) {
     data,
     itemsPerPage = 10,
     emptyMessage = "Nenhum item encontrado",
+    errorMessage,
     totalWidthUnits,
     showRowDivider = false,
     enableRowHover = false,
@@ -2899,7 +2929,7 @@ function Table(props) {
         {
           colSpan: normalizedHeader.length,
           className: emptyCellClassName,
-          children: emptyMessage
+          children: errorMessage ? /* @__PURE__ */ jsx34("span", { role: "alert", children: errorMessage }) : /* @__PURE__ */ jsx34("span", { role: "status", children: emptyMessage })
         }
       ) })
     ] });
@@ -2907,6 +2937,7 @@ function Table(props) {
     children,
     data,
     emptyMessage,
+    errorMessage,
     emptyCellClassName,
     enableRowHover,
     expandable,
@@ -3119,6 +3150,7 @@ function MobileCardTable({
           })()) }) : /* @__PURE__ */ jsx35(
             "div",
             {
+              role: "status",
               className: `px-3 py-4 text-center text-md text-content-secondary ${emptyClassName}`.trim(),
               children: emptyMessage
             }
@@ -3192,6 +3224,41 @@ function MobileCardTable({
 }
 var MobileCardTable_default = MobileCardTable;
 
+// src/hooks/useContainerBreakpoint.ts
+import { useEffect as useEffect10, useState as useState6 } from "react";
+var defaultContainerBreakpoints = {
+  mobile: 0,
+  tablet: 640,
+  desktop: 1024,
+  wide: 1440
+};
+function useContainerBreakpoint(ref, options = {}) {
+  var _a;
+  const thresholds = (_a = options.breakpoints) != null ? _a : defaultContainerBreakpoints;
+  const [current, setCurrent] = useState6();
+  useEffect10(() => {
+    const element = ref.current;
+    if (!element) return;
+    const resolve = (width) => {
+      const entries = Object.entries(thresholds).sort(([, a], [, b]) => a - b);
+      return entries.reduce(
+        (result, [name, threshold]) => width >= threshold ? name : result,
+        void 0
+      );
+    };
+    const update = () => setCurrent(resolve(element.getBoundingClientRect().width));
+    if (typeof ResizeObserver === "undefined") {
+      update();
+      return void 0;
+    }
+    const observer = new ResizeObserver(update);
+    observer.observe(element);
+    update();
+    return () => observer.disconnect();
+  }, [ref, thresholds]);
+  return current;
+}
+
 export {
   LoadingDotsView_default,
   Button_default,
@@ -3227,6 +3294,7 @@ export {
   findFirstInvalidField,
   FormErrorNavigation,
   Table_default,
-  MobileCardTable_default
+  MobileCardTable_default,
+  useContainerBreakpoint
 };
-//# sourceMappingURL=chunk-L5UMGEXV.js.map
+//# sourceMappingURL=chunk-PIXRKI25.js.map