analytica-frontend-lib 1.2.21 → 1.2.22

package/dist/index.mjs

@@ -2772,13 +2772,12 @@ var Divider_default = Divider;
 
 // src/components/Table/Table.tsx
 import {
-  forwardRef as forwardRef8,
+  forwardRef as forwardRef9,
   useState as useState8,
   useMemo as useMemo6,
   useEffect as useEffect7,
   Children as Children2,
-  isValidElement as isValidElement2,
-  cloneElement as cloneElement2
+  isValidElement as isValidElement2
 } from "react";
 import { CaretUp, CaretDown as CaretDown2 } from "phosphor-react";
 
@@ -2811,9 +2810,161 @@ var NoSearchResult = ({ image, title, description }) => {
 };
 var NoSearchResult_default = NoSearchResult;
 
+// src/components/Skeleton/Skeleton.tsx
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+var SKELETON_ANIMATION_CLASSES = {
+  pulse: "animate-pulse",
+  none: ""
+};
+var SKELETON_VARIANT_CLASSES = {
+  text: "h-4 bg-background-200 rounded",
+  circular: "bg-background-200 rounded-full",
+  rectangular: "bg-background-200",
+  rounded: "bg-background-200 rounded-lg"
+};
+var SPACING_CLASSES = {
+  none: "",
+  small: "space-y-1",
+  medium: "space-y-2",
+  large: "space-y-3"
+};
+var Skeleton = forwardRef8(
+  ({
+    variant = "text",
+    width,
+    height,
+    animation = "pulse",
+    lines = 1,
+    spacing = "none",
+    className = "",
+    children,
+    ...props
+  }, ref) => {
+    const animationClass = SKELETON_ANIMATION_CLASSES[animation];
+    const variantClass = SKELETON_VARIANT_CLASSES[variant];
+    const spacingClass = SPACING_CLASSES[spacing];
+    const style = {
+      width: typeof width === "number" ? `${width}px` : width,
+      height: typeof height === "number" ? `${height}px` : height
+    };
+    if (variant === "text" && lines > 1) {
+      return /* @__PURE__ */ jsx23(
+        "div",
+        {
+          ref,
+          className: cn("flex flex-col", spacingClass, className),
+          ...props,
+          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx23(
+            "div",
+            {
+              className: cn(variantClass, animationClass),
+              style: index === lines - 1 ? { width: "60%" } : void 0
+            },
+            index
+          ))
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx23(
+      "div",
+      {
+        ref,
+        className: cn(variantClass, animationClass, className),
+        style,
+        ...props,
+        children
+      }
+    );
+  }
+);
+var SkeletonText = forwardRef8(
+  (props, ref) => /* @__PURE__ */ jsx23(Skeleton, { ref, variant: "text", ...props })
+);
+var SkeletonCircle = forwardRef8((props, ref) => /* @__PURE__ */ jsx23(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = forwardRef8((props, ref) => /* @__PURE__ */ jsx23(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = forwardRef8((props, ref) => /* @__PURE__ */ jsx23(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = forwardRef8(
+  ({
+    showAvatar = true,
+    showTitle = true,
+    showDescription = true,
+    showActions = true,
+    lines = 2,
+    className = "",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        ref,
+        className: cn(
+          "w-full p-4 bg-background border border-border-200 rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-start space-x-3", children: [
+            showAvatar && /* @__PURE__ */ jsx23(SkeletonCircle, { width: 40, height: 40 }),
+            /* @__PURE__ */ jsxs18("div", { className: "flex-1 space-y-2", children: [
+              showTitle && /* @__PURE__ */ jsx23(SkeletonText, { width: "60%", height: 20 }),
+              showDescription && /* @__PURE__ */ jsx23(SkeletonText, { lines, spacing: "small" })
+            ] })
+          ] }),
+          showActions && /* @__PURE__ */ jsxs18("div", { className: "flex justify-end space-x-2 mt-4", children: [
+            /* @__PURE__ */ jsx23(SkeletonRectangle, { width: 80, height: 32 }),
+            /* @__PURE__ */ jsx23(SkeletonRectangle, { width: 80, height: 32 })
+          ] })
+        ]
+      }
+    );
+  }
+);
+var SkeletonList = forwardRef8(
+  ({
+    items = 3,
+    showAvatar = true,
+    showTitle = true,
+    showDescription = true,
+    lines = 1,
+    className = "",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx23("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs18("div", { className: "flex items-start space-x-3 p-3", children: [
+      showAvatar && /* @__PURE__ */ jsx23(SkeletonCircle, { width: 32, height: 32 }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex-1 space-y-2", children: [
+        showTitle && /* @__PURE__ */ jsx23(SkeletonText, { width: "40%", height: 16 }),
+        showDescription && /* @__PURE__ */ jsx23(SkeletonText, { lines, spacing: "small" })
+      ] })
+    ] }, index)) });
+  }
+);
+var SkeletonTable = forwardRef8(
+  ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
+    return /* @__PURE__ */ jsxs18("div", { ref, className: cn("w-full", className), ...props, children: [
+      showHeader && /* @__PURE__ */ jsx23("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx23(
+        SkeletonText,
+        {
+          width: `${100 / columns}%`,
+          height: 20
+        },
+        index
+      )) }),
+      /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx23("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx23(
+        SkeletonText,
+        {
+          width: `${100 / columns}%`,
+          height: 16
+        },
+        colIndex
+      )) }, rowIndex)) })
+    ] });
+  }
+);
+
 // src/components/Table/TablePagination.tsx
 import { CaretLeft as CaretLeft2, CaretRight as CaretRight2, CaretDown } from "phosphor-react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var TablePagination = ({
   totalItems,
   currentPage,
