@robertorota/rota-designe 1.0.0 → 1.0.2

package/dist/index.js

@@ -0,0 +1,2418 @@
+// src/components/AccountSettings/AccountModal/index.tsx
+import { useState } from "react";
+import { FiLogOut, FiSliders, FiUser, FiX as FiX2 } from "react-icons/fi";
+
+// src/components/Modal/index.tsx
+import { useEffect } from "react";
+import { FiX } from "react-icons/fi";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Modal({
+  open,
+  title,
+  titleIcon,
+  children,
+  footer,
+  onClose,
+  onSubmit,
+  closeOnBackdrop = false,
+  showHeader = true,
+  paddedBody = true,
+  className = "",
+  bodyClassName = ""
+}) {
+  useEffect(() => {
+    if (!open || !onClose) return;
+    function handleKeyDown(event) {
+      if (event.key === "Escape") onClose?.();
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onClose, open]);
+  if (!open) {
+    return null;
+  }
+  const panelClassName = [
+    "flex max-h-[92vh] w-full max-w-lg flex-col overflow-hidden rounded-lg bg-surface-base-light shadow-xl",
+    className
+  ].filter(Boolean).join(" ");
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    showHeader && (title || onClose) && /* @__PURE__ */ jsxs("header", { className: "flex shrink-0 items-center justify-between border-b border-neutral-border px-5 py-4", children: [
+      title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        titleIcon && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center text-brand-primary", "aria-hidden": "true", children: titleIcon }),
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-neutral-text-primary", children: title })
+      ] }),
+      onClose && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "ml-auto cursor-pointer text-neutral-placeholder transition-colors hover:text-neutral-text-primary",
+          "aria-label": "Fechar modal",
+          children: /* @__PURE__ */ jsx(FiX, { size: 20 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: [
+          "flex-1 overflow-y-auto",
+          paddedBody ? "px-5 py-5" : "",
+          bodyClassName
+        ].filter(Boolean).join(" "),
+        children
+      }
+    ),
+    footer && /* @__PURE__ */ jsx("footer", { className: "flex shrink-0 justify-end gap-3 border-t border-neutral-border bg-surface-subtle-light px-5 py-4", children: footer })
+  ] });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-surface-base-dark/40 p-4 backdrop-blur-sm",
+      onClick: closeOnBackdrop ? onClose : void 0,
+      children: onSubmit ? /* @__PURE__ */ jsx(
+        "form",
+        {
+          className: panelClassName,
+          role: "dialog",
+          "aria-modal": "true",
+          onSubmit,
+          onClick: (event) => event.stopPropagation(),
+          children: content
+        }
+      ) : /* @__PURE__ */ jsx(
+        "section",
+        {
+          className: panelClassName,
+          role: "dialog",
+          "aria-modal": "true",
+          onClick: (event) => event.stopPropagation(),
+          children: content
+        }
+      )
+    }
+  );
+}
+
+// src/components/AccountSettings/ContentPreference/index.tsx
+import { useEffect as useEffect2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { FiCheck, FiMonitor, FiMoon, FiSun } from "react-icons/fi";
+
+// src/components/Switch/index.tsx
+import { useId } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Switch({ label, id, className = "", ...props }) {
+  const generatedId = useId();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs2(
+    "label",
+    {
+      htmlFor: inputId,
+      className: [
+        "inline-flex items-center gap-3 text-sm font-medium text-neutral-text-primary",
+        props.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx2("input", { id: inputId, type: "checkbox", className: "peer sr-only", ...props }),
+        /* @__PURE__ */ jsx2("span", { className: "relative h-6 w-11 rounded-full bg-neutral-border transition-colors after:absolute after:left-1 after:top-1 after:h-4 after:w-4 after:rounded-full after:bg-surface-base-light after:transition-transform peer-checked:bg-action-primary peer-checked:after:translate-x-5" }),
+        label && /* @__PURE__ */ jsx2("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/sidebar-pinned-store.ts
+import { useSyncExternalStore } from "react";
+var STORAGE_KEY = "app-sidebar-pinned";
+var PREFERENCE_EVENT = "app-sidebar-preference-change";
+function subscribe(onStoreChange) {
+  const handlePreferenceChange = () => onStoreChange();
+  const handleStorage = (event) => {
+    if (event.key === STORAGE_KEY) onStoreChange();
+  };
+  window.addEventListener(PREFERENCE_EVENT, handlePreferenceChange);
+  window.addEventListener("storage", handleStorage);
+  return () => {
+    window.removeEventListener(PREFERENCE_EVENT, handlePreferenceChange);
+    window.removeEventListener("storage", handleStorage);
+  };
+}
+function getSnapshot() {
+  return window.localStorage.getItem(STORAGE_KEY) === "true";
+}
+function getServerSnapshot() {
+  return false;
+}
+function useSidebarPinned() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function setSidebarPinned(isPinned) {
+  window.localStorage.setItem(STORAGE_KEY, String(isPinned));
+  window.dispatchEvent(new Event(PREFERENCE_EVENT));
+}
+
+// src/components/AccountSettings/ContentPreference/index.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var THEME_STORAGE_KEY = "app-theme-preference";
+var THEME_PREFERENCE_EVENT = "app-theme-preference-change";
+var themeOptions = [
+  { label: "Claro", value: "light", icon: /* @__PURE__ */ jsx3(FiSun, { size: 20 }) },
+  { label: "Escuro", value: "dark", icon: /* @__PURE__ */ jsx3(FiMoon, { size: 20 }) },
+  { label: "Sistema", value: "system", icon: /* @__PURE__ */ jsx3(FiMonitor, { size: 20 }) }
+];
+function getSavedTheme() {
+  const savedTheme = window.localStorage.getItem(THEME_STORAGE_KEY);
+  if (savedTheme === "light" || savedTheme === "dark" || savedTheme === "system") {
+    return savedTheme;
+  }
+  return "light";
+}
+function subscribeTheme(onStoreChange) {
+  const handlePreferenceChange = () => onStoreChange();
+  const handleStorage = (event) => {
+    if (event.key === THEME_STORAGE_KEY) onStoreChange();
+  };
+  window.addEventListener(THEME_PREFERENCE_EVENT, handlePreferenceChange);
+  window.addEventListener("storage", handleStorage);
+  return () => {
+    window.removeEventListener(THEME_PREFERENCE_EVENT, handlePreferenceChange);
+    window.removeEventListener("storage", handleStorage);
+  };
+}
+function getServerTheme() {
+  return "light";
+}
+function useThemePreference() {
+  return useSyncExternalStore2(subscribeTheme, getSavedTheme, getServerTheme);
+}
+function setThemePreference(theme) {
+  window.localStorage.setItem(THEME_STORAGE_KEY, theme);
+  window.dispatchEvent(new Event(THEME_PREFERENCE_EVENT));
+}
+function resolveTheme(theme) {
+  if (theme !== "system") return theme;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function ContentPreference() {
+  const theme = useThemePreference();
+  const isSidebarPinned = useSidebarPinned();
+  useEffect2(() => {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const applyTheme = () => {
+      document.documentElement.dataset.theme = resolveTheme(theme);
+      window.localStorage.setItem("app-theme", resolveTheme(theme));
+    };
+    applyTheme();
+    if (theme === "system") {
+      mediaQuery.addEventListener("change", applyTheme);
+      return () => mediaQuery.removeEventListener("change", applyTheme);
+    }
+  }, [theme]);
+  return /* @__PURE__ */ jsxs3("section", { "aria-labelledby": "preference-title", children: [
+    /* @__PURE__ */ jsx3(
+      "h3",
+      {
+        id: "preference-title",
+        className: "text-xl font-semibold text-neutral-text-primary",
+        children: "Prefer\xEAncias"
+      }
+    ),
+    /* @__PURE__ */ jsx3("p", { className: "mt-1 text-sm text-neutral-text-secondary", children: "Personalize a apar\xEAncia da aplica\xE7\xE3o." }),
+    /* @__PURE__ */ jsxs3("div", { className: "mt-7 py-6", children: [
+      /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium uppercase tracking-wide text-neutral-placeholder", children: "Tema" }),
+      /* @__PURE__ */ jsx3("div", { className: "mt-3 grid grid-cols-3 gap-3", children: themeOptions.map((option) => {
+        const isSelected = theme === option.value;
+        return /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            type: "button",
+            onClick: () => setThemePreference(option.value),
+            "aria-pressed": isSelected,
+            className: [
+              "relative flex cursor-pointer flex-col items-center gap-2 rounded-xl border px-3 py-4 text-sm font-medium transition-colors",
+              isSelected ? "border-action-primary bg-action-primary/10 text-action-primary" : "border-neutral-border text-neutral-text-secondary hover:bg-neutral-surface"
+            ].join(" "),
+            children: [
+              isSelected && /* @__PURE__ */ jsx3("span", { className: "absolute right-2 top-2 flex h-5 w-5 items-center justify-center rounded-full bg-action-primary text-text-inverse", children: /* @__PURE__ */ jsx3(FiCheck, { size: 12, "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: option.icon }),
+              option.label
+            ]
+          },
+          option.value
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "border-t border-neutral-border py-6", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-6", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium text-neutral-text-primary", children: "Barra lateral fixa" }),
+        /* @__PURE__ */ jsx3("p", { className: "mt-1 text-sm text-neutral-text-secondary", children: "Mant\xE9m o menu lateral aberto durante a navega\xE7\xE3o." })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        Switch,
+        {
+          checked: isSidebarPinned,
+          onChange: (event) => setSidebarPinned(event.target.checked),
+          "aria-label": "Manter barra lateral fixa e aberta"
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/components/AccountSettings/AccountModal/index.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var navigationItems = [
+  { id: "account", label: "Conta", icon: /* @__PURE__ */ jsx4(FiUser, { size: 16 }) },
+  { id: "preferences", label: "Prefer\xEAncias", icon: /* @__PURE__ */ jsx4(FiSliders, { size: 16 }) }
+];
+function AccountPanel() {
+  return /* @__PURE__ */ jsxs4("section", { "aria-labelledby": "account-title", children: [
+    /* @__PURE__ */ jsx4(
+      "h2",
+      {
+        id: "account-title",
+        className: "text-xl font-semibold text-neutral-text-primary",
+        children: "Minha conta"
+      }
+    ),
+    /* @__PURE__ */ jsx4("p", { className: "mt-1 text-sm text-neutral-text-secondary", children: "Personalize a apar\xEAncia da sua conta, alterando o tema, tamanho das fontes e outros itens.      " })
+  ] });
+}
+function AccountModal({
+  open,
+  onClose,
+  onLogout,
+  sidebar,
+  children
+}) {
+  const [activeSection, setActiveSection] = useState("account");
+  return /* @__PURE__ */ jsx4(
+    Modal,
+    {
+      open,
+      onClose,
+      closeOnBackdrop: true,
+      showHeader: false,
+      paddedBody: false,
+      className: "h-[45rem] !max-w-4xl rounded-2xl border border-neutral-border",
+      bodyClassName: "min-h-0",
+      children: /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ jsxs4(
+          "aside",
+          {
+            className: "flex w-56 shrink-0 flex-col border-r border-neutral-border bg-surface-subtle-light/60 px-2 py-5",
+            "aria-label": "Navega\xE7\xE3o da conta",
+            children: [
+              /* @__PURE__ */ jsx4("strong", { className: "px-2 text-sm font-semibold text-neutral-text-primary", children: "Perfil" }),
+              sidebar ?? /* @__PURE__ */ jsx4("nav", { className: "mt-4 flex flex-col gap-1", children: navigationItems.map((item) => {
+                const isActive = activeSection === item.id;
+                return /* @__PURE__ */ jsxs4(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setActiveSection(item.id),
+                    "aria-current": isActive ? "page" : void 0,
+                    className: [
+                      "flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm font-medium transition-colors",
+                      isActive ? "bg-surface-base-light text-action-primary shadow-sm ring-1 ring-neutral-border/60" : "text-neutral-text-secondary hover:bg-surface-base-light/70 hover:text-neutral-text-primary"
+                    ].join(" "),
+                    children: [
+                      /* @__PURE__ */ jsx4("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+                      item.label
+                    ]
+                  },
+                  item.id
+                );
+              }) }),
+              /* @__PURE__ */ jsxs4(
+                "button",
+                {
+                  type: "button",
+                  onClick: onLogout,
+                  className: "mt-auto flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-neutral-text-secondary transition-colors hover:bg-status-danger-soft/20 hover:text-status-danger",
+                  children: [
+                    /* @__PURE__ */ jsx4(FiLogOut, { size: 16, "aria-hidden": "true" }),
+                    "Sair da conta"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs4("main", { className: "relative min-w-0 flex-1 overflow-y-auto px-8 py-6", children: [
+          /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-6 top-6 cursor-pointer text-neutral-placeholder transition-colors hover:text-neutral-text-primary",
+              "aria-label": "Fechar modal",
+              children: /* @__PURE__ */ jsx4(FiX2, { size: 20, "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx4("div", { className: "pr-8", children: children ?? (activeSection === "preferences" ? /* @__PURE__ */ jsx4(ContentPreference, {}) : /* @__PURE__ */ jsx4(AccountPanel, {})) })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/alignMainContent/index.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var AlignMainContent = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx5("main", { className: "flex min-h-0 flex-1 flex-col overflow-hidden px-6 pb-6 pt-2 md:px-10 md:pb-8 lg:px-12", children });
+};
+
+// src/components/asideBar/index.tsx
+import { useState as useState2 } from "react";
+import { BsFillGearFill } from "react-icons/bs";
+import { FaStore, FaTools, FaWrench } from "react-icons/fa";
+import { FiChevronDown, FiLogOut as FiLogOut2 } from "react-icons/fi";
+import { MdOutlineDashboard } from "react-icons/md";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var defaultItems = [
+  { label: "Dashboard", icon: /* @__PURE__ */ jsx6(MdOutlineDashboard, { size: 20 }) },
+  { label: "Kits a montar", icon: /* @__PURE__ */ jsx6(FaWrench, { size: 18 }) },
+  { label: "Configuracoes", icon: /* @__PURE__ */ jsx6(BsFillGearFill, { size: 18 }) },
+  { label: "Equipamentos", icon: /* @__PURE__ */ jsx6(FaTools, { size: 18 }) },
+  { label: "Revenda", icon: /* @__PURE__ */ jsx6(FaStore, { size: 18 }) }
+];
+function AsideBar({
+  activePage,
+  onNavigate,
+  items = defaultItems,
+  groups,
+  brandTitle = "Rota",
+  brandSubtitle,
+  brandLogoSrc = "/favicon.png",
+  logoutLabel = "Sair",
+  onLogout,
+  className = "",
+  ...props
+}) {
+  const activeGroupId = groups?.find(
+    (group) => group.items.some((item) => item.label === activePage)
+  )?.id;
+  const [isExpanded, setIsExpanded] = useState2(false);
+  const isPinned = useSidebarPinned();
+  const [openGroupId, setOpenGroupId] = useState2(
+    activeGroupId
+  );
+  const isSidebarExpanded = isPinned || isExpanded;
+  function collapse() {
+    if (isPinned) return;
+    setIsExpanded(false);
+    setOpenGroupId(activeGroupId);
+  }
+  function renderItem(item, groupId) {
+    const isActive = item.label === activePage;
+    return /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        onClick: () => onNavigate(item.label, groupId),
+        "aria-label": item.label,
+        title: isSidebarExpanded ? void 0 : item.label,
+        className: [
+          "flex min-h-11 w-full cursor-pointer items-center gap-3 rounded-lg px-3 text-sm transition-colors",
+          isActive ? "font-semibold text-[var(--app-sidebar-item)]" : "text-[var(--app-sidebar-item)] hover:bg-neutral-surface"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ jsx6(
+            "span",
+            {
+              className: `flex w-8 shrink-0 items-center justify-center ${isActive ? "text-action-primary" : ""}`,
+              children: item.icon
+            }
+          ),
+          isSidebarExpanded && /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap", children: item.label })
+        ]
+      },
+      item.label
+    );
+  }
+  return /* @__PURE__ */ jsxs5(
+    "aside",
+    {
+      className: [
+        "flex min-h-0 shrink-0 flex-col overflow-hidden border-r border-neutral-border bg-surface-subtle-light shadow transition-[width] duration-300",
+        isSidebarExpanded ? "w-[290px]" : "w-20",
+        className
+      ].join(" "),
+      onMouseEnter: () => setIsExpanded(true),
+      onMouseLeave: collapse,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex h-[88px] shrink-0 items-center gap-4 overflow-hidden px-[22px]", children: [
+          /* @__PURE__ */ jsx6(
+            "img",
+            {
+              src: brandLogoSrc,
+              alt: brandTitle,
+              className: "h-9 w-9 shrink-0 object-contain"
+            }
+          ),
+          isSidebarExpanded && /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col whitespace-nowrap", children: [
+            /* @__PURE__ */ jsx6("strong", { children: brandTitle }),
+            brandSubtitle && /* @__PURE__ */ jsx6("span", { className: "text-xs text-neutral-text-secondary", children: brandSubtitle })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6("nav", { className: "flex flex-1 flex-col gap-1 overflow-y-auto p-2", "aria-label": "Navegacao principal", children: groups ? groups.map((group) => {
+          const isOpen = openGroupId === group.id;
+          const isActive = group.id === activeGroupId;
+          return /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsxs5(
+              "button",
+              {
+                type: "button",
+                className: [
+                  "flex min-h-12 w-full cursor-pointer items-center gap-3 rounded-lg px-3 text-[var(--app-sidebar-item)] transition-colors hover:bg-neutral-surface"
+                ].join(" "),
+                onClick: () => setOpenGroupId(
+                  (current) => current === group.id ? activeGroupId : group.id
+                ),
+                "aria-expanded": isSidebarExpanded && isOpen,
+                "aria-label": group.label,
+                title: isSidebarExpanded ? void 0 : group.label,
+                children: [
+                  /* @__PURE__ */ jsx6(
+                    "span",
+                    {
+                      className: `flex w-8 shrink-0 items-center justify-center ${isActive ? "text-action-primary" : ""}`,
+                      children: group.icon
+                    }
+                  ),
+                  isSidebarExpanded && /* @__PURE__ */ jsxs5("span", { className: "flex min-w-0 flex-1 items-center justify-between whitespace-nowrap text-sm font-semibold", children: [
+                    group.label,
+                    /* @__PURE__ */ jsx6(
+                      FiChevronDown,
+                      {
+                        className: `transition-transform ${isOpen ? "rotate-180" : ""}`,
+                        size: 18
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            isSidebarExpanded && isOpen && /* @__PURE__ */ jsx6("div", { className: "mt-1 flex flex-col gap-1 pl-3", children: group.items.map((item) => renderItem(item, group.id)) })
+          ] }, group.id);
+        }) : items.map((item) => renderItem(item)) }),
+        onLogout && /* @__PURE__ */ jsx6("div", { className: "border-t border-neutral-border/70 px-3 py-4", children: /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            onClick: onLogout,
+            className: "flex min-h-12 w-full cursor-pointer items-center gap-3 rounded-lg px-3 text-[var(--app-sidebar-item)] transition-colors hover:bg-neutral-surface hover:text-status-danger",
+            "aria-label": logoutLabel,
+            title: isSidebarExpanded ? void 0 : logoutLabel,
+            children: [
+              /* @__PURE__ */ jsx6("span", { className: "flex w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx6(FiLogOut2, { size: 20 }) }),
+              isSidebarExpanded && /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap text-sm font-semibold", children: logoutLabel })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/components/Button/BarButton/index.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function MyButton({
+  label,
+  icon,
+  type = "button",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs6(
+    "button",
+    {
+      type,
+      className: `flex items-center gap-2 ${className}`,
+      ...props,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx7("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/Button/CreateButton/index.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function MyCreateButton({
+  label,
+  icon,
+  type = "button",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs7(
+    "button",
+    {
+      type,
+      className: `flex items-center gap-2 rounded-lg bg-brand-primary px-4 py-2 text-text-inverse outline-none hover:bg-brand-primary-hover focus:border-action-primary transition-colors cursor-pointer ${className}`,
+      ...props,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx8("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/Checkbox/index.tsx
+import { useId as useId2 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function Checkbox({ label, id, className = "", ...props }) {
+  const generatedId = useId2();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs8(
+    "label",
+    {
+      htmlFor: inputId,
+      className: [
+        "inline-flex items-center gap-2 text-sm font-medium text-neutral-text-primary",
+        props.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx9(
+          "input",
+          {
+            id: inputId,
+            type: "checkbox",
+            className: "h-4 w-4 rounded border-neutral-border accent-action-primary",
+            ...props
+          }
+        ),
+        label && /* @__PURE__ */ jsx9("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/CodeModal/index.tsx
+import { useEffect as useEffect3 } from "react";
+import { FiCheckCircle, FiX as FiX3, FiXCircle } from "react-icons/fi";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function CodeModal({
+  isOpen,
+  isPositive,
+  onClose,
+  successTitle = "Success",
+  errorTitle = "Failed",
+  autoCloseDuration = 1e3
+}) {
+  useEffect3(() => {
+    if (!isOpen || autoCloseDuration === null) return;
+    const timeoutId = window.setTimeout(onClose, autoCloseDuration);
+    return () => window.clearTimeout(timeoutId);
+  }, [autoCloseDuration, isOpen, onClose]);
+  useEffect3(() => {
+    if (!isOpen) return;
+    function handleKeyDown(event) {
+      if (event.key === "Escape") onClose();
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, onClose]);
+  if (!isOpen) return null;
+  const title = isPositive ? successTitle : errorTitle;
+  const Icon2 = isPositive ? FiCheckCircle : FiXCircle;
+  const iconClassName = isPositive ? "text-status-success" : "text-status-danger";
+  function stopPropagation(event) {
+    event.stopPropagation();
+  }
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-surface-base-dark/40 p-4",
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: "relative flex w-full max-w-sm flex-col items-center gap-4 rounded-lg bg-surface-base-light p-8 text-center shadow-xl",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "code-modal-title",
+          onClick: stopPropagation,
+          children: [
+            /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "absolute right-4 top-4 cursor-pointer text-neutral-placeholder transition-colors hover:text-neutral-text-primary",
+                "aria-label": "Fechar modal",
+                children: /* @__PURE__ */ jsx10(FiX3, { size: 20 })
+              }
+            ),
+            /* @__PURE__ */ jsx10(Icon2, { className: iconClassName, size: 56, strokeWidth: 1.8, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx10("h2", { id: "code-modal-title", className: "text-xl font-semibold text-neutral-text-primary", children: title })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/DataTable/index.tsx
+import React, { useEffect as useEffect4, useMemo, useRef, useState as useState3 } from "react";
+import {
+  FiChevronDown as FiChevronDown2,
+  FiChevronLeft,
+  FiChevronRight,
+  FiChevronUp,
+  FiDownload,
+  FiSearch
+} from "react-icons/fi";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var compareValues = (left, right) => {
+  if (left == null && right == null) return 0;
+  if (left == null) return -1;
+  if (right == null) return 1;
+  if (typeof left === "number" && typeof right === "number") {
+    return left - right;
+  }
+  return String(left).localeCompare(String(right), void 0, {
+    numeric: true,
+    sensitivity: "base"
+  });
+};
+var matchesSearch = (row, columns, search) => columns.some(
+  (column) => String(row[column.accessor] ?? "").toLocaleLowerCase().includes(search)
+);
+function DataTable({
+  columns,
+  data,
+  isLoading = false,
+  itemsPerPage = 10,
+  paginate = true,
+  searchable = true,
+  searchPlaceholder = "Pesquisar",
+  searchValue,
+  onSearchChange,
+  customFilters,
+  toolbarStart,
+  exportOptions = [],
+  renderExpandedRow,
+  onRowClick,
+  getRowKey,
+  emptyMessage = "Nenhum resultado encontrado.",
+  resetKey,
+  minWidth = 800,
+  maxCellCharacters = 35,
+  tableLayout = "auto",
+  className = ""
+}) {
+  const [internalSearch, setInternalSearch] = useState3("");
+  const activeSearch = searchValue ?? internalSearch;
+  const resetIdentity = `${activeSearch}\0${String(resetKey ?? "")}`;
+  const [pageState, setPageState] = useState3({ page: 1, resetIdentity });
+  const [sortAccessor, setSortAccessor] = useState3(null);
+  const [sortDirection, setSortDirection] = useState3("asc");
+  const [expandedRowState, setExpandedRowState] = useState3(null);
+  const [showExportMenu, setShowExportMenu] = useState3(false);
+  const [exportingId, setExportingId] = useState3(null);
+  const exportMenuRef = useRef(null);
+  const currentPage = pageState.resetIdentity === resetIdentity ? pageState.page : 1;
+  const expandedRowKey = expandedRowState?.resetIdentity === resetIdentity ? expandedRowState.key : null;
+  const safeItemsPerPage = Math.max(1, itemsPerPage);
+  const filteredData = useMemo(() => {
+    const search = activeSearch.trim().toLocaleLowerCase();
+    return searchable && search ? data.filter((row) => matchesSearch(row, columns, search)) : data;
+  }, [activeSearch, columns, data, searchable]);
+  const sortedData = useMemo(() => {
+    if (sortAccessor == null) return filteredData;
+    const column = columns.find(
+      (candidate) => candidate.accessor === sortAccessor
+    );
+    if (!column) return filteredData;
+    return [...filteredData].sort((left, right) => {
+      const leftValue = column.sortValue ? column.sortValue(left) : left[sortAccessor];
+      const rightValue = column.sortValue ? column.sortValue(right) : right[sortAccessor];
+      const result = compareValues(leftValue, rightValue);
+      return sortDirection === "asc" ? result : -result;
+    });
+  }, [columns, filteredData, sortAccessor, sortDirection]);
+  const totalPages = paginate ? Math.max(1, Math.ceil(sortedData.length / safeItemsPerPage)) : 1;
+  const activePage = Math.min(currentPage, totalPages);
+  const firstItemIndex = paginate ? (activePage - 1) * safeItemsPerPage : 0;
+  const visibleData = paginate ? sortedData.slice(firstItemIndex, firstItemIndex + safeItemsPerPage) : sortedData;
+  const displayedStart = sortedData.length === 0 ? 0 : firstItemIndex + 1;
+  const displayedEnd = paginate ? Math.min(firstItemIndex + safeItemsPerPage, sortedData.length) : sortedData.length;
+  const showToolbar = searchable || Boolean(customFilters) || Boolean(toolbarStart) || exportOptions.length > 0;
+  const resolveRowKey = (row, index) => getRowKey?.(row, firstItemIndex + index) ?? firstItemIndex + index;
+  const updateSearch = (value) => {
+    if (searchValue === void 0) setInternalSearch(value);
+    onSearchChange?.(value);
+  };
+  const updateSort = (accessor) => {
+    if (sortAccessor === accessor) {
+      setSortDirection(
+        (direction) => direction === "asc" ? "desc" : "asc"
+      );
+    } else {
+      setSortAccessor(accessor);
+      setSortDirection("asc");
+    }
+    setPageState({ page: 1, resetIdentity });
+    setExpandedRowState(null);
+  };
+  const changePage = (page) => {
+    setPageState({
+      page: Math.min(Math.max(page, 1), totalPages),
+      resetIdentity
+    });
+    setExpandedRowState(null);
+  };
+  const handleExport = async (option) => {
+    setExportingId(option.id);
+    try {
+      await option.onExport(sortedData);
+      setShowExportMenu(false);
+    } finally {
+      setExportingId(null);
+    }
+  };
+  useEffect4(() => {
+    const handleClickOutside = (event) => {
+      if (exportMenuRef.current && !exportMenuRef.current.contains(event.target)) {
+        setShowExportMenu(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  return /* @__PURE__ */ jsxs10("div", { className: `relative flex min-h-0 w-full flex-col ${className}`, children: [
+    exportingId && /* @__PURE__ */ jsx11(
+      "div",
+      {
+        className: "fixed inset-0 z-40 cursor-wait bg-black/5 backdrop-blur-[2px]",
+        "aria-hidden": "true"
+      }
+    ),
+    showToolbar && /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-end justify-between gap-3 border-b border-neutral-border pb-4", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-wrap items-center gap-3", children: [
+        toolbarStart,
+        customFilters
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-3", children: [
+        searchable && /* @__PURE__ */ jsxs10("label", { className: "relative block", children: [
+          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: searchPlaceholder }),
+          /* @__PURE__ */ jsx11(
+            FiSearch,
+            {
+              className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-neutral-placeholder",
+              size: 15,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            "input",
+            {
+              type: "search",
+              value: activeSearch,
+              onChange: (event) => updateSearch(event.target.value),
+              placeholder: searchPlaceholder,
+              className: "h-[34px] w-44 rounded-2xl border border-neutral-border bg-surface-base-light py-2 pl-9 pr-3 text-sm text-neutral-text-primary outline-none transition-colors placeholder:text-neutral-placeholder focus:border-action-primary"
+            }
+          )
+        ] }),
+        exportOptions.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "relative", ref: exportMenuRef, children: [
+          /* @__PURE__ */ jsxs10(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowExportMenu((visible) => !visible),
+              className: "flex h-[34px] items-center gap-2 rounded-2xl border border-neutral-border bg-surface-base-light px-4 text-sm font-semibold text-action-primary transition-colors hover:bg-neutral-surface focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary",
+              "aria-expanded": showExportMenu,
+              "aria-haspopup": "menu",
+              children: [
+                /* @__PURE__ */ jsx11(FiDownload, { size: 15, "aria-hidden": "true" }),
+                "Exportar dados"
+              ]
+            }
+          ),
+          showExportMenu && /* @__PURE__ */ jsx11(
+            "div",
+            {
+              className: "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden rounded-xl border border-neutral-border bg-surface-base-light shadow-xl",
+              role: "menu",
+              children: exportOptions.map((option) => /* @__PURE__ */ jsxs10(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => void handleExport(option),
+                  disabled: exportingId !== null,
+                  className: "flex h-10 w-full items-center justify-between border-b border-neutral-border px-3 text-left text-sm font-semibold text-neutral-text-secondary transition-colors last:border-b-0 hover:bg-neutral-surface disabled:cursor-wait disabled:opacity-60",
+                  role: "menuitem",
+                  children: [
+                    option.label,
+                    exportingId === option.id && /* @__PURE__ */ jsx11("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-neutral-border border-t-action-primary" })
+                  ]
+                },
+                option.id
+              ))
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx11("div", { className: "min-h-0 w-full flex-1 overflow-auto [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsxs10(
+      "table",
+      {
+        className: `w-full bg-surface-base-light text-sm ${tableLayout === "fixed" ? "table-fixed" : "table-auto"}`,
+        style: { minWidth },
+        children: [
+          /* @__PURE__ */ jsx11("thead", { className: "sticky top-0 z-10", children: /* @__PURE__ */ jsxs10("tr", { className: "border-b border-neutral-border bg-surface-base-light", children: [
+            renderExpandedRow && /* @__PURE__ */ jsx11("th", { className: "w-12 border-t border-neutral-border bg-surface-base-light px-4 py-3.5", children: /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Detalhes" }) }),
+            columns.map((column) => {
+              const isSorted = sortAccessor === column.accessor;
+              return /* @__PURE__ */ jsx11(
+                "th",
+                {
+                  "aria-sort": isSorted ? sortDirection === "asc" ? "ascending" : "descending" : void 0,
+                  className: `max-w-[200px] border-t border-neutral-border bg-surface-base-light px-4 py-3.5 text-left align-middle text-xs font-semibold uppercase tracking-wide text-neutral-placeholder ${column.headerClassName ?? column.className ?? ""}`,
+                  children: column.sortable ? /* @__PURE__ */ jsxs10(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => updateSort(column.accessor),
+                      className: "flex items-center gap-1 text-left transition-colors hover:text-neutral-text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary",
+                      children: [
+                        column.header,
+                        isSorted && (sortDirection === "asc" ? /* @__PURE__ */ jsx11(FiChevronUp, { size: 16, "aria-hidden": "true" }) : /* @__PURE__ */ jsx11(FiChevronDown2, { size: 16, "aria-hidden": "true" }))
+                      ]
+                    }
+                  ) : column.header
+                },
+                String(column.accessor)
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ jsx11("tbody", { children: isLoading ? Array.from({ length: safeItemsPerPage }).map((_, rowIndex) => /* @__PURE__ */ jsxs10("tr", { children: [
+            renderExpandedRow && /* @__PURE__ */ jsx11("td", { className: "border-t border-neutral-border bg-surface-base-light px-4 py-3.5" }),
+            columns.map((column) => /* @__PURE__ */ jsx11(
+              "td",
+              {
+                className: "border-t border-neutral-border bg-surface-base-light px-4 py-3.5",
+                children: /* @__PURE__ */ jsx11("span", { className: "block h-4 w-full max-w-28 animate-pulse rounded bg-neutral-border" })
+              },
+              String(column.accessor)
+            ))
+          ] }, rowIndex)) : visibleData.length === 0 ? /* @__PURE__ */ jsx11("tr", { children: /* @__PURE__ */ jsx11(
+            "td",
+            {
+              colSpan: columns.length + (renderExpandedRow ? 1 : 0),
+              className: "border-t border-neutral-border bg-surface-base-light px-4 py-12 text-center align-middle text-sm text-neutral-placeholder",
+              children: emptyMessage
+            }
+          ) }) : visibleData.map((row, rowIndex) => {
+            const rowKey = resolveRowKey(row, rowIndex);
+            const isExpanded = expandedRowKey === rowKey;
+            return /* @__PURE__ */ jsxs10(React.Fragment, { children: [
+              /* @__PURE__ */ jsxs10(
+                "tr",
+                {
+                  onClick: () => onRowClick?.(row),
+                  className: `group ${onRowClick ? "cursor-pointer" : ""}`,
+                  children: [
+                    renderExpandedRow && /* @__PURE__ */ jsx11("td", { className: "border-t border-neutral-border bg-surface-base-light px-4 py-3.5 align-middle transition-colors duration-200 group-hover:bg-[#2ea7ad1f]", children: /* @__PURE__ */ jsx11(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (event) => {
+                          event.stopPropagation();
+                          setExpandedRowState(
+                            isExpanded ? null : { key: rowKey, resetIdentity }
+                          );
+                        },
+                        className: "flex h-7 w-7 items-center justify-center rounded-full text-neutral-text-secondary transition-colors hover:bg-neutral-surface focus-visible:outline-2 focus-visible:outline-action-primary",
+                        "aria-expanded": isExpanded,
+                        "aria-label": isExpanded ? "Ocultar detalhes" : "Exibir detalhes",
+                        children: isExpanded ? /* @__PURE__ */ jsx11(FiChevronUp, { size: 18, "aria-hidden": "true" }) : /* @__PURE__ */ jsx11(FiChevronDown2, { size: 18, "aria-hidden": "true" })
+                      }
+                    ) }),
+                    columns.map((column) => {
+                      const cellValue = row[column.accessor];
+                      const cellText = String(cellValue ?? "");
+                      const displayedText = cellText.length > maxCellCharacters ? `${cellText.slice(0, maxCellCharacters)}...` : cellText;
+                      return /* @__PURE__ */ jsx11(
+                        "td",
+                        {
+                          className: `max-w-[200px] border-t border-neutral-border bg-surface-base-light px-4 py-3.5 align-middle text-neutral-text-primary transition-colors duration-200 group-hover:bg-[#2ea7ad1f] ${column.className ?? ""}`,
+                          children: column.render ? column.render(cellValue, row) : /* @__PURE__ */ jsx11("span", { className: "block truncate", title: cellText, children: displayedText })
+                        },
+                        String(column.accessor)
+                      );
+                    })
+                  ]
+                }
+              ),
+              isExpanded && renderExpandedRow && /* @__PURE__ */ jsx11("tr", { children: /* @__PURE__ */ jsx11(
+                "td",
+                {
+                  colSpan: columns.length + 1,
+                  className: "border-t border-neutral-border bg-neutral-surface p-0",
+                  children: /* @__PURE__ */ jsx11("div", { className: "rounded-xl px-12 py-10", children: renderExpandedRow(row) })
+                }
+              ) })
+            ] }, rowKey);
+          }) })
+        ]
+      }
+    ) }),
+    paginate && !isLoading && sortedData.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-neutral-border bg-surface-subtle-light px-4 py-3", children: [
+      /* @__PURE__ */ jsxs10("span", { className: "text-sm text-neutral-text-secondary", children: [
+        displayedStart,
+        " - ",
+        displayedEnd,
+        " de ",
+        sortedData.length
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            onClick: () => changePage(activePage - 1),
+            disabled: activePage === 1,
+            className: "flex h-8 w-8 items-center justify-center rounded-full text-neutral-text-secondary transition-colors hover:bg-neutral-surface disabled:cursor-not-allowed disabled:opacity-40",
+            "aria-label": "P\xE1gina anterior",
+            children: /* @__PURE__ */ jsx11(FiChevronLeft, { size: 20, "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsxs10("span", { className: "min-w-24 text-center text-sm text-neutral-text-secondary", children: [
+          "P\xE1gina ",
+          activePage,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx11(
+          "button",
+          {
+            type: "button",
+            onClick: () => changePage(activePage + 1),
+            disabled: activePage === totalPages,
+            className: "flex h-8 w-8 items-center justify-center rounded-full text-neutral-text-secondary transition-colors hover:bg-neutral-surface disabled:cursor-not-allowed disabled:opacity-40",
+            "aria-label": "Pr\xF3xima p\xE1gina",
+            children: /* @__PURE__ */ jsx11(FiChevronRight, { size: 20, "aria-hidden": "true" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/DatePicker/index.tsx
+import { useId as useId3 } from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function DatePicker({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) {
+  const generatedId = useId3();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs11("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    label && /* @__PURE__ */ jsxs11("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ jsx12("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx12(
+      "input",
+      {
+        id: inputId,
+        type: "date",
+        required,
+        className: `w-full rounded-lg border border-neutral-border bg-surface-base-light px-4 py-2 text-neutral-text-primary outline-none transition-colors focus:border-action-primary ${className}`,
+        ...props
+      }
+    )
+  ] });
+}
+
+// src/components/expandedGroup/index.tsx
+import { useId as useId4, useState as useState4 } from "react";
+import { FiChevronDown as FiChevronDown3 } from "react-icons/fi";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function MyExpandGroup({
+  label,
+  children,
+  defaultOpen = false,
+  icon,
+  open,
+  onToggle
+}) {
+  const [internalOpen, setInternalOpen] = useState4(defaultOpen);
+  const contentId = useId4();
+  const isOpen = open ?? internalOpen;
+  const handleToggle = () => {
+    if (onToggle) {
+      onToggle();
+      return;
+    }
+    setInternalOpen((currentOpen) => !currentOpen);
+  };
+  return /* @__PURE__ */ jsxs12("section", { className: "w-full shrink-0 overflow-hidden rounded-lg border border-neutral-border bg-surface-base-light", children: [
+    /* @__PURE__ */ jsxs12(
+      "button",
+      {
+        type: "button",
+        onClick: handleToggle,
+        "aria-expanded": isOpen,
+        "aria-controls": contentId,
+        className: "flex w-full items-center justify-between px-4 py-3 text-left",
+        children: [
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            icon && /* @__PURE__ */ jsx13("span", { className: "text-brand-primary", children: icon }),
+            /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium text-neutral-text-primary", children: label })
+          ] }),
+          /* @__PURE__ */ jsx13(
+            FiChevronDown3,
+            {
+              className: `text-neutral-text-secondary transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`,
+              size: 16
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      "div",
+      {
+        id: contentId,
+        className: `grid transition-[grid-template-rows,opacity] duration-300 ${isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`,
+        children: /* @__PURE__ */ jsx13("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx13("div", { className: "border-t border-neutral-border px-4 py-4", children }) })
+      }
+    )
+  ] });
+}
+
+// src/components/filtersBar/index.tsx
+import {
+  useEffect as useEffect5,
+  useMemo as useMemo2,
+  useRef as useRef2,
+  useState as useState5
+} from "react";
+
+// src/components/filtersComponents/ButtonMain/index.tsx
+import { FiMenu } from "react-icons/fi";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var MyButtonMain = ({
+  children,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs13(
+    "button",
+    {
+      ...props,
+      className: `flex items-center gap-2 border border-neutral-border rounded-lg bg-surface-base-light py-2 pl-4 pr-4 text-neutral-text-primary outline-none hover:bg-neutral-surface focus:border-action-primary transition-colors cursor-pointer ${className}`,
+      children: [
+        /* @__PURE__ */ jsx14(FiMenu, { size: 16 }),
+        children
+      ]
+    }
+  );
+};
+
+// src/components/filtersComponents/MyFastFilter/index.tsx
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var FastFilter = ({
+  label,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs14("label", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ jsx15(
+      "input",
+      {
+        type: "checkbox",
+        className: "peer hidden",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx15(
+      "span",
+      {
+        className: `
+          inline-flex items-center justify-center
+          rounded-full border border-neutral-border
+          px-4 py-2
+          bg-surface-base-light text-neutral-text-primary
+          transition-colors
+          peer-checked:bg-action-primary
+          peer-checked:border-action-primary
+          peer-checked:text-text-inverse
+          ${className}
+        `,
+        children: label
+      }
+    )
+  ] });
+};
+
+// src/components/filtersComponents/MySearch/index.tsx
+import { FiSearch as FiSearch2 } from "react-icons/fi";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var MySearch = ({ className = "", ...props }) => {
+  return /* @__PURE__ */ jsxs15("div", { className: "relative flex items-center ", children: [
+    /* @__PURE__ */ jsx16(FiSearch2, { className: "absolute left-3 text-neutral-text-secondary pointer-events-none font-bold", size: 16 }),
+    /* @__PURE__ */ jsx16(
+      "input",
+      {
+        type: "search",
+        ...props,
+        className: `border border-neutral-border rounded-lg bg-surface-base-light py-2 pl-9 pr-4 text-neutral-text-primary placeholder:text-neutral-placeholder outline-none focus:border-action-primary
+   transition-colors ${className}`
+      }
+    )
+  ] });
+};
+
+// src/components/filtersComponents/MySelect/index.tsx
+import { FiChevronDown as FiChevronDown4 } from "react-icons/fi";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var MySelect = ({
+  options,
+  placeholder,
+  containerClassName = "w-50",
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs16("div", { className: `relative flex items-center ${containerClassName}`, children: [
+    /* @__PURE__ */ jsxs16(
+      "select",
+      {
+        ...props,
+        className: `appearance-none w-full border border-neutral-border rounded-lg bg-surface-base-light py-2 pl-4 pr-9 text-neutral-text-primary outline-none focus:border-action-primary transition-colors ${className}`,
+        children: [
+          placeholder && /* @__PURE__ */ jsx17("option", { value: "", disabled: true, children: placeholder }),
+          options.map((option) => /* @__PURE__ */ jsx17("option", { value: option.value, children: option.label }, option.value))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx17(
+      FiChevronDown4,
+      {
+        className: "absolute right-3 text-neutral-text-secondary pointer-events-none",
+        size: 16
+      }
+    )
+  ] });
+};
+
+// src/components/filtersBar/index.tsx
+import { IoMdAdd } from "react-icons/io";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var mockItens = [
+  { label: "S\xE3o Paulo", value: "sp" },
+  { label: "Curitiba", value: "curitiba" },
+  { label: "Joinville", value: "joinville" }
+];
+var FilterBar = ({
+  fastFilters = [],
+  showSearch = true,
+  showSelect = true,
+  showAdvancedFilters = true,
+  showExport = true,
+  typeCreation = "revenda",
+  onCreateClick,
+  createLabel,
+  data = [],
+  searchFields = [],
+  searchValue,
+  defaultSearchValue = "",
+  searchPlaceholder = "Buscar...",
+  onSearchChange,
+  onFilteredDataChange
+}) => {
+  const [internalSearchValue, setInternalSearchValue] = useState5(defaultSearchValue);
+  const lastFilteredDataRef = useRef2(void 0);
+  const currentSearchValue = searchValue ?? internalSearchValue;
+  const filteredData = useMemo2(() => {
+    const normalizedSearch = currentSearchValue.trim().toLowerCase();
+    if (!normalizedSearch || searchFields.length === 0) {
+      return data;
+    }
+    return data.filter(
+      (item) => searchFields.some((field) => {
+        const value = typeof field === "function" ? field(item) : item[field];
+        return String(value ?? "").toLowerCase().includes(normalizedSearch);
+      })
+    );
+  }, [currentSearchValue, data, searchFields]);
+  useEffect5(() => {
+    if (!onFilteredDataChange) {
+      return;
+    }
+    const lastFilteredData = lastFilteredDataRef.current;
+    const hasSameItems = lastFilteredData?.length === filteredData.length && lastFilteredData.every((item, index) => Object.is(item, filteredData[index]));
+    if (hasSameItems) {
+      return;
+    }
+    lastFilteredDataRef.current = filteredData;
+    onFilteredDataChange(filteredData);
+  }, [filteredData, onFilteredDataChange]);
+  function handleSearchChange(event) {
+    const value = event.target.value;
+    if (searchValue === void 0) {
+      setInternalSearchValue(value);
+    }
+    onSearchChange?.(value);
+  }
+  return /* @__PURE__ */ jsxs17("div", { className: "w-full flex items-center border-b-2 border-neutral-border h-15 mb-5 p-1 gap-5", children: [
+    showSearch && /* @__PURE__ */ jsx18(
+      MySearch,
+      {
+        value: currentSearchValue,
+        onChange: handleSearchChange,
+        placeholder: searchPlaceholder
+      }
+    ),
+    showSelect && /* @__PURE__ */ jsx18(
+      MySelect,
+      {
+        defaultValue: "",
+        placeholder: "Escolha",
+        options: mockItens
+      }
+    ),
+    fastFilters.map((filter) => /* @__PURE__ */ jsx18(
+      FastFilter,
+      {
+        label: filter.label,
+        checked: filter.checked,
+        onChange: filter.onChange
+      },
+      filter.label
+    )),
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-5 ml-auto", children: [
+      showAdvancedFilters && /* @__PURE__ */ jsx18(MyButtonMain, { children: "Filtros avan\xE7ados" }),
+      showExport && /* @__PURE__ */ jsx18(MyButtonMain, { children: "Exportar" }),
+      typeCreation !== "no" && /* @__PURE__ */ jsx18(
+        MyCreateButton,
+        {
+          icon: /* @__PURE__ */ jsx18(IoMdAdd, {}),
+          label: createLabel ?? `Adicionar ${typeCreation}`,
+          onClick: onCreateClick
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/Header/index.tsx
+import { useEffect as useEffect6, useId as useId5, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
+import {
+  FiBell,
+  FiCheck as FiCheck2,
+  FiChevronRight as FiChevronRight2,
+  FiSearch as FiSearch3,
+  FiUser as FiUser2
+} from "react-icons/fi";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function Header({
+  title = "Dashboard",
+  section,
+  sectionIcon,
+  userName = "",
+  notifications = [],
+  searchItems = [],
+  searchPlaceholder = "Pesquisar...",
+  onSearchItemSelect,
+  onNotificationClick,
+  onMarkAllNotificationsAsRead,
+  onViewAllNotifications,
+  className = "",
+  ...props
+}) {
+  const [isNotificationsOpen, setIsNotificationsOpen] = useState6(false);
+  const [isProfileOpen, setIsProfileOpen] = useState6(false);
+  const [searchTerm, setSearchTerm] = useState6("");
+  const [isSearchOpen, setIsSearchOpen] = useState6(false);
+  const [activeSearchIndex, setActiveSearchIndex] = useState6(0);
+  const notificationsId = useId5();
+  const searchResultsId = useId5();
+  const notificationsRef = useRef3(null);
+  const notificationsButtonRef = useRef3(null);
+  const searchRef = useRef3(null);
+  const unreadCount = notifications.filter((notification) => !notification.read).length;
+  const filteredSearchItems = useMemo3(() => {
+    const search = searchTerm.trim().toLocaleLowerCase();
+    if (!search) return searchItems.slice(0, 5);
+    return searchItems.filter(
+      (item) => [item.label, item.section, item.keywords].filter(Boolean).join(" ").toLocaleLowerCase().includes(search)
+    ).slice(0, 4);
+  }, [searchItems, searchTerm]);
+  const selectSearchItem = (item) => {
+    onSearchItemSelect?.(item);
+    setSearchTerm("");
+    setIsSearchOpen(false);
+    setActiveSearchIndex(0);
+  };
+  const handleSearchKeyDown = (event) => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setIsSearchOpen(true);
+      setActiveSearchIndex(
+        (index) => Math.min(index + 1, Math.max(filteredSearchItems.length - 1, 0))
+      );
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActiveSearchIndex((index) => Math.max(index - 1, 0));
+    } else if (event.key === "Enter" && filteredSearchItems.length > 0) {
+      event.preventDefault();
+      selectSearchItem(filteredSearchItems[activeSearchIndex] ?? filteredSearchItems[0]);
+    } else if (event.key === "Escape") {
+      setIsSearchOpen(false);
+    }
+  };
+  useEffect6(() => {
+    if (!isSearchOpen) return;
+    const handlePointerDown = (event) => {
+      if (!searchRef.current?.contains(event.target)) {
+        setIsSearchOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [isSearchOpen]);
+  useEffect6(() => {
+    if (!isNotificationsOpen) return;
+    const handlePointerDown = (event) => {
+      if (!notificationsRef.current?.contains(event.target)) {
+        setIsNotificationsOpen(false);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setIsNotificationsOpen(false);
+        notificationsButtonRef.current?.focus();
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isNotificationsOpen]);
+  return /* @__PURE__ */ jsxs18(Fragment2, { children: [
+    /* @__PURE__ */ jsxs18(
+      "header",
+      {
+        className: `flex min-h-24 shrink-0 items-center justify-between gap-5 bg-surface-base-light px-6 py-5 md:px-10 lg:px-12 ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+            section && /* @__PURE__ */ jsxs18("div", { className: "mb-1 flex items-center gap-1.5 text-[13px] text-neutral-text-secondary", children: [
+              sectionIcon && /* @__PURE__ */ jsx19("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: sectionIcon }),
+              /* @__PURE__ */ jsx19("span", { className: "truncate", children: section }),
+              /* @__PURE__ */ jsx19(FiChevronRight2, { className: "shrink-0", size: 13, "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx19("span", { className: "truncate", "aria-current": "page", children: title })
+            ] }),
+            /* @__PURE__ */ jsx19("p", { className: "truncate text-2xl font-semibold text-action-primary", children: title })
+          ] }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex shrink-0 items-center gap-3", children: [
+            searchItems.length > 0 && /* @__PURE__ */ jsxs18(
+              "div",
+              {
+                className: "relative w-35 sm:w-44 lg:w-60",
+                ref: searchRef,
+                children: [
+                  /* @__PURE__ */ jsxs18("label", { className: "relative block", children: [
+                    /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Pesquisar funcionalidades" }),
+                    /* @__PURE__ */ jsx19(
+                      FiSearch3,
+                      {
+                        className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-neutral-placeholder",
+                        size: 16,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx19(
+                      "input",
+                      {
+                        type: "search",
+                        value: searchTerm,
+                        onChange: (event) => {
+                          setSearchTerm(event.target.value);
+                          setActiveSearchIndex(0);
+                          setIsSearchOpen(true);
+                        },
+                        onFocus: () => setIsSearchOpen(true),
+                        onKeyDown: handleSearchKeyDown,
+                        placeholder: searchPlaceholder,
+                        role: "combobox",
+                        "aria-autocomplete": "list",
+                        "aria-expanded": isSearchOpen,
+                        "aria-controls": searchResultsId,
+                        "aria-activedescendant": isSearchOpen && filteredSearchItems[activeSearchIndex] ? `${searchResultsId}-${filteredSearchItems[activeSearchIndex].id}` : void 0,
+                        className: "h-10 w-full rounded-xl border border-neutral-border bg-surface-subtle-light py-1.5 pl-9 pr-3 text-sm text-neutral-text-primary outline-none transition-colors placeholder:text-neutral-placeholder focus:border-action-primary focus:bg-surface-base-light focus:ring-2 focus:ring-action-primary/15"
+                      }
+                    )
+                  ] }),
+                  isSearchOpen && /* @__PURE__ */ jsx19(
+                    "div",
+                    {
+                      id: searchResultsId,
+                      role: "listbox",
+                      "aria-label": "Funcionalidades encontradas",
+                      className: "absolute right-0 top-full z-50 mt-2 w-full min-w-72 overflow-hidden rounded-xl border border-neutral-border bg-surface-base-light shadow-xl",
+                      children: filteredSearchItems.length > 0 ? filteredSearchItems.map((item, index) => /* @__PURE__ */ jsxs18(
+                        "button",
+                        {
+                          id: `${searchResultsId}-${item.id}`,
+                          type: "button",
+                          role: "option",
+                          "aria-selected": index === activeSearchIndex,
+                          onMouseEnter: () => setActiveSearchIndex(index),
+                          onClick: () => selectSearchItem(item),
+                          className: `flex w-full items-center gap-3 border-b border-neutral-border px-4 py-3 text-left transition-colors last:border-b-0 ${index === activeSearchIndex ? "bg-neutral-surface" : "hover:bg-neutral-surface"}`,
+                          children: [
+                            /* @__PURE__ */ jsx19(
+                              FiSearch3,
+                              {
+                                className: "shrink-0 text-neutral-placeholder",
+                                size: 15,
+                                "aria-hidden": "true"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs18("span", { className: "min-w-0", children: [
+                              /* @__PURE__ */ jsx19("span", { className: "block truncate text-sm font-medium text-neutral-text-primary", children: item.label }),
+                              item.section && /* @__PURE__ */ jsx19("span", { className: "block truncate text-xs text-neutral-text-secondary", children: item.section })
+                            ] })
+                          ]
+                        },
+                        item.id
+                      )) : /* @__PURE__ */ jsx19("p", { className: "px-4 py-6 text-center text-sm text-neutral-placeholder", children: "Nenhuma funcionalidade encontrada." })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs18("div", { className: "relative", ref: notificationsRef, children: [
+              /* @__PURE__ */ jsxs18(
+                "button",
+                {
+                  ref: notificationsButtonRef,
+                  type: "button",
+                  "aria-label": unreadCount > 0 ? `Notifica\xE7\xF5es: ${unreadCount} n\xE3o lidas` : "Notifica\xE7\xF5es",
+                  "aria-expanded": isNotificationsOpen,
+                  "aria-controls": notificationsId,
+                  "aria-haspopup": "dialog",
+                  onClick: () => setIsNotificationsOpen((current) => !current),
+                  className: "relative flex cursor-pointer items-center justify-center rounded-full p-2 text-neutral-text-secondary transition-colors hover:bg-neutral-surface focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary",
+                  children: [
+                    /* @__PURE__ */ jsx19(FiBell, { size: 18, "aria-hidden": "true" }),
+                    unreadCount > 0 && /* @__PURE__ */ jsx19("span", { className: "absolute right-0.5 top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-status-danger px-1 text-[10px] font-semibold leading-none text-text-inverse", children: unreadCount > 9 ? "9+" : unreadCount })
+                  ]
+                }
+              ),
+              isNotificationsOpen && /* @__PURE__ */ jsxs18(
+                "section",
+                {
+                  id: notificationsId,
+                  role: "dialog",
+                  "aria-label": "Central de notifica\xE7\xF5es",
+                  className: "absolute right-0 top-full z-50 mt-2 w-[min(23rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-neutral-border bg-surface-base-light shadow-xl",
+                  children: [
+                    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between gap-4 border-b border-neutral-border px-4 py-3", children: [
+                      /* @__PURE__ */ jsxs18("div", { children: [
+                        /* @__PURE__ */ jsx19("h2", { className: "font-semibold text-neutral-text-primary", children: "Notifica\xE7\xF5es" }),
+                        /* @__PURE__ */ jsx19("p", { className: "text-xs text-neutral-text-secondary", children: unreadCount > 0 ? `${unreadCount} n\xE3o lida${unreadCount === 1 ? "" : "s"}` : "Tudo em dia" })
+                      ] }),
+                      unreadCount > 0 && onMarkAllNotificationsAsRead && /* @__PURE__ */ jsxs18(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: onMarkAllNotificationsAsRead,
+                          className: "flex cursor-pointer items-center gap-1.5 text-xs font-medium text-brand-primary hover:underline",
+                          children: [
+                            /* @__PURE__ */ jsx19(FiCheck2, { size: 14, "aria-hidden": "true" }),
+                            "Marcar como lidas"
+                          ]
+                        }
+                      )
+                    ] }),
+                    notifications.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "max-h-80 overflow-y-auto", children: notifications.map((notification) => /* @__PURE__ */ jsxs18(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          onNotificationClick?.(notification);
+                          setIsNotificationsOpen(false);
+                        },
+                        className: "flex w-full cursor-pointer gap-3 border-b border-neutral-border px-4 py-3 text-left transition-colors last:border-b-0 hover:bg-neutral-surface",
+                        children: [
+                          /* @__PURE__ */ jsx19(
+                            "span",
+                            {
+                              className: `mt-1.5 h-2 w-2 shrink-0 rounded-full ${notification.read ? "bg-neutral-border" : "bg-brand-primary"}`,
+                              "aria-hidden": "true"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs18("span", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsx19("span", { className: "block truncate text-sm font-medium text-neutral-text-primary", children: notification.title }),
+                            notification.description && /* @__PURE__ */ jsx19("span", { className: "mt-0.5 block text-xs leading-5 text-neutral-text-secondary", children: notification.description }),
+                            notification.time && /* @__PURE__ */ jsx19("span", { className: "mt-1 block text-[11px] text-neutral-placeholder", children: notification.time })
+                          ] })
+                        ]
+                      },
+                      notification.id
+                    )) }) : /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center px-6 py-8 text-center", children: [
+                      /* @__PURE__ */ jsx19("span", { className: "mb-3 flex h-10 w-10 items-center justify-center rounded-full bg-neutral-surface text-neutral-text-secondary", children: /* @__PURE__ */ jsx19(FiBell, { size: 19, "aria-hidden": "true" }) }),
+                      /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium text-neutral-text-primary", children: "Nenhuma notifica\xE7\xE3o" }),
+                      /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-neutral-text-secondary", children: "Novas atualiza\xE7\xF5es aparecer\xE3o aqui." })
+                    ] }),
+                    notifications.length > 0 && onViewAllNotifications && /* @__PURE__ */ jsx19(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          onViewAllNotifications();
+                          setIsNotificationsOpen(false);
+                        },
+                        className: "w-full cursor-pointer border-t border-neutral-border px-4 py-3 text-center text-sm font-medium text-brand-primary transition-colors hover:bg-neutral-surface",
+                        children: "Ver todas as notifica\xE7\xF5es"
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs18(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setIsNotificationsOpen(false);
+                  setIsProfileOpen(true);
+                },
+                className: "flex cursor-pointer items-center gap-2 rounded-lg p-1 transition-colors hover:bg-neutral-surface focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary",
+                "aria-label": "Abrir perfil",
+                "aria-haspopup": "dialog",
+                "aria-expanded": isProfileOpen,
+                children: [
+                  /* @__PURE__ */ jsx19("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-brand-primary text-text-inverse", children: /* @__PURE__ */ jsx19(FiUser2, { size: 16, "aria-hidden": "true" }) }),
+                  /* @__PURE__ */ jsx19("span", { className: "max-w-40 truncate text-sm text-neutral-text-secondary", children: userName })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx19(
+      AccountModal,
+      {
+        open: isProfileOpen,
+        onClose: () => setIsProfileOpen(false)
+      }
+    )
+  ] });
+}
+
+// src/components/Icon/index.tsx
+import {
+  RiTimeLine,
+  RiMapLine,
+  RiCustomerService2Line,
+  RiFileChartLine,
+  RiDatabase2Line,
+  RiToolsFill,
+  RiSettings3Line,
+  RiUserAddLine,
+  RiSearchLine,
+  RiFilter2Line,
+  RiArrowDropLeftLine,
+  RiArrowDropRightLine,
+  RiArrowDropDownLine,
+  RiDeleteBin7Line,
+  RiArrowDropUpLine,
+  RiBuildingLine,
+  RiUserLine,
+  RiGroupLine,
+  RiArrowRightDoubleFill,
+  RiArrowLeftDoubleFill,
+  RiCpuLine,
+  RiBarChartBoxLine,
+  RiExternalLinkLine,
+  RiSimCard2Line,
+  RiCloseFill,
+  RiAddFill,
+  RiCarLine,
+  RiSteering2Line,
+  RiInfoI,
+  RiCheckFill,
+  RiInformationLine,
+  RiSpeedUpFill,
+  RiBatteryChargeLine,
+  RiTimer2Line,
+  RiTruckLine,
+  RiShutDownLine,
+  RiInformation2Line,
+  RiRestartLine,
+  RiThermometerLine,
+  RiRouteLine,
+  RiTimerLine,
+  RiSpam2Line,
+  RiAlertLine,
+  RiUpload2Line,
+  RiListView,
+  RiKanbanView2,
+  RiCustomerService2Fill,
+  RiListCheck2,
+  RiPencilLine,
+  RiWhatsappLine,
+  RiCornerDownRightLine,
+  RiHistoryLine,
+  RiCalendarLine,
+  RiFileList2Line,
+  RiRefreshLine,
+  RiRfidLine,
+  RiClipboardLine,
+  RiToolsLine,
+  RiGasStationLine,
+  RiDashboardFill,
+  RiMoneyDollarCircleLine,
+  RiEyeLine,
+  RiEyeCloseLine,
+  RiStarFill,
+  RiStarLine,
+  RiStarHalfFill,
+  RiArrowDownSFill,
+  RiArrowUpSFill,
+  RiTempHotLine,
+  RiBarChart2Line,
+  RiBarChart2Fill,
+  RiMedalLine,
+  RiMapPin2Line,
+  RiRoadMapLine,
+  RiLineChartLine,
+  RiFileListFill,
+  RiRfidFill,
+  RiMapPinLine,
+  RiIdCardLine,
+  RiArrowLeftSFill,
+  RiArrowRightSFill,
+  RiDashboardLine,
+  RiPushpinLine
+} from "react-icons/ri";
+import { FaChevronDown } from "react-icons/fa";
+import { HiOutlineWrenchScrewdriver } from "react-icons/hi2";
+import {
+  FaRegEye,
+  FaRegEyeSlash,
+  FaRoute,
+  FaStreetView,
+  FaSatelliteDish
+} from "react-icons/fa6";
+import { SiGooglestreetview, SiKeepassxc } from "react-icons/si";
+import { BiAnchor } from "react-icons/bi";
+import { BsWebcam } from "react-icons/bs";
+import { PiVideoCameraBold } from "react-icons/pi";
+import { GrCircleAlert } from "react-icons/gr";
+import {
+  FaEllipsis,
+  FaChevronLeft,
+  FaArrowRightArrowLeft,
+  FaArrowsRotate
+} from "react-icons/fa6";
+import { FiRadio } from "react-icons/fi";
+import {
+  LuFuel,
+  LuGroup,
+  LuMinus,
+  LuThermometerSnowflake,
+  LuPanelRight,
+  LuPanelBottom
+} from "react-icons/lu";
+import {
+  MdTerrain,
+  MdOutlineTrendingUp,
+  MdOutlineTrendingDown,
+  MdOutlineAdminPanelSettings,
+  MdOutlineInsights,
+  MdArrowRightAlt,
+  MdTrackChanges,
+  MdOutlineHealthAndSafety
+} from "react-icons/md";
+import {
+  TbAnchor,
+  TbLock,
+  TbLockOpen,
+  TbPolygon,
+  TbReportAnalytics,
+  TbTransformPoint,
+  TbTruck,
+  TbTruckDelivery,
+  TbTruckOff,
+  TbLayoutSidebarRightExpand,
+  TbLayoutBottombarExpand
+} from "react-icons/tb";
+import {
+  LiaCarBatterySolid,
+  LiaTachometerAltSolid,
+  LiaSortAlphaDownSolid,
+  LiaSortAlphaDownAltSolid
+} from "react-icons/lia";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var iconComponents = {
+  RiMapLine,
+  RiCustomerService2Line,
+  RiFileChartLine,
+  RiDatabase2Line,
+  RiBuildingLine,
+  RiToolsFill,
+  RiSettings3Line,
+  RiUserAddLine,
+  RiSearchLine,
+  RiFilter2Line,
+  FaChevronLeft,
+  RiArrowDropLeftLine,
+  RiArrowDropRightLine,
+  FaEllipsis,
+  RiDeleteBin7Line,
+  FaChevronDown,
+  RiArrowDropDownLine,
+  RiArrowDropUpLine,
+  RiUserLine,
+  RiGroupLine,
+  FaArrowRightArrowLeft,
+  RiArrowRightDoubleFill,
+  RiArrowLeftDoubleFill,
+  RiCpuLine,
+  RiBarChartBoxLine,
+  FaArrowsRotate,
+  RiExternalLinkLine,
+  RiSimCard2Line,
+  RiCloseFill,
+  RiAddFill,
+  FiRadio,
+  RiCarLine,
+  RiSteering2Line,
+  RiInfoI,
+  RiCheckFill,
+  LuGroup,
+  RiInformationLine,
+  MdTerrain,
+  RiSpeedUpFill,
+  RiBatteryChargeLine,
+  RiTimer2Line,
+  SiGooglestreetview,
+  SiKeepassxc,
+  FaStreetView,
+  FaSatelliteDish,
+  RiTruckLine,
+  RiShutDownLine,
+  TbTruckOff,
+  TbLayoutSidebarRightExpand,
+  TbLayoutBottombarExpand,
+  RiInformation2Line,
+  RiRestartLine,
+  RiStarFill,
+  RiStarHalfFill,
+  RiStarLine,
+  RiThermometerLine,
+  LuFuel,
+  TbLock,
+  TbAnchor,
+  RiRouteLine,
+  RiTimerLine,
+  RiAlertLine,
+  TbTransformPoint,
+  TbTruckDelivery,
+  TbTruck,
+  TbLockOpen,
+  RiUpload2Line,
+  RiListView,
+  RiKanbanView2,
+  RiCustomerService2Fill,
+  RiPencilLine,
+  RiListCheck2,
+  RiWhatsappLine,
+  RiCornerDownRightLine,
+  RiHistoryLine,
+  RiCalendarLine,
+  RiFileList2Line,
+  RiRefreshLine,
+  BiAnchor,
+  BsWebcam,
+  PiVideoCameraBold,
+  RiRfidLine,
+  HiOutlineWrenchScrewdriver,
+  RiClipboardLine,
+  RiToolsLine,
+  RiGasStationLine,
+  RiTimeLine,
+  RiDashboardFill,
+  RiMoneyDollarCircleLine,
+  RiEyeLine,
+  RiEyeCloseLine,
+  RiSpam2Line,
+  TbPolygon,
+  MdOutlineTrendingUp,
+  MdOutlineTrendingDown,
+  LuMinus,
+  LuThermometerSnowflake,
+  RiArrowDownSFill,
+  RiArrowUpSFill,
+  RiTempHotLine,
+  RiBarChart2Line,
+  RiMedalLine,
+  RiMapPin2Line,
+  RiRoadMapLine,
+  RiLineChartLine,
+  LiaCarBatterySolid,
+  FaRegEyeSlash,
+  FaRegEye,
+  RiFileListFill,
+  FaRoute,
+  RiRfidFill,
+  RiMapPinLine,
+  RiIdCardLine,
+  LiaTachometerAltSolid,
+  TbReportAnalytics,
+  GrCircleAlert,
+  RiBarChart2Fill,
+  MdOutlineAdminPanelSettings,
+  MdOutlineInsights,
+  MdArrowRightAlt,
+  MdTrackChanges,
+  MdOutlineHealthAndSafety,
+  RiArrowLeftSFill,
+  RiArrowRightSFill,
+  RiDashboardLine,
+  LiaSortAlphaDownSolid,
+  LiaSortAlphaDownAltSolid,
+  LuPanelRight,
+  LuPanelBottom,
+  RiPushpinLine
+};
+var Icon = ({
+  name,
+  size,
+  onClick,
+  className
+}) => {
+  const SelectedIcon = iconComponents[name];
+  if (!SelectedIcon) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx20(
+    SelectedIcon,
+    {
+      className: `${className} ${onClick ? "clickable" : ""}`,
+      size: size || "24px",
+      onClick
+    }
+  );
+};
+var Icon_default = Icon;
+
+// src/components/input/index.tsx
+import { useId as useId6 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var MyInput = ({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) => {
+  const generatedId = useId6();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs19("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs19("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ jsx21("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx21(
+      "input",
+      {
+        id: inputId,
+        required,
+        ...props,
+        className: `w-full border border-neutral-border rounded-lg bg-surface-base-light px-4 py-2 text-neutral-text-primary placeholder:text-neutral-placeholder outline-none focus:border-action-primary transition-colors ${className}`
+      }
+    )
+  ] });
+};
+
+// src/components/InputNumber/index.tsx
+import { useId as useId7 } from "react";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+function InputNumber({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) {
+  const generatedId = useId7();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs20("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    label && /* @__PURE__ */ jsxs20("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ jsx22("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx22(
+      "input",
+      {
+        id: inputId,
+        type: "number",
+        required,
+        className: `w-full rounded-lg border border-neutral-border bg-surface-base-light px-4 py-2 text-neutral-text-primary placeholder:text-neutral-placeholder outline-none transition-colors focus:border-action-primary ${className}`,
+        ...props
+      }
+    )
+  ] });
+}
+
+// src/components/Spinner/index.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function Spinner({
+  className = "",
+  sizeClassName = "h-5 w-5",
+  label = "Carregando"
+}) {
+  return /* @__PURE__ */ jsx23(
+    "span",
+    {
+      className: [
+        "inline-flex animate-spin rounded-full border-2 border-neutral-border border-t-brand-primary",
+        sizeClassName,
+        className
+      ].filter(Boolean).join(" "),
+      role: "status",
+      "aria-label": label
+    }
+  );
+}
+
+// src/components/LoadingModal/index.tsx
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+function LoadingModal({
+  open,
+  title = "Carregando",
+  message = "Aguarde enquanto processamos as informacoes."
+}) {
+  return /* @__PURE__ */ jsx24(Modal, { open, title, className: "max-w-sm", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-4 py-4 text-center", children: [
+    /* @__PURE__ */ jsx24(Spinner, { sizeClassName: "h-10 w-10" }),
+    /* @__PURE__ */ jsx24("p", { className: "text-sm text-neutral-text-secondary", children: message })
+  ] }) });
+}
+
+// src/components/maincontent/index.tsx
+import { useEffect as useEffect7, useState as useState7 } from "react";
+import { FiChevronLeft as FiChevronLeft2, FiChevronRight as FiChevronRight3 } from "react-icons/fi";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+var MAX_CELL_CHARACTERS = 35;
+var ITEMS_PER_PAGE = 10;
+var formatCellValue = (value) => {
+  const text = String(value ?? "");
+  if (text.length <= MAX_CELL_CHARACTERS) {
+    return text;
+  }
+  return `${text.slice(0, MAX_CELL_CHARACTERS)}...`;
+};
+function MainContent({
+  columns,
+  data,
+  header,
+  isClickable = false,
+  onRowClick
+}) {
+  const [currentPage, setCurrentPage] = useState7(1);
+  const totalPages = Math.max(1, Math.ceil(data.length / ITEMS_PER_PAGE));
+  const activePage = Math.min(currentPage, totalPages);
+  const firstItemIndex = (activePage - 1) * ITEMS_PER_PAGE;
+  const paginatedData = data.slice(
+    firstItemIndex,
+    firstItemIndex + ITEMS_PER_PAGE
+  );
+  const displayedStart = data.length === 0 ? 0 : firstItemIndex + 1;
+  const displayedEnd = Math.min(firstItemIndex + ITEMS_PER_PAGE, data.length);
+  useEffect7(() => {
+    setCurrentPage(1);
+  }, [data]);
+  return /* @__PURE__ */ jsxs22("div", { className: "flex min-h-0 w-full flex-1 flex-col overflow-hidden rounded-2xl bg-surface-base-light shadow", children: [
+    header && /* @__PURE__ */ jsx25("div", { className: "bg-surface-subtle-light px-6 py-3 border-b border-neutral-border shrink-0", children: header }),
+    /* @__PURE__ */ jsx25("div", { className: "scrollbar-indicator flex-1 overflow-auto", children: /* @__PURE__ */ jsxs22("table", { className: "w-full table-fixed text-sm", children: [
+      /* @__PURE__ */ jsx25("thead", { className: "sticky top-0 bg-surface-subtle-light", children: /* @__PURE__ */ jsx25("tr", { children: columns.map((col) => /* @__PURE__ */ jsx25(
+        "th",
+        {
+          className: `px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-neutral-placeholder border-b border-neutral-border ${col.className ?? ""}`,
+          children: col.header
+        },
+        String(col.accessor)
+      )) }) }),
+      /* @__PURE__ */ jsx25("tbody", { children: data.length === 0 ? /* @__PURE__ */ jsx25("tr", { children: /* @__PURE__ */ jsx25(
+        "td",
+        {
+          colSpan: columns.length,
+          className: "py-12 text-center text-sm text-neutral-placeholder",
+          children: "Nenhum resultado encontrado."
+        }
+      ) }) : paginatedData.map((row, rowIndex) => /* @__PURE__ */ jsx25(
+        "tr",
+        {
+          onClick: () => {
+            if (isClickable) {
+              onRowClick?.(row);
+            }
+          },
+          className: `border-b border-neutral-surface transition-colors hover:bg-neutral-surface ${isClickable ? "cursor-pointer" : ""}`,
+          children: columns.map((col) => {
+            const cellValue = String(row[col.accessor] ?? "");
+            return /* @__PURE__ */ jsx25(
+              "td",
+              {
+                className: `px-6 py-4 text-neutral-text-primary ${col.className ?? ""}`,
+                children: col.render ? col.render(row[col.accessor], row) : /* @__PURE__ */ jsx25("span", { className: "block truncate", title: cellValue, children: formatCellValue(cellValue) })
+              },
+              String(col.accessor)
+            );
+          })
+        },
+        firstItemIndex + rowIndex
+      )) })
+    ] }) }),
+    data.length > 0 && /* @__PURE__ */ jsxs22("div", { className: "flex shrink-0 items-center justify-between gap-4 border-t border-neutral-border bg-surface-subtle-light px-6 py-3", children: [
+      /* @__PURE__ */ jsxs22("span", { className: "text-sm text-neutral-text-secondary", children: [
+        "Mostrando ",
+        displayedStart,
+        "-",
+        displayedEnd,
+        " de ",
+        data.length
+      ] }),
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCurrentPage((page) => Math.max(1, page - 1)),
+            disabled: activePage === 1,
+            className: "flex h-9 w-9 items-center justify-center rounded-lg border border-neutral-border bg-surface-base-light text-neutral-text-primary transition-colors hover:bg-neutral-surface disabled:cursor-not-allowed disabled:opacity-40",
+            "aria-label": "P\xE1gina anterior",
+            children: /* @__PURE__ */ jsx25(FiChevronLeft2, { size: 18, "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsxs22("span", { className: "min-w-24 text-center text-sm text-neutral-text-secondary", children: [
+          "P\xE1gina ",
+          activePage,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx25(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCurrentPage((page) => Math.min(totalPages, page + 1)),
+            disabled: activePage === totalPages,
+            className: "flex h-9 w-9 items-center justify-center rounded-lg border border-neutral-border bg-surface-base-light text-neutral-text-primary transition-colors hover:bg-neutral-surface disabled:cursor-not-allowed disabled:opacity-40",
+            "aria-label": "Pr\xF3xima p\xE1gina",
+            children: /* @__PURE__ */ jsx25(FiChevronRight3, { size: 18, "aria-hidden": "true" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/RadioButton/index.tsx
+import { useId as useId8 } from "react";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+function RadioButton({
+  label,
+  id,
+  className = "",
+  ...props
+}) {
+  const generatedId = useId8();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs23(
+    "label",
+    {
+      htmlFor: inputId,
+      className: [
+        "inline-flex items-center gap-2 text-sm font-medium text-neutral-text-primary",
+        props.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx26(
+          "input",
+          {
+            id: inputId,
+            type: "radio",
+            className: "h-4 w-4 border-neutral-border accent-action-primary",
+            ...props
+          }
+        ),
+        label && /* @__PURE__ */ jsx26("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/TableToolbar/index.tsx
+import { FiSearch as FiSearch4, FiDownload as FiDownload2, FiChevronDown as FiChevronDown5 } from "react-icons/fi";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
+var TableToolbar = ({
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Buscar...",
+  filterLabel,
+  filterOptions,
+  filterValue,
+  onFilterChange,
+  total,
+  pageStart,
+  pageEnd,
+  onExport
+}) => {
+  return /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between pb-4 border-b border-neutral-border", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+      filterOptions && onFilterChange && /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs24(
+          "select",
+          {
+            value: filterValue,
+            onChange: (e) => onFilterChange(e.target.value),
+            className: "appearance-none flex items-center gap-2 border border-neutral-border rounded-lg px-4 py-2 pr-8 text-sm text-neutral-text-primary bg-surface-base-light cursor-pointer hover:border-action-primary transition-colors focus:outline-none focus:ring-1 focus:ring-action-primary",
+            children: [
+              filterLabel && /* @__PURE__ */ jsx27("option", { value: "", children: filterLabel }),
+              filterOptions.map((opt) => /* @__PURE__ */ jsx27("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx27(
+          FiChevronDown5,
+          {
+            size: 14,
+            className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-neutral-text-secondary"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 border border-neutral-border rounded-lg px-3 py-2 bg-surface-base-light focus-within:ring-1 focus-within:ring-action-primary focus-within:border-action-primary transition-colors", children: [
+        /* @__PURE__ */ jsx27(FiSearch4, { size: 15, className: "text-neutral-placeholder shrink-0" }),
+        /* @__PURE__ */ jsx27(
+          "input",
+          {
+            type: "text",
+            value: searchValue,
+            onChange: (e) => onSearchChange(e.target.value),
+            placeholder: searchPlaceholder,
+            className: "text-sm text-neutral-text-primary placeholder:text-neutral-placeholder bg-transparent outline-none w-48"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs24("span", { className: "text-sm text-neutral-text-secondary", children: [
+        pageStart,
+        " - ",
+        pageEnd,
+        " de",
+        " ",
+        /* @__PURE__ */ jsx27("span", { className: "font-medium text-neutral-text-primary", children: total })
+      ] }),
+      onExport && /* @__PURE__ */ jsxs24(
+        "button",
+        {
+          onClick: onExport,
+          className: "flex items-center gap-1.5 text-sm text-action-primary hover:text-action-primary-hover transition-colors",
+          children: [
+            /* @__PURE__ */ jsx27(FiDownload2, { size: 15 }),
+            "Exportar dados"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/Text/index.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Text({
+  children,
+  className = "",
+  truncate = false,
+  preserveLines = false,
+  noSelect = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    "p",
+    {
+      className: [
+        "m-0 text-sm text-neutral-text-primary",
+        truncate ? "truncate" : "",
+        preserveLines ? "whitespace-pre-line" : "",
+        noSelect ? "select-none" : "",
+        props.onClick ? "cursor-pointer" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/TextArea/index.tsx
+import { useId as useId9 } from "react";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+function TextArea({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) {
+  const generatedId = useId9();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ jsxs25("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    label && /* @__PURE__ */ jsxs25("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ jsx29("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx29(
+      "textarea",
+      {
+        id: inputId,
+        required,
+        className: [
+          "min-h-28 w-full resize-y rounded-lg border border-neutral-border bg-surface-base-light px-4 py-2 text-neutral-text-primary",
+          "placeholder:text-neutral-placeholder outline-none transition-colors focus:border-action-primary",
+          className
+        ].join(" "),
+        ...props
+      }
+    )
+  ] });
+}
+
+// src/components/Toast/index.tsx
+import { FiX as FiX4 } from "react-icons/fi";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+var variantClasses = {
+  success: "border-status-success text-status-success",
+  warning: "border-status-warning text-neutral-text-primary",
+  danger: "border-status-danger text-status-danger",
+  info: "border-action-primary text-action-primary"
+};
+function Toast({
+  title,
+  children,
+  variant = "info",
+  onClose,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs26(
+    "div",
+    {
+      className: [
+        "flex w-full max-w-sm gap-3 rounded-lg border bg-surface-base-light px-4 py-3 shadow-xl",
+        variantClasses[variant],
+        className
+      ].filter(Boolean).join(" "),
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx30("strong", { className: "block text-sm font-semibold", children: title }),
+          children && /* @__PURE__ */ jsx30("div", { className: "mt-1 text-sm text-neutral-text-secondary", children })
+        ] }),
+        onClose && /* @__PURE__ */ jsx30(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "shrink-0 text-neutral-placeholder transition-colors hover:text-neutral-text-primary",
+            "aria-label": "Fechar aviso",
+            children: /* @__PURE__ */ jsx30(FiX4, { size: 18 })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/Tooltip/index.tsx
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+var placementClasses = {
+  top: "bottom-full left-1/2 mb-2 -translate-x-1/2",
+  right: "left-full top-1/2 ml-2 -translate-y-1/2",
+  bottom: "left-1/2 top-full mt-2 -translate-x-1/2",
+  left: "right-full top-1/2 mr-2 -translate-y-1/2"
+};
+function Tooltip({
+  content,
+  children,
+  placement = "top",
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs27("span", { className: "group relative inline-flex", children: [
+    children,
+    /* @__PURE__ */ jsx31(
+      "span",
+      {
+        className: [
+          "pointer-events-none absolute z-50 max-w-64 rounded-md bg-surface-base-dark px-3 py-2 text-xs text-text-inverse",
+          "opacity-0 shadow transition-opacity group-hover:opacity-100",
+          placementClasses[placement],
+          className
+        ].join(" "),
+        role: "tooltip",
+        children: content
+      }
+    )
+  ] });
+}
+export {
+  AccountModal,
+  AlignMainContent,
+  AsideBar,
+  Checkbox,
+  CodeModal,
+  ContentPreference,
+  DataTable,
+  DatePicker,
+  FastFilter,
+  FilterBar,
+  Header,
+  Icon_default as Icon,
+  InputNumber,
+  LoadingModal,
+  MainContent,
+  Modal,
+  MyButton,
+  MyButtonMain,
+  MyCreateButton,
+  MyExpandGroup,
+  MyInput,
+  MySearch,
+  MySelect,
+  RadioButton,
+  Spinner,
+  Switch,
+  TableToolbar,
+  Text,
+  TextArea,
+  Toast,
+  Tooltip
+};