@aspprev/versi-ds 0.2.0 → 0.4.0

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

@@ -1,6 +1,6 @@
 import {
   useBreakpoint
-} from "./chunk-ET2BGHTO.js";
+} from "./chunk-FTRF27XF.js";
 import {
   __objRest,
   __spreadProps,
@@ -1807,79 +1807,6 @@ function FilterBar(_a) {
   );
 }
 
-// src/components/status-badge/StatusBadge.tsx
-import classNames12 from "classnames";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var TONE_STYLES2 = {
-  info: {
-    outline: "border-feedback-info-border text-feedback-info-content",
-    soft: "border-feedback-info-border bg-feedback-info-soft text-feedback-info-content",
-    solid: "border-feedback-info-strong bg-feedback-info-strong text-surface-subtle"
-  },
-  warning: {
-    outline: "border-feedback-warning-border text-feedback-warning-content",
-    soft: "border-feedback-warning-border bg-feedback-warning-soft text-feedback-warning-content",
-    solid: "border-feedback-warning-strong bg-feedback-warning-strong text-surface-subtle"
-  },
-  success: {
-    outline: "border-feedback-success-border text-feedback-success-content",
-    soft: "border-feedback-success-border bg-feedback-success-soft text-feedback-success-content",
-    solid: "border-feedback-success-strong bg-feedback-success-strong text-surface-subtle"
-  },
-  danger: {
-    outline: "border-feedback-danger-border text-feedback-danger-content",
-    soft: "border-feedback-danger-border bg-feedback-danger-soft text-feedback-danger-content",
-    solid: "border-feedback-danger-strong bg-feedback-danger-strong text-surface-subtle"
-  },
-  neutral: {
-    outline: "border-border-strong text-content-secondary",
-    soft: "border-border-default bg-surface-subtle text-content-secondary",
-    solid: "border-surface-action-neutral bg-surface-action-neutral text-surface-subtle"
-  }
-};
-var SIZE_STYLES = {
-  sm: "min-h-5 px-1 py-0.5 text-xs",
-  md: "min-h-6 px-2 py-0.5 text-sm"
-};
-function StatusBadge(_a) {
-  var _b = _a, {
-    children,
-    tone = "neutral",
-    appearance = "outline",
-    size = "md",
-    overflow = "wrap",
-    statusLabel,
-    className,
-    title
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "tone",
-    "appearance",
-    "size",
-    "overflow",
-    "statusLabel",
-    "className",
-    "title"
-  ]);
-  return /* @__PURE__ */ jsx27(
-    "span",
-    __spreadProps(__spreadValues({
-      className: classNames12(
-        "inline-flex w-fit max-w-full items-center justify-center rounded-sm border-2 text-center font-bold uppercase tracking-wide",
-        SIZE_STYLES[size],
-        TONE_STYLES2[tone][appearance],
-        overflow === "truncate" ? "overflow-hidden text-ellipsis whitespace-nowrap" : "whitespace-normal break-words",
-        className
-      ),
-      title: title != null ? title : typeof children === "string" ? children : void 0,
-      "aria-label": statusLabel
-    }, rest), {
-      children
-    })
-  );
-}
-var getStatusBadgeClassName = (tone, appearance) => TONE_STYLES2[tone][appearance];
-
 // src/utils/resolve-status-appearance.ts
 var NORMALIZED_STATUS = {
   infoOutline: /* @__PURE__ */ new Set(["ABERTO", "PAGO", "EM PAGAMENTO"]),
@@ -1935,9 +1862,16 @@ var resolveGenericStatus = (status) => {
   }
   return { tone: "neutral", appearance: "outline" };
 };
