analytica-frontend-lib 1.2.21 → 1.2.22

package/dist/index.js

@@ -2944,7 +2944,7 @@ var Divider = ({
 var Divider_default = Divider;
 
 // src/components/Table/Table.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_phosphor_react11 = require("phosphor-react");
 
 // src/components/NoSearchResult/NoSearchResult.tsx
@@ -2976,9 +2976,161 @@ var NoSearchResult = ({ image, title, description }) => {
 };
 var NoSearchResult_default = NoSearchResult;
 
+// src/components/Skeleton/Skeleton.tsx
+var import_react15 = require("react");
+var import_jsx_runtime23 = require("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 = (0, import_react15.forwardRef)(
+  ({
+    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__ */ (0, import_jsx_runtime23.jsx)(
+        "div",
+        {
+          ref,
+          className: cn("flex flex-col", spacingClass, className),
+          ...props,
+          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            "div",
+            {
+              className: cn(variantClass, animationClass),
+              style: index === lines - 1 ? { width: "60%" } : void 0
+            },
+            index
+          ))
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(variantClass, animationClass, className),
+        style,
+        ...props,
+        children
+      }
+    );
+  }
+);
+var SkeletonText = (0, import_react15.forwardRef)(
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Skeleton, { ref, variant: "text", ...props })
+);
+var SkeletonCircle = (0, import_react15.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Skeleton, { ref, variant: "circular", ...props }));
+var SkeletonRectangle = (0, import_react15.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
+var SkeletonRounded = (0, import_react15.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
+var SkeletonCard = (0, import_react15.forwardRef)(
+  ({
+    showAvatar = true,
+    showTitle = true,
+    showDescription = true,
+    showActions = true,
+    lines = 2,
+    className = "",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "w-full p-4 bg-background border border-border-200 rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-start space-x-3", children: [
+            showAvatar && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonCircle, { width: 40, height: 40 }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 space-y-2", children: [
+              showTitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonText, { width: "60%", height: 20 }),
+              showDescription && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonText, { lines, spacing: "small" })
+            ] })
+          ] }),
+          showActions && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonRectangle, { width: 80, height: 32 })
+          ] })
+        ]
+      }
+    );
+  }
+);
+var SkeletonList = (0, import_react15.forwardRef)(
+  ({
+    items = 3,
+    showAvatar = true,
+    showTitle = true,
+    showDescription = true,
+    lines = 1,
+    className = "",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
+      showAvatar && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonCircle, { width: 32, height: 32 }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 space-y-2", children: [
+        showTitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonText, { width: "40%", height: 16 }),
+        showDescription && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SkeletonText, { lines, spacing: "small" })
+      ] })
+    ] }, index)) });
+  }
+);
+var SkeletonTable = (0, import_react15.forwardRef)(
+  ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
+      showHeader && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        SkeletonText,
+        {
+          width: `${100 / columns}%`,
+          height: 20
+        },
+        index
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        SkeletonText,
+        {
+          width: `${100 / columns}%`,
+          height: 16
+        },
+        colIndex
+      )) }, rowIndex)) })
+    ] });
+  }
+);
+
 // src/components/Table/TablePagination.tsx
 var import_phosphor_react10 = require("phosphor-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var TablePagination = ({
   totalItems,
   currentPage,
@@ -3009,7 +3161,7 @@ var TablePagination = ({
   };
   const isFirstPage = currentPage === 1;
   const isLastPage = currentPage === totalPages;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       className: cn(
@@ -3019,29 +3171,29 @@ var TablePagination = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
           startItem,
           " de ",
           totalItems,
           " ",
           itemLabel
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start", children: [
-          onItemsPerPageChange && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start", children: [
+          onItemsPerPageChange && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "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__ */ (0, import_jsx_runtime23.jsxs)("option", { value: option, children: [
+                children: itemsPerPageOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("option", { value: option, children: [
                   option,
                   " itens"
                 ] }, option))
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               import_phosphor_react10.CaretDown,
               {
                 size: 14,
@@ -3050,13 +3202,13 @@ var TablePagination = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-950", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-950", children: [
             "P\xE1gina ",
             currentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             "button",
             {
               onClick: handlePrevious,
@@ -3067,12 +3219,12 @@ var TablePagination = ({
               ),
               "aria-label": "P\xE1gina anterior",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretLeft, { size: 12, weight: "bold", className: "text-primary-950" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Anterior" })
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react10.CaretLeft, { size: 12, weight: "bold", className: "text-primary-950" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Anterior" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             "button",
             {
               onClick: handleNext2,
@@ -3083,8 +3235,8 @@ var TablePagination = ({
               ),
               "aria-label": "Pr\xF3xima p\xE1gina",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Pr\xF3xima" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretRight, { size: 12, weight: "bold", className: "text-primary-950" })
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Pr\xF3xima" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react10.CaretRight, { size: 12, weight: "bold", className: "text-primary-950" })
               ]
             }
           )
@@ -3097,7 +3249,7 @@ TablePagination.displayName = "TablePagination";
 var TablePagination_default = TablePagination;
 
 // src/components/Table/Table.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function useTableSort(data, options = {}) {
   const { syncWithUrl = false } = options;
   const getInitialState = () => {
@@ -3116,13 +3268,13 @@ function useTableSort(data, options = {}) {
     return { column: null, direction: null };
   };
   const initialState2 = getInitialState();
-  const [sortColumn, setSortColumn] = (0, import_react15.useState)(
+  const [sortColumn, setSortColumn] = (0, import_react16.useState)(
     initialState2.column
   );
-  const [sortDirection, setSortDirection] = (0, import_react15.useState)(
+  const [sortDirection, setSortDirection] = (0, import_react16.useState)(
     initialState2.direction
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!syncWithUrl || globalThis.window === void 0) return;
     const url = new URL(globalThis.location.href);
     const params = url.searchParams;
@@ -3148,7 +3300,7 @@ function useTableSort(data, options = {}) {
       setSortDirection("asc");
     }
   };
-  const sortedData = (0, import_react15.useMemo)(() => {
+  const sortedData = (0, import_react16.useMemo)(() => {
     if (!sortColumn || !sortDirection) {
       return data;
     }
@@ -3167,121 +3319,157 @@ function useTableSort(data, options = {}) {
   }, [data, sortColumn, sortDirection]);
   return { sortedData, sortColumn, sortDirection, handleSort };
 }
-var Table = (0, import_react15.forwardRef)(
+var renderHeaderElements = (children) => {
+  return import_react16.Children.map(children, (child) => {
+    if ((0, import_react16.isValidElement)(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__ */ (0, import_jsx_runtime25.jsx)(
+      NoSearchResult_default,
+      {
+        image: config.image,
+        title: config.title || defaultTitle,
+        description: config.description || defaultDescription
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: config.title || defaultTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4", children: [
+    config?.image && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "img",
+      {
+        src: config.image,
+        alt: "Empty state",
+        className: "w-auto h-auto max-w-full"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-text-600 text-base font-normal", children: config?.message || defaultMessage }),
+    (config?.onButtonClick || onButtonClick) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      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__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    {
+      className: cn(
+        "relative w-full overflow-x-auto",
+        variant === "default" && "border border-border-200 rounded-xl"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "table",
+          {
+            ref: tableRef,
+            className: cn(
+              "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+              className
+            ),
+            ...tableProps,
+            children: renderHeaderElements(children)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "py-8 flex justify-center", children: stateContent })
+      ]
+    }
+  );
+};
+var Table = (0, import_react16.forwardRef)(
   ({
     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 = (0, import_react15.useMemo)(() => {
-      let foundBody = false;
-      let empty = true;
-      import_react15.Children.forEach(children, (child) => {
-        if ((0, import_react15.isValidElement)(child) && child.type === TableBody) {
-          foundBody = true;
-          const bodyProps = child.props;
-          if (import_react15.Children.count(bodyProps?.children) > 0) {
-            empty = false;
-          }
-        }
-      });
-      return foundBody ? empty : false;
-    }, [children]);
-    const columnCount = (0, import_react15.useMemo)(() => {
-      let count = 0;
-      import_react15.Children.forEach(children, (child) => {
-        if ((0, import_react15.isValidElement)(child) && child.type === TableHeader) {
-          const headerProps = child.props;
-          import_react15.Children.forEach(headerProps.children, (row) => {
-            if ((0, import_react15.isValidElement)(row) && row.type === TableRow) {
-              const rowProps = row.props;
-              count = import_react15.Children.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__ */ (0, import_jsx_runtime25.jsx)(SkeletonTable, { rows: 5, columns: 4, showHeader: false });
+      return renderTableWrapper(
+        variant,
+        ref,
+        className,
+        children,
+        loadingContent,
+        props
+      );
+    }
     if (showNoSearchResult) {
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-        "div",
-        {
-          className: cn(
-            "relative w-full overflow-x-auto",
-            variant === "default" && "border border-border-200 rounded-xl"
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "table",
-              {
-                ref,
-                className: cn(
-                  "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
-                  className
-                ),
-                ...props,
-                children: import_react15.Children.map(children, (child) => {
-                  if ((0, import_react15.isValidElement)(child) && (child.type === TableCaption || child.type === TableHeader)) {
-                    return child;
-                  }
-                  return null;
-                })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              NoSearchResult_default,
-              {
-                image: noSearchResultImage,
-                title: noSearchResultTitle,
-                description: noSearchResultDescription
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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 = import_react15.Children.map(children, (child) => {
-      if ((0, import_react15.isValidElement)(child) && child.type === TableBody && showEmptyState) {
-        return (0, import_react15.cloneElement)(child, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableRow, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
-            onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              Button_default,
-              {
-                variant: "solid",
-                action: "primary",
-                size: "medium",
-                onClick: onEmptyStateButtonClick,
-                children: emptyStateButtonText
-              }
-            )
-          ] }) }) })
-        });
-      }
-      return child;
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    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__ */ (0, import_jsx_runtime25.jsx)(
       "div",
       {
         className: cn(
           "relative w-full overflow-x-auto",
           variant === "default" && "border border-border-200 rounded-xl"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "table",
           {
             ref,
@@ -3293,10 +3481,10 @@ var Table = (0, import_react15.forwardRef)(
             ),
             ...props,
             children: [
-              !import_react15.Children.toArray(children).some(
-                (child) => (0, import_react15.isValidElement)(child) && child.type === TableCaption
-              ) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("caption", { className: "sr-only", children: "My Table" }),
-              modifiedChildren
+              !import_react16.Children.toArray(children).some(
+                (child) => (0, import_react16.isValidElement)(child) && child.type === TableCaption
+              ) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("caption", { className: "sr-only", children: "My Table" }),
+              children
             ]
           }
         )
@@ -3305,7 +3493,7 @@ var Table = (0, import_react15.forwardRef)(
   }
 );
 Table.displayName = "Table";
-var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableHeader = (0, import_react16.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "thead",
   {
     ref,
@@ -3314,8 +3502,8 @@ var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref)
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = (0, import_react15.forwardRef)(
-  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableBody = (0, import_react16.forwardRef)(
+  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "tbody",
     {
       ref,
@@ -3329,8 +3517,8 @@ var TableBody = (0, import_react15.forwardRef)(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = (0, import_react15.forwardRef)(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableFooter = (0, import_react16.forwardRef)(
+  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "tfoot",
     {
       ref,
@@ -3366,7 +3554,7 @@ var VARIANT_STATES_ROW = {
     borderless: "bg-background-50 opacity-50 cursor-not-allowed"
   }
 };
-var TableRow = (0, import_react15.forwardRef)(
+var TableRow = (0, import_react16.forwardRef)(
   ({
     variant = "default",
     state = "default",
@@ -3374,7 +3562,7 @@ var TableRow = (0, import_react15.forwardRef)(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "tr",
       {
         ref,
@@ -3392,7 +3580,7 @@ var TableRow = (0, import_react15.forwardRef)(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = (0, import_react15.forwardRef)(
+var TableHead = (0, import_react16.forwardRef)(
   ({
     className,
     sortable = true,
@@ -3406,7 +3594,7 @@ var TableHead = (0, import_react15.forwardRef)(
         onSort();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "th",
       {
         ref,
@@ -3417,11 +3605,11 @@ var TableHead = (0, import_react15.forwardRef)(
         ),
         onClick: handleClick,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          sortable && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col", children: [
-            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
-            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
+          sortable && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react11.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react11.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
           ] })
         ] })
       }
@@ -3429,7 +3617,7 @@ var TableHead = (0, import_react15.forwardRef)(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableCell = (0, import_react16.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "td",
   {
     ref,
@@ -3441,7 +3629,7 @@ var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableCaption = (0, import_react16.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "caption",
   {
     ref,
@@ -3457,7 +3645,7 @@ var Table_default = Table;
 
 // src/components/AlertManagerView/AlertsManagerView.tsx
 var import_phosphor_react12 = require("phosphor-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var AlertsManagerView = ({
   alertData,
   isOpen = false,
@@ -3486,7 +3674,7 @@ var AlertsManagerView = ({
       year: "numeric"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Modal_default,
     {
       isOpen,
@@ -3494,59 +3682,59 @@ var AlertsManagerView = ({
       title: alertData.title,
       size: "md",
       contentClassName: "p-0",
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("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__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("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__ */ (0, import_jsx_runtime26.jsx)(
             "img",
             {
               src: imageLink || alertData.image || defaultImage || void 0,
               alt: alertData.title || "Imagem do alerta"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableRow, { variant: "borderless", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { variant: "borderless", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableRow, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.User, { className: "text-primary-950", size: 18 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.User, { className: "text-primary-950", size: 18 }) }),
               recipient.name
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
           ] }, recipient.id)) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("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__ */ (0, import_jsx_runtime25.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
+        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("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__ */ (0, import_jsx_runtime26.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
             "P\xE1gina ",
             effectiveCurrentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 onClick: () => onPageChange(Math.max(1, effectiveCurrentPage - 1)),
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretLeft, {}),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretLeft, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               Button_default,
               {
                 variant: "link",
@@ -3555,28 +3743,28 @@ var AlertsManagerView = ({
                   Math.min(totalPages, effectiveCurrentPage + 1)
                 ),
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretRight, {}),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretRight, {}),
                 children: "Pr\xF3ximo"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretLeft, {}),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretLeft, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_phosphor_react12.CaretRight, {}),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.CaretRight, {}),
                 children: "Pr\xF3ximo"
               }
             )
@@ -3588,9 +3776,9 @@ var AlertsManagerView = ({
 };
 
 // src/components/Radio/Radio.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_zustand3 = require("zustand");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var SIZE_CLASSES7 = {
   small: {
     radio: "w-5 h-5",
@@ -3655,7 +3843,7 @@ var DOT_CLASSES = {
   invalid: "bg-primary-950",
   disabled: "bg-primary-950"
 };
-var Radio = (0, import_react16.forwardRef)(
+var Radio = (0, import_react17.forwardRef)(
   ({
     label,
     size = "medium",
@@ -3673,10 +3861,10 @@ var Radio = (0, import_react16.forwardRef)(
     onChange,
     ...props
   }, ref) => {
-    const generatedId = (0, import_react16.useId)();
+    const generatedId = (0, import_react17.useId)();
     const inputId = id ?? `radio-${generatedId}`;
-    const inputRef = (0, import_react16.useRef)(null);
-    const [internalChecked, setInternalChecked] = (0, import_react16.useState)(defaultChecked);
+    const inputRef = (0, import_react17.useRef)(null);
+    const [internalChecked, setInternalChecked] = (0, import_react17.useState)(defaultChecked);
     const isControlled = checkedProp !== void 0;
     const checked = isControlled ? checkedProp : internalChecked;
     const handleChange = (event) => {
@@ -3729,8 +3917,8 @@ var Radio = (0, import_react16.forwardRef)(
     const getCursorClass = () => {
       return currentState === "disabled" ? "cursor-not-allowed" : "cursor-pointer";
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "div",
         {
           className: cn(
@@ -3739,7 +3927,7 @@ var Radio = (0, import_react16.forwardRef)(
             disabled ? "opacity-40" : ""
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "input",
               {
                 ref: (node) => {
@@ -3763,7 +3951,7 @@ var Radio = (0, import_react16.forwardRef)(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "button",
               {
                 type: "button",
@@ -3788,10 +3976,10 @@ var Radio = (0, import_react16.forwardRef)(
                     }
                   }
                 },
-                children: checked && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: dotClasses })
+                children: checked && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: dotClasses })
               }
             ),
-            label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "div",
               {
                 className: cn(
@@ -3799,7 +3987,7 @@ var Radio = (0, import_react16.forwardRef)(
                   sizeClasses.labelHeight,
                   "flex-1 min-w-0"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   Text_default,
                   {
                     as: "label",
@@ -3820,7 +4008,7 @@ var Radio = (0, import_react16.forwardRef)(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         Text_default,
         {
           size: "sm",
@@ -3830,7 +4018,7 @@ var Radio = (0, import_react16.forwardRef)(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         Text_default,
         {
           size: "sm",
@@ -3862,16 +4050,16 @@ var useRadioGroupStore = (externalStore) => {
   }
   return externalStore;
 };
-var injectStore2 = (children, store) => import_react16.Children.map(children, (child) => {
-  if (!(0, import_react16.isValidElement)(child)) return child;
+var injectStore2 = (children, store) => import_react17.Children.map(children, (child) => {
+  if (!(0, import_react17.isValidElement)(child)) return child;
   const typedChild = child;
   const shouldInject = typedChild.type === RadioGroupItem;
-  return (0, import_react16.cloneElement)(typedChild, {
+  return (0, import_react17.cloneElement)(typedChild, {
     ...shouldInject ? { store } : {},
     ...typedChild.props.children ? { children: injectStore2(typedChild.props.children, store) } : {}
   });
 });
-var RadioGroup = (0, import_react16.forwardRef)(
+var RadioGroup = (0, import_react17.forwardRef)(
   ({
     value: propValue,
     defaultValue = "",
@@ -3882,9 +4070,9 @@ var RadioGroup = (0, import_react16.forwardRef)(
     children,
     ...props
   }, ref) => {
-    const generatedId = (0, import_react16.useId)();
+    const generatedId = (0, import_react17.useId)();
     const name = propName || `radio-group-${generatedId}`;
-    const storeRef = (0, import_react16.useRef)(null);
+    const storeRef = (0, import_react17.useRef)(null);
     storeRef.current ??= createRadioGroupStore(
       name,
       defaultValue,
@@ -3893,21 +4081,21 @@ var RadioGroup = (0, import_react16.forwardRef)(
     );
     const store = storeRef.current;
     const { setValue } = (0, import_zustand3.useStore)(store, (s) => s);
-    (0, import_react16.useEffect)(() => {
+    (0, import_react17.useEffect)(() => {
       const currentValue = store.getState().value;
       if (currentValue && onValueChange) {
         onValueChange(currentValue);
       }
     }, []);
-    (0, import_react16.useEffect)(() => {
+    (0, import_react17.useEffect)(() => {
       if (propValue !== void 0) {
         setValue(propValue);
       }
     }, [propValue, setValue]);
-    (0, import_react16.useEffect)(() => {
+    (0, import_react17.useEffect)(() => {
       store.setState({ disabled });
     }, [disabled, store]);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         ref,
@@ -3921,7 +4109,7 @@ var RadioGroup = (0, import_react16.forwardRef)(
   }
 );
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = (0, import_react16.forwardRef)(
+var RadioGroupItem = (0, import_react17.forwardRef)(
   ({
     value,
     store: externalStore,
@@ -3939,12 +4127,12 @@ var RadioGroupItem = (0, import_react16.forwardRef)(
       disabled: groupDisabled,
       name
     } = (0, import_zustand3.useStore)(store);
-    const generatedId = (0, import_react16.useId)();
+    const generatedId = (0, import_react17.useId)();
     const inputId = id ?? `radio-item-${generatedId}`;
     const isChecked = groupValue === value;
     const isDisabled = groupDisabled || itemDisabled;
     const currentState = isDisabled ? "disabled" : state;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Radio,
       {
         ref,
@@ -3971,7 +4159,7 @@ var Radio_default = Radio;
 
 // src/components/Toast/Toast.tsx
 var import_phosphor_react13 = require("phosphor-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var VARIANT_ACTION_CLASSES4 = {
   solid: {
     warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
@@ -4011,7 +4199,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__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       role: "alert",
@@ -4025,20 +4213,20 @@ var Toast = ({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconAction, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-md text-text-900", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconAction, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-md text-text-900", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "button",
           {
             onClick: onClose,
             "aria-label": "Dismiss notification",
             className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.X, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.X, {})
           }
         )
       ]
@@ -4066,11 +4254,11 @@ var useToastStore = (0, import_zustand4.create)((set) => ({
 var ToastStore_default = useToastStore;
 
 // src/components/Toast/utils/Toaster.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Toaster = () => {
   const toasts = ToastStore_default((state) => state.toasts);
   const removeToast = ToastStore_default((state) => state.removeToast);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Toast_default,
     {
       title: toast.title,
@@ -4087,19 +4275,19 @@ var Toaster_default = Toaster;
 
 // src/components/Search/Search.tsx
 var import_phosphor_react16 = require("phosphor-react");
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/components/DropdownMenu/DropdownMenu.tsx
 var import_phosphor_react15 = require("phosphor-react");
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_zustand6 = require("zustand");
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 var import_phosphor_react14 = require("phosphor-react");
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/hooks/useTheme.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/store/themeStore.ts
 var import_zustand5 = require("zustand");
@@ -4203,7 +4391,7 @@ var useTheme = () => {
     initializeTheme,
     handleSystemThemeChange
   } = useThemeStore();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     initializeTheme();
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     mediaQuery.addEventListener("change", handleSystemThemeChange);
@@ -4220,31 +4408,31 @@ var useTheme = () => {
 };
 
 // src/components/ThemeToggle/ThemeToggle.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var ThemeToggle = ({
   variant = "default",
   onToggle
 }) => {
   const { themeMode, setTheme } = useTheme();
-  const [tempTheme, setTempTheme] = (0, import_react18.useState)(themeMode);
-  (0, import_react18.useEffect)(() => {
+  const [tempTheme, setTempTheme] = (0, import_react19.useState)(themeMode);
+  (0, import_react19.useEffect)(() => {
     setTempTheme(themeMode);
   }, [themeMode]);
   const problemTypes = [
     {
       id: "light",
       title: "Claro",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.Sun, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react14.Sun, { size: 24 })
     },
     {
       id: "dark",
       title: "Escuro",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.Moon, { size: 24 })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react14.Moon, { size: 24 })
     },
     {
       id: "system",
       title: "Sistema",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "svg",
         {
           width: "25",
@@ -4252,7 +4440,7 @@ var ThemeToggle = ({
           viewBox: "0 0 25 25",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "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",
@@ -4274,7 +4462,7 @@ var ThemeToggle = ({
     }
   };
   const currentTheme = variant === "with-save" ? tempTheme : themeMode;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     SelectionButton_default,
     {
       icon: type.icon,
@@ -4288,7 +4476,7 @@ var ThemeToggle = ({
 };
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function createDropdownStore() {
   return (0, import_zustand6.create)((set) => ({
     open: false,
@@ -4304,8 +4492,8 @@ var useDropdownStore = (externalStore) => {
   return externalStore;
 };
 var injectStore3 = (children, store) => {
-  return import_react19.Children.map(children, (child) => {
-    if ((0, import_react19.isValidElement)(child)) {
+  return import_react20.Children.map(children, (child) => {
+    if ((0, import_react20.isValidElement)(child)) {
       const typedChild = child;
       const displayName = typedChild.type.displayName;
       const allowed = [
@@ -4327,7 +4515,7 @@ var injectStore3 = (children, store) => {
       if (typedChild.props.children) {
         newProps.children = injectStore3(typedChild.props.children, store);
       }
-      return (0, import_react19.cloneElement)(typedChild, newProps);
+      return (0, import_react20.cloneElement)(typedChild, newProps);
     }
     return child;
   });
@@ -4337,14 +4525,14 @@ var DropdownMenu = ({
   open: propOpen,
   onOpenChange
 }) => {
-  const storeRef = (0, import_react19.useRef)(null);
+  const storeRef = (0, import_react20.useRef)(null);
   storeRef.current ??= createDropdownStore();
   const store = storeRef.current;
   const { open, setOpen: storeSetOpen } = (0, import_zustand6.useStore)(store, (s) => s);
   const setOpen = (newOpen) => {
     storeSetOpen(newOpen);
   };
-  const menuRef = (0, import_react19.useRef)(null);
+  const menuRef = (0, import_react20.useRef)(null);
   const handleArrowDownOrArrowUp = (event) => {
     const menuContent = menuRef.current?.querySelector('[role="menu"]');
     if (menuContent) {
@@ -4378,7 +4566,7 @@ var DropdownMenu = ({
       setOpen(false);
     }
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (open) {
       document.addEventListener("pointerdown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
@@ -4388,15 +4576,15 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [open]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     onOpenChange?.(open);
   }, [open, onOpenChange]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (propOpen !== void 0) {
       setOpen(propOpen);
     }
   }, [propOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
 };
 var DropdownMenuTrigger = ({
   className,
@@ -4408,7 +4596,7 @@ var DropdownMenuTrigger = ({
   const store = useDropdownStore(externalStore);
   const open = (0, import_zustand6.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       onClick: (e) => {
@@ -4452,8 +4640,8 @@ var MENUCONTENT_VARIANT_CLASSES = {
   menu: "p-1",
   profile: "p-6"
 };
-var MenuLabel = (0, import_react19.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var MenuLabel = (0, import_react20.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       ref,
@@ -4463,7 +4651,7 @@ var MenuLabel = (0, import_react19.forwardRef)(({ className, inset, store: _stor
   );
 });
 MenuLabel.displayName = "MenuLabel";
-var DropdownMenuContent = (0, import_react19.forwardRef)(
+var DropdownMenuContent = (0, import_react20.forwardRef)(
   ({
     className,
     align = "start",
@@ -4476,8 +4664,8 @@ var DropdownMenuContent = (0, import_react19.forwardRef)(
   }, ref) => {
     const store = useDropdownStore(externalStore);
     const open = (0, import_zustand6.useStore)(store, (s) => s.open);
-    const [isVisible, setIsVisible] = (0, import_react19.useState)(open);
-    (0, import_react19.useEffect)(() => {
+    const [isVisible, setIsVisible] = (0, import_react20.useState)(open);
+    (0, import_react20.useEffect)(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -4492,7 +4680,7 @@ var DropdownMenuContent = (0, import_react19.forwardRef)(
       return `absolute ${vertical} ${horizontal}`;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "div",
       {
         ref,
@@ -4517,7 +4705,7 @@ var DropdownMenuContent = (0, import_react19.forwardRef)(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = (0, import_react19.forwardRef)(
+var DropdownMenuItem = (0, import_react20.forwardRef)(
   ({
     className,
     size = "small",
@@ -4561,7 +4749,7 @@ var DropdownMenuItem = (0, import_react19.forwardRef)(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         ref,
@@ -4587,7 +4775,7 @@ var DropdownMenuItem = (0, import_react19.forwardRef)(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full", children }),
           iconRight
         ]
       }
@@ -4595,7 +4783,7 @@ var DropdownMenuItem = (0, import_react19.forwardRef)(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = (0, import_react19.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var DropdownMenuSeparator = (0, import_react20.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "div",
   {
     ref,
@@ -4604,11 +4792,11 @@ var DropdownMenuSeparator = (0, import_react19.forwardRef)(({ className, store:
   }
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var ProfileMenuTrigger = (0, import_react19.forwardRef)(({ className, onClick, store: externalStore, ...props }, ref) => {
+var ProfileMenuTrigger = (0, import_react20.forwardRef)(({ className, onClick, store: externalStore, ...props }, ref) => {
   const store = useDropdownStore(externalStore);
   const open = (0, import_zustand6.useStore)(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "button",
     {
       ref,
@@ -4623,13 +4811,13 @@ var ProfileMenuTrigger = (0, import_react19.forwardRef)(({ className, onClick, s
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.User, { className: "text-primary-950", size: 18 }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react15.User, { className: "text-primary-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
-var ProfileMenuHeader = (0, import_react19.forwardRef)(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var ProfileMenuHeader = (0, import_react20.forwardRef)(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       ref,
@@ -4640,16 +4828,16 @@ var ProfileMenuHeader = (0, import_react19.forwardRef)(({ className, name, email
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "img",
           {
             src: photoUrl,
             alt: "Foto de perfil",
             className: "w-full h-full object-cover"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.User, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react15.User, { size: 34, className: "text-primary-800" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             Text_default,
             {
               size: "xl",
@@ -4659,14 +4847,14 @@ var ProfileMenuHeader = (0, import_react19.forwardRef)(({ className, name, email
               children: name
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileMenuInfo = (0, import_react19.forwardRef)(
+var ProfileMenuInfo = (0, import_react20.forwardRef)(
   ({
     className,
     schoolName,
@@ -4675,7 +4863,7 @@ var ProfileMenuInfo = (0, import_react19.forwardRef)(
     store: _store,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         ref,
@@ -4683,13 +4871,13 @@ var ProfileMenuInfo = (0, import_react19.forwardRef)(
         className: cn("flex flex-row gap-4 items-center", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-16 h-16" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col ", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "w-16 h-16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col ", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
             ] })
           ] })
         ]
@@ -4703,9 +4891,9 @@ var ProfileToggleTheme = ({
   ...props
 }) => {
   const { themeMode, setTheme } = useTheme();
-  const [modalThemeToggle, setModalThemeToggle] = (0, import_react19.useState)(false);
-  const [selectedTheme, setSelectedTheme] = (0, import_react19.useState)(themeMode);
-  const internalStoreRef = (0, import_react19.useRef)(null);
+  const [modalThemeToggle, setModalThemeToggle] = (0, import_react20.useState)(false);
+  const [selectedTheme, setSelectedTheme] = (0, import_react20.useState)(themeMode);
+  const internalStoreRef = (0, import_react20.useRef)(null);
   internalStoreRef.current ??= createDropdownStore();
   const store = externalStore ?? internalStoreRef.current;
   const setOpen = (0, import_zustand6.useStore)(store, (s) => s.setOpen);
@@ -4724,14 +4912,14 @@ var ProfileToggleTheme = ({
     setModalThemeToggle(false);
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       DropdownMenuItem,
       {
         variant: "profile",
         preventClose: true,
         store,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "svg",
           {
             width: "24",
@@ -4739,7 +4927,7 @@ var ProfileToggleTheme = ({
             viewBox: "0 0 25 25",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "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",
@@ -4748,7 +4936,7 @@ var ProfileToggleTheme = ({
             )
           }
         ),
-        iconRight: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.CaretRight, {}),
+        iconRight: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react15.CaretRight, {}),
         onClick: handleClick,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -4758,31 +4946,31 @@ var ProfileToggleTheme = ({
           }
         },
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       Modal_default,
       {
         isOpen: modalThemeToggle,
         onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
-        footer: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
         ] })
       }
     )
   ] });
 };
 ProfileToggleTheme.displayName = "ProfileToggleTheme";
-var ProfileMenuSection = (0, import_react19.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
+var ProfileMenuSection = (0, import_react20.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
 var ProfileMenuFooter = ({
@@ -4794,7 +4982,7 @@ var ProfileMenuFooter = ({
 }) => {
   const store = useDropdownStore(externalStore);
   const setOpen = (0, import_zustand6.useStore)(store, (s) => s.setOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     Button_default,
     {
       variant: "outline",
@@ -4806,8 +4994,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.SignOut, { className: "text-inherit" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { color: "inherit", children: "Sair" })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react15.SignOut, { className: "text-inherit" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { color: "inherit", children: "Sair" })
       ]
     }
   );
@@ -4816,7 +5004,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Search/Search.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var filterOptions = (options, query) => {
   if (!query || query.length < 1) return [];
   return options.filter(
@@ -4841,7 +5029,7 @@ var updateInputValue = (value, ref, onChange) => {
     onChange(event);
   }
 };
-var Search = (0, import_react20.forwardRef)(
+var Search = (0, import_react21.forwardRef)(
   ({
     options = [],
     onSelect,
@@ -4862,13 +5050,13 @@ var Search = (0, import_react20.forwardRef)(
     onKeyDown: userOnKeyDown,
     ...props
   }, ref) => {
-    const [dropdownOpen, setDropdownOpen] = (0, import_react20.useState)(false);
-    const [forceClose, setForceClose] = (0, import_react20.useState)(false);
-    const justSelectedRef = (0, import_react20.useRef)(false);
-    const dropdownStore = (0, import_react20.useRef)(createDropdownStore()).current;
-    const dropdownRef = (0, import_react20.useRef)(null);
-    const inputElRef = (0, import_react20.useRef)(null);
-    const filteredOptions = (0, import_react20.useMemo)(() => {
+    const [dropdownOpen, setDropdownOpen] = (0, import_react21.useState)(false);
+    const [forceClose, setForceClose] = (0, import_react21.useState)(false);
+    const justSelectedRef = (0, import_react21.useRef)(false);
+    const dropdownStore = (0, import_react21.useRef)(createDropdownStore()).current;
+    const dropdownRef = (0, import_react21.useRef)(null);
+    const inputElRef = (0, import_react21.useRef)(null);
+    const filteredOptions = (0, import_react21.useMemo)(() => {
       if (!options.length) {
         return [];
       }
@@ -4881,7 +5069,7 @@ var Search = (0, import_react20.forwardRef)(
       dropdownStore.setState({ open });
       onDropdownChange?.(open);
     };
-    (0, import_react20.useEffect)(() => {
+    (0, import_react21.useEffect)(() => {
       if (justSelectedRef.current) {
         justSelectedRef.current = false;
         return;
@@ -4900,7 +5088,7 @@ var Search = (0, import_react20.forwardRef)(
       setOpenAndNotify(false);
       updateInputValue(option, ref, onChange);
     };
-    (0, import_react20.useEffect)(() => {
+    (0, import_react21.useEffect)(() => {
       const handleClickOutside = (event) => {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
           setOpenAndNotify(false);
@@ -4913,7 +5101,7 @@ var Search = (0, import_react20.forwardRef)(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, [showDropdown, dropdownStore, onDropdownChange]);
-    const generatedId = (0, import_react20.useId)();
+    const generatedId = (0, import_react21.useId)();
     const inputId = id ?? `search-${generatedId}`;
     const dropdownId = `${inputId}-dropdown`;
     const handleClear = () => {
@@ -4962,14 +5150,14 @@ var Search = (0, import_react20.forwardRef)(
     const hasValue = String(value ?? "").length > 0;
     const showClearButton = hasValue && !disabled && !readOnly;
     const showSearchIcon = !hasValue && !disabled && !readOnly;
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       "div",
       {
         ref: dropdownRef,
         className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "input",
               {
                 ref: (node) => {
@@ -4997,35 +5185,35 @@ var Search = (0, import_react20.forwardRef)(
                 ...props
               }
             ),
-            showClearButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            showClearButton && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleClearClick,
                 "aria-label": "Limpar busca",
-                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react16.X, {}) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.X, {}) })
               }
             ) }),
-            showSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            showSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               "button",
               {
                 type: "button",
                 className: "p-0 border-0 bg-transparent cursor-pointer",
                 onMouseDown: handleSearchIconClick,
                 "aria-label": "Buscar",
-                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react16.MagnifyingGlass, {}) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.MagnifyingGlass, {}) })
               }
             ) })
           ] }),
-          showDropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          showDropdown && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             DropdownMenuContent,
             {
               id: dropdownId,
               className: "w-full mt-1",
               style: { maxHeight: dropdownMaxHeight },
               align: "start",
-              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 DropdownMenuItem,
                 {
                   onClick: () => handleSelectOption(option),
@@ -5033,7 +5221,7 @@ var Search = (0, import_react20.forwardRef)(
                   children: option
                 },
                 option
-              )) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
+              )) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
             }
           ) })
         ]
@@ -5046,7 +5234,7 @@ var Search_default = Search;
 
 // src/components/Chips/Chips.tsx
 var import_phosphor_react17 = require("phosphor-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("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"
@@ -5061,7 +5249,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__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "button",
     {
       className: cn(baseClasses, stateClasses, className),
@@ -5069,8 +5257,8 @@ var Chips = ({
       type,
       ...props,
       children: [
-        selected && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react17.Check, { weight: "bold", size: 16 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1", children })
+        selected && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react17.Check, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex-1", children })
       ]
     }
   );
@@ -5078,7 +5266,7 @@ var Chips = ({
 var Chips_default = Chips;
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SIZE_CLASSES8 = {
   small: {
     container: "h-1",
@@ -5190,20 +5378,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
     max,
     percentage
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       className: cn(
         "text-xs font-medium leading-[14px] text-right",
         percentageClassName
       ),
-      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-text-600", children: [
+      children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-text-600", children: [
           " de ",
           max
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
         Math.round(percentage),
         "%"
       ] })
@@ -5218,7 +5406,7 @@ var ProgressBarBase = ({
   variantClasses,
   containerClassName,
   fillClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
   "div",
   {
     className: cn(
@@ -5227,7 +5415,7 @@ var ProgressBarBase = ({
       "overflow-hidden relative"
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "progress",
         {
           value: clampedValue,
@@ -5236,7 +5424,7 @@ var ProgressBarBase = ({
           className: "absolute inset-0 w-full h-full opacity-0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: cn(
@@ -5262,7 +5450,7 @@ var StackedLayout = ({
   percentage,
   variantClasses,
   dimensions
-}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
   "div",
   {
     className: cn(
@@ -5272,8 +5460,8 @@ var StackedLayout = ({
       className
     ),
     children: [
-      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           Text_default,
           {
             as: "div",
@@ -5292,7 +5480,7 @@ var StackedLayout = ({
           percentageClassName
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         ProgressBarBase,
         {
           clampedValue,
@@ -5334,7 +5522,7 @@ var CompactLayout = ({
     percentageClassName,
     labelClassName
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       className: cn(
@@ -5344,7 +5532,7 @@ var CompactLayout = ({
         className
       ),
       children: [
-        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           Text_default,
           {
             as: "div",
@@ -5355,7 +5543,7 @@ var CompactLayout = ({
             children: content
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           ProgressBarBase,
           {
             clampedValue,
@@ -5391,9 +5579,9 @@ var DefaultLayout = ({
     label,
     showPercentage
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
-    displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
+    displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Text_default,
         {
           as: "div",
@@ -5406,7 +5594,7 @@ var DefaultLayout = ({
           children: label
         }
       ),
-      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      showPercentage && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         Text_default,
         {
           size: "xs",
@@ -5422,7 +5610,7 @@ var DefaultLayout = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       ProgressBarBase,
       {
         clampedValue,
@@ -5442,7 +5630,7 @@ var DefaultLayout = ({
         )
       }
     ),
-    displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       Text_default,
       {
         size: "xs",
@@ -5457,7 +5645,7 @@ var DefaultLayout = ({
         ]
       }
     ),
-    displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       Text_default,
       {
         as: "div",
@@ -5493,7 +5681,7 @@ var ProgressBar = ({
   const sizeClasses = SIZE_CLASSES8[size];
   const variantClasses = VARIANT_CLASSES2[variant];
   if (layout === "stacked") {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       StackedLayout,
       {
         className,
@@ -5514,7 +5702,7 @@ var ProgressBar = ({
     );
   }
   if (layout === "compact") {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       CompactLayout,
       {
         className,
@@ -5534,7 +5722,7 @@ var ProgressBar = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     DefaultLayout,
     {
       className,
@@ -5554,7 +5742,7 @@ var ProgressBar = ({
 var ProgressBar_default = ProgressBar;
 
 // src/components/ProgressCircle/ProgressCircle.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var SIZE_CLASSES9 = {
   small: {
     container: "w-[90px] h-[90px]",
@@ -5636,7 +5824,7 @@ var ProgressCircle = ({
   const strokeDashoffset = circumference - percentage / 100 * circumference;
   const center = size === "small" ? 45 : 76;
   const svgSize = size === "small" ? 90 : 152;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       className: cn(
@@ -5646,7 +5834,7 @@ var ProgressCircle = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "svg",
           {
             className: "absolute inset-0 transform -rotate-90",
@@ -5655,7 +5843,7 @@ var ProgressCircle = ({
             viewBox: `0 0 ${svgSize} ${svgSize}`,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "circle",
                 {
                   cx: center,
@@ -5666,7 +5854,7 @@ var ProgressCircle = ({
                   className: cn(variantClasses.background, "rounded-lg")
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "circle",
                 {
                   cx: center,
@@ -5686,7 +5874,7 @@ var ProgressCircle = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "progress",
           {
             value: clampedValue,
@@ -5695,7 +5883,7 @@ var ProgressCircle = ({
             className: "absolute opacity-0 w-0 h-0"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "div",
           {
             className: cn(
@@ -5704,7 +5892,7 @@ var ProgressCircle = ({
               sizeClasses.contentWidth
             ),
             children: [
-              showPercentage && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+              showPercentage && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
                 Text_default,
                 {
                   size: sizeClasses.textSize,
@@ -5720,7 +5908,7 @@ var ProgressCircle = ({
                   ]
                 }
               ),
-              label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 Text_default,
                 {
                   as: "span",
@@ -5745,7 +5933,7 @@ var ProgressCircle_default = ProgressCircle;
 
 // src/components/Stepper/Stepper.tsx
 var import_phosphor_react18 = require("phosphor-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var SIZE_CLASSES10 = {
   small: {
     container: "gap-2",
@@ -5872,7 +6060,7 @@ var Step = ({
     }
     return `${step.label}${suffix}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       className: `
@@ -5885,7 +6073,7 @@ var Step = ({
         overflow-visible
       `,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "div",
           {
             className: `
@@ -5894,7 +6082,7 @@ var Step = ({
         `
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
           "div",
           {
             className: `
@@ -5904,7 +6092,7 @@ var Step = ({
           overflow-visible
         `,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 "div",
                 {
                   className: `
@@ -5913,7 +6101,7 @@ var Step = ({
             flex-none transition-all duration-300 ease-out
           `,
                   "aria-label": getAriaLabel(),
-                  children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     import_phosphor_react18.Check,
                     {
                       weight: "bold",
@@ -5922,7 +6110,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__ */ (0, import_jsx_runtime35.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     Text_default,
                     {
                       size: sizeClasses.indicatorTextSize,
@@ -5934,7 +6122,7 @@ var Step = ({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 Text_default,
                 {
                   size: sizeClasses.labelTextSize,
@@ -5986,7 +6174,7 @@ var Stepper = ({
 }) => {
   const sizeClasses = SIZE_CLASSES10[size];
   const steps = currentStep !== void 0 ? calculateStepStates(initialSteps, currentStep) : initialSteps;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "fieldset",
     {
       className: cn(
@@ -5995,8 +6183,8 @@ var Stepper = ({
         "border-0 p-0 m-0"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(
           Text_default,
           {
             size: "sm",
@@ -6005,7 +6193,7 @@ var Stepper = ({
             children: getProgressText(currentStep, steps.length, progressText)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "div",
           {
             className: cn(
@@ -6018,7 +6206,7 @@ var Stepper = ({
             "aria-label": "Progress steps",
             children: steps.map((step, index) => {
               const stateClasses = STATE_CLASSES6[step.state];
-              return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 Step,
                 {
                   step,
@@ -6041,8 +6229,8 @@ var Stepper = ({
 var Stepper_default = Stepper;
 
 // src/components/Calendar/Calendar.tsx
-var import_react21 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_jsx_runtime37 = require("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 = [
@@ -6065,15 +6253,15 @@ var MonthYearPicker = ({
   currentDate,
   onYearChange,
   onMonthChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   "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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "button",
           {
             onClick: () => onYearChange(year),
@@ -6086,9 +6274,9 @@ var MonthYearPicker = ({
           year
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "button",
           {
             onClick: () => onMonthChange(index, currentDate.getFullYear()),
@@ -6141,11 +6329,11 @@ var Calendar = ({
   showActivities = true,
   className = ""
 }) => {
-  const [currentDate, setCurrentDate] = (0, import_react21.useState)(selectedDate || /* @__PURE__ */ new Date());
-  const [isMonthPickerOpen, setIsMonthPickerOpen] = (0, import_react21.useState)(false);
-  const monthPickerRef = (0, import_react21.useRef)(null);
-  const monthPickerContainerRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const [currentDate, setCurrentDate] = (0, import_react22.useState)(selectedDate || /* @__PURE__ */ new Date());
+  const [isMonthPickerOpen, setIsMonthPickerOpen] = (0, import_react22.useState)(false);
+  const monthPickerRef = (0, import_react22.useRef)(null);
+  const monthPickerContainerRef = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (monthPickerContainerRef.current && !monthPickerContainerRef.current.contains(event.target)) {
         setIsMonthPickerOpen(false);
@@ -6159,7 +6347,7 @@ var Calendar = ({
     };
   }, [isMonthPickerOpen]);
   const today = /* @__PURE__ */ new Date();
-  const availableYears = (0, import_react21.useMemo)(() => {
+  const availableYears = (0, import_react22.useMemo)(() => {
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const years = [];
     for (let year = currentYear - 10; year <= currentYear + 10; year++) {
@@ -6167,7 +6355,7 @@ var Calendar = ({
     }
     return years;
   }, []);
-  const calendarData = (0, import_react21.useMemo)(() => {
+  const calendarData = (0, import_react22.useMemo)(() => {
     const year = currentDate.getFullYear();
     const month = currentDate.getMonth();
     const firstDay = new Date(year, month, 1);
@@ -6220,28 +6408,28 @@ var Calendar = ({
     onDateSelect?.(day.date);
   };
   if (variant === "navigation") {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
             "button",
             {
               onClick: toggleMonthPicker,
               className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
                   MONTH_NAMES[currentDate.getMonth()],
                   " ",
                   currentDate.getFullYear()
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "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__ */ (0, import_jsx_runtime36.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -6255,7 +6443,7 @@ var Calendar = ({
               ]
             }
           ),
-          isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             MonthYearPicker,
             {
               monthPickerRef,
@@ -6266,21 +6454,21 @@ var Calendar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-10", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-10", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "button",
             {
               onClick: goToPreviousMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "M\xEAs anterior",
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6293,20 +6481,20 @@ var Calendar = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "button",
             {
               onClick: goToNextMonth,
               className: "p-1 rounded hover:bg-background-100 transition-colors",
               "aria-label": "Pr\xF3ximo m\xEAs",
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "svg",
                 {
                   className: "w-6 h-6 text-primary-950",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6321,7 +6509,7 @@ var Calendar = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "div",
         {
           className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
@@ -6329,13 +6517,13 @@ var Calendar = ({
         },
         `${day}-${index}`
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
         if (!day.isCurrentMonth) {
-          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "div",
             {
               className: "flex items-center justify-center",
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-9 h-9" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-9 h-9" })
             },
             day.date.getTime()
           );
@@ -6351,11 +6539,11 @@ var Calendar = ({
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               "button",
               {
                 className: `
@@ -6371,7 +6559,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__ */ (0, import_jsx_runtime36.jsx)("span", { className: spanClass, children: day.date.getDate() })
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: spanClass, children: day.date.getDate() })
               }
             )
           },
@@ -6380,28 +6568,28 @@ var Calendar = ({
       }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           "button",
           {
             onClick: toggleMonthPicker,
             className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
                 MONTH_NAMES[currentDate.getMonth()],
                 " ",
                 currentDate.getFullYear()
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "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__ */ (0, import_jsx_runtime36.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -6415,7 +6603,7 @@ var Calendar = ({
             ]
           }
         ),
-        isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           MonthYearPicker,
           {
             monthPickerRef,
@@ -6426,21 +6614,21 @@ var Calendar = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "button",
           {
             onClick: goToPreviousMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "M\xEAs anterior",
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -6453,20 +6641,20 @@ var Calendar = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "button",
           {
             onClick: goToNextMonth,
             className: "p-1 rounded-md hover:bg-background-100 transition-colors",
             "aria-label": "Pr\xF3ximo m\xEAs",
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               "svg",
               {
                 className: "w-6 h-6 text-primary-950",
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -6481,7 +6669,7 @@ var Calendar = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "div",
       {
         className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
@@ -6489,13 +6677,13 @@ var Calendar = ({
       },
       day
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
       if (!day.isCurrentMonth) {
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "div",
           {
             className: "flex items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-10 h-10" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-10 h-10" })
           },
           day.date.getTime()
         );
@@ -6505,11 +6693,11 @@ var Calendar = ({
         variant,
         showActivities
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "div",
         {
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "button",
             {
               className: `
@@ -6538,8 +6726,8 @@ var Calendar = ({
 var Calendar_default = Calendar;
 
 // src/components/AlertDialog/AlertDialog.tsx
-var import_react22 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var SIZE_CLASSES11 = {
   "extra-small": "w-screen max-w-[324px]",
   small: "w-screen max-w-[378px]",
@@ -6547,7 +6735,7 @@ var SIZE_CLASSES11 = {
   large: "w-screen max-w-[578px]",
   "extra-large": "w-screen max-w-[912px]"
 };
-var AlertDialog = (0, import_react22.forwardRef)(
+var AlertDialog = (0, import_react23.forwardRef)(
   ({
     description,
     cancelButtonLabel = "Cancelar",
@@ -6565,7 +6753,7 @@ var AlertDialog = (0, import_react22.forwardRef)(
     size = "medium",
     ...props
   }, ref) => {
-    (0, import_react22.useEffect)(() => {
+    (0, import_react23.useEffect)(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
@@ -6575,7 +6763,7 @@ var AlertDialog = (0, import_react22.forwardRef)(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [isOpen, closeOnEscape]);
-    (0, import_react22.useEffect)(() => {
+    (0, import_react23.useEffect)(() => {
       if (isOpen) {
         document.body.style.overflow = "hidden";
       } else {
@@ -6604,14 +6792,14 @@ var AlertDialog = (0, import_react22.forwardRef)(
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "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__ */ (0, import_jsx_runtime37.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           "div",
           {
             ref,
@@ -6622,7 +6810,7 @@ var AlertDialog = (0, import_react22.forwardRef)(
             ),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "h2",
                 {
                   id: "alert-dialog-title",
@@ -6630,7 +6818,7 @@ var AlertDialog = (0, import_react22.forwardRef)(
                   children: title
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                 "p",
                 {
                   id: "alert-dialog-description",
@@ -6638,9 +6826,9 @@ var AlertDialog = (0, import_react22.forwardRef)(
                   children: description
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   Button_default,
                   {
                     variant: "solid",
@@ -6661,12 +6849,12 @@ var AlertDialog = (0, import_react22.forwardRef)(
 AlertDialog.displayName = "AlertDialog";
 
 // src/components/LoadingModal/loadingModal.tsx
-var import_react23 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var LoadingModal = (0, import_react23.forwardRef)(
+var import_react24 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var LoadingModal = (0, import_react24.forwardRef)(
   ({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
     if (!open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "div",
       {
         ref,
@@ -6675,8 +6863,8 @@ var LoadingModal = (0, import_react23.forwardRef)(
         "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__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "svg",
             {
               width: "102",
@@ -6687,14 +6875,14 @@ var LoadingModal = (0, import_react23.forwardRef)(
               "aria-hidden": "true",
               focusable: false,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "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__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "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",
@@ -6704,9 +6892,9 @@ var LoadingModal = (0, import_react23.forwardRef)(
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
           ] })
         ] })
       }
@@ -6719,158 +6907,6 @@ var loadingModal_default = LoadingModal;
 var import_phosphor_react19 = require("phosphor-react");
 var import_react26 = require("react");
 
-// src/components/Skeleton/Skeleton.tsx
-var import_react24 = require("react");
-var import_jsx_runtime39 = require("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 = (0, import_react24.forwardRef)(
-  ({
-    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__ */ (0, import_jsx_runtime39.jsx)(
-        "div",
-        {
-          ref,
-          className: cn("flex flex-col", spacingClass, className),
-          ...props,
-          children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            "div",
-            {
-              className: cn(variantClass, animationClass),
-              style: index === lines - 1 ? { width: "60%" } : void 0
-            },
-            index
-          ))
-        }
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      "div",
-      {
-        ref,
-        className: cn(variantClass, animationClass, className),
-        style,
-        ...props,
-        children
-      }
-    );
-  }
-);
-var SkeletonText = (0, import_react24.forwardRef)(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Skeleton, { ref, variant: "text", ...props })
-);
-var SkeletonCircle = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Skeleton, { ref, variant: "circular", ...props }));
-var SkeletonRectangle = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
-var SkeletonRounded = (0, import_react24.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
-var SkeletonCard = (0, import_react24.forwardRef)(
-  ({
-    showAvatar = true,
-    showTitle = true,
-    showDescription = true,
-    showActions = true,
-    lines = 2,
-    className = "",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-      "div",
-      {
-        ref,
-        className: cn(
-          "w-full p-4 bg-background border border-border-200 rounded-lg",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start space-x-3", children: [
-            showAvatar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonCircle, { width: 40, height: 40 }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1 space-y-2", children: [
-              showTitle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonText, { width: "60%", height: 20 }),
-              showDescription && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonText, { lines, spacing: "small" })
-            ] })
-          ] }),
-          showActions && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonRectangle, { width: 80, height: 32 })
-          ] })
-        ]
-      }
-    );
-  }
-);
-var SkeletonList = (0, import_react24.forwardRef)(
-  ({
-    items = 3,
-    showAvatar = true,
-    showTitle = true,
-    showDescription = true,
-    lines = 1,
-    className = "",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
-      showAvatar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonCircle, { width: 32, height: 32 }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1 space-y-2", children: [
-        showTitle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonText, { width: "40%", height: 16 }),
-        showDescription && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SkeletonText, { lines, spacing: "small" })
-      ] })
-    ] }, index)) });
-  }
-);
-var SkeletonTable = (0, import_react24.forwardRef)(
-  ({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
-      showHeader && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        SkeletonText,
-        {
-          width: `${100 / columns}%`,
-          height: 20
-        },
-        index
-      )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        SkeletonText,
-        {
-          width: `${100 / columns}%`,
-          height: 16
-        },
-        colIndex
-      )) }, rowIndex)) })
-    ] });
-  }
-);
-
 // src/hooks/useMobile.ts
 var import_react25 = require("react");
 var MOBILE_WIDTH = 500;
@@ -8358,7 +8394,9 @@ function TableProvider({
   initialFilters = [],
   paginationConfig = {},
   searchPlaceholder = "Buscar...",
-  noSearchResultImage,
+  emptyState,
+  loadingState,
+  noSearchResultState,
   rowKey,
   onParamsChange,
   onRowClick,
@@ -8477,7 +8515,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__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-4", children: [
     enableFilters && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       Button_default,
@@ -8507,8 +8548,12 @@ function TableProvider({
     Table_default,
     {
       variant,
-      searchTerm: enableSearch ? searchQuery : void 0,
-      noSearchResultImage,
+      showLoading,
+      loadingState,
+      showNoSearchResult,
+      noSearchResultState,
+      showEmpty,
+      emptyState,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           TableRow,