@@ -2844,7 +2995,7 @@ var TablePagination = ({
   };
   const isFirstPage = currentPage === 1;
   const isLastPage = currentPage === totalPages;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -2854,29 +3005,29 @@ var TablePagination = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs18("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
+        /* @__PURE__ */ jsxs19("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
           startItem,
           " de ",
           totalItems,
           " ",
           itemLabel
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start", children: [
-          onItemsPerPageChange && /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start", children: [
+          onItemsPerPageChange && /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx24(
               "select",
               {
                 value: itemsPerPage,
                 onChange: handleItemsPerPageChange,
                 className: "w-24 h-9 py-0 px-3 pr-8 bg-background border border-border-300 rounded appearance-none cursor-pointer font-normal text-sm leading-[21px] text-text-900",
                 "aria-label": "Items por p\xE1gina",
-                children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxs18("option", { value: option, children: [
+                children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxs19("option", { value: option, children: [
                   option,
                   " itens"
                 ] }, option))
               }
             ),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(
               CaretDown,
               {
                 size: 14,
@@ -2885,13 +3036,13 @@ var TablePagination = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs18("span", { className: "font-normal text-xs leading-[14px] text-text-950", children: [
+          /* @__PURE__ */ jsxs19("span", { className: "font-normal text-xs leading-[14px] text-text-950", children: [
             "P\xE1gina ",
             currentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19(
             "button",
             {
               onClick: handlePrevious,
@@ -2902,12 +3053,12 @@ var TablePagination = ({
               ),
               "aria-label": "P\xE1gina anterior",
               children: [
-                /* @__PURE__ */ jsx23(CaretLeft2, { size: 12, weight: "bold", className: "text-primary-950" }),
-                /* @__PURE__ */ jsx23("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Anterior" })
+                /* @__PURE__ */ jsx24(CaretLeft2, { size: 12, weight: "bold", className: "text-primary-950" }),
+                /* @__PURE__ */ jsx24("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Anterior" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19(
             "button",
             {
               onClick: handleNext2,
@@ -2918,8 +3069,8 @@ var TablePagination = ({
               ),
               "aria-label": "Pr\xF3xima p\xE1gina",
               children: [
-                /* @__PURE__ */ jsx23("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Pr\xF3xima" }),
-                /* @__PURE__ */ jsx23(CaretRight2, { size: 12, weight: "bold", className: "text-primary-950" })
+                /* @__PURE__ */ jsx24("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Pr\xF3xima" }),
+                /* @__PURE__ */ jsx24(CaretRight2, { size: 12, weight: "bold", className: "text-primary-950" })
               ]
             }
           )
@@ -2932,7 +3083,7 @@ TablePagination.displayName = "TablePagination";
 var TablePagination_default = TablePagination;
 
 // src/components/Table/Table.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function useTableSort(data, options = {}) {
   const { syncWithUrl = false } = options;
   const getInitialState = () => {
@@ -3002,121 +3153,157 @@ function useTableSort(data, options = {}) {
   }, [data, sortColumn, sortDirection]);
   return { sortedData, sortColumn, sortDirection, handleSort };
 }
-var Table = forwardRef8(
+var renderHeaderElements = (children) => {
+  return Children2.map(children, (child) => {
+    if (isValidElement2(child) && (child.type === TableCaption || child.type === TableHeader)) {
+      return child;
+    }
+    return null;
+  });
+};
+var getNoSearchResultContent = (config, defaultTitle, defaultDescription) => {
+  if (config.component) {
+    return config.component;
+  }
+  if (config.image) {
+    return /* @__PURE__ */ jsx25(
+      NoSearchResult_default,
+      {
+        image: config.image,
+        title: config.title || defaultTitle,
+        description: config.description || defaultDescription
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs20("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx25("p", { className: "text-text-600 text-lg font-semibold mb-2", children: config.title || defaultTitle }),
+    /* @__PURE__ */ jsx25("p", { className: "text-text-500 text-sm", children: config.description || defaultDescription })
+  ] });
+};
+var getEmptyStateContent = (config, defaultMessage, defaultButtonText, onButtonClick) => {
+  if (config?.component) {
+    return config.component;
+  }
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center justify-center gap-4", children: [
+    config?.image && /* @__PURE__ */ jsx25(
+      "img",
+      {
+        src: config.image,
+        alt: "Empty state",
+        className: "w-auto h-auto max-w-full"
+      }
+    ),
+    /* @__PURE__ */ jsx25("p", { className: "text-text-600 text-base font-normal", children: config?.message || defaultMessage }),
+    (config?.onButtonClick || onButtonClick) && /* @__PURE__ */ jsx25(
+      Button_default,
+      {
+        variant: "solid",
+        action: "primary",
+        size: "medium",
+        onClick: config?.onButtonClick || onButtonClick,
+        children: config?.buttonText || defaultButtonText
+      }
+    )
+  ] });
+};
+var renderTableWrapper = (variant, tableRef, className, children, stateContent, tableProps) => {
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: cn(
+        "relative w-full overflow-x-auto",
+        variant === "default" && "border border-border-200 rounded-xl"
+      ),
+      children: [
+        /* @__PURE__ */ jsx25(
+          "table",
+          {
+            ref: tableRef,
+            className: cn(
+              "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+              className
+            ),
+            ...tableProps,
+            children: renderHeaderElements(children)
+          }
+        ),
+        /* @__PURE__ */ jsx25("div", { className: "py-8 flex justify-center", children: stateContent })
+      ]
+    }
+  );
+};
+var Table = forwardRef9(
   ({
     variant = "default",
     className,
     children,
-    searchTerm,
-    noSearchResultImage,
-    noSearchResultTitle = "Nenhum resultado encontrado",
-    noSearchResultDescription = "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.",
-    emptyStateMessage = "Nenhum dado dispon\xEDvel no momento.",
-    emptyStateButtonText = "Adicionar item",
-    onEmptyStateButtonClick,
+    showLoading = false,
+    loadingState,
+    showNoSearchResult = false,
+    noSearchResultState,
+    showEmpty = false,
+    emptyState,
     ...props
   }, ref) => {
-    const isTableBodyEmpty = useMemo6(() => {
-      let foundBody = false;
-      let empty = true;
-      Children2.forEach(children, (child) => {
-        if (isValidElement2(child) && child.type === TableBody) {
-          foundBody = true;
-          const bodyProps = child.props;
-          if (Children2.count(bodyProps?.children) > 0) {
-            empty = false;
-          }
-        }
-      });
-      return foundBody ? empty : false;
-    }, [children]);
-    const columnCount = useMemo6(() => {
-      let count = 0;
-      Children2.forEach(children, (child) => {
-        if (isValidElement2(child) && child.type === TableHeader) {
-          const headerProps = child.props;
-          Children2.forEach(headerProps.children, (row) => {
-            if (isValidElement2(row) && row.type === TableRow) {
-              const rowProps = row.props;
-              count = Children2.count(rowProps.children);
-            }
-          });
-        }
-      });
-      return count || 1;
-    }, [children]);
-    const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
-    const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;
-    const showEmptyState = !hasSearchTerm && isTableBodyEmpty;
+    const defaultNoSearchResultState = {
+      title: "Nenhum resultado encontrado",
+      description: "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave."
+    };
+    const defaultEmptyState = {
+      message: "Nenhum dado dispon\xEDvel no momento.",
+      buttonText: "Adicionar item"
+    };
+    const finalNoSearchResultState = noSearchResultState || defaultNoSearchResultState;
+    const finalEmptyState = emptyState || defaultEmptyState;
+    if (showLoading) {
+      const loadingContent = loadingState?.component || /* @__PURE__ */ jsx25(SkeletonTable, { rows: 5, columns: 4, showHeader: false });
+      return renderTableWrapper(
+        variant,
+        ref,
+        className,
+        children,
+        loadingContent,
+        props
+      );
+    }
     if (showNoSearchResult) {
-      return /* @__PURE__ */ jsxs19(
-        "div",
-        {
-          className: cn(
-            "relative w-full overflow-x-auto",
-            variant === "default" && "border border-border-200 rounded-xl"
-          ),
-          children: [
-            /* @__PURE__ */ jsx24(
-              "table",
-              {
-                ref,
-                className: cn(
-                  "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
-                  className
-                ),
-                ...props,
-                children: Children2.map(children, (child) => {
-                  if (isValidElement2(child) && (child.type === TableCaption || child.type === TableHeader)) {
-                    return child;
-                  }
-                  return null;
-                })
-              }
-            ),
-            /* @__PURE__ */ jsx24("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ jsx24(
-              NoSearchResult_default,
-              {
-                image: noSearchResultImage,
-                title: noSearchResultTitle,
-                description: noSearchResultDescription
-              }
-            ) : /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
-              /* @__PURE__ */ jsx24("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
-              /* @__PURE__ */ jsx24("p", { className: "text-text-500 text-sm", children: noSearchResultDescription })
-            ] }) })
-          ]
-        }
+      const noSearchContent = getNoSearchResultContent(
+        finalNoSearchResultState,
+        defaultNoSearchResultState.title || "",
+        defaultNoSearchResultState.description || ""
+      );
+      return renderTableWrapper(
+        variant,
+        ref,
+        className,
+        children,
+        noSearchContent,
+        props
       );
     }
-    const modifiedChildren = Children2.map(children, (child) => {
-      if (isValidElement2(child) && child.type === TableBody && showEmptyState) {
-        return cloneElement2(child, {
-          children: /* @__PURE__ */ jsx24(TableRow, { variant, children: /* @__PURE__ */ jsx24(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
-            /* @__PURE__ */ jsx24("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
-            onEmptyStateButtonClick && /* @__PURE__ */ jsx24(
-              Button_default,
-              {
-                variant: "solid",
-                action: "primary",
-                size: "medium",
-                onClick: onEmptyStateButtonClick,
-                children: emptyStateButtonText
-              }
-            )
-          ] }) }) })
-        });
-      }
-      return child;
-    });
-    return /* @__PURE__ */ jsx24(
+    if (showEmpty) {
+      const emptyContent = getEmptyStateContent(
+        finalEmptyState,
+        defaultEmptyState.message || "Nenhum dado dispon\xEDvel no momento.",
+        defaultEmptyState.buttonText || "Adicionar item"
+      );
+      return renderTableWrapper(
+        variant,
+        ref,
+        className,
+        children,
+        emptyContent,
+        props
+      );
+    }
+    return /* @__PURE__ */ jsx25(
       "div",
       {
         className: cn(
           "relative w-full overflow-x-auto",
           variant === "default" && "border border-border-200 rounded-xl"
         ),
-        children: /* @__PURE__ */ jsxs19(
+        children: /* @__PURE__ */ jsxs20(
           "table",
           {
             ref,
@@ -3130,8 +3317,8 @@ var Table = forwardRef8(
             children: [
               !Children2.toArray(children).some(
                 (child) => isValidElement2(child) && child.type === TableCaption
-              ) && /* @__PURE__ */ jsx24("caption", { className: "sr-only", children: "My Table" }),
-              modifiedChildren
+              ) && /* @__PURE__ */ jsx25("caption", { className: "sr-only", children: "My Table" }),
+              children
             ]
           }
         )
@@ -3140,7 +3327,7 @@ var Table = forwardRef8(
   }
 );
 Table.displayName = "Table";
-var TableHeader = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableHeader = forwardRef9(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "thead",
   {
     ref,
@@ -3149,8 +3336,8 @@ var TableHeader = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = forwardRef8(
-  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableBody = forwardRef9(
+  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx25(
     "tbody",
     {
       ref,
@@ -3164,8 +3351,8 @@ var TableBody = forwardRef8(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = forwardRef8(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableFooter = forwardRef9(
+  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx25(
     "tfoot",
     {
       ref,
@@ -3201,7 +3388,7 @@ var VARIANT_STATES_ROW = {
     borderless: "bg-background-50 opacity-50 cursor-not-allowed"
   }
 };
-var TableRow = forwardRef8(
+var TableRow = forwardRef9(
   ({
     variant = "default",
     state = "default",
@@ -3209,7 +3396,7 @@ var TableRow = forwardRef8(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       "tr",
       {
         ref,
@@ -3227,7 +3414,7 @@ var TableRow = forwardRef8(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = forwardRef8(
+var TableHead = forwardRef9(
   ({
     className,
     sortable = true,
@@ -3241,7 +3428,7 @@ var TableHead = forwardRef8(
         onSort();
       }
     };
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       "th",
       {
         ref,
@@ -3252,11 +3439,11 @@ var TableHead = forwardRef8(
         ),
         onClick: handleClick,
         ...props,
-        children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
           children,
-          sortable && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col", children: [
-            sortDirection === "asc" && /* @__PURE__ */ jsx24(CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
-            sortDirection === "desc" && /* @__PURE__ */ jsx24(CaretDown2, { size: 16, weight: "fill", className: "text-text-800" })
+          sortable && /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ jsx25(CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ jsx25(CaretDown2, { size: 16, weight: "fill", className: "text-text-800" })
           ] })
         ] })
       }
@@ -3264,7 +3451,7 @@ var TableHead = forwardRef8(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableCell = forwardRef9(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "td",
   {
     ref,
@@ -3276,7 +3463,7 @@ var TableCell = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */ js
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = forwardRef8(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableCaption = forwardRef9(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "caption",
   {
     ref,
@@ -3292,7 +3479,7 @@ var Table_default = Table;
 
 // src/components/AlertManagerView/AlertsManagerView.tsx
 import { CaretLeft as CaretLeft3, CaretRight as CaretRight3, User } from "phosphor-react";
-import { Fragment, jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var AlertsManagerView = ({
   alertData,
   isOpen = false,
@@ -3321,7 +3508,7 @@ var AlertsManagerView = ({
       year: "numeric"
     });
   };
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Modal_default,
     {
       isOpen,
@@ -3329,59 +3516,59 @@ var AlertsManagerView = ({
       title: alertData.title,
       size: "md",
       contentClassName: "p-0",
-      children: /* @__PURE__ */ jsx25("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ jsxs20("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
-          (imageLink || alertData.image || defaultImage) && /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx26("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ jsxs21("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
+          (imageLink || alertData.image || defaultImage) && /* @__PURE__ */ jsx26(
             "img",
             {
               src: imageLink || alertData.image || defaultImage || void 0,
               alt: alertData.title || "Imagem do alerta"
             }
           ),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center text-center gap-3", children: [
-            /* @__PURE__ */ jsx25(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
-            /* @__PURE__ */ jsx25(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center text-center gap-3", children: [
+            /* @__PURE__ */ jsx26(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
+            /* @__PURE__ */ jsx26(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx25(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ jsxs20("div", { className: "flex justify-between items-center mb-4 px-2", children: [
-          /* @__PURE__ */ jsx25(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
-          /* @__PURE__ */ jsx25(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
+        /* @__PURE__ */ jsx26(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center mb-4 px-2", children: [
+          /* @__PURE__ */ jsx26(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
+          /* @__PURE__ */ jsx26(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
         ] }),
-        /* @__PURE__ */ jsx25(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ jsx25("div", { className: "mb-4", children: /* @__PURE__ */ jsxs20(Table_default, { variant: "borderless", className: "table-fixed", children: [
-          /* @__PURE__ */ jsx25(TableHeader, { children: /* @__PURE__ */ jsxs20(TableRow, { variant: "borderless", children: [
-            /* @__PURE__ */ jsx25(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
-            /* @__PURE__ */ jsx25(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
+        /* @__PURE__ */ jsx26(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ jsx26("div", { className: "mb-4", children: /* @__PURE__ */ jsxs21(Table_default, { variant: "borderless", className: "table-fixed", children: [
+          /* @__PURE__ */ jsx26(TableHeader, { children: /* @__PURE__ */ jsxs21(TableRow, { variant: "borderless", children: [
+            /* @__PURE__ */ jsx26(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
+            /* @__PURE__ */ jsx26(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
           ] }) }),
-          /* @__PURE__ */ jsx25(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ jsxs20(TableRow, { children: [
-            /* @__PURE__ */ jsxs20(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
-              /* @__PURE__ */ jsx25("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx25(User, { className: "text-primary-950", size: 18 }) }),
+          /* @__PURE__ */ jsx26(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ jsxs21(TableRow, { children: [
+            /* @__PURE__ */ jsxs21(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
+              /* @__PURE__ */ jsx26("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx26(User, { className: "text-primary-950", size: 18 }) }),
               recipient.name
             ] }),
-            /* @__PURE__ */ jsx25(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ jsx25("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ jsx25(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ jsx25(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
+            /* @__PURE__ */ jsx26(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ jsx26("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ jsx26(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ jsx26(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
           ] }, recipient.id)) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ jsxs20("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
-          /* @__PURE__ */ jsxs20(Text_default, { size: "sm", className: "text-text-600", children: [
+        totalPages > 1 && /* @__PURE__ */ jsxs21("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
+          /* @__PURE__ */ jsxs21(Text_default, { size: "sm", className: "text-text-600", children: [
             "P\xE1gina ",
             effectiveCurrentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ jsx25("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ jsxs20(Fragment, { children: [
-            /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ jsxs21(Fragment, { children: [
+            /* @__PURE__ */ jsx26(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 onClick: () => onPageChange(Math.max(1, effectiveCurrentPage - 1)),
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ jsx25(CaretLeft3, {}),
+                iconLeft: /* @__PURE__ */ jsx26(CaretLeft3, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Button_default,
               {
                 variant: "link",
@@ -3390,28 +3577,28 @@ var AlertsManagerView = ({
                   Math.min(totalPages, effectiveCurrentPage + 1)
                 ),
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ jsx25(CaretRight3, {}),
+                iconRight: /* @__PURE__ */ jsx26(CaretRight3, {}),
                 children: "Pr\xF3ximo"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs20(Fragment, { children: [
-            /* @__PURE__ */ jsx25(
+          ] }) : /* @__PURE__ */ jsxs21(Fragment, { children: [
+            /* @__PURE__ */ jsx26(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ jsx25(CaretLeft3, {}),
+                iconLeft: /* @__PURE__ */ jsx26(CaretLeft3, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ jsx25(CaretRight3, {}),
+                iconRight: /* @__PURE__ */ jsx26(CaretRight3, {}),
                 children: "Pr\xF3ximo"
               }
             )
@@ -3424,17 +3611,17 @@ var AlertsManagerView = ({
 
 // src/components/Radio/Radio.tsx
 import {
-  forwardRef as forwardRef9,
+  forwardRef as forwardRef10,
   useState as useState9,
   useId as useId6,
   useEffect as useEffect8,
   useRef as useRef4,
   Children as Children3,
-  cloneElement as cloneElement3,
+  cloneElement as cloneElement2,
   isValidElement as isValidElement3
 } from "react";
 import { create as create3, useStore as useStore2 } from "zustand";
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 var SIZE_CLASSES7 = {
   small: {
     radio: "w-5 h-5",
@@ -3499,7 +3686,7 @@ var DOT_CLASSES = {
   invalid: "bg-primary-950",
   disabled: "bg-primary-950"
 };
-var Radio = forwardRef9(
+var Radio = forwardRef10(
   ({
     label,
     size = "medium",
@@ -3573,8 +3760,8 @@ var Radio = forwardRef9(
     const getCursorClass = () => {
       return currentState === "disabled" ? "cursor-not-allowed" : "cursor-pointer";
     };
-    return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs22(
         "div",
         {
           className: cn(
@@ -3583,7 +3770,7 @@ var Radio = forwardRef9(
             disabled ? "opacity-40" : ""
           ),
           children: [
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 ref: (node) => {
@@ -3607,7 +3794,7 @@ var Radio = forwardRef9(
                 ...props
               }
             ),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "button",
               {
                 type: "button",
@@ -3632,10 +3819,10 @@ var Radio = forwardRef9(
                     }
                   }
                 },
-                children: checked && /* @__PURE__ */ jsx26("div", { className: dotClasses })
+                children: checked && /* @__PURE__ */ jsx27("div", { className: dotClasses })
               }
             ),
-            label && /* @__PURE__ */ jsx26(
+            label && /* @__PURE__ */ jsx27(
               "div",
               {
                 className: cn(
@@ -3643,7 +3830,7 @@ var Radio = forwardRef9(
                   sizeClasses.labelHeight,
                   "flex-1 min-w-0"
                 ),
-                children: /* @__PURE__ */ jsx26(
+                children: /* @__PURE__ */ jsx27(
                   Text_default,
                   {
                     as: "label",
@@ -3664,7 +3851,7 @@ var Radio = forwardRef9(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx26(
+      errorMessage && /* @__PURE__ */ jsx27(
         Text_default,
         {
           size: "sm",
@@ -3674,7 +3861,7 @@ var Radio = forwardRef9(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ jsx26(
+      helperText && !errorMessage && /* @__PURE__ */ jsx27(
         Text_default,
         {
           size: "sm",
@@ -3710,12 +3897,12 @@ var injectStore2 = (children, store) => Children3.map(children, (child) => {
   if (!isValidElement3(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === RadioGroupItem;
-  return cloneElement3(typedChild, {
+  return cloneElement2(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore2(typedChild.props.children, store) } : {}
   });
 });
-var RadioGroup = forwardRef9(
+var RadioGroup = forwardRef10(
   ({
     value: propValue,
     defaultValue = "",
@@ -3751,7 +3938,7 @@ var RadioGroup = forwardRef9(
     useEffect8(() => {
       store.setState({ disabled });
     }, [disabled, store]);
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       "div",
       {
         ref,
@@ -3765,7 +3952,7 @@ var RadioGroup = forwardRef9(
   }
 );
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = forwardRef9(
+var RadioGroupItem = forwardRef10(
   ({
     value,
     store: externalStore,
@@ -3788,7 +3975,7 @@ var RadioGroupItem = forwardRef9(
     const isChecked = groupValue === value;
     const isDisabled = groupDisabled || itemDisabled;
     const currentState = isDisabled ? "disabled" : state;
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       Radio,
       {
         ref,
@@ -3815,7 +4002,7 @@ var Radio_default = Radio;
 
 // src/components/Toast/Toast.tsx
 import { CheckCircle as CheckCircle2, WarningCircle as WarningCircle4, Info as Info2, X as X3 } from "phosphor-react";
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 var VARIANT_ACTION_CLASSES4 = {
   solid: {
     warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
@@ -3855,7 +4042,7 @@ var Toast = ({
   };
   const IconAction = iconMap[action] || iconMap["success"];
   const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       role: "alert",
@@ -3869,20 +4056,20 @@ var Toast = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ jsx27("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx27(IconAction, {}) }),
-          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ jsx27("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ jsx27("p", { className: "text-md text-text-900", children: description })
+        /* @__PURE__ */ jsxs23("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ jsx28("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx28(IconAction, {}) }),
+          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ jsx28("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ jsx28("p", { className: "text-md text-text-900", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "button",
           {
             onClick: onClose,
             "aria-label": "Dismiss notification",
             className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ jsx27(X3, {})
+            children: /* @__PURE__ */ jsx28(X3, {})
           }
         )
       ]
@@ -3910,11 +4097,11 @@ var useToastStore = create4((set) => ({
 var ToastStore_default = useToastStore;
 
 // src/components/Toast/utils/Toaster.tsx
-import { Fragment as Fragment2, jsx as jsx28 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29 } from "react/jsx-runtime";
 var Toaster = () => {
   const toasts = ToastStore_default((state) => state.toasts);
   const removeToast = ToastStore_default((state) => state.removeToast);
-  return /* @__PURE__ */ jsx28(Fragment2, { children: toasts.map((toast) => /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(Fragment2, { children: toasts.map((toast) => /* @__PURE__ */ jsx29(
     Toast_default,
     {
       title: toast.title,
@@ -3932,7 +4119,7 @@ var Toaster_default = Toaster;
 // src/components/Search/Search.tsx
 import { X as X4, MagnifyingGlass } from "phosphor-react";
 import {
-  forwardRef as forwardRef11,
+  forwardRef as forwardRef12,
   useState as useState12,
   useId as useId7,
   useMemo as useMemo7,
@@ -3943,12 +4130,12 @@ import {
 // src/components/DropdownMenu/DropdownMenu.tsx
 import { CaretRight as CaretRight4, SignOut, User as User2 } from "phosphor-react";
 import {
-  forwardRef as forwardRef10,
+  forwardRef as forwardRef11,
   useEffect as useEffect11,
   useRef as useRef5,
   isValidElement as isValidElement4,
   Children as Children4,
-  cloneElement as cloneElement4,
+  cloneElement as cloneElement3,
   useState as useState11
 } from "react";
 import { create as create6, useStore as useStore3 } from "zustand";
@@ -4079,7 +4266,7 @@ var useTheme = () => {
 };
 
 // src/components/ThemeToggle/ThemeToggle.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var ThemeToggle = ({
   variant = "default",
   onToggle
@@ -4093,17 +4280,17 @@ var ThemeToggle = ({
     {
       id: "light",
       title: "Claro",
-      icon: /* @__PURE__ */ jsx29(Sun, { size: 24 })
+      icon: /* @__PURE__ */ jsx30(Sun, { size: 24 })
     },
     {
       id: "dark",
       title: "Escuro",
-      icon: /* @__PURE__ */ jsx29(Moon, { size: 24 })
+      icon: /* @__PURE__ */ jsx30(Moon, { size: 24 })
     },
     {
       id: "system",
       title: "Sistema",
-      icon: /* @__PURE__ */ jsx29(
+      icon: /* @__PURE__ */ jsx30(
         "svg",
         {
           width: "25",
@@ -4111,7 +4298,7 @@ var ThemeToggle = ({
           viewBox: "0 0 25 25",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx29(
+          children: /* @__PURE__ */ jsx30(
             "path",
             {
               d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
@@ -4133,7 +4320,7 @@ var ThemeToggle = ({
     }
   };
   const currentTheme = variant === "with-save" ? tempTheme : themeMode;
-  return /* @__PURE__ */ jsx29("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ jsx30(
     SelectionButton_default,
     {
       icon: type.icon,
@@ -4147,7 +4334,7 @@ var ThemeToggle = ({
 };
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 function createDropdownStore() {
   return create6((set) => ({
     open: false,
@@ -4186,7 +4373,7 @@ var injectStore3 = (children, store) => {
       if (typedChild.props.children) {
         newProps.children = injectStore3(typedChild.props.children, store);
       }
-      return cloneElement4(typedChild, newProps);
+      return cloneElement3(typedChild, newProps);
     }
     return child;
   });
@@ -4255,7 +4442,7 @@ var DropdownMenu = ({
       setOpen(propOpen);
     }
   }, [propOpen]);
-  return /* @__PURE__ */ jsx30("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
+  return /* @__PURE__ */ jsx31("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
 };
 var DropdownMenuTrigger = ({
   className,
@@ -4267,7 +4454,7 @@ var DropdownMenuTrigger = ({
   const store = useDropdownStore(externalStore);
   const open = useStore3(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       onClick: (e) => {
@@ -4311,8 +4498,8 @@ var MENUCONTENT_VARIANT_CLASSES = {
   menu: "p-1",
   profile: "p-6"
 };
-var MenuLabel = forwardRef10(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx30(
+var MenuLabel = forwardRef11(({ className, inset, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       ref,
@@ -4322,7 +4509,7 @@ var MenuLabel = forwardRef10(({ className, inset, store: _store, ...props }, ref
   );
 });
 MenuLabel.displayName = "MenuLabel";
-var DropdownMenuContent = forwardRef10(
+var DropdownMenuContent = forwardRef11(
   ({
     className,
     align = "start",
@@ -4351,7 +4538,7 @@ var DropdownMenuContent = forwardRef10(
       return `absolute ${vertical} ${horizontal}`;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
         ref,
@@ -4376,7 +4563,7 @@ var DropdownMenuContent = forwardRef10(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = forwardRef10(
+var DropdownMenuItem = forwardRef11(
   ({
     className,
     size = "small",
@@ -4420,7 +4607,7 @@ var DropdownMenuItem = forwardRef10(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "div",
       {
         ref,
@@ -4446,7 +4633,7 @@ var DropdownMenuItem = forwardRef10(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ jsx30("div", { className: "w-full", children }),
+          /* @__PURE__ */ jsx31("div", { className: "w-full", children }),
           iconRight
         ]
       }
@@ -4454,7 +4641,7 @@ var DropdownMenuItem = forwardRef10(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = forwardRef10(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuSeparator = forwardRef11(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx31(
   "div",
   {
     ref,
@@ -4463,11 +4650,11 @@ var DropdownMenuSeparator = forwardRef10(({ className, store: _store, ...props }
   }
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var ProfileMenuTrigger = forwardRef10(({ className, onClick, store: externalStore, ...props }, ref) => {
+var ProfileMenuTrigger = forwardRef11(({ className, onClick, store: externalStore, ...props }, ref) => {
   const store = useDropdownStore(externalStore);
   const open = useStore3(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       ref,
@@ -4482,13 +4669,13 @@ var ProfileMenuTrigger = forwardRef10(({ className, onClick, store: externalStor
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ jsx30("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx30(User2, { className: "text-primary-950", size: 18 }) })
+      children: /* @__PURE__ */ jsx31("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx31(User2, { className: "text-primary-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
-var ProfileMenuHeader = forwardRef10(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs23(
+var ProfileMenuHeader = forwardRef11(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       ref,
@@ -4499,16 +4686,16 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, photoUrl, store:
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ jsx31(
           "img",
           {
             src: photoUrl,
             alt: "Foto de perfil",
             className: "w-full h-full object-cover"
           }
-        ) : /* @__PURE__ */ jsx30(User2, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col min-w-0", children: [
-          /* @__PURE__ */ jsx30(
+        ) : /* @__PURE__ */ jsx31(User2, { size: 34, className: "text-primary-800" }) }),
+        /* @__PURE__ */ jsxs24("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx31(
             Text_default,
             {
               size: "xl",
@@ -4518,14 +4705,14 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, photoUrl, store:
               children: name
             }
           ),
-          /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
+          /* @__PURE__ */ jsx31(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileMenuInfo = forwardRef10(
+var ProfileMenuInfo = forwardRef11(
   ({
     className,
     schoolName,
@@ -4534,7 +4721,7 @@ var ProfileMenuInfo = forwardRef10(
     store: _store,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "div",
       {
         ref,
@@ -4542,13 +4729,13 @@ var ProfileMenuInfo = forwardRef10(
         className: cn("flex flex-row gap-4 items-center", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx30("span", { className: "w-16 h-16" }),
-          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col ", children: [
-            /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
-            /* @__PURE__ */ jsxs23("span", { className: "flex flex-row items-center gap-2", children: [
-              /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
-              /* @__PURE__ */ jsx30("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
-              /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+          /* @__PURE__ */ jsx31("span", { className: "w-16 h-16" }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col ", children: [
+            /* @__PURE__ */ jsx31(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            /* @__PURE__ */ jsxs24("span", { className: "flex flex-row items-center gap-2", children: [
+              /* @__PURE__ */ jsx31(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              /* @__PURE__ */ jsx31("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
+              /* @__PURE__ */ jsx31(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
             ] })
           ] })
         ]
@@ -4583,14 +4770,14 @@ var ProfileToggleTheme = ({
     setModalThemeToggle(false);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs23(Fragment3, { children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs24(Fragment3, { children: [
+    /* @__PURE__ */ jsx31(
       DropdownMenuItem,
       {
         variant: "profile",
         preventClose: true,
         store,
-        iconLeft: /* @__PURE__ */ jsx30(
+        iconLeft: /* @__PURE__ */ jsx31(
           "svg",
           {
             width: "24",
@@ -4598,7 +4785,7 @@ var ProfileToggleTheme = ({
             viewBox: "0 0 25 25",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx30(
+            children: /* @__PURE__ */ jsx31(
               "path",
               {
                 d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
@@ -4607,7 +4794,7 @@ var ProfileToggleTheme = ({
             )
           }
         ),
-        iconRight: /* @__PURE__ */ jsx30(CaretRight4, {}),
+        iconRight: /* @__PURE__ */ jsx31(CaretRight4, {}),
         onClick: handleClick,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -4617,31 +4804,31 @@ var ProfileToggleTheme = ({
           }
         },
         ...props,
-        children: /* @__PURE__ */ jsx30(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
+        children: /* @__PURE__ */ jsx31(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       Modal_default,
       {
         isOpen: modalThemeToggle,
         onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
-        footer: /* @__PURE__ */ jsxs23("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsx30(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ jsx30(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
+        footer: /* @__PURE__ */ jsxs24("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx31(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx31(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
-        children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx30("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
-          /* @__PURE__ */ jsx30(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
+        children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx31("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
+          /* @__PURE__ */ jsx31(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
         ] })
       }
     )
   ] });
 };
 ProfileToggleTheme.displayName = "ProfileToggleTheme";
-var ProfileMenuSection = forwardRef10(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx30("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
+var ProfileMenuSection = forwardRef11(({ className, children, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ jsx31("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
 var ProfileMenuFooter = ({
@@ -4653,7 +4840,7 @@ var ProfileMenuFooter = ({
 }) => {
   const store = useDropdownStore(externalStore);
   const setOpen = useStore3(store, (s) => s.setOpen);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     Button_default,
     {
       variant: "outline",
@@ -4665,8 +4852,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx30(SignOut, { className: "text-inherit" }) }),
-        /* @__PURE__ */ jsx30(Text_default, { color: "inherit", children: "Sair" })
+        /* @__PURE__ */ jsx31("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx31(SignOut, { className: "text-inherit" }) }),
+        /* @__PURE__ */ jsx31(Text_default, { color: "inherit", children: "Sair" })
       ]
     }
   );
@@ -4675,7 +4862,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Search/Search.tsx
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var filterOptions = (options, query) => {
   if (!query || query.length < 1) return [];
   return options.filter(
@@ -4700,7 +4887,7 @@ var updateInputValue = (value, ref, onChange) => {
     onChange(event);
   }
 };
-var Search = forwardRef11(
+var Search = forwardRef12(
   ({
     options = [],
     onSelect,
@@ -4821,14 +5008,14 @@ var Search = forwardRef11(
     const hasValue = String(value ?? "").length > 0;
     const showClearButton = hasValue && !disabled && !readOnly;
     const showSearchIcon = !hasValue && !disabled && !readOnly;
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs25(
       "div",
       {
         ref: dropdownRef,
         className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
         children: [
-          /* @__PURE__ */ jsxs24("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsxs25("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ jsx32(
               "input",
               {
                 ref: (node) => {
@@ -4856,35 +5043,35 @@ var Search = forwardRef11(
                 ...props
               }
             ),
-            showClearButton && /* @__PURE__ */ jsx31("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx31(
+            showClearButton && /* @__PURE__ */ jsx32("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx32(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleClearClick,
                 "aria-label": "Limpar busca",
-                children: /* @__PURE__ */ jsx31("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx31(X4, {}) })
+                children: /* @__PURE__ */ jsx32("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx32(X4, {}) })
               }
             ) }),
-            showSearchIcon && /* @__PURE__ */ jsx31("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx31(
+            showSearchIcon && /* @__PURE__ */ jsx32("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx32(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleSearchIconClick,
                 "aria-label": "Buscar",
-                children: /* @__PURE__ */ jsx31("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx31(MagnifyingGlass, {}) })
+                children: /* @__PURE__ */ jsx32("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx32(MagnifyingGlass, {}) })
               }
             ) })
           ] }),
-          showDropdown && /* @__PURE__ */ jsx31(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ jsx31(
+          showDropdown && /* @__PURE__ */ jsx32(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ jsx32(
             DropdownMenuContent,
             {
               id: dropdownId,
               className: "w-full mt-1",
               style: { maxHeight: dropdownMaxHeight },
               align: "start",
-              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx31(
+              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx32(
                 DropdownMenuItem,
                 {
                   onClick: () => handleSelectOption(option),
@@ -4892,7 +5079,7 @@ var Search = forwardRef11(
                   children: option
                 },
                 option
-              )) : /* @__PURE__ */ jsx31("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
+              )) : /* @__PURE__ */ jsx32("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
             }
           ) })
         ]
@@ -4905,7 +5092,7 @@ var Search_default = Search;
 
 // src/components/Chips/Chips.tsx
 import { Check as Check2 } from "phosphor-react";
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var STATE_CLASSES5 = {
   default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
   selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
@@ -4920,7 +5107,7 @@ var Chips = ({
 }) => {
   const stateClasses = selected ? STATE_CLASSES5.selected : STATE_CLASSES5.default;
   const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed";
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "button",
     {
       className: cn(baseClasses, stateClasses, className),
@@ -4928,8 +5115,8 @@ var Chips = ({
       type,
       ...props,
       children: [
-        selected && /* @__PURE__ */ jsx32("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx32(Check2, { weight: "bold", size: 16 }) }),
-        /* @__PURE__ */ jsx32("span", { className: "flex-1", children })
+        selected && /* @__PURE__ */ jsx33("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx33(Check2, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ jsx33("span", { className: "flex-1", children })
       ]
     }
   );
@@ -4937,7 +5124,7 @@ var Chips = ({
 var Chips_default = Chips;
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { Fragment as Fragment4, jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var SIZE_CLASSES8 = {
   small: {
     container: "h-1",
@@ -5049,20 +5236,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
     max,
     percentage
   );
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: cn(
         "text-xs font-medium leading-[14px] text-right",
         percentageClassName
       ),
-      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs26(Fragment4, { children: [
-        /* @__PURE__ */ jsx33("span", { className: "text-success-200", children: Math.round(clampedValue) }),
-        /* @__PURE__ */ jsxs26("span", { className: "text-text-600", children: [
+      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs27(Fragment4, { children: [
+        /* @__PURE__ */ jsx34("span", { className: "text-success-200", children: Math.round(clampedValue) }),
+        /* @__PURE__ */ jsxs27("span", { className: "text-text-600", children: [
           " de ",
           max
         ] })
-      ] }) : /* @__PURE__ */ jsxs26(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
+      ] }) : /* @__PURE__ */ jsxs27(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
         Math.round(percentage),
         "%"
       ] })
@@ -5077,7 +5264,7 @@ var ProgressBarBase = ({
   variantClasses,
   containerClassName,
   fillClassName
-}) => /* @__PURE__ */ jsxs26(
+}) => /* @__PURE__ */ jsxs27(
   "div",
   {
     className: cn(
@@ -5086,7 +5273,7 @@ var ProgressBarBase = ({
       "overflow-hidden relative"
     ),
     children: [
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         "progress",
         {
           value: clampedValue,
@@ -5095,7 +5282,7 @@ var ProgressBarBase = ({
           className: "absolute inset-0 w-full h-full opacity-0"
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         "div",
         {
           className: cn(
@@ -5121,7 +5308,7 @@ var StackedLayout = ({
   percentage,
   variantClasses,
   dimensions
-}) => /* @__PURE__ */ jsxs26(
+}) => /* @__PURE__ */ jsxs27(
   "div",
   {
     className: cn(
@@ -5131,8 +5318,8 @@ var StackedLayout = ({
       className
     ),
     children: [
-      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs26("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
-        label && /* @__PURE__ */ jsx33(
+      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs27("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
+        label && /* @__PURE__ */ jsx34(
           Text_default,
           {
             as: "div",
@@ -5151,7 +5338,7 @@ var StackedLayout = ({
           percentageClassName
         )
       ] }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         ProgressBarBase,
         {
           clampedValue,
@@ -5193,7 +5380,7 @@ var CompactLayout = ({
     percentageClassName,
     labelClassName
   });
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn(
@@ -5203,7 +5390,7 @@ var CompactLayout = ({
         className
       ),
       children: [
-        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx33(
+        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx34(
           Text_default,
           {
             as: "div",
@@ -5214,7 +5401,7 @@ var CompactLayout = ({
             children: content
           }
         ),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           ProgressBarBase,
           {
             clampedValue,
@@ -5250,9 +5437,9 @@ var DefaultLayout = ({
     label,
     showPercentage
   );
-  return /* @__PURE__ */ jsxs26("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
-    displayConfig.showHeader && /* @__PURE__ */ jsxs26("div", { className: "flex flex-row items-center justify-between w-full", children: [
-      label && /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs27("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
+    displayConfig.showHeader && /* @__PURE__ */ jsxs27("div", { className: "flex flex-row items-center justify-between w-full", children: [
+      label && /* @__PURE__ */ jsx34(
         Text_default,
         {
           as: "div",
@@ -5265,7 +5452,7 @@ var DefaultLayout = ({
           children: label
         }
       ),
-      showPercentage && /* @__PURE__ */ jsxs26(
+      showPercentage && /* @__PURE__ */ jsxs27(
         Text_default,
         {
           size: "xs",
@@ -5281,7 +5468,7 @@ var DefaultLayout = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       ProgressBarBase,
       {
         clampedValue,
@@ -5301,7 +5488,7 @@ var DefaultLayout = ({
         )
       }
     ),
-    displayConfig.showPercentage && /* @__PURE__ */ jsxs26(
+    displayConfig.showPercentage && /* @__PURE__ */ jsxs27(
       Text_default,
       {
         size: "xs",
@@ -5316,7 +5503,7 @@ var DefaultLayout = ({
         ]
       }
     ),
-    displayConfig.showLabel && /* @__PURE__ */ jsx33(
+    displayConfig.showLabel && /* @__PURE__ */ jsx34(
       Text_default,
       {
         as: "div",
@@ -5352,7 +5539,7 @@ var ProgressBar = ({
   const sizeClasses = SIZE_CLASSES8[size];
   const variantClasses = VARIANT_CLASSES2[variant];
   if (layout === "stacked") {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       StackedLayout,
       {
         className,
@@ -5373,7 +5560,7 @@ var ProgressBar = ({
     );
   }
   if (layout === "compact") {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       CompactLayout,
       {
         className,
@@ -5393,7 +5580,7 @@ var ProgressBar = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     DefaultLayout,
     {
       className,
@@ -5413,7 +5600,7 @@ var ProgressBar = ({
 var ProgressBar_default = ProgressBar;
 
 // src/components/ProgressCircle/ProgressCircle.tsx
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 var SIZE_CLASSES9 = {
   small: {
     container: "w-[90px] h-[90px]",
@@ -5495,7 +5682,7 @@ var ProgressCircle = ({
   const strokeDashoffset = circumference - percentage / 100 * circumference;
   const center = size === "small" ? 45 : 76;
   const svgSize = size === "small" ? 90 : 152;
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: cn(
@@ -5505,7 +5692,7 @@ var ProgressCircle = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs27(
+        /* @__PURE__ */ jsxs28(
           "svg",
           {
             className: "absolute inset-0 transform -rotate-90",
@@ -5514,7 +5701,7 @@ var ProgressCircle = ({
             viewBox: `0 0 ${svgSize} ${svgSize}`,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx35(
                 "circle",
                 {
                   cx: center,
@@ -5525,7 +5712,7 @@ var ProgressCircle = ({
                   className: cn(variantClasses.background, "rounded-lg")
                 }
               ),
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx35(
                 "circle",
                 {
                   cx: center,
@@ -5545,7 +5732,7 @@ var ProgressCircle = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "progress",
           {
             value: clampedValue,
@@ -5554,7 +5741,7 @@ var ProgressCircle = ({
             className: "absolute opacity-0 w-0 h-0"
           }
         ),
-        /* @__PURE__ */ jsxs27(
+        /* @__PURE__ */ jsxs28(
           "div",
           {
             className: cn(
@@ -5563,7 +5750,7 @@ var ProgressCircle = ({
               sizeClasses.contentWidth
             ),
             children: [
-              showPercentage && /* @__PURE__ */ jsxs27(
+              showPercentage && /* @__PURE__ */ jsxs28(
                 Text_default,
                 {
                   size: sizeClasses.textSize,
@@ -5579,7 +5766,7 @@ var ProgressCircle = ({
                   ]
                 }
               ),
-              label && /* @__PURE__ */ jsx34(
+              label && /* @__PURE__ */ jsx35(
                 Text_default,
                 {
                   as: "span",
@@ -5604,7 +5791,7 @@ var ProgressCircle_default = ProgressCircle;
 
 // src/components/Stepper/Stepper.tsx
 import { Check as Check3 } from "phosphor-react";
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 var SIZE_CLASSES10 = {
   small: {
     container: "gap-2",
@@ -5731,7 +5918,7 @@ var Step = ({
     }
     return `${step.label}${suffix}`;
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       className: `
@@ -5744,7 +5931,7 @@ var Step = ({
         overflow-visible
       `,
       children: [
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "div",
           {
             className: `
@@ -5753,7 +5940,7 @@ var Step = ({
         `
           }
         ),
-        /* @__PURE__ */ jsxs28(
+        /* @__PURE__ */ jsxs29(
           "div",
           {
             className: `
@@ -5763,7 +5950,7 @@ var Step = ({
           overflow-visible
         `,
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "div",
                 {
                   className: `
@@ -5772,7 +5959,7 @@ var Step = ({
             flex-none transition-all duration-300 ease-out
           `,
                   "aria-label": getAriaLabel(),
-                  children: isCompleted ? /* @__PURE__ */ jsx35(
+                  children: isCompleted ? /* @__PURE__ */ jsx36(
                     Check3,
                     {
                       weight: "bold",
@@ -5781,7 +5968,7 @@ var Step = ({
                 w-2.5 h-2.5 sm:w-3 sm:h-3 md:w-3 md:h-3 lg:w-3.5 lg:h-3.5
               `
                     }
-                  ) : /* @__PURE__ */ jsx35(
+                  ) : /* @__PURE__ */ jsx36(
                     Text_default,
                     {
                       size: sizeClasses.indicatorTextSize,
@@ -5793,7 +5980,7 @@ var Step = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 Text_default,
                 {
                   size: sizeClasses.labelTextSize,
@@ -5845,7 +6032,7 @@ var Stepper = ({
 }) => {
   const sizeClasses = SIZE_CLASSES10[size];
   const steps = currentStep !== void 0 ? calculateStepStates(initialSteps, currentStep) : initialSteps;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "fieldset",
     {
       className: cn(
@@ -5854,8 +6041,8 @@ var Stepper = ({
         "border-0 p-0 m-0"
       ),
       children: [
-        /* @__PURE__ */ jsx35("legend", { className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children: "Stepper de formul\xE1rio" }),
-        showProgress && currentStep !== void 0 && /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36("legend", { className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children: "Stepper de formul\xE1rio" }),
+        showProgress && currentStep !== void 0 && /* @__PURE__ */ jsx36(
           Text_default,
           {
             size: "sm",
@@ -5864,7 +6051,7 @@ var Stepper = ({
             children: getProgressText(currentStep, steps.length, progressText)
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "div",
           {
             className: cn(
@@ -5877,7 +6064,7 @@ var Stepper = ({
             "aria-label": "Progress steps",
             children: steps.map((step, index) => {
               const stateClasses = STATE_CLASSES6[step.state];
-              return /* @__PURE__ */ jsx35(
+              return /* @__PURE__ */ jsx36(
                 Step,
                 {
                   step,
@@ -5906,7 +6093,7 @@ import {
   useEffect as useEffect13,
   useRef as useRef7
 } from "react";
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
 var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
 var MONTH_NAMES = [
@@ -5929,15 +6116,15 @@ var MonthYearPicker = ({
   currentDate,
   onYearChange,
   onMonthChange
-}) => /* @__PURE__ */ jsxs29(
+}) => /* @__PURE__ */ jsxs30(
   "div",
   {
     ref: monthPickerRef,
     className: "absolute top-full left-0 z-50 mt-1 bg-background rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
     children: [
-      /* @__PURE__ */ jsxs29("div", { className: "mb-4", children: [
-        /* @__PURE__ */ jsx36("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
-        /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsxs30("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsx37("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
+        /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx37(
           "button",
           {
             onClick: () => onYearChange(year),
@@ -5950,9 +6137,9 @@ var MonthYearPicker = ({
           year
         )) })
       ] }),
-      /* @__PURE__ */ jsxs29("div", { children: [
-        /* @__PURE__ */ jsx36("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
-        /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsxs30("div", { children: [
+        /* @__PURE__ */ jsx37("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
+        /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx37(
           "button",
           {
             onClick: () => onMonthChange(index, currentDate.getFullYear()),
@@ -6084,28 +6271,28 @@ var Calendar = ({
     onDateSelect?.(day.date);
   };
   if (variant === "navigation") {
-    return /* @__PURE__ */ jsxs29("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
-      /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between mb-4 px-6", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "relative", ref: monthPickerContainerRef, children: [
-          /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between mb-4 px-6", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "relative", ref: monthPickerContainerRef, children: [
+          /* @__PURE__ */ jsxs30(
             "button",
             {
               onClick: toggleMonthPicker,
               className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
               children: [
-                /* @__PURE__ */ jsxs29("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
+                /* @__PURE__ */ jsxs30("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
                   MONTH_NAMES[currentDate.getMonth()],
                   " ",
                   currentDate.getFullYear()
                 ] }),
-                /* @__PURE__ */ jsx36(
+                /* @__PURE__ */ jsx37(
                   "svg",
                   {
                     className: `w-4 h-4 text-primary-950 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ jsx36(
+                    children: /* @__PURE__ */ jsx37(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -6119,7 +6306,7 @@ var Calendar = ({
               ]
             }
           ),
-          isMonthPickerOpen && /* @__PURE__ */ jsx36(
+          isMonthPickerOpen && /* @__PURE__ */ jsx37(
             MonthYearPicker,
             {
               monthPickerRef,
@@ -6130,21 +6317,21 @@ var Calendar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-10", children: [
-          /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-10", children: [
+          /* @__PURE__ */ jsx37(
             "button",
             {
               onClick: goToPreviousMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "M\xEAs anterior",
-              children: /* @__PURE__ */ jsx36(
+              children: /* @__PURE__ */ jsx37(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx36(
+                  children: /* @__PURE__ */ jsx37(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6157,20 +6344,20 @@ var Calendar = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             "button",
             {
               onClick: goToNextMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "Pr\xF3ximo m\xEAs",
-              children: /* @__PURE__ */ jsx36(
+              children: /* @__PURE__ */ jsx37(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx36(
+                  children: /* @__PURE__ */ jsx37(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6185,7 +6372,7 @@ var Calendar = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx37(
         "div",
         {
           className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
@@ -6193,13 +6380,13 @@ var Calendar = ({
         },
         `${day}-${index}`
       )) }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
+      /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
         if (!day.isCurrentMonth) {
-          return /* @__PURE__ */ jsx36(
+          return /* @__PURE__ */ jsx37(
             "div",
             {
               className: "flex items-center justify-center",
-              children: /* @__PURE__ */ jsx36("div", { className: "w-9 h-9" })
+              children: /* @__PURE__ */ jsx37("div", { className: "w-9 h-9" })
             },
             day.date.getTime()
           );
@@ -6215,11 +6402,11 @@ var Calendar = ({
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx37(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ jsx36(
+            children: /* @__PURE__ */ jsx37(
               "button",
               {
                 className: `
@@ -6235,7 +6422,7 @@ var Calendar = ({
                 "aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
                 "aria-current": day.isToday ? "date" : void 0,
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsx36("span", { className: spanClass, children: day.date.getDate() })
+                children: /* @__PURE__ */ jsx37("span", { className: spanClass, children: day.date.getDate() })
               }
             )
           },
@@ -6244,28 +6431,28 @@ var Calendar = ({
       }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs29("div", { className: cn("bg-background rounded-xl p-4", className), children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between mb-3.5", children: [
-      /* @__PURE__ */ jsxs29("div", { className: "relative", ref: monthPickerContainerRef, children: [
-        /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30("div", { className: cn("bg-background rounded-xl p-4", className), children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between mb-3.5", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "relative", ref: monthPickerContainerRef, children: [
+        /* @__PURE__ */ jsxs30(
           "button",
           {
             onClick: toggleMonthPicker,
             className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
             children: [
-              /* @__PURE__ */ jsxs29("h2", { className: "text-lg font-semibold text-text-950", children: [
+              /* @__PURE__ */ jsxs30("h2", { className: "text-lg font-semibold text-text-950", children: [
                 MONTH_NAMES[currentDate.getMonth()],
                 " ",
                 currentDate.getFullYear()
               ] }),
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx37(
                 "svg",
                 {
                   className: `w-4 h-4 text-text-400 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx36(
+                  children: /* @__PURE__ */ jsx37(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6279,7 +6466,7 @@ var Calendar = ({
             ]
           }
         ),
-        isMonthPickerOpen && /* @__PURE__ */ jsx36(
+        isMonthPickerOpen && /* @__PURE__ */ jsx37(
           MonthYearPicker,
           {
             monthPickerRef,
@@ -6290,21 +6477,21 @@ var Calendar = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx37(
           "button",
           {
             onClick: goToPreviousMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "M\xEAs anterior",
-            children: /* @__PURE__ */ jsx36(
+            children: /* @__PURE__ */ jsx37(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx36(
+                children: /* @__PURE__ */ jsx37(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -6317,20 +6504,20 @@ var Calendar = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "button",
           {
             onClick: goToNextMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "Pr\xF3ximo m\xEAs",
-            children: /* @__PURE__ */ jsx36(
+            children: /* @__PURE__ */ jsx37(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx36(
+                children: /* @__PURE__ */ jsx37(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -6345,7 +6532,7 @@ var Calendar = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx37(
       "div",
       {
         className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
@@ -6353,13 +6540,13 @@ var Calendar = ({
       },
       day
     )) }),
-    /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
+    /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
       if (!day.isCurrentMonth) {
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx37(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ jsx36("div", { className: "w-10 h-10" })
+            children: /* @__PURE__ */ jsx37("div", { className: "w-10 h-10" })
           },
           day.date.getTime()
         );
@@ -6369,11 +6556,11 @@ var Calendar = ({
         variant,
         showActivities
       );
-      return /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx37(
         "div",
         {
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx36(
+          children: /* @__PURE__ */ jsx37(
             "button",
             {
               className: `
@@ -6403,10 +6590,10 @@ var Calendar_default = Calendar;
 
 // src/components/AlertDialog/AlertDialog.tsx
 import {
-  forwardRef as forwardRef12,
+  forwardRef as forwardRef13,
   useEffect as useEffect14
 } from "react";
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 var SIZE_CLASSES11 = {
   "extra-small": "w-screen max-w-[324px]",
   small: "w-screen max-w-[378px]",
@@ -6414,7 +6601,7 @@ var SIZE_CLASSES11 = {
   large: "w-screen max-w-[578px]",
   "extra-large": "w-screen max-w-[912px]"
 };
-var AlertDialog = forwardRef12(
+var AlertDialog = forwardRef13(
   ({
     description,
     cancelButtonLabel = "Cancelar",
@@ -6471,14 +6658,14 @@ var AlertDialog = forwardRef12(
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ jsx37(Fragment5, { children: isOpen && /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(Fragment5, { children: isOpen && /* @__PURE__ */ jsx38(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
         onClick: handleBackdropClick,
         onKeyDown: handleBackdropKeyDown,
         "data-testid": "alert-dialog-overlay",
-        children: /* @__PURE__ */ jsxs30(
+        children: /* @__PURE__ */ jsxs31(
           "div",
           {
             ref,
@@ -6489,7 +6676,7 @@ var AlertDialog = forwardRef12(
             ),
             ...props,
             children: [
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx38(
                 "h2",
                 {
                   id: "alert-dialog-title",
@@ -6497,7 +6684,7 @@ var AlertDialog = forwardRef12(
                   children: title
                 }
               ),
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx38(
                 "p",
                 {
                   id: "alert-dialog-description",
@@ -6505,9 +6692,9 @@ var AlertDialog = forwardRef12(
                   children: description
                 }
               ),
-              /* @__PURE__ */ jsxs30("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                /* @__PURE__ */ jsx37(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
+                /* @__PURE__ */ jsx38(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
+                /* @__PURE__ */ jsx38(
                   Button_default,
                   {
                     variant: "solid",
@@ -6528,12 +6715,12 @@ var AlertDialog = forwardRef12(
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/LoadingModal/loadingModal.tsx
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
-var LoadingModal = forwardRef13(
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+var LoadingModal = forwardRef14(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
@@ -6542,8 +6729,8 @@ var LoadingModal = forwardRef13(
         "aria-describedby": "loading-modal-subtitle",
         className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
         ...props,
-        children: /* @__PURE__ */ jsxs31("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ jsx38("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs31(
+        children: /* @__PURE__ */ jsxs32("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ jsx39("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs32(
             "svg",
             {
               width: "102",
@@ -6554,14 +6741,14 @@ var LoadingModal = forwardRef13(
               "aria-hidden": "true",
               focusable: false,
               children: [
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
                     className: "fill-primary-100"
                   }
                 ),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "path",
                   {
                     d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
@@ -6571,9 +6758,9 @@ var LoadingModal = forwardRef13(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs31("span", { className: "flex flex-col gap-4 text-center", children: [
-            /* @__PURE__ */ jsx38("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
-            /* @__PURE__ */ jsx38("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          /* @__PURE__ */ jsxs32("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ jsx39("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ jsx39("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
         ] })
       }
@@ -6586,158 +6773,6 @@ var loadingModal_default = LoadingModal;
 import { DotsThreeVertical, Bell as Bell2 } from "phosphor-react";
 import { useState as useState15, useEffect as useEffect16 } from "react";
 
-// src/components/Skeleton/Skeleton.tsx
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
-var SKELETON_ANIMATION_CLASSES = {
-  pulse: "animate-pulse",
-  none: ""
-};
-var SKELETON_VARIANT_CLASSES = {
-  text: "h-4 bg-background-200 rounded",
-  circular: "bg-background-200 rounded-full",
-  rectangular: "bg-background-200",
-  rounded: "bg-background-200 rounded-lg"
-};
-var SPACING_CLASSES = {
-  none: "",
-  small: "space-y-1",
-  medium: "space-y-2",
-  large: "space-y-3"
-};
-var Skeleton = forwardRef14(
-  ({
-    variant = "text",
-    width,
-    height,
-    animation = "pulse",
-    lines = 1,
-    spacing = "none",
-    className = "",
-    children,
-    ...props
-  }, ref) => {
-    const animationClass = SKELETON_ANIMATION_CLASSES[animation];
-    const variantClass = SKELETON_VARIANT_CLASSES[variant];
-    const spacingClass = SPACING_CLASSES[spacing];
-    const style = {
-      width: typeof width === "number" ? `${width}px` : width,
-      height: typeof height === "number" ? `${height}px` : height
-    };
-    if (variant === "text" && lines > 1) {
-      return /* @__PURE__ */ jsx39(
-        "div",
-        {
-          ref,
-          className: cn("flex flex-col", spacingClass, className),
-          ...props,
-          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx39(
-            "div",
-            {
-              className: cn(variantClass, animationClass),
-              style: index === lines - 1 ? { width: "60%" } : void 0
-            },
-            index
-          ))
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx39(
-      "div",
-      {
-        ref,
-        className: cn(variantClass, animationClass, className),
-        style,
-        ...props,
-        children
-      }
-    );
-  }
-);
-var SkeletonText = forwardRef14(
-  (props, ref) => /* @__PURE__ */ jsx39(Skeleton, { ref, variant: "text", ...props })
-);
-var SkeletonCircle = forwardRef14((props, ref) => /* @__PURE__ */ jsx39(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = forwardRef14((props, ref) => /* @__PURE__ */ jsx39(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = forwardRef14((props, ref) => /* @__PURE__ */ jsx39(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = forwardRef14(
-  ({
-    showAvatar = true,
-    showTitle = true,
-    showDescription = true,
-    showActions = true,
-    lines = 2,
-    className = "",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs32(
-      "div",
-      {
-        ref,
-        className: cn(
-          "w-full p-4 bg-background border border-border-200 rounded-lg",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs32("div", { className: "flex items-start space-x-3", children: [
-            showAvatar && /* @__PURE__ */ jsx39(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ jsxs32("div", { className: "flex-1 space-y-2", children: [
-              showTitle && /* @__PURE__ */ jsx39(SkeletonText, { width: "60%", height: 20 }),
-              showDescription && /* @__PURE__ */ jsx39(SkeletonText, { lines, spacing: "small" })
-            ] })
-          ] }),
-          showActions && /* @__PURE__ */ jsxs32("div", { className: "flex justify-end space-x-2 mt-4", children: [
-            /* @__PURE__ */ jsx39(SkeletonRectangle, { width: 80, height: 32 }),
-            /* @__PURE__ */ jsx39(SkeletonRectangle, { width: 80, height: 32 })
-          ] })
-        ]
-      }
-    );
-  }
-);
-var SkeletonList = forwardRef14(
-  ({
-    items = 3,
-    showAvatar = true,
-    showTitle = true,
-    showDescription = true,
-    lines = 1,
-    className = "",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx39("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs32("div", { className: "flex items-start space-x-3 p-3", children: [
-      showAvatar && /* @__PURE__ */ jsx39(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ jsxs32("div", { className: "flex-1 space-y-2", children: [
-        showTitle && /* @__PURE__ */ jsx39(SkeletonText, { width: "40%", height: 16 }),
-        showDescription && /* @__PURE__ */ jsx39(SkeletonText, { lines, spacing: "small" })
-      ] })
-    ] }, index)) });
-  }
-);
-var SkeletonTable = forwardRef14(
-  ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ jsxs32("div", { ref, className: cn("w-full", className), ...props, children: [
-      showHeader && /* @__PURE__ */ jsx39("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx39(
-        SkeletonText,
-        {
-          width: `${100 / columns}%`,
-          height: 20
-        },
-        index
-      )) }),
-      /* @__PURE__ */ jsx39("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx39("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx39(
-        SkeletonText,
-        {
-          width: `${100 / columns}%`,
-          height: 16
-        },
-        colIndex
-      )) }, rowIndex)) })
-    ] });
-  }
-);
-
 // src/hooks/useMobile.ts
 import { useState as useState14, useEffect as useEffect15 } from "react";
 var MOBILE_WIDTH = 500;
@@ -8237,7 +8272,9 @@ function TableProvider({
   initialFilters = [],
   paginationConfig = {},
   searchPlaceholder = "Buscar...",
-  noSearchResultImage,
+  emptyState,
+  loadingState,
+  noSearchResultState,
   rowKey,
   onParamsChange,
   onRowClick,
@@ -8356,7 +8393,10 @@ function TableProvider({
     const start = (currentPage - 1) * itemsPerPage;
     return sortedData.slice(start, start + itemsPerPage);
   }, [useInternalPagination, sortedData, currentPage, itemsPerPage]);
-  const isEmpty = sortedData.length === 0;
+  const isEmpty = data.length === 0;
+  const showLoading = loading;
+  const showNoSearchResult = !loading && data.length === 0 && searchQuery.trim() !== "";
+  const showEmpty = !loading && data.length === 0 && searchQuery.trim() === "";
   const controls = (enableSearch || enableFilters) && /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-4", children: [
     enableFilters && /* @__PURE__ */ jsxs38(
       Button_default,
@@ -8386,8 +8426,12 @@ function TableProvider({
     Table_default,
     {
       variant,
-      searchTerm: enableSearch ? searchQuery : void 0,
-      noSearchResultImage,
+      showLoading,
+      loadingState,
+      showNoSearchResult,
+      noSearchResultState,
+      showEmpty,
+      emptyState,
       children: [
         /* @__PURE__ */ jsx49("thead", { children: /* @__PURE__ */ jsx49(
           TableRow,
@@ -8515,7 +8559,7 @@ import {
   forwardRef as forwardRef15,
   isValidElement as isValidElement5,
   Children as Children5,
-  cloneElement as cloneElement5,
+  cloneElement as cloneElement4,
   useId as useId8
 } from "react";
 import { CaretDown as CaretDown3, Check as Check4, WarningCircle as WarningCircle5 } from "phosphor-react";
@@ -8600,7 +8644,7 @@ var injectStore4 = (children, store, size, selectId) => {
           selectId
         );
       }
-      return cloneElement5(typedChild, newProps);
+      return cloneElement4(typedChild, newProps);
     }
     return child;
   });
@@ -8868,7 +8912,7 @@ import {
   forwardRef as forwardRef16,
   isValidElement as isValidElement6,
   Children as Children6,
-  cloneElement as cloneElement6,
+  cloneElement as cloneElement5,
   useState as useState18
 } from "react";
 import { CaretLeft as CaretLeft4, CaretRight as CaretRight5 } from "phosphor-react";
@@ -9173,7 +9217,7 @@ var injectStore5 = (children, store) => Children6.map(children, (child) => {
   if (!isValidElement6(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === MenuItem;
-  return cloneElement6(typedChild, {
+  return cloneElement5(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore5(typedChild.props.children, store) } : {}
   });
@@ -9202,7 +9246,7 @@ import {
 } from "phosphor-react";
 
 // src/components/IconRender/IconRender.tsx
-import { cloneElement as cloneElement7 } from "react";
+import { cloneElement as cloneElement6 } from "react";
 import * as PhosphorIcons from "phosphor-react";
 import { jsx as jsx52 } from "react/jsx-runtime";
 var IconRender = ({
@@ -9225,7 +9269,7 @@ var IconRender = ({
       }
     }
   } else {
-    return cloneElement7(iconName, {
+    return cloneElement6(iconName, {
       size,
       color: "currentColor"
     });
@@ -12238,7 +12282,7 @@ CardAccordation.displayName = "CardAccordation";
 // src/components/Accordation/AccordionGroup.tsx
 import {
   Children as Children7,
-  cloneElement as cloneElement8,
+  cloneElement as cloneElement7,
   forwardRef as forwardRef19,
   isValidElement as isValidElement7,
   useEffect as useEffect25,
@@ -12292,11 +12336,11 @@ var injectStore6 = (children, store, indexRef, onItemToggle) => {
       if (displayName === "CardAccordation") {
         newProps.children = processedChildren;
       } else if (processedChildren !== typedChild.props.children) {
-        return cloneElement8(typedChild, { children: processedChildren });
+        return cloneElement7(typedChild, { children: processedChildren });
       }
     }
     if (Object.keys(newProps).length > 0) {
-      return cloneElement8(typedChild, newProps);
+      return cloneElement7(typedChild, newProps);
     }
     return child;
   });