-var resolveStatusAppearance = (status, domain = "generic") => {
+var resolveStatusAppearance = (status, domain = "generic", options) => {
+  var _a, _b, _c;
   const normalized = normalizeStatus(status);
-  if (!normalized) return { tone: "neutral", appearance: "outline" };
+  if (!normalized) {
+    return (_a = options == null ? void 0 : options.fallback) != null ? _a : { tone: "neutral", appearance: "outline" };
+  }
+  const mappedAppearance = (options == null ? void 0 : options.map) ? (_b = Object.entries(options.map).find(
+    ([key]) => normalizeStatus(key) === normalized
+  )) == null ? void 0 : _b[1] : void 0;
+  if (mappedAppearance) return mappedAppearance;
   if (domain === "beneficiary") {
     if (normalized === "VIGENTE") return { tone: "success", appearance: "solid" };
     if (normalized === "ENCERRADO") return { tone: "neutral", appearance: "solid" };
@@ -1988,9 +1922,82 @@ var resolveStatusAppearance = (status, domain = "generic") => {
       return { tone: "danger", appearance: "solid" };
     }
   }
-  return resolveGenericStatus(normalized);
+  return (_c = options == null ? void 0 : options.fallback) != null ? _c : resolveGenericStatus(normalized);
 };
 
+// src/components/status-badge/StatusBadge.tsx
+import classNames12 from "classnames";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var TONE_STYLES2 = {
+  info: {
+    outline: "border-feedback-info-border text-feedback-info-content",
+    soft: "border-feedback-info-border bg-feedback-info-soft text-feedback-info-content",
+    solid: "border-feedback-info-strong bg-feedback-info-strong text-surface-subtle"
+  },
+  warning: {
+    outline: "border-feedback-warning-border text-feedback-warning-content",
+    soft: "border-feedback-warning-border bg-feedback-warning-soft text-feedback-warning-content",
+    solid: "border-feedback-warning-strong bg-feedback-warning-strong text-surface-subtle"
+  },
+  success: {
+    outline: "border-feedback-success-border text-feedback-success-content",
+    soft: "border-feedback-success-border bg-feedback-success-soft text-feedback-success-content",
+    solid: "border-feedback-success-strong bg-feedback-success-strong text-surface-subtle"
+  },
+  danger: {
+    outline: "border-feedback-danger-border text-feedback-danger-content",
+    soft: "border-feedback-danger-border bg-feedback-danger-soft text-feedback-danger-content",
+    solid: "border-feedback-danger-strong bg-feedback-danger-strong text-surface-subtle"
+  },
+  neutral: {
+    outline: "border-border-strong text-content-secondary",
+    soft: "border-border-default bg-surface-subtle text-content-secondary",
+    solid: "border-surface-action-neutral bg-surface-action-neutral text-surface-subtle"
+  }
+};
+var SIZE_STYLES = {
+  sm: "min-h-5 px-1 py-0.5 text-xs",
+  md: "min-h-6 px-2 py-0.5 text-sm"
+};
+function StatusBadge(_a) {
+  var _b = _a, {
+    children,
+    tone = "neutral",
+    appearance = "outline",
+    size = "md",
+    overflow = "wrap",
+    statusLabel,
+    className,
+    title
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "tone",
+    "appearance",
+    "size",
+    "overflow",
+    "statusLabel",
+    "className",
+    "title"
+  ]);
+  return /* @__PURE__ */ jsx27(
+    "span",
+    __spreadProps(__spreadValues({
+      className: classNames12(
+        "inline-flex w-fit max-w-full items-center justify-center rounded-sm border-2 text-center font-bold uppercase tracking-wide",
+        SIZE_STYLES[size],
+        TONE_STYLES2[tone][appearance],
+        overflow === "truncate" ? "overflow-hidden text-ellipsis whitespace-nowrap" : "whitespace-normal break-words",
+        className
+      ),
+      title: title != null ? title : typeof children === "string" ? children : void 0,
+      "aria-label": statusLabel
+    }, rest), {
+      children
+    })
+  );
+}
+var getStatusBadgeClassName = (tone, appearance) => TONE_STYLES2[tone][appearance];
+
 // src/components/status-badge/DomainStatusBadge.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
 function DomainStatusBadge(_a) {
@@ -1998,16 +2005,18 @@ function DomainStatusBadge(_a) {
     status,
     domain = "generic",
     empty = "hide",
-    placeholder = "-"
+    placeholder = "-",
+    statusMap
   } = _b, rest = __objRest(_b, [
     "status",
     "domain",
     "empty",
-    "placeholder"
+    "placeholder",
+    "statusMap"
   ]);
   const label = status == null ? void 0 : status.trim();
   if (!label && empty === "hide") return null;
-  const resolved = resolveStatusAppearance(label, domain);
+  const resolved = resolveStatusAppearance(label, domain, { map: statusMap });
   return /* @__PURE__ */ jsx28(
     StatusBadge,
     __spreadProps(__spreadValues({
@@ -2151,11 +2160,12 @@ function FormErrorNavigation() {
 }
 
 // src/components/table/Table.tsx
-import React4, { useEffect as useEffect8, useId as useId2, useMemo as useMemo2, useState as useState4 } from "react";
+import React4, { useEffect as useEffect8, useId as useId3, useMemo as useMemo2, useState as useState4 } from "react";
 
 // src/components/table/TableView.tsx
 import {
   useEffect as useEffect7,
+  useId as useId2,
   useRef as useRef4,
   useState as useState3
 } from "react";
@@ -2173,6 +2183,9 @@ import cs3 from "classnames";
 import { useEffect as useEffect6, useRef as useRef3 } from "react";
 import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 function FilterView({
+  id,
+  accessibleName,
+  groupName,
   optionList,
   optionChecked,
   onChange,
@@ -2198,25 +2211,37 @@ function FilterView({
       "div",
       {
         ref: containerRef,
+        id,
+        role: "dialog",
+        "aria-label": accessibleName != null ? accessibleName : "Filtros da tabela",
         className: "bg-surface-card rounded shadow-sm p-3 font-normal w-[calc(100vw-16px)] max-w-[320px] overflow-y-auto text-sm",
         children: /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3", children: controls.map((control) => {
-          var _a, _b, _c;
+          var _a, _b, _c, _d, _e;
           return /* @__PURE__ */ jsxs17(
             "div",
             {
               className: "flex flex-col gap-2 border-b border-border-default pb-3 last:border-b-0 last:pb-0",
               children: [
-                control.label && /* @__PURE__ */ jsx30("span", { className: "text-xs font-bold uppercase tracking-wide text-content-muted", children: control.label }),
+                control.label && /* @__PURE__ */ jsx30(
+                  "span",
+                  {
+                    id: `${control.id}-label`,
+                    className: "text-xs font-bold uppercase tracking-wide text-content-muted",
+                    children: control.label
+                  }
+                ),
                 control.type === "search" ? /* @__PURE__ */ jsx30(
                   "input",
                   {
                     type: "text",
-                    value: (_a = control.value) != null ? _a : "",
-                    placeholder: (_b = control.placeholder) != null ? _b : "Buscar",
+                    "aria-label": (_b = (_a = control.label) != null ? _a : control.placeholder) != null ? _b : "Buscar",
+                    "aria-describedby": control.label ? `${control.id}-label` : void 0,
+                    value: (_c = control.value) != null ? _c : "",
+                    placeholder: (_d = control.placeholder) != null ? _d : "Buscar",
                     onChange: (event) => handleControlChange(control, event),
-                    className: "field-keyboard-focus-ring h-10 rounded border border-field-border-default bg-field-surface px-3 text-sm text-field-content outline-none placeholder:text-field-placeholder focus:border-field-border-active"
+                    className: "field-keyboard-focus-ring h-10 rounded border border-field-border-default bg-field-surface px-3 text-sm text-field-content outline-none placeholder:text-field-placeholder focus:border-field-border-active focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
                   }
-                ) : /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1", children: (_c = control.optionList) == null ? void 0 : _c.map((option, index) => /* @__PURE__ */ jsxs17(
+                ) : /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1", children: (_e = control.optionList) == null ? void 0 : _e.map((option, index) => /* @__PURE__ */ jsxs17(
                   "label",
                   {
                     className: cs3(
@@ -2231,7 +2256,7 @@ function FilterView({
                           className: "peer sr-only",
                           value: option.value,
                           checked: control.value === option.value,
-                          name: `table-filter-${control.id}`,
+                          name: `table-filter-${groupName != null ? groupName : "default"}-${control.id}`,
                           onChange: (event) => handleControlChange(control, event)
                         }
                       ),
@@ -2239,7 +2264,7 @@ function FilterView({
                         "span",
                         {
                           "aria-hidden": "true",
-                          className: "radio-control-proxy mt-1"
+                          className: "radio-control-proxy mt-1 peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-focus-ring"
                         }
                       ),
                       /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1 mt-[4px]", children: option.label })
@@ -2259,6 +2284,9 @@ function FilterView({
     "div",
     {
       ref: containerRef,
+      id,
+      role: "dialog",
+      "aria-label": accessibleName != null ? accessibleName : "Filtros da tabela",
       className: "bg-surface-card rounded shadow-sm p-2 font-normal w-[calc(100vw-16px)] max-w-[320px] overflow-y-auto",
       children: optionList && optionList.map((option, index) => /* @__PURE__ */ jsxs17(
         "label",
@@ -2275,7 +2303,7 @@ function FilterView({
                 className: "peer sr-only",
                 value: option.value,
                 checked: optionChecked === option.value,
-                name: "table-filter",
+                name: `table-filter-${groupName != null ? groupName : "default"}`,
                 onChange: handleChangeCheckbox
               }
             ),
@@ -2283,7 +2311,7 @@ function FilterView({
               "span",
               {
                 "aria-hidden": "true",
-                className: "radio-control-proxy mt-1"
+                className: "radio-control-proxy mt-1 peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-focus-ring"
               }
             ),
             /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1", children: option.label })
@@ -2311,6 +2339,9 @@ function Filter(props) {
     FilterView_default,
     {
       optionList,
+      id: props.id,
+      accessibleName: props.accessibleName,
+      groupName: props.groupName,
       optionChecked,
       onChange,
       controls,
@@ -2359,8 +2390,7 @@ function TableView({
   density = "comfortable"
 }) {
   var _a, _b;
-  const breakpoint = useBreakpoint();
-  const isMobile = breakpoint === "mobile";
+  const tableId = useId2();
   const [openFilter, setOpenFilter] = useState3(null);
   const [filterMaxHeight, setFilterMaxHeight] = useState3();
   const [filterCoords, setFilterCoords] = useState3(null);
@@ -2368,6 +2398,7 @@ function TableView({
   const scrollContainerRef = useRef4(null);
   const tableWrapperRef = useRef4(null);
   const headerCellRefs = useRef4([]);
+  const filterTriggerRefs = useRef4([]);
   const filterRef = useRef4(null);
   useEffect7(() => {
     const wrapper = tableWrapperRef.current;
@@ -2383,6 +2414,21 @@ function TableView({
     updateWidth();
     return () => observer.disconnect();
   }, []);
+  useEffect7(() => {
+    if (openFilter === null) return;
+    const handleKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      setOpenFilter(null);
+      setFilterCoords(null);
+      window.requestAnimationFrame(() => {
+        var _a2;
+        (_a2 = filterTriggerRefs.current[openFilter]) == null ? void 0 : _a2.focus();
+      });
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [openFilter]);
   useEffect7(() => {
     const updateFilterMaxHeight = () => {
       var _a2;
@@ -2400,6 +2446,7 @@ function TableView({
     const handleClickOutside = (event) => {
       if (tableWrapperRef.current && !tableWrapperRef.current.contains(event.target)) {
         setOpenFilter(null);
+        setFilterCoords(null);
       }
     };
     document.addEventListener("mousedown", handleClickOutside);
@@ -2412,6 +2459,16 @@ function TableView({
     filterRef.current.style.top = `${filterCoords.top}px`;
     filterRef.current.style.left = typeof filterCoords.left === "number" ? `${filterCoords.left}px` : "";
   }, [filterCoords]);
+  useEffect7(() => {
+    if (openFilter === null) return;
+    const frame = window.requestAnimationFrame(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = filterRef.current) == null ? void 0 : _a2.querySelector(
+        "input, button, [tabindex]:not([tabindex='-1'])"
+      )) == null ? void 0 : _b2.focus();
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, [openFilter]);
   const handleOpenFilter = (index) => {
     var _a2, _b2;
     const next = openFilter === index ? null : index;
@@ -2438,6 +2495,17 @@ function TableView({
       setFilterCoords(null);
     }
   };
+  const closeFilterAndRestoreFocus = () => {
+    const activeFilter = openFilter;
+    setOpenFilter(null);
+    setFilterCoords(null);
+    if (activeFilter !== null) {
+      window.requestAnimationFrame(() => {
+        var _a2;
+        (_a2 = filterTriggerRefs.current[activeFilter]) == null ? void 0 : _a2.focus();
+      });
+    }
+  };
   const hasFilterEnabled = (item) => {
     var _a2, _b2, _c, _d;
     return Boolean(((_b2 = (_a2 = item.filters) == null ? void 0 : _a2.optionList) == null ? void 0 : _b2.length) || ((_d = (_c = item.filters) == null ? void 0 : _c.controls) == null ? void 0 : _d.length));
@@ -2517,7 +2585,7 @@ function TableView({
     return `${widthUnits / resolvedTotalWidthUnits * 100}%`;
   };
   const isNarrowContainer = tableWidth !== void 0 && tableWidth < 640;
-  const paginationVariant = isMobile || isNarrowContainer ? "arrows" : (_a = pagination == null ? void 0 : pagination.variant) != null ? _a : "default";
+  const paginationVariant = 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;
@@ -2536,6 +2604,7 @@ function TableView({
             "data-row-variant": rowVariant,
             "data-header-variant": headerVariant,
             "data-table-density": density,
+            "data-responsive-mode": overflowMode,
             style: { maxHeight: resolvedScrollAreaMaxHeight },
             className: `min-h-0 min-w-0 flex-1 overflow-y-auto ${overflowClass}`,
             children: /* @__PURE__ */ jsxs18(
@@ -2565,6 +2634,10 @@ function TableView({
                           {
                             type: "button",
                             "aria-expanded": openFilter === index,
+                            "aria-controls": openFilter === index ? `${tableId}-filter-${index}` : void 0,
+                            ref: (element) => {
+                              filterTriggerRefs.current[index] = element;
+                            },
                             "aria-label": `Filtrar ou ordenar por ${item.title}`,
                             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),
@@ -2593,11 +2666,20 @@ function TableView({
         openFilter !== null && filterCoords && ((_b = header[openFilter]) == null ? void 0 : _b.filters) && /* @__PURE__ */ jsx33("div", { ref: filterRef, className: "absolute z-popover", children: /* @__PURE__ */ jsx33(
           Filter_default,
           {
+            id: `${tableId}-filter-${openFilter}`,
+            accessibleName: `Filtros da coluna ${header[openFilter].title}`,
+            groupName: `${tableId}-${openFilter}`,
             optionChecked: header[openFilter].filters.optionChecked,
             optionList: header[openFilter].filters.optionList,
             controls: header[openFilter].filters.controls,
-            onChange: (value) => handleFilterChange(header[openFilter], value),
-            onControlChange: (control, value) => handleFilterChange(header[openFilter], value, control),
+            onChange: (value) => {
+              handleFilterChange(header[openFilter], value);
+              closeFilterAndRestoreFocus();
+            },
+            onControlChange: (control, value) => {
+              handleFilterChange(header[openFilter], value, control);
+              if (control.type !== "search") closeFilterAndRestoreFocus();
+            },
             maxHeight: filterMaxHeight
           }
         ) }),
@@ -2697,9 +2779,7 @@ function Table(props) {
     headerVariant = "default",
     density = "comfortable"
   } = props;
-  const breakpoint = useBreakpoint();
-  const tableId = useId2();
-  const isMobile = breakpoint === "mobile";
+  const tableId = useId3();
   const resolvedOverflowMode = overflowMode != null ? overflowMode : data ? "adaptive" : "scroll";
   const resolvedAdaptiveBreakpoint = adaptiveBreakpoint != null ? adaptiveBreakpoint : Math.min(920, 320 + Math.max(header.length - 2, 0) * 120);
   const [currentPage, setCurrentPage] = useState4(1);
@@ -2708,6 +2788,7 @@ function Table(props) {
     () => (expandable == null ? void 0 : expandable.expandedRowId) !== null && (expandable == null ? void 0 : expandable.expandedRowId) !== void 0 ? String(expandable.expandedRowId) : null
   );
   const [closingExpandedRowId, setClosingExpandedRowId] = useState4(null);
+  const safeItemsPerPage = Number.isFinite(itemsPerPage) ? Math.max(1, Math.floor(itemsPerPage)) : 10;
   const normalizedHeader = useMemo2(() => {
     return header.map((item) => {
       const typedItem = item;
@@ -2720,7 +2801,7 @@ function Table(props) {
     if (!data) {
       return normalizedHeader;
     }
-    return normalizedHeader.map((item, columnIndex) => {
+    return normalizedHeader.map((item) => {
       var _a2, _b;
       const controls = (_b = (_a2 = item.filters) == null ? void 0 : _a2.controls) == null ? void 0 : _b.map((control) => {
         var _a3, _b2;
@@ -2833,10 +2914,10 @@ function Table(props) {
   const internalPagination = useMemo2(() => {
     if (!data) return null;
     const totalItems = filteredAndSortedData.length;
-    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+    const totalPages = Math.max(1, Math.ceil(totalItems / safeItemsPerPage));
     const safeCurrentPage = Math.min(currentPage, totalPages);
-    const startIndex = (safeCurrentPage - 1) * itemsPerPage;
-    const endIndex = startIndex + itemsPerPage;
+    const startIndex = (safeCurrentPage - 1) * safeItemsPerPage;
+    const endIndex = startIndex + safeItemsPerPage;
     return {
       currentPage: safeCurrentPage,
       totalPages,
@@ -2845,7 +2926,7 @@ function Table(props) {
       endItem: Math.min(endIndex, totalItems),
       pageData: filteredAndSortedData.slice(startIndex, endIndex)
     };
-  }, [currentPage, data, filteredAndSortedData, itemsPerPage]);
+  }, [currentPage, data, filteredAndSortedData, safeItemsPerPage]);
   const managedCellClassName = density === "compact" ? "px-3 py-1.5 text-sm text-content-primary" : "px-4 py-2 text-sm text-content-primary";
   const expandedContentClassName = density === "compact" ? "bg-surface-card px-3 py-3" : "bg-surface-card px-4 py-4";
   const emptyCellClassName = density === "compact" ? "px-3 py-4 text-center text-sm text-content-muted" : "px-4 py-6 text-center text-sm text-content-muted";
@@ -2912,7 +2993,7 @@ function Table(props) {
                         "aria-label": `Detalhes da linha ${rowNumber}`,
                         "aria-describedby": expandedContentId,
                         "aria-hidden": !isExpanded || isClosingExpandedRow || void 0,
-                        className: `overflow-hidden transition-all duration-200 ease-out ${isExpanded && !isClosingExpandedRow ? "max-h-[1200px] opacity-100" : "max-h-0 opacity-0"}`,
+                        className: `overflow-hidden transition-all duration-200 ease-out motion-reduce:transition-none ${isExpanded && !isClosingExpandedRow ? "max-h-[1200px] opacity-100" : "max-h-0 opacity-0"}`,
                         children: /* @__PURE__ */ jsx34("div", { id: expandedContentId, children: expandable.renderExpandedRow(item, index) })
                       }
                     )
@@ -2957,16 +3038,16 @@ function Table(props) {
     totalItems: internalPagination.totalItems,
     startItem: internalPagination.startItem,
     endItem: internalPagination.endItem,
-    variant: isMobile ? "arrows" : paginationVariant,
+    variant: paginationVariant,
     onPrevious: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
     onNext: () => setCurrentPage(
       (prev) => Math.min(prev + 1, internalPagination.totalPages)
     )
   } : pagination ? __spreadProps(__spreadValues({}, pagination), {
-    variant: isMobile ? "arrows" : (_a = pagination.variant) != null ? _a : "default"
+    variant: (_a = pagination.variant) != null ? _a : "default"
   }) : pagination;
   const resolvedShowPagination = data ? Boolean(
-    internalPagination && internalPagination.totalItems > itemsPerPage
+    internalPagination && internalPagination.totalItems > safeItemsPerPage
   ) : showPagination;
   const handleInternalFilterChange = (columnKey, controlId, value) => {
     setFilterValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -3014,7 +3095,7 @@ function Table(props) {
 var Table_default = Table;
 
 // src/components/table/MobileCardTable.tsx
-import { useEffect as useEffect9, useId as useId3, useMemo as useMemo3, useState as useState5 } from "react";
+import { useEffect as useEffect9, useId as useId4, useMemo as useMemo3, useState as useState5 } from "react";
 import { MdKeyboardArrowLeft as MdKeyboardArrowLeft2, MdKeyboardArrowRight as MdKeyboardArrowRight2 } from "react-icons/md";
 import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 function MobileCardTable({
@@ -3031,7 +3112,7 @@ function MobileCardTable({
   showPagination = true,
   expandable
 }) {
-  const listId = useId3();
+  const listId = useId4();
   const [currentPage, setCurrentPage] = useState5(1);
   const [visibleExpandedRowId, setVisibleExpandedRowId] = useState5(
     () => (expandable == null ? void 0 : expandable.expandedRowId) !== null && (expandable == null ? void 0 : expandable.expandedRowId) !== void 0 ? String(expandable.expandedRowId) : null
@@ -3043,12 +3124,13 @@ function MobileCardTable({
     () => Array.isArray(data) ? data : [],
     [data]
   );
+  const safeItemsPerPage = Number.isFinite(itemsPerPage) ? Math.max(1, Math.floor(itemsPerPage)) : 10;
   const pagination = useMemo3(() => {
     const totalItems = normalizedData.length;
-    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+    const totalPages = Math.max(1, Math.ceil(totalItems / safeItemsPerPage));
     const safeCurrentPage = Math.min(currentPage, totalPages);
-    const startIndex = (safeCurrentPage - 1) * itemsPerPage;
-    const endIndex = startIndex + itemsPerPage;
+    const startIndex = (safeCurrentPage - 1) * safeItemsPerPage;
+    const endIndex = startIndex + safeItemsPerPage;
     return {
       currentPage: safeCurrentPage,
       totalPages,
@@ -3057,7 +3139,7 @@ function MobileCardTable({
       endItem: Math.min(endIndex, totalItems),
       pageData: normalizedData.slice(startIndex, endIndex)
     };
-  }, [currentPage, normalizedData, itemsPerPage]);
+  }, [currentPage, normalizedData, safeItemsPerPage]);
   useEffect9(() => {
     setCurrentPage(1);
   }, [normalizedData]);
@@ -3137,7 +3219,7 @@ function MobileCardTable({
                           "aria-label": `Detalhes do item ${itemNumber}`,
                           "aria-describedby": expandedContentId,
                           "aria-hidden": !isExpanded || isClosingExpandedRow || void 0,
-                          className: `overflow-hidden transition-all duration-200 ease-out ${isExpanded && !isClosingExpandedRow ? "max-h-[1200px] opacity-100" : "max-h-0 opacity-0"}`,
+                          className: `overflow-hidden transition-all duration-200 ease-out motion-reduce:transition-none ${isExpanded && !isClosingExpandedRow ? "max-h-[1200px] opacity-100" : "max-h-0 opacity-0"}`,
                           children: /* @__PURE__ */ jsx35("div", { id: expandedContentId, children: expandable.renderExpandedRow(item, index) })
                         }
                       )
@@ -3158,7 +3240,7 @@ function MobileCardTable({
         ]
       }
     ),
-    showPagination && pagination.totalItems > itemsPerPage && /* @__PURE__ */ jsxs20("div", { className: "mt-4 flex flex-col items-center justify-center gap-3 text-center", children: [
+    showPagination && pagination.totalItems > safeItemsPerPage && /* @__PURE__ */ jsxs20("div", { className: "mt-4 flex flex-col items-center justify-center gap-3 text-center", children: [
       /* @__PURE__ */ jsxs20(
         "p",
         {
@@ -3225,27 +3307,43 @@ function MobileCardTable({
 var MobileCardTable_default = MobileCardTable;
 
 // src/hooks/useContainerBreakpoint.ts
-import { useEffect as useEffect10, useState as useState6 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo4, useState as useState6 } from "react";
 var defaultContainerBreakpoints = {
   mobile: 0,
   tablet: 640,
   desktop: 1024,
   wide: 1440
 };
+function resolveContainerBreakpoint(width, breakpoints = defaultContainerBreakpoints) {
+  const entries = Object.entries(breakpoints).sort(
+    ([, first], [, second]) => first === second ? 0 : first - second
+  );
+  return entries.reduce(
+    (result, [name, threshold]) => width >= threshold ? name : result,
+    void 0
+  );
+}
+function getBreakpointMapKey(breakpoints) {
+  return Object.entries(breakpoints).sort(([first], [second]) => first.localeCompare(second)).map(([name, threshold]) => `${name}:${threshold}`).join("|");
+}
 function useContainerBreakpoint(ref, options = {}) {
   var _a;
   const thresholds = (_a = options.breakpoints) != null ? _a : defaultContainerBreakpoints;
+  const thresholdsKey = getBreakpointMapKey(thresholds);
+  const sortedThresholds = useMemo4(
+    () => Object.entries(thresholds).sort(
+      ([, first], [, second]) => first === second ? 0 : first - second
+    ),
+    [thresholdsKey]
+  );
   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 resolve = (width) => sortedThresholds.reduce(
+      (result, [name, threshold]) => width >= threshold ? name : result,
+      void 0
+    );
     const update = () => setCurrent(resolve(element.getBoundingClientRect().width));
     if (typeof ResizeObserver === "undefined") {
       update();
@@ -3255,7 +3353,7 @@ function useContainerBreakpoint(ref, options = {}) {
     observer.observe(element);
     update();
     return () => observer.disconnect();
-  }, [ref, thresholds]);
+  }, [ref, sortedThresholds]);
   return current;
 }
 
@@ -3286,6 +3384,8 @@ export {
   InfoGrid,
   InfoItem,
   FilterBar,
+  normalizeStatus,
+  resolveStatusAppearance,
   StatusBadge,
   getStatusBadgeClassName,
   DomainStatusBadge,
@@ -3295,6 +3395,7 @@ export {
   FormErrorNavigation,
   Table_default,
   MobileCardTable_default,
+  resolveContainerBreakpoint,
   useContainerBreakpoint
 };
-//# sourceMappingURL=chunk-PIXRKI25.js.map
+//# sourceMappingURL=chunk-LTW323JQ.js.map