@robertorota/rota-designe 1.0.1 → 1.0.2

package/dist/index.cjs

@@ -0,0 +1,2339 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  AccountModal: () => AccountModal,
+  AlignMainContent: () => AlignMainContent,
+  AsideBar: () => AsideBar,
+  Checkbox: () => Checkbox,
+  CodeModal: () => CodeModal,
+  ContentPreference: () => ContentPreference,
+  DataTable: () => DataTable,
+  DatePicker: () => DatePicker,
+  FastFilter: () => FastFilter,
+  FilterBar: () => FilterBar,
+  Header: () => Header,
+  Icon: () => Icon_default,
+  InputNumber: () => InputNumber,
+  LoadingModal: () => LoadingModal,
+  MainContent: () => MainContent,
+  Modal: () => Modal,
+  MyButton: () => MyButton,
+  MyButtonMain: () => MyButtonMain,
+  MyCreateButton: () => MyCreateButton,
+  MyExpandGroup: () => MyExpandGroup,
+  MyInput: () => MyInput,
+  MySearch: () => MySearch,
+  MySelect: () => MySelect,
+  RadioButton: () => RadioButton,
+  Spinner: () => Spinner,
+  Switch: () => Switch,
+  TableToolbar: () => TableToolbar,
+  Text: () => Text,
+  TextArea: () => TextArea,
+  Toast: () => Toast,
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/AccountSettings/AccountModal/index.tsx
+var import_react5 = require("react");
+var import_fi3 = require("react-icons/fi");
+
+// src/components/Modal/index.tsx
+var import_react = require("react");
+var import_fi = require("react-icons/fi");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Modal({
+  open,
+  title,
+  titleIcon,
+  children,
+  footer,
+  onClose,
+  onSubmit,
+  closeOnBackdrop = false,
+  showHeader = true,
+  paddedBody = true,
+  className = "",
+  bodyClassName = ""
+}) {
+  (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    showHeader && (title || onClose) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "flex shrink-0 items-center justify-between border-b border-neutral-border px-5 py-4", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        titleIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex shrink-0 items-center text-brand-primary", "aria-hidden": "true", children: titleIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-sm font-medium text-neutral-text-primary", children: title })
+      ] }),
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_fi.FiX, { size: 20 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: [
+          "flex-1 overflow-y-auto",
+          paddedBody ? "px-5 py-5" : "",
+          bodyClassName
+        ].filter(Boolean).join(" "),
+        children
+      }
+    ),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+        "form",
+        {
+          className: panelClassName,
+          role: "dialog",
+          "aria-modal": "true",
+          onSubmit,
+          onClick: (event) => event.stopPropagation(),
+          children: content
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "section",
+        {
+          className: panelClassName,
+          role: "dialog",
+          "aria-modal": "true",
+          onClick: (event) => event.stopPropagation(),
+          children: content
+        }
+      )
+    }
+  );
+}
+
+// src/components/AccountSettings/ContentPreference/index.tsx
+var import_react4 = require("react");
+var import_fi2 = require("react-icons/fi");
+
+// src/components/Switch/index.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Switch({ label, id, className = "", ...props }) {
+  const generatedId = (0, import_react2.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "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__ */ (0, import_jsx_runtime2.jsx)("input", { id: inputId, type: "checkbox", className: "peer sr-only", ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/sidebar-pinned-store.ts
+var import_react3 = require("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 (0, import_react3.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
+var import_jsx_runtime3 = require("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__ */ (0, import_jsx_runtime3.jsx)(import_fi2.FiSun, { size: 20 }) },
+  { label: "Escuro", value: "dark", icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_fi2.FiMoon, { size: 20 }) },
+  { label: "Sistema", value: "system", icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_fi2.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 (0, import_react4.useSyncExternalStore)(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();
+  (0, import_react4.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime3.jsxs)("section", { "aria-labelledby": "preference-title", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "h3",
+      {
+        id: "preference-title",
+        className: "text-xl font-semibold text-neutral-text-primary",
+        children: "Prefer\xEAncias"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-1 text-sm text-neutral-text-secondary", children: "Personalize a apar\xEAncia da aplica\xE7\xE3o." }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mt-7 py-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide text-neutral-placeholder", children: "Tema" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mt-3 grid grid-cols-3 gap-3", children: themeOptions.map((option) => {
+        const isSelected = theme === option.value;
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(import_fi2.FiCheck, { size: 12, "aria-hidden": "true" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": "true", children: option.icon }),
+              option.label
+            ]
+          },
+          option.value
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "border-t border-neutral-border py-6", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm font-medium text-neutral-text-primary", children: "Barra lateral fixa" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-1 text-sm text-neutral-text-secondary", children: "Mant\xE9m o menu lateral aberto durante a navega\xE7\xE3o." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Switch,
+        {
+          checked: isSidebarPinned,
+          onChange: (event) => setSidebarPinned(event.target.checked),
+          "aria-label": "Manter barra lateral fixa e aberta"
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/components/AccountSettings/AccountModal/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var navigationItems = [
+  { id: "account", label: "Conta", icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fi3.FiUser, { size: 16 }) },
+  { id: "preferences", label: "Prefer\xEAncias", icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fi3.FiSliders, { size: 16 }) }
+];
+function AccountPanel() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "aria-labelledby": "account-title", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h2",
+      {
+        id: "account-title",
+        className: "text-xl font-semibold text-neutral-text-primary",
+        children: "Minha conta"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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] = (0, import_react5.useState)("account");
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "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__ */ (0, import_jsx_runtime4.jsx)("strong", { className: "px-2 text-sm font-semibold text-neutral-text-primary", children: "Perfil" }),
+              sidebar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "mt-4 flex flex-col gap-1", children: navigationItems.map((item) => {
+                const isActive = activeSection === item.id;
+                return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  "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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+                      item.label
+                    ]
+                  },
+                  item.id
+                );
+              }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                "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__ */ (0, import_jsx_runtime4.jsx)(import_fi3.FiLogOut, { size: 16, "aria-hidden": "true" }),
+                    "Sair da conta"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("main", { className: "relative min-w-0 flex-1 overflow-y-auto px-8 py-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "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__ */ (0, import_jsx_runtime4.jsx)(import_fi3.FiX, { size: 20, "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "pr-8", children: children ?? (activeSection === "preferences" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ContentPreference, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccountPanel, {})) })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/alignMainContent/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AlignMainContent = ({
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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
+var import_react6 = require("react");
+var import_bs = require("react-icons/bs");
+var import_fa = require("react-icons/fa");
+var import_fi4 = require("react-icons/fi");
+var import_md = require("react-icons/md");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var defaultItems = [
+  { label: "Dashboard", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_md.MdOutlineDashboard, { size: 20 }) },
+  { label: "Kits a montar", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_fa.FaWrench, { size: 18 }) },
+  { label: "Configuracoes", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_bs.BsFillGearFill, { size: 18 }) },
+  { label: "Equipamentos", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_fa.FaTools, { size: 18 }) },
+  { label: "Revenda", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_fa.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] = (0, import_react6.useState)(false);
+  const isPinned = useSidebarPinned();
+  const [openGroupId, setOpenGroupId] = (0, import_react6.useState)(
+    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__ */ (0, import_jsx_runtime6.jsxs)(
+      "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__ */ (0, import_jsx_runtime6.jsx)(
+            "span",
+            {
+              className: `flex w-8 shrink-0 items-center justify-center ${isActive ? "text-action-primary" : ""}`,
+              children: item.icon
+            }
+          ),
+          isSidebarExpanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "whitespace-nowrap", children: item.label })
+        ]
+      },
+      item.label
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-[88px] shrink-0 items-center gap-4 overflow-hidden px-[22px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "img",
+            {
+              src: brandLogoSrc,
+              alt: brandTitle,
+              className: "h-9 w-9 shrink-0 object-contain"
+            }
+          ),
+          isSidebarExpanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-w-0 flex-col whitespace-nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: brandTitle }),
+            brandSubtitle && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs text-neutral-text-secondary", children: brandSubtitle })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "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__ */ (0, import_jsx_runtime6.jsx)(
+                    "span",
+                    {
+                      className: `flex w-8 shrink-0 items-center justify-center ${isActive ? "text-action-primary" : ""}`,
+                      children: group.icon
+                    }
+                  ),
+                  isSidebarExpanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex min-w-0 flex-1 items-center justify-between whitespace-nowrap text-sm font-semibold", children: [
+                    group.label,
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                      import_fi4.FiChevronDown,
+                      {
+                        className: `transition-transform ${isOpen ? "rotate-180" : ""}`,
+                        size: 18
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            isSidebarExpanded && isOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "border-t border-neutral-border/70 px-3 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_fi4.FiLogOut, { size: 20 }) }),
+              isSidebarExpanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "whitespace-nowrap text-sm font-semibold", children: logoutLabel })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/components/Button/BarButton/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function MyButton({
+  label,
+  icon,
+  type = "button",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "button",
+    {
+      type,
+      className: `flex items-center gap-2 ${className}`,
+      ...props,
+      children: [
+        icon,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/Button/CreateButton/index.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function MyCreateButton({
+  label,
+  icon,
+  type = "button",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "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__ */ (0, import_jsx_runtime8.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/Checkbox/index.tsx
+var import_react7 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Checkbox({ label, id, className = "", ...props }) {
+  const generatedId = (0, import_react7.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "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__ */ (0, import_jsx_runtime9.jsx)(
+          "input",
+          {
+            id: inputId,
+            type: "checkbox",
+            className: "h-4 w-4 rounded border-neutral-border accent-action-primary",
+            ...props
+          }
+        ),
+        label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/CodeModal/index.tsx
+var import_react8 = require("react");
+var import_fi5 = require("react-icons/fi");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function CodeModal({
+  isOpen,
+  isPositive,
+  onClose,
+  successTitle = "Success",
+  errorTitle = "Failed",
+  autoCloseDuration = 1e3
+}) {
+  (0, import_react8.useEffect)(() => {
+    if (!isOpen || autoCloseDuration === null) return;
+    const timeoutId = window.setTimeout(onClose, autoCloseDuration);
+    return () => window.clearTimeout(timeoutId);
+  }, [autoCloseDuration, isOpen, onClose]);
+  (0, import_react8.useEffect)(() => {
+    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 ? import_fi5.FiCheckCircle : import_fi5.FiXCircle;
+  const iconClassName = isPositive ? "text-status-success" : "text-status-danger";
+  function stopPropagation(event) {
+    event.stopPropagation();
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-surface-base-dark/40 p-4",
+      onClick: onClose,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        "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__ */ (0, import_jsx_runtime10.jsx)(
+              "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__ */ (0, import_jsx_runtime10.jsx)(import_fi5.FiX, { size: 20 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon2, { className: iconClassName, size: 56, strokeWidth: 1.8, "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { id: "code-modal-title", className: "text-xl font-semibold text-neutral-text-primary", children: title })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/DataTable/index.tsx
+var import_react9 = __toESM(require("react"), 1);
+var import_fi6 = require("react-icons/fi");
+var import_jsx_runtime11 = require("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] = (0, import_react9.useState)("");
+  const activeSearch = searchValue ?? internalSearch;
+  const resetIdentity = `${activeSearch}\0${String(resetKey ?? "")}`;
+  const [pageState, setPageState] = (0, import_react9.useState)({ page: 1, resetIdentity });
+  const [sortAccessor, setSortAccessor] = (0, import_react9.useState)(null);
+  const [sortDirection, setSortDirection] = (0, import_react9.useState)("asc");
+  const [expandedRowState, setExpandedRowState] = (0, import_react9.useState)(null);
+  const [showExportMenu, setShowExportMenu] = (0, import_react9.useState)(false);
+  const [exportingId, setExportingId] = (0, import_react9.useState)(null);
+  const exportMenuRef = (0, import_react9.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 = (0, import_react9.useMemo)(() => {
+    const search = activeSearch.trim().toLocaleLowerCase();
+    return searchable && search ? data.filter((row) => matchesSearch(row, columns, search)) : data;
+  }, [activeSearch, columns, data, searchable]);
+  const sortedData = (0, import_react9.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);
+    }
+  };
+  (0, import_react9.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (exportMenuRef.current && !exportMenuRef.current.contains(event.target)) {
+        setShowExportMenu(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `relative flex min-h-0 w-full flex-col ${className}`, children: [
+    exportingId && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "div",
+      {
+        className: "fixed inset-0 z-40 cursor-wait bg-black/5 backdrop-blur-[2px]",
+        "aria-hidden": "true"
+      }
+    ),
+    showToolbar && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-wrap items-end justify-between gap-3 border-b border-neutral-border pb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-3", children: [
+        toolbarStart,
+        customFilters
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-3", children: [
+        searchable && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "relative block", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: searchPlaceholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_fi6.FiSearch,
+            {
+              className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-neutral-placeholder",
+              size: 15,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", ref: exportMenuRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            "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__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiDownload, { size: 15, "aria-hidden": "true" }),
+                "Exportar dados"
+              ]
+            }
+          ),
+          showExportMenu && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "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__ */ (0, import_jsx_runtime11.jsxs)(
+                "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__ */ (0, import_jsx_runtime11.jsx)("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-neutral-border border-t-action-primary" })
+                  ]
+                },
+                option.id
+              ))
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-h-0 w-full flex-1 overflow-auto [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "table",
+      {
+        className: `w-full bg-surface-base-light text-sm ${tableLayout === "fixed" ? "table-fixed" : "table-auto"}`,
+        style: { minWidth },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { className: "sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "border-b border-neutral-border bg-surface-base-light", children: [
+            renderExpandedRow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "w-12 border-t border-neutral-border bg-surface-base-light px-4 py-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Detalhes" }) }),
+            columns.map((column) => {
+              const isSorted = sortAccessor === column.accessor;
+              return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "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__ */ (0, import_jsx_runtime11.jsxs)(
+                    "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__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiChevronUp, { size: 16, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiChevronDown, { size: 16, "aria-hidden": "true" }))
+                      ]
+                    }
+                  ) : column.header
+                },
+                String(column.accessor)
+              );
+            })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tbody", { children: isLoading ? Array.from({ length: safeItemsPerPage }).map((_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { children: [
+            renderExpandedRow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "border-t border-neutral-border bg-surface-base-light px-4 py-3.5" }),
+            columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "td",
+              {
+                className: "border-t border-neutral-border bg-surface-base-light px-4 py-3.5",
+                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block h-4 w-full max-w-28 animate-pulse rounded bg-neutral-border" })
+              },
+              String(column.accessor)
+            ))
+          ] }, rowIndex)) : visibleData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "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__ */ (0, import_jsx_runtime11.jsxs)(import_react9.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                "tr",
+                {
+                  onClick: () => onRowClick?.(row),
+                  className: `group ${onRowClick ? "cursor-pointer" : ""}`,
+                  children: [
+                    renderExpandedRow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
+                      "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__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiChevronUp, { size: 18, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiChevronDown, { 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__ */ (0, import_jsx_runtime11.jsx)(
+                        "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__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block truncate", title: cellText, children: displayedText })
+                        },
+                        String(column.accessor)
+                      );
+                    })
+                  ]
+                }
+              ),
+              isExpanded && renderExpandedRow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "td",
+                {
+                  colSpan: columns.length + 1,
+                  className: "border-t border-neutral-border bg-neutral-surface p-0",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rounded-xl px-12 py-10", children: renderExpandedRow(row) })
+                }
+              ) })
+            ] }, rowKey);
+          }) })
+        ]
+      }
+    ) }),
+    paginate && !isLoading && sortedData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("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__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-sm text-neutral-text-secondary", children: [
+        displayedStart,
+        " - ",
+        displayedEnd,
+        " de ",
+        sortedData.length
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiChevronLeft, { size: 20, "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "min-w-24 text-center text-sm text-neutral-text-secondary", children: [
+          "P\xE1gina ",
+          activePage,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsx)(import_fi6.FiChevronRight, { size: 20, "aria-hidden": "true" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/DatePicker/index.tsx
+var import_react10 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function DatePicker({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) {
+  const generatedId = (0, import_react10.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "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
+var import_react11 = require("react");
+var import_fi7 = require("react-icons/fi");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function MyExpandGroup({
+  label,
+  children,
+  defaultOpen = false,
+  icon,
+  open,
+  onToggle
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react11.useState)(defaultOpen);
+  const contentId = (0, import_react11.useId)();
+  const isOpen = open ?? internalOpen;
+  const handleToggle = () => {
+    if (onToggle) {
+      onToggle();
+      return;
+    }
+    setInternalOpen((currentOpen) => !currentOpen);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "w-full shrink-0 overflow-hidden rounded-lg border border-neutral-border bg-surface-base-light", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-brand-primary", children: icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium text-neutral-text-primary", children: label })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_fi7.FiChevronDown,
+            {
+              className: `text-neutral-text-secondary transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`,
+              size: 16
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "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__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "border-t border-neutral-border px-4 py-4", children }) })
+      }
+    )
+  ] });
+}
+
+// src/components/filtersBar/index.tsx
+var import_react12 = require("react");
+
+// src/components/filtersComponents/ButtonMain/index.tsx
+var import_fi8 = require("react-icons/fi");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var MyButtonMain = ({
+  children,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "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__ */ (0, import_jsx_runtime14.jsx)(import_fi8.FiMenu, { size: 16 }),
+        children
+      ]
+    }
+  );
+};
+
+// src/components/filtersComponents/MyFastFilter/index.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var FastFilter = ({
+  label,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        className: "peer hidden",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "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
+var import_fi9 = require("react-icons/fi");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var MySearch = ({ className = "", ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative flex items-center ", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_fi9.FiSearch, { className: "absolute left-3 text-neutral-text-secondary pointer-events-none font-bold", size: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "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
+var import_fi10 = require("react-icons/fi");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var MySelect = ({
+  options,
+  placeholder,
+  containerClassName = "w-50",
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: `relative flex items-center ${containerClassName}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "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__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", disabled: true, children: placeholder }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: option.value, children: option.label }, option.value))
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_fi10.FiChevronDown,
+      {
+        className: "absolute right-3 text-neutral-text-secondary pointer-events-none",
+        size: 16
+      }
+    )
+  ] });
+};
+
+// src/components/filtersBar/index.tsx
+var import_io = require("react-icons/io");
+var import_jsx_runtime18 = require("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] = (0, import_react12.useState)(defaultSearchValue);
+  const lastFilteredDataRef = (0, import_react12.useRef)(void 0);
+  const currentSearchValue = searchValue ?? internalSearchValue;
+  const filteredData = (0, import_react12.useMemo)(() => {
+    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]);
+  (0, import_react12.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "w-full flex items-center border-b-2 border-neutral-border h-15 mb-5 p-1 gap-5", children: [
+    showSearch && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      MySearch,
+      {
+        value: currentSearchValue,
+        onChange: handleSearchChange,
+        placeholder: searchPlaceholder
+      }
+    ),
+    showSelect && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      MySelect,
+      {
+        defaultValue: "",
+        placeholder: "Escolha",
+        options: mockItens
+      }
+    ),
+    fastFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      FastFilter,
+      {
+        label: filter.label,
+        checked: filter.checked,
+        onChange: filter.onChange
+      },
+      filter.label
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-5 ml-auto", children: [
+      showAdvancedFilters && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MyButtonMain, { children: "Filtros avan\xE7ados" }),
+      showExport && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MyButtonMain, { children: "Exportar" }),
+      typeCreation !== "no" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        MyCreateButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_io.IoMdAdd, {}),
+          label: createLabel ?? `Adicionar ${typeCreation}`,
+          onClick: onCreateClick
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/Header/index.tsx
+var import_react13 = require("react");
+var import_fi11 = require("react-icons/fi");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Header({
+  title = "Dashboard",
+  section,
+  sectionIcon,
+  userName = "",
+  notifications = [],
+  searchItems = [],
+  searchPlaceholder = "Pesquisar...",
+  onSearchItemSelect,
+  onNotificationClick,
+  onMarkAllNotificationsAsRead,
+  onViewAllNotifications,
+  className = "",
+  ...props
+}) {
+  const [isNotificationsOpen, setIsNotificationsOpen] = (0, import_react13.useState)(false);
+  const [isProfileOpen, setIsProfileOpen] = (0, import_react13.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react13.useState)("");
+  const [isSearchOpen, setIsSearchOpen] = (0, import_react13.useState)(false);
+  const [activeSearchIndex, setActiveSearchIndex] = (0, import_react13.useState)(0);
+  const notificationsId = (0, import_react13.useId)();
+  const searchResultsId = (0, import_react13.useId)();
+  const notificationsRef = (0, import_react13.useRef)(null);
+  const notificationsButtonRef = (0, import_react13.useRef)(null);
+  const searchRef = (0, import_react13.useRef)(null);
+  const unreadCount = notifications.filter((notification) => !notification.read).length;
+  const filteredSearchItems = (0, import_react13.useMemo)(() => {
+    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);
+    }
+  };
+  (0, import_react13.useEffect)(() => {
+    if (!isSearchOpen) return;
+    const handlePointerDown = (event) => {
+      if (!searchRef.current?.contains(event.target)) {
+        setIsSearchOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [isSearchOpen]);
+  (0, import_react13.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0", children: [
+            section && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mb-1 flex items-center gap-1.5 text-[13px] text-neutral-text-secondary", children: [
+              sectionIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: sectionIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: section }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi11.FiChevronRight, { className: "shrink-0", size: 13, "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", "aria-current": "page", children: title })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "truncate text-2xl font-semibold text-action-primary", children: title })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
+            searchItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              "div",
+              {
+                className: "relative w-35 sm:w-44 lg:w-60",
+                ref: searchRef,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "relative block", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Pesquisar funcionalidades" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      import_fi11.FiSearch,
+                      {
+                        className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-neutral-placeholder",
+                        size: 16,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      "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__ */ (0, import_jsx_runtime19.jsx)(
+                    "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__ */ (0, import_jsx_runtime19.jsxs)(
+                        "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__ */ (0, import_jsx_runtime19.jsx)(
+                              import_fi11.FiSearch,
+                              {
+                                className: "shrink-0 text-neutral-placeholder",
+                                size: 15,
+                                "aria-hidden": "true"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "min-w-0", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "block truncate text-sm font-medium text-neutral-text-primary", children: item.label }),
+                              item.section && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "block truncate text-xs text-neutral-text-secondary", children: item.section })
+                            ] })
+                          ]
+                        },
+                        item.id
+                      )) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "px-4 py-6 text-center text-sm text-neutral-placeholder", children: "Nenhuma funcionalidade encontrada." })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", ref: notificationsRef, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                "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__ */ (0, import_jsx_runtime19.jsx)(import_fi11.FiBell, { size: 18, "aria-hidden": "true" }),
+                    unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)(
+                "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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-neutral-border px-4 py-3", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "font-semibold text-neutral-text-primary", children: "Notifica\xE7\xF5es" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)(
+                        "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__ */ (0, import_jsx_runtime19.jsx)(import_fi11.FiCheck, { size: 14, "aria-hidden": "true" }),
+                            "Marcar como lidas"
+                          ]
+                        }
+                      )
+                    ] }),
+                    notifications.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "max-h-80 overflow-y-auto", children: notifications.map((notification) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                      "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__ */ (0, import_jsx_runtime19.jsx)(
+                            "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__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "block truncate text-sm font-medium text-neutral-text-primary", children: notification.title }),
+                            notification.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "mt-0.5 block text-xs leading-5 text-neutral-text-secondary", children: notification.description }),
+                            notification.time && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "mt-1 block text-[11px] text-neutral-placeholder", children: notification.time })
+                          ] })
+                        ]
+                      },
+                      notification.id
+                    )) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col items-center px-6 py-8 text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "mb-3 flex h-10 w-10 items-center justify-center rounded-full bg-neutral-surface text-neutral-text-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi11.FiBell, { size: 19, "aria-hidden": "true" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm font-medium text-neutral-text-primary", children: "Nenhuma notifica\xE7\xE3o" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mt-1 text-xs text-neutral-text-secondary", children: "Novas atualiza\xE7\xF5es aparecer\xE3o aqui." })
+                    ] }),
+                    notifications.length > 0 && onViewAllNotifications && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      "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__ */ (0, import_jsx_runtime19.jsxs)(
+              "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__ */ (0, import_jsx_runtime19.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-brand-primary text-text-inverse", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi11.FiUser, { size: 16, "aria-hidden": "true" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "max-w-40 truncate text-sm text-neutral-text-secondary", children: userName })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      AccountModal,
+      {
+        open: isProfileOpen,
+        onClose: () => setIsProfileOpen(false)
+      }
+    )
+  ] });
+}
+
+// src/components/Icon/index.tsx
+var import_ri = require("react-icons/ri");
+var import_fa2 = require("react-icons/fa");
+var import_hi2 = require("react-icons/hi2");
+var import_fa6 = require("react-icons/fa6");
+var import_si = require("react-icons/si");
+var import_bi = require("react-icons/bi");
+var import_bs2 = require("react-icons/bs");
+var import_pi = require("react-icons/pi");
+var import_gr = require("react-icons/gr");
+var import_fa62 = require("react-icons/fa6");
+var import_fi12 = require("react-icons/fi");
+var import_lu = require("react-icons/lu");
+var import_md2 = require("react-icons/md");
+var import_tb = require("react-icons/tb");
+var import_lia = require("react-icons/lia");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var iconComponents = {
+  RiMapLine: import_ri.RiMapLine,
+  RiCustomerService2Line: import_ri.RiCustomerService2Line,
+  RiFileChartLine: import_ri.RiFileChartLine,
+  RiDatabase2Line: import_ri.RiDatabase2Line,
+  RiBuildingLine: import_ri.RiBuildingLine,
+  RiToolsFill: import_ri.RiToolsFill,
+  RiSettings3Line: import_ri.RiSettings3Line,
+  RiUserAddLine: import_ri.RiUserAddLine,
+  RiSearchLine: import_ri.RiSearchLine,
+  RiFilter2Line: import_ri.RiFilter2Line,
+  FaChevronLeft: import_fa62.FaChevronLeft,
+  RiArrowDropLeftLine: import_ri.RiArrowDropLeftLine,
+  RiArrowDropRightLine: import_ri.RiArrowDropRightLine,
+  FaEllipsis: import_fa62.FaEllipsis,
+  RiDeleteBin7Line: import_ri.RiDeleteBin7Line,
+  FaChevronDown: import_fa2.FaChevronDown,
+  RiArrowDropDownLine: import_ri.RiArrowDropDownLine,
+  RiArrowDropUpLine: import_ri.RiArrowDropUpLine,
+  RiUserLine: import_ri.RiUserLine,
+  RiGroupLine: import_ri.RiGroupLine,
+  FaArrowRightArrowLeft: import_fa62.FaArrowRightArrowLeft,
+  RiArrowRightDoubleFill: import_ri.RiArrowRightDoubleFill,
+  RiArrowLeftDoubleFill: import_ri.RiArrowLeftDoubleFill,
+  RiCpuLine: import_ri.RiCpuLine,
+  RiBarChartBoxLine: import_ri.RiBarChartBoxLine,
+  FaArrowsRotate: import_fa62.FaArrowsRotate,
+  RiExternalLinkLine: import_ri.RiExternalLinkLine,
+  RiSimCard2Line: import_ri.RiSimCard2Line,
+  RiCloseFill: import_ri.RiCloseFill,
+  RiAddFill: import_ri.RiAddFill,
+  FiRadio: import_fi12.FiRadio,
+  RiCarLine: import_ri.RiCarLine,
+  RiSteering2Line: import_ri.RiSteering2Line,
+  RiInfoI: import_ri.RiInfoI,
+  RiCheckFill: import_ri.RiCheckFill,
+  LuGroup: import_lu.LuGroup,
+  RiInformationLine: import_ri.RiInformationLine,
+  MdTerrain: import_md2.MdTerrain,
+  RiSpeedUpFill: import_ri.RiSpeedUpFill,
+  RiBatteryChargeLine: import_ri.RiBatteryChargeLine,
+  RiTimer2Line: import_ri.RiTimer2Line,
+  SiGooglestreetview: import_si.SiGooglestreetview,
+  SiKeepassxc: import_si.SiKeepassxc,
+  FaStreetView: import_fa6.FaStreetView,
+  FaSatelliteDish: import_fa6.FaSatelliteDish,
+  RiTruckLine: import_ri.RiTruckLine,
+  RiShutDownLine: import_ri.RiShutDownLine,
+  TbTruckOff: import_tb.TbTruckOff,
+  TbLayoutSidebarRightExpand: import_tb.TbLayoutSidebarRightExpand,
+  TbLayoutBottombarExpand: import_tb.TbLayoutBottombarExpand,
+  RiInformation2Line: import_ri.RiInformation2Line,
+  RiRestartLine: import_ri.RiRestartLine,
+  RiStarFill: import_ri.RiStarFill,
+  RiStarHalfFill: import_ri.RiStarHalfFill,
+  RiStarLine: import_ri.RiStarLine,
+  RiThermometerLine: import_ri.RiThermometerLine,
+  LuFuel: import_lu.LuFuel,
+  TbLock: import_tb.TbLock,
+  TbAnchor: import_tb.TbAnchor,
+  RiRouteLine: import_ri.RiRouteLine,
+  RiTimerLine: import_ri.RiTimerLine,
+  RiAlertLine: import_ri.RiAlertLine,
+  TbTransformPoint: import_tb.TbTransformPoint,
+  TbTruckDelivery: import_tb.TbTruckDelivery,
+  TbTruck: import_tb.TbTruck,
+  TbLockOpen: import_tb.TbLockOpen,
+  RiUpload2Line: import_ri.RiUpload2Line,
+  RiListView: import_ri.RiListView,
+  RiKanbanView2: import_ri.RiKanbanView2,
+  RiCustomerService2Fill: import_ri.RiCustomerService2Fill,
+  RiPencilLine: import_ri.RiPencilLine,
+  RiListCheck2: import_ri.RiListCheck2,
+  RiWhatsappLine: import_ri.RiWhatsappLine,
+  RiCornerDownRightLine: import_ri.RiCornerDownRightLine,
+  RiHistoryLine: import_ri.RiHistoryLine,
+  RiCalendarLine: import_ri.RiCalendarLine,
+  RiFileList2Line: import_ri.RiFileList2Line,
+  RiRefreshLine: import_ri.RiRefreshLine,
+  BiAnchor: import_bi.BiAnchor,
+  BsWebcam: import_bs2.BsWebcam,
+  PiVideoCameraBold: import_pi.PiVideoCameraBold,
+  RiRfidLine: import_ri.RiRfidLine,
+  HiOutlineWrenchScrewdriver: import_hi2.HiOutlineWrenchScrewdriver,
+  RiClipboardLine: import_ri.RiClipboardLine,
+  RiToolsLine: import_ri.RiToolsLine,
+  RiGasStationLine: import_ri.RiGasStationLine,
+  RiTimeLine: import_ri.RiTimeLine,
+  RiDashboardFill: import_ri.RiDashboardFill,
+  RiMoneyDollarCircleLine: import_ri.RiMoneyDollarCircleLine,
+  RiEyeLine: import_ri.RiEyeLine,
+  RiEyeCloseLine: import_ri.RiEyeCloseLine,
+  RiSpam2Line: import_ri.RiSpam2Line,
+  TbPolygon: import_tb.TbPolygon,
+  MdOutlineTrendingUp: import_md2.MdOutlineTrendingUp,
+  MdOutlineTrendingDown: import_md2.MdOutlineTrendingDown,
+  LuMinus: import_lu.LuMinus,
+  LuThermometerSnowflake: import_lu.LuThermometerSnowflake,
+  RiArrowDownSFill: import_ri.RiArrowDownSFill,
+  RiArrowUpSFill: import_ri.RiArrowUpSFill,
+  RiTempHotLine: import_ri.RiTempHotLine,
+  RiBarChart2Line: import_ri.RiBarChart2Line,
+  RiMedalLine: import_ri.RiMedalLine,
+  RiMapPin2Line: import_ri.RiMapPin2Line,
+  RiRoadMapLine: import_ri.RiRoadMapLine,
+  RiLineChartLine: import_ri.RiLineChartLine,
+  LiaCarBatterySolid: import_lia.LiaCarBatterySolid,
+  FaRegEyeSlash: import_fa6.FaRegEyeSlash,
+  FaRegEye: import_fa6.FaRegEye,
+  RiFileListFill: import_ri.RiFileListFill,
+  FaRoute: import_fa6.FaRoute,
+  RiRfidFill: import_ri.RiRfidFill,
+  RiMapPinLine: import_ri.RiMapPinLine,
+  RiIdCardLine: import_ri.RiIdCardLine,
+  LiaTachometerAltSolid: import_lia.LiaTachometerAltSolid,
+  TbReportAnalytics: import_tb.TbReportAnalytics,
+  GrCircleAlert: import_gr.GrCircleAlert,
+  RiBarChart2Fill: import_ri.RiBarChart2Fill,
+  MdOutlineAdminPanelSettings: import_md2.MdOutlineAdminPanelSettings,
+  MdOutlineInsights: import_md2.MdOutlineInsights,
+  MdArrowRightAlt: import_md2.MdArrowRightAlt,
+  MdTrackChanges: import_md2.MdTrackChanges,
+  MdOutlineHealthAndSafety: import_md2.MdOutlineHealthAndSafety,
+  RiArrowLeftSFill: import_ri.RiArrowLeftSFill,
+  RiArrowRightSFill: import_ri.RiArrowRightSFill,
+  RiDashboardLine: import_ri.RiDashboardLine,
+  LiaSortAlphaDownSolid: import_lia.LiaSortAlphaDownSolid,
+  LiaSortAlphaDownAltSolid: import_lia.LiaSortAlphaDownAltSolid,
+  LuPanelRight: import_lu.LuPanelRight,
+  LuPanelBottom: import_lu.LuPanelBottom,
+  RiPushpinLine: import_ri.RiPushpinLine
+};
+var Icon = ({
+  name,
+  size,
+  onClick,
+  className
+}) => {
+  const SelectedIcon = iconComponents[name];
+  if (!SelectedIcon) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    SelectedIcon,
+    {
+      className: `${className} ${onClick ? "clickable" : ""}`,
+      size: size || "24px",
+      onClick
+    }
+  );
+};
+var Icon_default = Icon;
+
+// src/components/input/index.tsx
+var import_react14 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var MyInput = ({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) => {
+  const generatedId = (0, import_react14.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "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
+var import_react15 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function InputNumber({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) {
+  const generatedId = (0, import_react15.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "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
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Spinner({
+  className = "",
+  sizeClassName = "h-5 w-5",
+  label = "Carregando"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "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
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function LoadingModal({
+  open,
+  title = "Carregando",
+  message = "Aguarde enquanto processamos as informacoes."
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Modal, { open, title, className: "max-w-sm", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-4 py-4 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Spinner, { sizeClassName: "h-10 w-10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-neutral-text-secondary", children: message })
+  ] }) });
+}
+
+// src/components/maincontent/index.tsx
+var import_react16 = require("react");
+var import_fi13 = require("react-icons/fi");
+var import_jsx_runtime25 = require("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] = (0, import_react16.useState)(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);
+  (0, import_react16.useEffect)(() => {
+    setCurrentPage(1);
+  }, [data]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex min-h-0 w-full flex-1 flex-col overflow-hidden rounded-2xl bg-surface-base-light shadow", children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-surface-subtle-light px-6 py-3 border-b border-neutral-border shrink-0", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "scrollbar-indicator flex-1 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("table", { className: "w-full table-fixed text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("thead", { className: "sticky top-0 bg-surface-subtle-light", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "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__ */ (0, import_jsx_runtime25.jsx)("tbody", { children: data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "td",
+        {
+          colSpan: columns.length,
+          className: "py-12 text-center text-sm text-neutral-placeholder",
+          children: "Nenhum resultado encontrado."
+        }
+      ) }) : paginatedData.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "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__ */ (0, import_jsx_runtime25.jsx)(
+              "td",
+              {
+                className: `px-6 py-4 text-neutral-text-primary ${col.className ?? ""}`,
+                children: col.render ? col.render(row[col.accessor], row) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "block truncate", title: cellValue, children: formatCellValue(cellValue) })
+              },
+              String(col.accessor)
+            );
+          })
+        },
+        firstItemIndex + rowIndex
+      )) })
+    ] }) }),
+    data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("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__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "text-sm text-neutral-text-secondary", children: [
+        "Mostrando ",
+        displayedStart,
+        "-",
+        displayedEnd,
+        " de ",
+        data.length
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "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__ */ (0, import_jsx_runtime25.jsx)(import_fi13.FiChevronLeft, { size: 18, "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "min-w-24 text-center text-sm text-neutral-text-secondary", children: [
+          "P\xE1gina ",
+          activePage,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "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__ */ (0, import_jsx_runtime25.jsx)(import_fi13.FiChevronRight, { size: 18, "aria-hidden": "true" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/RadioButton/index.tsx
+var import_react17 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function RadioButton({
+  label,
+  id,
+  className = "",
+  ...props
+}) {
+  const generatedId = (0, import_react17.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "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__ */ (0, import_jsx_runtime26.jsx)(
+          "input",
+          {
+            id: inputId,
+            type: "radio",
+            className: "h-4 w-4 border-neutral-border accent-action-primary",
+            ...props
+          }
+        ),
+        label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+
+// src/components/TableToolbar/index.tsx
+var import_fi14 = require("react-icons/fi");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var TableToolbar = ({
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Buscar...",
+  filterLabel,
+  filterOptions,
+  filterValue,
+  onFilterChange,
+  total,
+  pageStart,
+  pageEnd,
+  onExport
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between pb-4 border-b border-neutral-border", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-3", children: [
+      filterOptions && onFilterChange && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "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__ */ (0, import_jsx_runtime27.jsx)("option", { value: "", children: filterLabel }),
+              filterOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          import_fi14.FiChevronDown,
+          {
+            size: 14,
+            className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-neutral-text-secondary"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("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__ */ (0, import_jsx_runtime27.jsx)(import_fi14.FiSearch, { size: 15, className: "text-neutral-placeholder shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "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__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "text-sm text-neutral-text-secondary", children: [
+        pageStart,
+        " - ",
+        pageEnd,
+        " de",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-medium text-neutral-text-primary", children: total })
+      ] }),
+      onExport && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        "button",
+        {
+          onClick: onExport,
+          className: "flex items-center gap-1.5 text-sm text-action-primary hover:text-action-primary-hover transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_fi14.FiDownload, { size: 15 }),
+            "Exportar dados"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/Text/index.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Text({
+  children,
+  className = "",
+  truncate = false,
+  preserveLines = false,
+  noSelect = false,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "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
+var import_react18 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function TextArea({
+  label,
+  id,
+  required,
+  className = "",
+  ...props
+}) {
+  const generatedId = (0, import_react18.useId)();
+  const inputId = id ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { htmlFor: inputId, className: "flex w-full flex-col gap-2", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "text-sm font-medium text-neutral-text-primary", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-action-primary", children: " *" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "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
+var import_fi15 = require("react-icons/fi");
+var import_jsx_runtime30 = require("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__ */ (0, import_jsx_runtime30.jsxs)(
+    "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__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("strong", { className: "block text-sm font-semibold", children: title }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mt-1 text-sm text-neutral-text-secondary", children })
+        ] }),
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "shrink-0 text-neutral-placeholder transition-colors hover:text-neutral-text-primary",
+            "aria-label": "Fechar aviso",
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_fi15.FiX, { size: 18 })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/Tooltip/index.tsx
+var import_jsx_runtime31 = require("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__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "group relative inline-flex", children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "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
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountModal,
+  AlignMainContent,
+  AsideBar,
+  Checkbox,
+  CodeModal,
+  ContentPreference,
+  DataTable,
+  DatePicker,
+  FastFilter,
+  FilterBar,
+  Header,
+  Icon,
+  InputNumber,
+  LoadingModal,
+  MainContent,
+  Modal,
+  MyButton,
+  MyButtonMain,
+  MyCreateButton,
+  MyExpandGroup,
+  MyInput,
+  MySearch,
+  MySelect,
+  RadioButton,
+  Spinner,
+  Switch,
+  TableToolbar,
+  Text,
+  TextArea,
+  Toast,
+  Tooltip
+});