@motor-hero/ui-kit 0.34.1 → 0.36.0

package/dist/index.cjs

@@ -40,6 +40,9 @@ __export(index_exports, {
   DatePicker: () => DatePicker,
   DateTimePicker: () => DateTimePicker,
   EmptyState: () => EmptyState,
+  FilterOptionList: () => FilterOptionList,
+  FilterPopover: () => FilterPopover,
+  FilterToolbar: () => FilterToolbar,
   FormDialog: () => FormDialog,
   FormDialogLayout: () => FormDialogLayout,
   FormField: () => FormField,
@@ -75,422 +78,375 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/theme-provider.tsx
-var import_react = require("react");
+// src/components/app-shell.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_react3 = require("react");
 
-// src/lib/company-theme.ts
-var VAR_MAP = {
-  primary: "--color-primary",
-  primaryForeground: "--color-primary-foreground",
-  secondary: "--color-secondary",
-  secondaryForeground: "--color-secondary-foreground",
-  accent: "--color-accent",
-  accentForeground: "--color-accent-foreground",
-  ring: "--color-ring"
-};
-function definedTokens(tokens) {
-  if (!tokens) return {};
-  return Object.fromEntries(
-    Object.entries(tokens).filter(([, value]) => value != null)
-  );
-}
-function applyCompanyTheme(root, companyTheme, mode) {
-  const tokens = companyTheme ? mode === "dark" ? { ...companyTheme.light, ...definedTokens(companyTheme.dark) } : companyTheme.light : {};
-  for (const key of Object.keys(VAR_MAP)) {
-    const value = tokens[key];
-    if (value) root.style.setProperty(VAR_MAP[key], value);
-    else root.style.removeProperty(VAR_MAP[key]);
-  }
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/theme-provider.tsx
+// src/components/sidebar-nav.tsx
+var import_react = require("react");
+
+// src/components/types.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var initialState = {
-  theme: "system",
-  setTheme: () => null
-};
-var ThemeProviderContext = (0, import_react.createContext)(initialState);
-function ThemeProvider({
-  children,
-  defaultTheme = "system",
-  storageKey = "ui-theme",
-  companyTheme,
-  ...props
-}) {
-  const [theme, setTheme] = (0, import_react.useState)(
-    () => localStorage.getItem(storageKey) || defaultTheme
-  );
-  (0, import_react.useEffect)(() => {
-    const root = window.document.documentElement;
-    const applyResolved = (resolved) => {
-      root.classList.remove("light", "dark");
-      root.classList.add(resolved);
-      applyCompanyTheme(root, companyTheme, resolved);
-    };
-    if (theme === "system") {
-      const mql = window.matchMedia("(prefers-color-scheme: dark)");
-      applyResolved(mql.matches ? "dark" : "light");
-      const onChange = (e) => applyResolved(e.matches ? "dark" : "light");
-      mql.addEventListener("change", onChange);
-      return () => mql.removeEventListener("change", onChange);
-    }
-    applyResolved(theme);
-  }, [theme, companyTheme]);
-  const value = {
-    theme,
-    setTheme: (theme2) => {
-      localStorage.setItem(storageKey, theme2);
-      setTheme(theme2);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
-}
-function useTheme() {
-  const context = (0, import_react.useContext)(ThemeProviderContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}
+var defaultRenderLink = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { ...props, children });
 
-// src/hooks/use-company-subdomain.ts
-var import_react2 = require("react");
-function getSubdomain(hostname) {
-  const labels = hostname.split(".");
-  if (labels.length < 2) return void 0;
-  const first = labels[0];
-  if (!first || first === "www" || first === "localhost") return void 0;
-  return first;
-}
-function resolveOverride(storageKey) {
-  if (typeof window === "undefined") return void 0;
-  const params = new URLSearchParams(window.location.search);
-  if (params.has("company")) {
-    const value = params.get("company");
-    if (value) {
-      window.localStorage.setItem(storageKey, value);
-      return value;
-    }
-    window.localStorage.removeItem(storageKey);
-    return void 0;
-  }
-  return window.localStorage.getItem(storageKey) ?? void 0;
+// src/components/sidebar-nav.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function defaultIsActive(item, activePath) {
+  if (item.href === "/") return activePath === "/";
+  return activePath === item.href || activePath.startsWith(item.href + "/");
 }
-function useCompanySubdomain(opts = {}) {
-  const { enableOverride = false, overrideStorageKey = "company-subdomain" } = opts;
-  const [subdomain] = (0, import_react2.useState)(() => {
-    if (enableOverride) {
-      const override = resolveOverride(overrideStorageKey);
-      if (override) return override;
-    }
-    if (typeof window === "undefined") return void 0;
-    return getSubdomain(window.location.hostname);
-  });
-  return { subdomain };
+function SidebarNav({
+  items,
+  activePath,
+  isActive = defaultIsActive,
+  isAdmin = false,
+  isCollapsed = false,
+  renderLink = defaultRenderLink,
+  onNavigate
+}) {
+  const visible = items.filter((item) => !item.adminOnly || isAdmin);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("nav", { className: "flex flex-col gap-1", children: visible.map((item) => {
+    const active = isActive(item, activePath);
+    const link = renderLink({
+      href: item.href,
+      onClick: onNavigate,
+      title: isCollapsed ? item.label : void 0,
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "flex cursor-pointer items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
+        active ? "bg-accent text-accent-foreground font-semibold" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        isCollapsed && "justify-center px-2"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "shrink-0", children: item.icon }),
+        !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "truncate", children: item.label })
+      ] })
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.Fragment, { children: link }, item.href);
+  }) });
 }
 
-// src/components/mode-toggle.tsx
+// src/components/user-menu.tsx
 var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function ModeToggle() {
-  const { setTheme } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(DropdownMenu.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: "relative inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "aria-label": "Alternar tema",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Moon, { className: "absolute inset-0 m-auto h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      DropdownMenu.Content,
-      {
-        align: "end",
-        className: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            DropdownMenu.Item,
-            {
-              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
-              onClick: () => setTheme("light"),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Sun, { className: "h-4 w-4" }),
-                " Claro"
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            DropdownMenu.Item,
-            {
-              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
-              onClick: () => setTheme("dark"),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Moon, { className: "h-4 w-4" }),
-                " Escuro"
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            DropdownMenu.Item,
-            {
-              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
-              onClick: () => setTheme("system"),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Monitor, { className: "h-4 w-4" }),
-                " Sistema"
-              ]
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}
+var import_react2 = require("react");
+var import_vaul = require("vaul");
 
-// src/components/empty-state.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `flex flex-col items-center justify-center py-16 text-center ${className ?? ""}`, children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mb-4 text-muted-foreground", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mt-4", children: action })
-  ] });
+// src/hooks/use-is-desktop.ts
+var React = __toESM(require("react"), 1);
+var DESKTOP_QUERY = "(min-width: 640px)";
+function useIsDesktop() {
+  const [isDesktop, setIsDesktop] = React.useState(
+    () => typeof window !== "undefined" ? window.matchMedia(DESKTOP_QUERY).matches : true
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(DESKTOP_QUERY);
+    const onChange = () => setIsDesktop(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return isDesktop;
 }
 
-// src/components/confirm-dialog.tsx
-var AlertDialog = __toESM(require("@radix-ui/react-alert-dialog"), 1);
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+// src/components/user-menu.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function initials(user) {
+  const source = user?.name?.trim() || user?.email?.trim();
+  if (!source) return "";
+  const parts = source.split(/\s+/);
+  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();
+  return source.slice(0, 2).toUpperCase();
 }
-
-// src/components/confirm-dialog.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function ConfirmDialog({
-  open,
-  onOpenChange,
-  onConfirm,
-  title,
-  description,
-  confirmLabel = "Confirmar",
-  cancelLabel = "Cancelar",
-  loading = false,
-  variant = "default",
-  blurBackdrop = true,
-  backdropClassName
+var itemClass = "flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent";
+var sheetItemClass = "flex w-full cursor-pointer select-none items-center gap-3 rounded-md px-3 py-3 text-base outline-none transition-colors hover:bg-accent active:bg-accent";
+function UserMenu({
+  user,
+  items = [],
+  onLogout,
+  logoutLabel = "Sair",
+  renderLink = defaultRenderLink,
+  align = "end"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AlertDialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      AlertDialog.Overlay,
-      {
-        className: cn(
-          "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          blurBackdrop && "backdrop-blur-sm",
-          backdropClassName
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AlertDialog.Content, { className: "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDialog.Title, { className: "text-lg font-semibold", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDialog.Description, { className: "text-sm text-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDialog.Cancel, { className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer", children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          AlertDialog.Action,
-          {
-            onClick: onConfirm,
-            disabled: loading,
-            className: `inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${variant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
-            children: loading ? "Aguarde..." : confirmLabel
-          }
-        )
+  const isDesktop = useIsDesktop();
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const label = initials(user);
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "inline-flex h-9 w-9 items-center justify-center overflow-hidden rounded-full border border-input bg-background text-xs font-semibold shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "aria-label": "Menu do usu\xE1rio",
+      "data-testid": "user-menu",
+      children: user?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "img",
+        {
+          src: user.avatarUrl,
+          alt: user.name ?? user.email ?? "Avatar",
+          className: "h-full w-full object-cover"
+        }
+      ) : label ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.User, { className: "h-4 w-4" })
+    }
+  );
+  const userInfo = (user?.name || user?.email) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "px-2 py-1.5", children: [
+    user.name && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "truncate text-sm font-medium", children: user.name }),
+    user.email && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
+  ] });
+  if (isDesktop) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenu.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        DropdownMenu.Content,
+        {
+          align,
+          sideOffset: 6,
+          className: "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+          children: [
+            userInfo && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+              userInfo,
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenu.Separator, { className: "-mx-1 my-1 h-px bg-border" })
+            ] }),
+            items.map(
+              (item) => item.href ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenu.Item, { asChild: true, children: renderLink({
+                href: item.href,
+                className: itemClass,
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                  item.icon,
+                  item.label
+                ] })
+              }) }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                DropdownMenu.Item,
+                {
+                  className: itemClass,
+                  onClick: item.onClick,
+                  children: [
+                    item.icon,
+                    item.label
+                  ]
+                },
+                item.label
+              )
+            ),
+            onLogout && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+              items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenu.Separator, { className: "-mx-1 my-1 h-px bg-border" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                DropdownMenu.Item,
+                {
+                  className: cn(
+                    itemClass,
+                    "text-destructive focus:bg-destructive/10"
+                  ),
+                  onClick: onLogout,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.LogOut, { className: "h-4 w-4" }),
+                    logoutLabel
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_vaul.Drawer.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_vaul.Drawer.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_vaul.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_vaul.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_vaul.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-2xl border bg-popover p-2 pb-[max(0.5rem,env(safe-area-inset-bottom))] text-popover-foreground outline-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_vaul.Drawer.Title, { className: "sr-only", children: "Menu do usu\xE1rio" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        userInfo && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          userInfo,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "-mx-1 my-1 h-px bg-border" })
+        ] }),
+        items.map(
+          (item) => item.href ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "span",
+            {
+              onClick: () => setOpen(false),
+              onKeyDown: () => setOpen(false),
+              children: renderLink({
+                href: item.href,
+                className: sheetItemClass,
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                  item.icon,
+                  item.label
+                ] })
+              })
+            },
+            item.label
+          ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: sheetItemClass,
+              onClick: () => {
+                item.onClick?.();
+                setOpen(false);
+              },
+              children: [
+                item.icon,
+                item.label
+              ]
+            },
+            item.label
+          )
+        ),
+        onLogout && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "-mx-1 my-1 h-px bg-border" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: cn(sheetItemClass, "text-destructive"),
+              onClick: () => {
+                onLogout();
+                setOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.LogOut, { className: "h-4 w-4" }),
+                logoutLabel
+              ]
+            }
+          )
+        ] })
       ] })
     ] })
-  ] }) });
+  ] });
 }
 
-// src/components/page-header.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function PageHeader({ title, description, action, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "div",
+// src/components/app-shell.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AppShell({
+  brand,
+  brandCollapsed,
+  navItems,
+  activePath,
+  isActive,
+  isAdmin = false,
+  user,
+  userMenuItems,
+  onLogout,
+  renderLink = defaultRenderLink,
+  headerActions,
+  collapsible = true,
+  defaultCollapsed = false,
+  children
+}) {
+  const [collapsed, setCollapsed] = (0, import_react3.useState)(defaultCollapsed);
+  const [mobileOpen, setMobileOpen] = (0, import_react3.useState)(false);
+  const nav = (isCollapsed, onNavigate) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    SidebarNav,
     {
-      className: `flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between ${className ?? ""}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
-        ] }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "shrink-0", children: action })
-      ]
+      items: navItems,
+      activePath,
+      isActive,
+      isAdmin,
+      isCollapsed,
+      renderLink,
+      onNavigate
     }
   );
-}
-
-// src/components/status-dot.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function StatusDot({ active, label, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "span",
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex h-screen overflow-hidden bg-background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "aside",
       {
-        className: `h-2 w-2 rounded-full ${active ? "bg-green-500" : "bg-red-500"}`
+        className: cn(
+          "hidden shrink-0 flex-col border-r bg-card transition-all duration-300 md:flex",
+          collapsed ? "w-16" : "w-60"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: collapsed ? brandCollapsed ?? brand : brand }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(collapsed) }),
+          collapsible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "border-t p-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCollapsed((v) => !v),
+              className: "flex w-full items-center justify-center rounded-md px-2 py-2 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+              "aria-label": collapsed ? "Expandir menu" : "Recolher menu",
+              children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.ChevronLeft, { className: "h-4 w-4" })
+            }
+          ) })
+        ]
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label })
-  ] });
-}
-
-// src/components/status-badge.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var variantClasses = {
-  neutral: {
-    badge: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
-    dot: "bg-gray-400"
-  },
-  info: {
-    badge: "bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-400",
-    dot: "bg-blue-500"
-  },
-  success: {
-    badge: "bg-green-100 text-green-700 dark:bg-green-950 dark:text-green-400",
-    dot: "bg-green-500"
-  },
-  danger: {
-    badge: "bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-400",
-    dot: "bg-red-500"
-  },
-  warning: {
-    badge: "bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-400",
-    dot: "bg-amber-500"
-  }
-};
-function StatusBadge({
-  variant = "neutral",
-  dot = true,
-  className,
-  children
-}) {
-  const classes = variantClasses[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    "span",
-    {
-      className: `inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-xs font-medium ${classes.badge} ${className ?? ""}`,
-      children: [
-        dot && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "span",
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 z-50 transition-opacity duration-300 md:hidden",
+          mobileOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
+        ),
+        onClick: () => setMobileOpen(false),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute inset-0 bg-black/50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "div",
+            {
+              className: cn(
+                "absolute left-0 top-0 flex h-full w-64 flex-col border-r bg-card transition-transform duration-300",
+                mobileOpen ? "translate-x-0" : "-translate-x-full"
+              ),
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: brand }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(false, () => setMobileOpen(false)) })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b bg-background px-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
           {
-            className: `inline-block h-1.5 w-1.5 shrink-0 rounded-full ${classes.dot}`
+            type: "button",
+            onClick: () => setMobileOpen(true),
+            className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground md:hidden",
+            "aria-label": "Abrir menu",
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Menu, { className: "h-4 w-4" })
           }
         ),
-        children
-      ]
-    }
-  );
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ml-auto flex items-center gap-2", children: [
+          headerActions,
+          (user || onLogout) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UserMenu, { user, items: userMenuItems, onLogout, renderLink })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("main", { className: "flex-1 overflow-y-auto", children })
+    ] })
+  ] });
 }
 
-// src/components/progress-bar.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var sizeClasses = {
-  sm: "h-1.5",
-  md: "h-2"
-};
-function ProgressBar({
-  value,
-  size = "md",
-  label,
-  valueLabel,
-  className,
-  indicatorClassName
-}) {
-  const clamped = Math.min(100, Math.max(0, value));
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `space-y-1.5 ${className ?? ""}`, children: [
-    (label || valueLabel) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm text-muted-foreground", children: label }),
-      valueLabel && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm font-semibold", children: valueLabel })
+// src/components/auth-card.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function AuthCard({ title, description, children, footer }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-full max-w-sm rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mb-6 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "div",
-      {
-        className: `w-full overflow-hidden rounded-full bg-muted ${sizeClasses[size]}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "div",
-          {
-            className: `h-full rounded-full transition-all duration-300 ${indicatorClassName ?? "bg-primary"}`,
-            style: { width: `${clamped}%` }
-          }
-        )
-      }
-    )
-  ] });
-}
-
-// src/components/form-field.tsx
-var import_react3 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function FormField({ label, htmlFor, error, required, children, className }) {
-  const errorId = (0, import_react3.useId)();
-  const field = error && (0, import_react3.isValidElement)(children) ? (0, import_react3.cloneElement)(children, {
-    "aria-invalid": true,
-    "aria-describedby": [
-      children.props["aria-describedby"],
-      errorId
-    ].filter(Boolean).join(" ")
-  }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `space-y-2 ${className ?? ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      "label",
-      {
-        htmlFor,
-        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        children: [
-          label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ml-1 text-destructive", children: "*" })
-        ]
-      }
-    ),
-    field,
-    error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: errorId, className: "text-sm text-destructive", children: error })
-  ] });
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "space-y-4", children }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-4", children: footer })
+  ] }) });
 }
 
 // src/components/base-dialog.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 var React2 = __toESM(require("react"), 1);
-
-// src/hooks/use-is-desktop.ts
-var React = __toESM(require("react"), 1);
-var DESKTOP_QUERY = "(min-width: 640px)";
-function useIsDesktop() {
-  const [isDesktop, setIsDesktop] = React.useState(
-    () => typeof window !== "undefined" ? window.matchMedia(DESKTOP_QUERY).matches : true
-  );
-  React.useEffect(() => {
-    const mql = window.matchMedia(DESKTOP_QUERY);
-    const onChange = () => setIsDesktop(mql.matches);
-    onChange();
-    mql.addEventListener("change", onChange);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return isDesktop;
-}
-
-// src/components/base-dialog.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var sizeClasses2 = {
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var sizeClasses = {
   sm: "sm:max-w-sm",
   md: "sm:max-w-md",
   lg: "sm:max-w-lg",
@@ -526,27 +482,27 @@ function BaseDialog({
     }, 0);
     return () => window.clearTimeout(id);
   }, [open]);
-  const body = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex shrink-0 items-start justify-between gap-4 border-b px-6 py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "min-w-0 space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Description, { className: "text-sm text-muted-foreground", children: description })
+  const body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex shrink-0 items-start justify-between gap-4 border-b px-6 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dialog.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dialog.Description, { className: "text-sm text-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         Dialog.Close,
         {
           className: "-mr-1 shrink-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           "aria-label": "Fechar",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.X, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.X, { className: "h-5 w-5" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex shrink-0 flex-col-reverse gap-2 border-t px-6 py-3 sm:flex-row sm:justify-end", children: footer })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex shrink-0 flex-col-reverse gap-2 border-t px-6 py-3 sm:flex-row sm:justify-end", children: footer })
   ] });
   const isModal = modal ?? !isDesktop;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Root, { open, onOpenChange, modal: isModal, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Dialog.Portal, { children: [
-    isModal ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dialog.Root, { open, onOpenChange, modal: isModal, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Dialog.Portal, { children: [
+    isModal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -559,7 +515,7 @@ function BaseDialog({
       // Radix skips Dialog.Overlay when non-modal, so the backdrop is
       // rendered by hand; pointer-events-none keeps outside interactions
       // working (the reason the dialog is non-modal on desktop).
-      (blurBackdrop || backdropClassName) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      (blurBackdrop || backdropClassName) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           "aria-hidden": true,
@@ -571,7 +527,7 @@ function BaseDialog({
         }
       )
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Dialog.Content,
       {
         onCloseAutoFocus: () => {
@@ -582,7 +538,7 @@ function BaseDialog({
           "inset-x-0 bottom-0 rounded-t-2xl",
           "sm:inset-x-auto sm:bottom-auto sm:left-1/2 sm:top-1/2 sm:max-h-[92vh] sm:w-full sm:-translate-x-1/2 sm:-translate-y-1/2 sm:rounded-lg",
           "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          sizeClasses2[size],
+          sizeClasses[size],
           className
         ),
         children: contentWrapper(body)
@@ -591,230 +547,133 @@ function BaseDialog({
   ] }) });
 }
 
-// src/components/form-dialog.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function FormDialogLayout({
-  title,
-  children,
-  onSubmit,
-  submitLabel = "Salvar",
-  cancelLabel = "Cancelar",
-  onCancel,
-  isSubmitting = false,
-  isDisabled = false
+// src/components/color-picker.tsx
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+var import_lucide_react4 = require("lucide-react");
+var React3 = __toESM(require("react"), 1);
+var import_react_colorful = require("react-colorful");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ColorPicker({
+  value,
+  onChange,
+  placeholder = "Selecionar cor",
+  clearable = true,
+  alpha = false,
+  disabled,
+  id,
+  className,
+  "aria-invalid": ariaInvalid,
+  "aria-describedby": ariaDescribedby
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "space-y-4 py-4", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onCancel,
-          className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-          children: cancelLabel
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "button",
-        {
-          type: "submit",
-          disabled: isSubmitting || isDisabled,
-          className: "inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-          children: isSubmitting ? "Salvando..." : submitLabel
-        }
-      )
-    ] })
+  const [open, setOpen] = React3.useState(false);
+  const color = value || "";
+  const showClear = clearable && !!color && !disabled;
+  const clear = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    onChange("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "button",
+      {
+        type: "button",
+        id,
+        "aria-invalid": ariaInvalid,
+        "aria-describedby": ariaDescribedby,
+        disabled,
+        className: cn(
+          "flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "span",
+              {
+                "aria-hidden": true,
+                className: "h-5 w-5 shrink-0 rounded border border-border bg-[length:8px_8px] bg-[position:0_0,4px_4px]",
+                style: {
+                  // The checkerboard stays under the color layer so a
+                  // translucent value reads as translucent in the swatch.
+                  backgroundImage: `${color ? `linear-gradient(${color},${color}),` : ""}linear-gradient(45deg,var(--color-muted) 25%,transparent 25%,transparent 75%,var(--color-muted) 75%),linear-gradient(45deg,var(--color-muted) 25%,transparent 25%,transparent 75%,var(--color-muted) 75%)`
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn("truncate", !color && "text-muted-foreground"), children: color || placeholder })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex shrink-0 items-center gap-1", children: [
+            showClear && // Not a <button> — nesting one inside the trigger button is
+            // invalid HTML.
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                "aria-label": "Limpar cor",
+                onClick: clear,
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") clear(event);
+                },
+                className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.X, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      PopoverPrimitive.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-50 w-56 rounded-md border bg-popover p-3 text-popover-foreground shadow-md",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mh-color-picker flex flex-col gap-3", children: [
+          alpha ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_colorful.HexAlphaColorPicker, { color, onChange }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_colorful.HexColorPicker, { color, onChange }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm text-muted-foreground", children: "#" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_react_colorful.HexColorInput,
+              {
+                color,
+                onChange,
+                prefixed: false,
+                alpha,
+                className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm uppercase shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            )
+          ] })
+        ] })
+      }
+    ) })
   ] });
 }
-function FormDialog({ onSubmit, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    BaseDialog,
-    {
-      ...rest,
-      contentWrapper: onSubmit ? (content) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("form", { onSubmit, className: "flex min-h-0 flex-1 flex-col", children: content }) : void 0
-    }
-  );
-}
 
-// src/components/auth-card.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function AuthCard({ title, description, children, footer }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w-full max-w-sm rounded-lg border bg-card p-6 shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-6 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-4", children }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mt-4", children: footer })
-  ] }) });
-}
+// src/components/combobox.tsx
+var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"), 1);
+var import_cmdk = require("cmdk");
+var import_lucide_react5 = require("lucide-react");
+var React5 = __toESM(require("react"), 1);
+var import_vaul2 = require("vaul");
 
-// src/components/pagination.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var navButtonClass = "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50";
-function Pagination({
-  page,
-  onPageChange,
-  hasNextPage,
-  hasPreviousPage,
-  totalPages,
-  showPageSizeSelector = false,
-  pageSize,
-  onPageSizeChange,
-  pageSizeOptions,
-  className
+// src/hooks/use-infinite-scroll-sentinel.ts
+var React4 = __toESM(require("react"), 1);
+function useInfiniteScrollSentinel({
+  enabled,
+  loading,
+  onLoadMore
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    "div",
-    {
-      className: `flex items-center ${showPageSizeSelector ? "justify-between" : "justify-end"} gap-4 ${className ?? ""}`,
-      children: [
-        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "select",
-            {
-              id: "pagination-page-size",
-              value: pageSize,
-              onChange: (e) => onPageSizeChange?.(Number(e.target.value)),
-              className: "h-8 rounded-md border border-input bg-background px-2 text-xs font-medium shadow-sm transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring cursor-pointer",
-              children: (pageSizeOptions ?? []).map((size) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: size, children: size }, size))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => onPageChange(page - 1),
-              disabled: !hasPreviousPage,
-              className: navButtonClass,
-              children: "Anterior"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
-            "P\xE1gina ",
-            page,
-            totalPages ? ` de ${totalPages}` : ""
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => onPageChange(page + 1),
-              disabled: !hasNextPage,
-              className: navButtonClass,
-              children: "Pr\xF3ximo"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/table-skeleton.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function TableSkeleton({ rows = 5, columns = 4 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "p-4 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-5 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)) });
-}
-
-// src/components/search-input.tsx
-var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var SearchInput = React3.forwardRef(
-  ({ containerClassName, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `relative flex-1 ${containerClassName ?? ""}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "16",
-          height: "16",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m21 21-4.3-4.3" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "input",
-        {
-          ref,
-          type: "text",
-          className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
-          ...props
-        }
-      )
-    ] });
-  }
-);
-SearchInput.displayName = "SearchInput";
-
-// src/components/password-input.tsx
-var import_lucide_react3 = require("lucide-react");
-var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var PasswordInput = React4.forwardRef(({ containerClassName, className, ...props }, ref) => {
-  const [visible, setVisible] = React4.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: `relative ${containerClassName ?? ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "input",
-      {
-        ref,
-        type: visible ? "text" : "password",
-        className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pr-10 text-base shadow-sm transition-all duration-200 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive md:text-sm ${className ?? ""}`,
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => setVisible((prev) => !prev),
-        "aria-label": visible ? "Ocultar senha" : "Mostrar senha",
-        tabIndex: -1,
-        className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground",
-        children: visible ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react3.EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react3.Eye, { className: "h-4 w-4" })
-      }
-    )
-  ] });
-});
-PasswordInput.displayName = "PasswordInput";
-
-// src/components/combobox.tsx
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_cmdk = require("cmdk");
-var import_lucide_react4 = require("lucide-react");
-var React6 = __toESM(require("react"), 1);
-var import_vaul = require("vaul");
-
-// src/hooks/use-infinite-scroll-sentinel.ts
-var React5 = __toESM(require("react"), 1);
-function useInfiniteScrollSentinel({
-  enabled,
-  loading,
-  onLoadMore
-}) {
-  const listRef = React5.useRef(null);
-  const sentinelRef = React5.useRef(null);
-  const loadingRef = React5.useRef(loading);
-  const onLoadMoreRef = React5.useRef(onLoadMore);
-  React5.useEffect(() => {
+  const listRef = React4.useRef(null);
+  const sentinelRef = React4.useRef(null);
+  const loadingRef = React4.useRef(loading);
+  const onLoadMoreRef = React4.useRef(onLoadMore);
+  React4.useEffect(() => {
     loadingRef.current = loading;
     onLoadMoreRef.current = onLoadMore;
   });
-  React5.useEffect(() => {
+  React4.useEffect(() => {
     if (!enabled) return;
     const root = listRef.current;
     const sentinel = sentinelRef.current;
@@ -834,7 +693,7 @@ function useInfiniteScrollSentinel({
 }
 
 // src/components/combobox.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Combobox({
   options,
   value,
@@ -855,8 +714,8 @@ function Combobox({
   creatable,
   formatCreateLabel
 }) {
-  const [open, setOpen] = React6.useState(false);
-  const [search, setSearch] = React6.useState("");
+  const [open, setOpen] = React5.useState(false);
+  const [search, setSearch] = React5.useState("");
   const isDesktop = useIsDesktop();
   const isServer = onSearchChange !== void 0;
   const selected = selectedOption?.value === value ? selectedOption : options.find((option) => option.value === value) ?? (creatable && value ? { value, label: value } : void 0);
@@ -881,7 +740,7 @@ function Combobox({
     loading,
     onLoadMore
   });
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "button",
     {
       type: "button",
@@ -896,20 +755,20 @@ function Combobox({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   );
-  const command = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  const command = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     import_cmdk.Command,
     {
       shouldFilter: !isServer,
       className: "flex h-full w-full flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center border-b px-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             import_cmdk.Command.Input,
             {
               placeholder: searchPlaceholder,
@@ -918,28 +777,28 @@ function Combobox({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           import_cmdk.Command.List,
           {
             ref: listRef,
             className: "max-h-[50vh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
             children: [
-              !isServer && !showCreate && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_cmdk.Command.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              showCreate && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              !isServer && !showCreate && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_cmdk.Command.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              showCreate && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 import_cmdk.Command.Item,
                 {
                   value: trimmedSearch,
                   onSelect: () => handleSelect(trimmedSearch),
                   className: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-2.5 text-sm outline-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground sm:py-1.5",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Plus, { className: "h-4 w-4 shrink-0" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate", children: (formatCreateLabel ?? ((text) => `Usar "${text}"`))(
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Plus, { className: "h-4 w-4 shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "truncate", children: (formatCreateLabel ?? ((text) => `Usar "${text}"`))(
                       trimmedSearch
                     ) })
                   ]
                 }
               ),
-              options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 import_cmdk.Command.Item,
                 {
                   value: isServer ? option.value : option.label,
@@ -947,8 +806,8 @@ function Combobox({
                   onSelect: () => handleSelect(option.value),
                   className: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-2.5 text-sm outline-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 sm:py-1.5",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      import_lucide_react4.Check,
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      import_lucide_react5.Check,
                       {
                         className: cn(
                           "h-4 w-4 shrink-0",
@@ -956,14 +815,14 @@ function Combobox({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate", children: option.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "truncate", children: option.label })
                   ]
                 },
                 option.value
               )),
-              isServer && !loading && options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              isServer && loading && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
-              isServer && hasMore && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
+              isServer && !loading && options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              isServer && loading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
+              isServer && hasMore && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
             ]
           }
         )
@@ -971,10 +830,10 @@ function Combobox({
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        PopoverPrimitive.Content,
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PopoverPrimitive2.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        PopoverPrimitive2.Content,
         {
           align: "start",
           sideOffset: 4,
@@ -985,314 +844,127 @@ function Combobox({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_vaul.Drawer.Root, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vaul.Drawer.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_vaul.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vaul.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_vaul.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vaul.Drawer.Title, { className: "sr-only", children: placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_vaul2.Drawer.Root, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_vaul2.Drawer.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_vaul2.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_vaul2.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_vaul2.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_vaul2.Drawer.Title, { className: "sr-only", children: placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         command
       ] })
     ] })
   ] });
 }
 
-// src/components/multi-combobox.tsx
-var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"), 1);
-var import_cmdk2 = require("cmdk");
-var import_lucide_react5 = require("lucide-react");
-var React7 = __toESM(require("react"), 1);
-var import_vaul2 = require("vaul");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function MultiCombobox({
-  options,
-  value,
-  onChange,
-  placeholder = "Selecione...",
-  searchPlaceholder = "Buscar...",
-  emptyMessage = "Nenhum resultado encontrado.",
-  disabled,
-  id,
-  className,
-  "aria-invalid": ariaInvalid,
-  "aria-describedby": ariaDescribedby,
-  onSearchChange,
-  onLoadMore,
-  loading,
-  hasMore,
-  selectedOptions
+// src/components/confirm-dialog.tsx
+var AlertDialog = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  loading = false,
+  variant = "default",
+  blurBackdrop = true,
+  backdropClassName
 }) {
-  const [open, setOpen] = React7.useState(false);
-  const isDesktop = useIsDesktop();
-  const isServer = onSearchChange !== void 0;
-  const seen = /* @__PURE__ */ new Set();
-  const selected = [...selectedOptions ?? [], ...options].filter((option) => {
-    if (!value.includes(option.value) || seen.has(option.value)) return false;
-    seen.add(option.value);
-    return true;
-  });
-  const { listRef, sentinelRef } = useInfiniteScrollSentinel({
-    enabled: isServer && !!hasMore,
-    loading,
-    onLoadMore
-  });
-  const toggleValue = (optionValue) => {
-    onChange(
-      value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue]
-    );
-  };
-  const removeValue = (optionValue) => {
-    onChange(value.filter((v) => v !== optionValue));
-  };
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    "div",
-    {
-      id,
-      role: "combobox",
-      tabIndex: disabled ? -1 : 0,
-      "aria-expanded": open,
-      "aria-invalid": ariaInvalid,
-      "aria-describedby": ariaDescribedby,
-      "aria-disabled": disabled,
-      onKeyDown: (event) => {
-        if (disabled) return;
-        if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
-          event.preventDefault();
-          setOpen(true);
-        }
-      },
-      className: cn(
-        "flex min-h-9 w-full cursor-pointer flex-wrap items-center gap-1 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
-        className
-      ),
-      children: [
-        selected.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-          "span",
-          {
-            className: "inline-flex items-center gap-1 rounded bg-secondary px-1.5 py-0.5 text-xs text-secondary-foreground",
-            children: [
-              option.label,
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                "button",
-                {
-                  type: "button",
-                  tabIndex: -1,
-                  "aria-label": `Remover ${option.label}`,
-                  onClick: (event) => {
-                    event.stopPropagation();
-                    removeValue(option.value);
-                  },
-                  onPointerDown: (event) => event.stopPropagation(),
-                  className: "rounded-sm opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.X, { className: "h-3 w-3" })
-                }
-              )
-            ]
-          },
-          option.value
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.ChevronsUpDown, { className: "ml-auto h-4 w-4 shrink-0 opacity-50" })
-      ]
-    }
-  );
-  const command = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    import_cmdk2.Command,
-    {
-      shouldFilter: !isServer,
-      className: "flex h-full w-full flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_cmdk2.Command.Input,
-            {
-              placeholder: searchPlaceholder,
-              onValueChange: isServer ? onSearchChange : void 0,
-              className: "flex h-11 w-full bg-transparent py-2 text-base outline-none placeholder:text-muted-foreground sm:h-9 sm:text-sm"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-          import_cmdk2.Command.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AlertDialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      AlertDialog.Overlay,
+      {
+        className: cn(
+          "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          blurBackdrop && "backdrop-blur-sm",
+          backdropClassName
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AlertDialog.Content, { className: "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialog.Title, { className: "text-lg font-semibold", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialog.Description, { className: "text-sm text-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialog.Cancel, { className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer", children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          AlertDialog.Action,
           {
-            ref: listRef,
-            className: "max-h-[50vh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
-            children: [
-              !isServer && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_cmdk2.Command.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                import_cmdk2.Command.Item,
-                {
-                  value: isServer ? option.value : option.label,
-                  disabled: option.disabled,
-                  onSelect: () => toggleValue(option.value),
-                  className: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-2.5 text-sm outline-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 sm:py-1.5",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                      import_lucide_react5.Check,
-                      {
-                        className: cn(
-                          "h-4 w-4 shrink-0",
-                          value.includes(option.value) ? "opacity-100" : "opacity-0"
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate", children: option.label })
-                  ]
-                },
-                option.value
-              )),
-              isServer && !loading && options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              isServer && loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
-              isServer && hasMore && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
-            ]
+            onClick: onConfirm,
+            disabled: loading,
+            className: `inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${variant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
+            children: loading ? "Aguarde..." : confirmLabel
           }
         )
-      ]
-    }
-  );
-  if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PopoverPrimitive2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive2.Trigger, { asChild: true, disabled, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        PopoverPrimitive2.Content,
-        {
-          align: "start",
-          sideOffset: 4,
-          className: "pointer-events-auto z-50 overflow-hidden rounded-md border bg-popover p-0 text-popover-foreground shadow-md",
-          style: { width: "var(--radix-popover-trigger-width)" },
-          children: command
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_vaul2.Drawer.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_vaul2.Drawer.Trigger, { asChild: true, disabled, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_vaul2.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_vaul2.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_vaul2.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_vaul2.Drawer.Title, { className: "sr-only", children: placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
-        command
       ] })
     ] })
-  ] });
+  ] }) });
 }
 
-// src/components/color-picker.tsx
-var PopoverPrimitive3 = __toESM(require("@radix-ui/react-popover"), 1);
-var import_lucide_react6 = require("lucide-react");
-var React8 = __toESM(require("react"), 1);
-var import_react_colorful = require("react-colorful");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function ColorPicker({
-  value,
-  onChange,
-  placeholder = "Selecionar cor",
-  clearable = true,
-  alpha = false,
-  disabled,
-  id,
-  className,
-  "aria-invalid": ariaInvalid,
-  "aria-describedby": ariaDescribedby
+// src/components/data-table-wrapper.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function DataTableWrapper({
+  children,
+  isEmpty,
+  isLoading,
+  emptyIcon,
+  emptyTitle = "Nenhum registro encontrado",
+  emptyDescription,
+  page,
+  onPageChange,
+  hasNextPage = false,
+  hasPreviousPage = false
 }) {
-  const [open, setOpen] = React8.useState(false);
-  const color = value || "";
-  const showClear = clearable && !!color && !disabled;
-  const clear = (event) => {
-    event.stopPropagation();
-    event.preventDefault();
-    onChange("");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive3.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-      "button",
-      {
-        type: "button",
-        id,
-        "aria-invalid": ariaInvalid,
-        "aria-describedby": ariaDescribedby,
-        disabled,
-        className: cn(
-          "flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              "span",
-              {
-                "aria-hidden": true,
-                className: "h-5 w-5 shrink-0 rounded border border-border bg-[length:8px_8px] bg-[position:0_0,4px_4px]",
-                style: {
-                  // The checkerboard stays under the color layer so a
-                  // translucent value reads as translucent in the swatch.
-                  backgroundImage: `${color ? `linear-gradient(${color},${color}),` : ""}linear-gradient(45deg,var(--color-muted) 25%,transparent 25%,transparent 75%,var(--color-muted) 75%),linear-gradient(45deg,var(--color-muted) 25%,transparent 25%,transparent 75%,var(--color-muted) 75%)`
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("truncate", !color && "text-muted-foreground"), children: color || placeholder })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex shrink-0 items-center gap-1", children: [
-            showClear && // Not a <button> — nesting one inside the trigger button is
-            // invalid HTML.
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              "span",
-              {
-                role: "button",
-                tabIndex: 0,
-                "aria-label": "Limpar cor",
-                onClick: clear,
-                onKeyDown: (event) => {
-                  if (event.key === "Enter" || event.key === " ") clear(event);
-                },
-                className: "rounded p-0.5 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.X, { className: "h-3.5 w-3.5" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      PopoverPrimitive3.Content,
-      {
-        align: "start",
-        sideOffset: 4,
-        className: "z-50 w-56 rounded-md border bg-popover p-3 text-popover-foreground shadow-md",
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mh-color-picker flex flex-col gap-3", children: [
-          alpha ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_colorful.HexAlphaColorPicker, { color, onChange }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_colorful.HexColorPicker, { color, onChange }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground", children: "#" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              import_react_colorful.HexColorInput,
-              {
-                color,
-                onChange,
-                prefixed: false,
-                alpha,
-                className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm uppercase shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-              }
-            )
-          ] })
-        ] })
-      }
-    ) })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "overflow-x-auto rounded-md border", children }),
+    !isLoading && isEmpty && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      emptyIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+    ] }),
+    page !== void 0 && onPageChange && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-end gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page - 1),
+          disabled: !hasPreviousPage,
+          className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: "Anterior"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+        "P\xE1gina ",
+        page
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page + 1),
+          disabled: !hasNextPage,
+          className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: "Pr\xF3ximo"
+        }
+      )
+    ] })
   ] });
 }
 
 // src/components/date-picker.tsx
-var PopoverPrimitive4 = __toESM(require("@radix-ui/react-popover"), 1);
+var PopoverPrimitive3 = __toESM(require("@radix-ui/react-popover"), 1);
 var import_mask = require("@react-input/mask");
 var import_date_fns = require("date-fns");
 var import_locale = require("date-fns/locale");
-var import_lucide_react7 = require("lucide-react");
-var React9 = __toESM(require("react"), 1);
+var import_lucide_react6 = require("lucide-react");
+var React6 = __toESM(require("react"), 1);
 var import_react_day_picker = require("react-day-picker");
 var import_vaul3 = require("vaul");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DATE_MASK = "__/__/____";
 var TIME_MASK = "__:__";
 var MASK_REPLACEMENT = { _: /\d/ };
@@ -1334,15 +1006,18 @@ function toMatchers(minDate, maxDate, disabledDates) {
 }
 var triggerInputClass = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pr-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive";
 var fieldInputClass = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
-var navButtonClass2 = "inline-flex size-(--cell-size) shrink-0 select-none items-center justify-center rounded-md p-0 transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50";
+var navButtonClass = "inline-flex size-(--cell-size) shrink-0 select-none items-center justify-center rounded-md p-0 transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50";
 var calendarClassNames = {
   months: "relative flex flex-col gap-4",
   month: "flex w-full flex-col gap-4",
   month_caption: "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
-  caption_label: "text-sm font-medium select-none",
+  caption_label: "flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm font-medium select-none [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+  dropdowns: "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+  dropdown_root: "relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+  dropdown: "absolute inset-0 bg-popover opacity-0",
   nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-  button_previous: navButtonClass2,
-  button_next: navButtonClass2,
+  button_previous: navButtonClass,
+  button_next: navButtonClass,
   month_grid: "w-full border-collapse",
   weekdays: "flex",
   weekday: "flex-1 select-none rounded-md text-[0.8rem] font-normal text-muted-foreground",
@@ -1355,8 +1030,13 @@ var calendarClassNames = {
   hidden: "invisible"
 };
 var calendarComponents = {
-  Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.ChevronLeft, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.ChevronRight, { className: "size-4" })
+  Chevron: ({ orientation }) => {
+    if (orientation === "left") return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.ChevronLeft, { className: "size-4" });
+    if (orientation === "right") return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.ChevronRight, { className: "size-4" });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.ChevronDown, { className: "size-4" });
+  }
 };
+var formatMonthDropdown = (date) => date.toLocaleString("pt-BR", { month: "short" });
 function DatePickerImpl({
   value,
   onChange,
@@ -1372,15 +1052,17 @@ function DatePickerImpl({
   "aria-describedby": ariaDescribedby
 }) {
   const isDesktop = useIsDesktop();
-  const triggerRef = React9.useRef(null);
-  const [open, setOpenRaw] = React9.useState(false);
-  const [focused, setFocused] = React9.useState(false);
-  const [editText, setEditText] = React9.useState("");
-  const [pendingDate, setPendingDate] = React9.useState();
-  const [pendingTime, setPendingTime] = React9.useState("");
+  const triggerRef = React6.useRef(null);
+  const [open, setOpenRaw] = React6.useState(false);
+  const [focused, setFocused] = React6.useState(false);
+  const [editText, setEditText] = React6.useState("");
+  const [pendingDate, setPendingDate] = React6.useState();
+  const [pendingTime, setPendingTime] = React6.useState("");
   const committedDate = withTime ? dateTimeToDate(value) : dateOnlyToDate(value);
   const displayValue = displayFor(value, withTime);
   const matchers = toMatchers(minDate, maxDate, disabledDates);
+  const startMonth = dateOnlyToDate(minDate) ?? (0, import_date_fns.subYears)(/* @__PURE__ */ new Date(), 100);
+  const endMonth = dateOnlyToDate(maxDate) ?? (0, import_date_fns.endOfYear)(/* @__PURE__ */ new Date());
   const setOpen = (next) => {
     setOpenRaw(next);
     if (next) {
@@ -1436,8 +1118,8 @@ function DatePickerImpl({
     }
   };
   const canApply = withTime && !!pendingDate && !!parseStrict(pendingTime, TIME_FORMAT);
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ref: triggerRef, className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: triggerRef, className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       import_mask.InputMask,
       {
         id,
@@ -1457,7 +1139,7 @@ function DatePickerImpl({
         className: cn(triggerInputClass, className)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
         type: "button",
@@ -1467,16 +1149,20 @@ function DatePickerImpl({
         "aria-expanded": open,
         onClick: () => setOpen(!open),
         className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-        children: withTime ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Clock, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.CalendarIcon, { className: "h-4 w-4" })
+        children: withTime ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Clock, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.CalendarIcon, { className: "h-4 w-4" })
       }
     )
   ] });
-  const content = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: withTime ? "p-3" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: withTime ? "p-3" : "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       import_react_day_picker.DayPicker,
       {
         mode: "single",
         locale: import_locale.ptBR,
+        captionLayout: "dropdown",
+        formatters: { formatMonthDropdown },
+        startMonth,
+        endMonth,
         selected: withTime ? pendingDate : committedDate,
         defaultMonth: (withTime ? pendingDate : committedDate) ?? /* @__PURE__ */ new Date(),
         onSelect: (date) => date && handleCalendarSelect(date),
@@ -1486,10 +1172,10 @@ function DatePickerImpl({
         components: calendarComponents
       }
     ),
-    withTime && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mt-2 flex items-center gap-2 border-t pt-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm text-muted-foreground", children: "Hor\xE1rio" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    withTime && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mt-2 flex items-center gap-2 border-t pt-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-muted-foreground", children: "Hor\xE1rio" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           import_mask.InputMask,
           {
             mask: TIME_MASK,
@@ -1502,7 +1188,7 @@ function DatePickerImpl({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "button",
         {
           type: "button",
@@ -1515,10 +1201,10 @@ function DatePickerImpl({
     ] })
   ] });
   if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(PopoverPrimitive4.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverPrimitive4.Anchor, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        PopoverPrimitive4.Content,
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverPrimitive3.Anchor, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        PopoverPrimitive3.Content,
         {
           align: "start",
           sideOffset: 4,
@@ -1532,11 +1218,11 @@ function DatePickerImpl({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_vaul3.Drawer.Root, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_vaul3.Drawer.Root, { open, onOpenChange: setOpen, children: [
     trigger,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_vaul3.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul3.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_vaul3.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_vaul3.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         import_vaul3.Drawer.Content,
         {
           onOpenAutoFocus: (event) => event.preventDefault(),
@@ -1545,9 +1231,9 @@ function DatePickerImpl({
           },
           className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul3.Drawer.Title, { className: "sr-only", children: withTime ? "Selecione a data e o hor\xE1rio" : "Selecione a data" }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex justify-center overflow-y-auto pb-4", children: content })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_vaul3.Drawer.Title, { className: "sr-only", children: withTime ? "Selecione a data e o hor\xE1rio" : "Selecione a data" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex justify-center overflow-y-auto pb-4", children: content })
           ]
         }
       )
@@ -1555,105 +1241,271 @@ function DatePickerImpl({
   ] });
 }
 function DatePicker(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DatePickerImpl, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DatePickerImpl, { ...props });
 }
 function DateTimePicker(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DatePickerImpl, { ...props, withTime: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DatePickerImpl, { ...props, withTime: true });
 }
 
-// src/components/stat-card.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function StatCard({ label, value, detail, icon, isLoading }) {
-  if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
-      icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: icon })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-2xl font-bold", children: value }),
-    detail && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-muted-foreground", children: detail })
+// src/components/empty-state.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function EmptyState({ icon, title, description, action, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex flex-col items-center justify-center py-16 text-center ${className ?? ""}`, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-4 text-muted-foreground", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mt-4", children: action })
   ] });
 }
 
-// src/components/data-table-wrapper.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function DataTableWrapper({
+// src/components/filter-toolbar.tsx
+var PopoverPrimitive4 = __toESM(require("@radix-ui/react-popover"), 1);
+var import_lucide_react7 = require("lucide-react");
+var React7 = __toESM(require("react"), 1);
+var import_vaul4 = require("vaul");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function FilterToolbar({
   children,
-  isEmpty,
-  isLoading,
-  emptyIcon,
-  emptyTitle = "Nenhum registro encontrado",
-  emptyDescription,
-  page,
-  onPageChange,
-  hasNextPage = false,
-  hasPreviousPage = false
+  isFilterActive = false,
+  onClear,
+  clearLabel = "Limpar filtros",
+  className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "overflow-x-auto rounded-md border", children }),
-    !isLoading && isEmpty && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      emptyIcon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
-      emptyDescription && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
-    ] }),
-    page !== void 0 && onPageChange && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-end gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => onPageChange(page - 1),
-          disabled: !hasPreviousPage,
-          className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-          children: "Anterior"
-        }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: cn("mb-6 flex flex-wrap items-center gap-2", className), children: [
+    children,
+    isFilterActive && onClear && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: onClear,
+        className: "inline-flex h-9 shrink-0 items-center gap-1.5 rounded-md px-2.5 text-sm text-muted-foreground transition-colors hover:text-foreground",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+          clearLabel
+        ]
+      }
+    )
+  ] });
+}
+function FilterPopover({
+  label,
+  icon: Icon,
+  active = false,
+  badge,
+  contentClassName,
+  align = "start",
+  title,
+  children
+}) {
+  const [open, setOpen] = React7.useState(false);
+  const isDesktop = useIsDesktop();
+  const close = React7.useCallback(() => setOpen(false), []);
+  const content = typeof children === "function" ? children({ close }) : children;
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "button",
+    {
+      type: "button",
+      "aria-expanded": open,
+      className: cn(
+        "inline-flex h-9 shrink-0 cursor-pointer items-center gap-1.5 rounded-md border border-input bg-transparent px-3 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        active ? "border-ring/60 text-foreground" : "text-muted-foreground"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
-        "P\xE1gina ",
-        page
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        "button",
+      children: [
+        Icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { className: "h-4 w-4 shrink-0 opacity-70" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate", children: label }),
+        active && badge != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground", children: badge }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+      ]
+    }
+  );
+  if (isDesktop) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(PopoverPrimitive4.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverPrimitive4.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        PopoverPrimitive4.Content,
         {
-          type: "button",
-          onClick: () => onPageChange(page + 1),
-          disabled: !hasNextPage,
-          className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-          children: "Pr\xF3ximo"
+          align,
+          sideOffset: 4,
+          onInteractOutside: (event) => {
+            const target = event.target;
+            if (target?.closest("[data-radix-popper-content-wrapper]")) {
+              event.preventDefault();
+            }
+          },
+          className: cn(
+            "pointer-events-auto z-50 w-60 overflow-hidden rounded-md border bg-popover p-0 text-popover-foreground shadow-md",
+            contentClassName
+          ),
+          children: content
         }
-      )
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_vaul4.Drawer.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul4.Drawer.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_vaul4.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul4.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_vaul4.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul4.Drawer.Title, { className: "sr-only", children: title ?? label }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "overflow-y-auto p-2", children: content })
+      ] })
     ] })
   ] });
 }
-
-// src/components/mobile-card-list.tsx
-var import_react4 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var SCROLL_THRESHOLD = 8;
-function MobileCardList({
-  data,
-  renderCard,
-  keyExtractor,
-  isLoading = false,
-  loadingCount = 5,
-  className
+function FilterOptionList({
+  options,
+  value,
+  onChange,
+  multiple = false,
+  clearable = false,
+  clearLabel = "Limpar"
 }) {
-  const start = (0, import_react4.useRef)(null);
-  const scrolled = (0, import_react4.useRef)(false);
-  const onTouchStart = (e) => {
-    const t = e.touches[0];
-    start.current = { x: t.clientX, y: t.clientY };
-    scrolled.current = false;
+  const selected = Array.isArray(value) ? value : value ? [value] : [];
+  const hasSelection = selected.length > 0;
+  const toggle = (optionValue) => {
+    if (!multiple) {
+      onChange(optionValue);
+      return;
+    }
+    onChange(
+      selected.includes(optionValue) ? selected.filter((v) => v !== optionValue) : [...selected, optionValue]
+    );
   };
-  const onTouchMove = (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col p-1", children: [
+    options.map((option) => {
+      const isChecked = selected.includes(option.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => toggle(option.value),
+          className: "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
+          children: [
+            option.dotClassName && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "span",
+              {
+                className: cn(
+                  "h-2 w-2 shrink-0 rounded-full",
+                  option.dotClassName
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "flex-1 truncate", children: option.label }),
+            isChecked && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" })
+          ]
+        },
+        option.value
+      );
+    }),
+    clearable && hasSelection && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(multiple ? [] : ""),
+        className: "mt-1 border-t px-2 pt-1.5 pb-0.5 text-center text-xs text-muted-foreground transition-colors hover:text-foreground",
+        children: clearLabel
+      }
+    )
+  ] });
+}
+
+// src/components/form-dialog.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function FormDialogLayout({
+  title,
+  children,
+  onSubmit,
+  submitLabel = "Salvar",
+  cancelLabel = "Cancelar",
+  onCancel,
+  isSubmitting = false,
+  isDisabled = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-4 py-4", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: cancelLabel
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "button",
+        {
+          type: "submit",
+          disabled: isSubmitting || isDisabled,
+          className: "inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: isSubmitting ? "Salvando..." : submitLabel
+        }
+      )
+    ] })
+  ] });
+}
+function FormDialog({ onSubmit, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    BaseDialog,
+    {
+      ...rest,
+      contentWrapper: onSubmit ? (content) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("form", { onSubmit, className: "flex min-h-0 flex-1 flex-col", children: content }) : void 0
+    }
+  );
+}
+
+// src/components/form-field.tsx
+var import_react4 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function FormField({ label, htmlFor, error, required, children, className }) {
+  const errorId = (0, import_react4.useId)();
+  const field = error && (0, import_react4.isValidElement)(children) ? (0, import_react4.cloneElement)(children, {
+    "aria-invalid": true,
+    "aria-describedby": [
+      children.props["aria-describedby"],
+      errorId
+    ].filter(Boolean).join(" ")
+  }) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `space-y-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "label",
+      {
+        htmlFor,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: [
+          label,
+          required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "ml-1 text-destructive", children: "*" })
+        ]
+      }
+    ),
+    field,
+    error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { id: errorId, className: "text-sm text-destructive", children: error })
+  ] });
+}
+
+// src/components/mobile-card-list.tsx
+var import_react5 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var SCROLL_THRESHOLD = 8;
+function MobileCardList({
+  data,
+  renderCard,
+  keyExtractor,
+  isLoading = false,
+  loadingCount = 5,
+  className
+}) {
+  const start = (0, import_react5.useRef)(null);
+  const scrolled = (0, import_react5.useRef)(false);
+  const onTouchStart = (e) => {
+    const t = e.touches[0];
+    start.current = { x: t.clientX, y: t.clientY };
+    scrolled.current = false;
+  };
+  const onTouchMove = (e) => {
     if (!start.current) return;
     const t = e.touches[0];
     if (Math.abs(t.clientX - start.current.x) > SCROLL_THRESHOLD || Math.abs(t.clientY - start.current.y) > SCROLL_THRESHOLD) {
@@ -1667,26 +1519,26 @@ function MobileCardList({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
       ] })
     ] }) }, i)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       className: `space-y-3 ${className ?? ""}`,
       onTouchStart,
       onTouchMove,
       onClickCapture,
-      children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           className: "rounded-xl border p-4 transition-all duration-150 hover:border-foreground/20 active:scale-[0.99]",
@@ -1698,385 +1550,511 @@ function MobileCardList({
   );
 }
 
-// src/components/responsive-data-view.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-function ResponsiveDataView({
-  table,
-  cards,
-  isEmpty,
-  isLoading,
-  emptyIcon,
-  emptyTitle = "Nenhum registro encontrado",
-  emptyDescription,
-  pagination
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "md:hidden", children: cards }),
-    !isLoading && isEmpty && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      emptyIcon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
-      emptyDescription && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
-    ] }),
-    pagination
-  ] });
-}
+// src/components/mode-toggle.tsx
+var DropdownMenu2 = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_lucide_react8 = require("lucide-react");
 
-// src/components/toaster.tsx
-var import_sonner = require("sonner");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function Toaster(props) {
-  const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_sonner.Toaster,
-    {
-      theme,
-      className: "toaster group",
-      toastOptions: {
-        classNames: {
-          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-md",
-          description: "group-[.toast]:text-muted-foreground",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-          success: "group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-success/40",
-          error: "group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-destructive/40"
-        }
-      },
-      ...props
-    }
+// src/components/theme-provider.tsx
+var import_react6 = require("react");
+
+// src/lib/company-theme.ts
+var VAR_MAP = {
+  primary: "--color-primary",
+  primaryForeground: "--color-primary-foreground",
+  secondary: "--color-secondary",
+  secondaryForeground: "--color-secondary-foreground",
+  accent: "--color-accent",
+  accentForeground: "--color-accent-foreground",
+  ring: "--color-ring"
+};
+function definedTokens(tokens) {
+  if (!tokens) return {};
+  return Object.fromEntries(
+    Object.entries(tokens).filter(([, value]) => value != null)
   );
 }
-
-// src/components/app-shell.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_react7 = require("react");
-
-// src/components/sidebar-nav.tsx
-var import_react5 = require("react");
-
-// src/components/types.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var defaultRenderLink = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { ...props, children });
-
-// src/components/sidebar-nav.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function defaultIsActive(item, activePath) {
-  if (item.href === "/") return activePath === "/";
-  return activePath === item.href || activePath.startsWith(item.href + "/");
+function applyCompanyTheme(root, companyTheme, mode) {
+  const tokens = companyTheme ? mode === "dark" ? { ...companyTheme.light, ...definedTokens(companyTheme.dark) } : companyTheme.light : {};
+  for (const key of Object.keys(VAR_MAP)) {
+    const value = tokens[key];
+    if (value) root.style.setProperty(VAR_MAP[key], value);
+    else root.style.removeProperty(VAR_MAP[key]);
+  }
 }
-function SidebarNav({
-  items,
-  activePath,
-  isActive = defaultIsActive,
-  isAdmin = false,
-  isCollapsed = false,
-  renderLink = defaultRenderLink,
-  onNavigate
+
+// src/components/theme-provider.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = (0, import_react6.createContext)(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "ui-theme",
+  companyTheme,
+  ...props
 }) {
-  const visible = items.filter((item) => !item.adminOnly || isAdmin);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("nav", { className: "flex flex-col gap-1", children: visible.map((item) => {
-    const active = isActive(item, activePath);
-    const link = renderLink({
-      href: item.href,
-      onClick: onNavigate,
-      title: isCollapsed ? item.label : void 0,
-      "aria-current": active ? "page" : void 0,
-      className: cn(
-        "flex cursor-pointer items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-        active ? "bg-accent text-accent-foreground font-semibold" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-        isCollapsed && "justify-center px-2"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-        item.icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "shrink-0", children: item.icon }),
-        !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate", children: item.label })
-      ] })
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react5.Fragment, { children: link }, item.href);
-  }) });
+  const [theme, setTheme] = (0, import_react6.useState)(
+    () => localStorage.getItem(storageKey) || defaultTheme
+  );
+  (0, import_react6.useEffect)(() => {
+    const root = window.document.documentElement;
+    const applyResolved = (resolved) => {
+      root.classList.remove("light", "dark");
+      root.classList.add(resolved);
+      applyCompanyTheme(root, companyTheme, resolved);
+    };
+    if (theme === "system") {
+      const mql = window.matchMedia("(prefers-color-scheme: dark)");
+      applyResolved(mql.matches ? "dark" : "light");
+      const onChange = (e) => applyResolved(e.matches ? "dark" : "light");
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    }
+    applyResolved(theme);
+  }, [theme, companyTheme]);
+  const value = {
+    theme,
+    setTheme: (theme2) => {
+      localStorage.setItem(storageKey, theme2);
+      setTheme(theme2);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
+}
+function useTheme() {
+  const context = (0, import_react6.useContext)(ThemeProviderContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
 }
 
-// src/components/user-menu.tsx
-var DropdownMenu2 = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react8 = require("lucide-react");
-var import_react6 = require("react");
-var import_vaul4 = require("vaul");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function initials(user) {
-  const source = user?.name?.trim() || user?.email?.trim();
-  if (!source) return "";
-  const parts = source.split(/\s+/);
-  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();
-  return source.slice(0, 2).toUpperCase();
+// src/components/mode-toggle.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function ModeToggle() {
+  const { setTheme } = useTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu2.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "relative inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "aria-label": "Alternar tema",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Moon, { className: "absolute inset-0 m-auto h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenu2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      DropdownMenu2.Content,
+      {
+        align: "end",
+        className: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            DropdownMenu2.Item,
+            {
+              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
+              onClick: () => setTheme("light"),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Sun, { className: "h-4 w-4" }),
+                " Claro"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            DropdownMenu2.Item,
+            {
+              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
+              onClick: () => setTheme("dark"),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Moon, { className: "h-4 w-4" }),
+                " Escuro"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            DropdownMenu2.Item,
+            {
+              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
+              onClick: () => setTheme("system"),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Monitor, { className: "h-4 w-4" }),
+                " Sistema"
+              ]
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
 }
-var itemClass = "flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent";
-var sheetItemClass = "flex w-full cursor-pointer select-none items-center gap-3 rounded-md px-3 py-3 text-base outline-none transition-colors hover:bg-accent active:bg-accent";
-function UserMenu({
-  user,
-  items = [],
-  onLogout,
-  logoutLabel = "Sair",
-  renderLink = defaultRenderLink,
-  align = "end"
+
+// src/components/multi-combobox.tsx
+var PopoverPrimitive5 = __toESM(require("@radix-ui/react-popover"), 1);
+var import_cmdk2 = require("cmdk");
+var import_lucide_react9 = require("lucide-react");
+var React8 = __toESM(require("react"), 1);
+var import_vaul5 = require("vaul");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function MultiCombobox({
+  options,
+  value,
+  onChange,
+  placeholder = "Selecione...",
+  searchPlaceholder = "Buscar...",
+  emptyMessage = "Nenhum resultado encontrado.",
+  disabled,
+  id,
+  className,
+  "aria-invalid": ariaInvalid,
+  "aria-describedby": ariaDescribedby,
+  onSearchChange,
+  onLoadMore,
+  loading,
+  hasMore,
+  selectedOptions
 }) {
+  const [open, setOpen] = React8.useState(false);
   const isDesktop = useIsDesktop();
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  const label = initials(user);
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    "button",
+  const isServer = onSearchChange !== void 0;
+  const seen = /* @__PURE__ */ new Set();
+  const selected = [...selectedOptions ?? [], ...options].filter((option) => {
+    if (!value.includes(option.value) || seen.has(option.value)) return false;
+    seen.add(option.value);
+    return true;
+  });
+  const { listRef, sentinelRef } = useInfiniteScrollSentinel({
+    enabled: isServer && !!hasMore,
+    loading,
+    onLoadMore
+  });
+  const toggleValue = (optionValue) => {
+    onChange(
+      value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue]
+    );
+  };
+  const removeValue = (optionValue) => {
+    onChange(value.filter((v) => v !== optionValue));
+  };
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
     {
-      type: "button",
-      className: "inline-flex h-9 w-9 items-center justify-center overflow-hidden rounded-full border border-input bg-background text-xs font-semibold shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      "aria-label": "Menu do usu\xE1rio",
-      "data-testid": "user-menu",
-      children: user?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "img",
-        {
-          src: user.avatarUrl,
-          alt: user.name ?? user.email ?? "Avatar",
-          className: "h-full w-full object-cover"
+      id,
+      role: "combobox",
+      tabIndex: disabled ? -1 : 0,
+      "aria-expanded": open,
+      "aria-invalid": ariaInvalid,
+      "aria-describedby": ariaDescribedby,
+      "aria-disabled": disabled,
+      onKeyDown: (event) => {
+        if (disabled) return;
+        if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+          event.preventDefault();
+          setOpen(true);
         }
-      ) : label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react8.User, { className: "h-4 w-4" })
+      },
+      className: cn(
+        "flex min-h-9 w-full cursor-pointer flex-wrap items-center gap-1 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
+        className
+      ),
+      children: [
+        selected.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 rounded bg-secondary px-1.5 py-0.5 text-xs text-secondary-foreground",
+            children: [
+              option.label,
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  "aria-label": `Remover ${option.label}`,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    removeValue(option.value);
+                  },
+                  onPointerDown: (event) => event.stopPropagation(),
+                  className: "rounded-sm opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.X, { className: "h-3 w-3" })
+                }
+              )
+            ]
+          },
+          option.value
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronsUpDown, { className: "ml-auto h-4 w-4 shrink-0 opacity-50" })
+      ]
     }
   );
-  const userInfo = (user?.name || user?.email) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "px-2 py-1.5", children: [
-    user.name && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "truncate text-sm font-medium", children: user.name }),
-    user.email && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
-  ] });
-  if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DropdownMenu2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenu2.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenu2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-        DropdownMenu2.Content,
-        {
-          align,
-          sideOffset: 6,
-          className: "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
-          children: [
-            userInfo && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-              userInfo,
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenu2.Separator, { className: "-mx-1 my-1 h-px bg-border" })
-            ] }),
-            items.map(
-              (item) => item.href ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenu2.Item, { asChild: true, children: renderLink({
-                href: item.href,
-                className: itemClass,
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-                  item.icon,
-                  item.label
-                ] })
-              }) }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-                DropdownMenu2.Item,
+  const command = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    import_cmdk2.Command,
+    {
+      shouldFilter: !isServer,
+      className: "flex h-full w-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center border-b px-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_cmdk2.Command.Input,
+            {
+              placeholder: searchPlaceholder,
+              onValueChange: isServer ? onSearchChange : void 0,
+              className: "flex h-11 w-full bg-transparent py-2 text-base outline-none placeholder:text-muted-foreground sm:h-9 sm:text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          import_cmdk2.Command.List,
+          {
+            ref: listRef,
+            className: "max-h-[50vh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
+            children: [
+              !isServer && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_cmdk2.Command.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                import_cmdk2.Command.Item,
                 {
-                  className: itemClass,
-                  onClick: item.onClick,
+                  value: isServer ? option.value : option.label,
+                  disabled: option.disabled,
+                  onSelect: () => toggleValue(option.value),
+                  className: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-2.5 text-sm outline-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 sm:py-1.5",
                   children: [
-                    item.icon,
-                    item.label
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      import_lucide_react9.Check,
+                      {
+                        className: cn(
+                          "h-4 w-4 shrink-0",
+                          value.includes(option.value) ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "truncate", children: option.label })
                   ]
                 },
-                item.label
-              )
-            ),
-            onLogout && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-              items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenu2.Separator, { className: "-mx-1 my-1 h-px bg-border" }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-                DropdownMenu2.Item,
-                {
-                  className: cn(
-                    itemClass,
-                    "text-destructive focus:bg-destructive/10"
-                  ),
-                  onClick: onLogout,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react8.LogOut, { className: "h-4 w-4" }),
-                    logoutLabel
-                  ]
-                }
-              )
-            ] })
-          ]
+                option.value
+              )),
+              isServer && !loading && options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              isServer && loading && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
+              isServer && hasMore && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  if (isDesktop) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopoverPrimitive5.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        PopoverPrimitive5.Content,
+        {
+          align: "start",
+          sideOffset: 4,
+          className: "pointer-events-auto z-50 overflow-hidden rounded-md border bg-popover p-0 text-popover-foreground shadow-md",
+          style: { width: "var(--radix-popover-trigger-width)" },
+          children: command
         }
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_vaul4.Drawer.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_vaul4.Drawer.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_vaul4.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_vaul4.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_vaul4.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-2xl border bg-popover p-2 pb-[max(0.5rem,env(safe-area-inset-bottom))] text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_vaul4.Drawer.Title, { className: "sr-only", children: "Menu do usu\xE1rio" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
-        userInfo && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-          userInfo,
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "-mx-1 my-1 h-px bg-border" })
-        ] }),
-        items.map(
-          (item) => item.href ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-            "span",
-            {
-              onClick: () => setOpen(false),
-              onKeyDown: () => setOpen(false),
-              children: renderLink({
-                href: item.href,
-                className: sheetItemClass,
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-                  item.icon,
-                  item.label
-                ] })
-              })
-            },
-            item.label
-          ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-            "button",
-            {
-              type: "button",
-              className: sheetItemClass,
-              onClick: () => {
-                item.onClick?.();
-                setOpen(false);
-              },
-              children: [
-                item.icon,
-                item.label
-              ]
-            },
-            item.label
-          )
-        ),
-        onLogout && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-          items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "-mx-1 my-1 h-px bg-border" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-            "button",
-            {
-              type: "button",
-              className: cn(sheetItemClass, "text-destructive"),
-              onClick: () => {
-                onLogout();
-                setOpen(false);
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react8.LogOut, { className: "h-4 w-4" }),
-                logoutLabel
-              ]
-            }
-          )
-        ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_vaul5.Drawer.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul5.Drawer.Trigger, { asChild: true, disabled, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_vaul5.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul5.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_vaul5.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul5.Drawer.Title, { className: "sr-only", children: placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        command
       ] })
     ] })
   ] });
 }
 
-// src/components/app-shell.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-function AppShell({
-  brand,
-  brandCollapsed,
-  navItems,
-  activePath,
-  isActive,
-  isAdmin = false,
-  user,
-  userMenuItems,
-  onLogout,
-  renderLink = defaultRenderLink,
-  headerActions,
-  collapsible = true,
-  defaultCollapsed = false,
-  children
-}) {
-  const [collapsed, setCollapsed] = (0, import_react7.useState)(defaultCollapsed);
-  const [mobileOpen, setMobileOpen] = (0, import_react7.useState)(false);
-  const nav = (isCollapsed, onNavigate) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    SidebarNav,
+// src/components/page-header.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function PageHeader({ title, description, action, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
     {
-      items: navItems,
-      activePath,
-      isActive,
-      isAdmin,
-      isCollapsed,
-      renderLink,
-      onNavigate
+      className: `flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+        ] }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "shrink-0", children: action })
+      ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex h-screen overflow-hidden bg-background", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-      "aside",
-      {
-        className: cn(
-          "hidden shrink-0 flex-col border-r bg-card transition-all duration-300 md:flex",
-          collapsed ? "w-16" : "w-60"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: collapsed ? brandCollapsed ?? brand : brand }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(collapsed) }),
-          collapsible && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "border-t p-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}
+
+// src/components/pagination.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var navButtonClass2 = "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50";
+function Pagination({
+  page,
+  onPageChange,
+  hasNextPage,
+  hasPreviousPage,
+  totalPages,
+  showPageSizeSelector = false,
+  pageSize,
+  onPageSizeChange,
+  pageSizeOptions,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "div",
+    {
+      className: `flex items-center ${showPageSizeSelector ? "justify-between" : "justify-end"} gap-4 ${className ?? ""}`,
+      children: [
+        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "select",
+            {
+              id: "pagination-page-size",
+              value: pageSize,
+              onChange: (e) => onPageSizeChange?.(Number(e.target.value)),
+              className: "h-8 rounded-md border border-input bg-background px-2 text-xs font-medium shadow-sm transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring cursor-pointer",
+              children: (pageSizeOptions ?? []).map((size) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: size, children: size }, size))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               type: "button",
-              onClick: () => setCollapsed((v) => !v),
-              className: "flex w-full items-center justify-center rounded-md px-2 py-2 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
-              "aria-label": collapsed ? "Expandir menu" : "Recolher menu",
-              children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronLeft, { className: "h-4 w-4" })
+              onClick: () => onPageChange(page - 1),
+              disabled: !hasPreviousPage,
+              className: navButtonClass2,
+              children: "Anterior"
             }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-      "div",
-      {
-        className: cn(
-          "fixed inset-0 z-50 transition-opacity duration-300 md:hidden",
-          mobileOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
-        ),
-        onClick: () => setMobileOpen(false),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-0 bg-black/50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-            "div",
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+            "P\xE1gina ",
+            page,
+            totalPages ? ` de ${totalPages}` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "button",
             {
-              className: cn(
-                "absolute left-0 top-0 flex h-full w-64 flex-col border-r bg-card transition-transform duration-300",
-                mobileOpen ? "translate-x-0" : "-translate-x-full"
-              ),
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: brand }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(false, () => setMobileOpen(false)) })
-              ]
+              type: "button",
+              onClick: () => onPageChange(page + 1),
+              disabled: !hasNextPage,
+              className: navButtonClass2,
+              children: "Pr\xF3ximo"
             }
           )
-        ]
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/password-input.tsx
+var import_lucide_react10 = require("lucide-react");
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props }, ref) => {
+  const [visible, setVisible] = React9.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: `relative ${containerClassName ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "input",
+      {
+        ref,
+        type: visible ? "text" : "password",
+        className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pr-10 text-base shadow-sm transition-all duration-200 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive md:text-sm ${className ?? ""}`,
+        ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b bg-background px-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "button",
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => setVisible((prev) => !prev),
+        "aria-label": visible ? "Ocultar senha" : "Mostrar senha",
+        tabIndex: -1,
+        className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground",
+        children: visible ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Eye, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+});
+PasswordInput.displayName = "PasswordInput";
+
+// src/components/progress-bar.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var sizeClasses2 = {
+  sm: "h-1.5",
+  md: "h-2"
+};
+function ProgressBar({
+  value,
+  size = "md",
+  label,
+  valueLabel,
+  className,
+  indicatorClassName
+}) {
+  const clamped = Math.min(100, Math.max(0, value));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `space-y-1.5 ${className ?? ""}`, children: [
+    (label || valueLabel) && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm text-muted-foreground", children: label }),
+      valueLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-semibold", children: valueLabel })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "div",
+      {
+        className: `w-full overflow-hidden rounded-full bg-muted ${sizeClasses2[size]}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
           {
-            type: "button",
-            onClick: () => setMobileOpen(true),
-            className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground md:hidden",
-            "aria-label": "Abrir menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Menu, { className: "h-4 w-4" })
+            className: `h-full rounded-full transition-all duration-300 ${indicatorClassName ?? "bg-primary"}`,
+            style: { width: `${clamped}%` }
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ml-auto flex items-center gap-2", children: [
-          headerActions,
-          (user || onLogout) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(UserMenu, { user, items: userMenuItems, onLogout, renderLink })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("main", { className: "flex-1 overflow-y-auto", children })
-    ] })
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/responsive-data-view.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function ResponsiveDataView({
+  table,
+  cards,
+  isEmpty,
+  isLoading,
+  emptyIcon,
+  emptyTitle = "Nenhum registro encontrado",
+  emptyDescription,
+  pagination
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "md:hidden", children: cards }),
+    !isLoading && isEmpty && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      emptyIcon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+    ] }),
+    pagination
   ] });
 }
 
 // src/components/row-actions-menu.tsx
 var DropdownMenu3 = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_react8 = require("react");
-var import_vaul5 = require("vaul");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_react7 = require("react");
+var import_vaul6 = require("vaul");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var triggerClass = "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
 var itemClass2 = "flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
 var sheetItemClass2 = "flex w-full cursor-pointer select-none items-center gap-3 rounded-md px-3 py-3 text-base outline-none transition-colors hover:bg-accent active:bg-accent disabled:pointer-events-none disabled:opacity-50";
@@ -2088,22 +2066,22 @@ function RowActionsMenu({
   renderLink = defaultRenderLink
 }) {
   const isDesktop = useIsDesktop();
-  const [open, setOpen] = (0, import_react8.useState)(false);
+  const [open, setOpen] = (0, import_react7.useState)(false);
   if (actions.length === 0) return null;
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "button",
     {
       type: "button",
       disabled,
       "aria-label": label,
       className: triggerClass,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.MoreVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.MoreVertical, { className: "h-4 w-4" })
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenu3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenu3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         DropdownMenu3.Content,
         {
           align,
@@ -2114,7 +2092,7 @@ function RowActionsMenu({
               itemClass2,
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
-            return action.href ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            return action.href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               DropdownMenu3.Item,
               {
                 asChild: true,
@@ -2122,14 +2100,14 @@ function RowActionsMenu({
                 children: renderLink({
                   href: action.href,
                   className: cls,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
                     action.icon,
                     action.label
                   ] })
                 })
               },
               action.label
-            ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
               DropdownMenu3.Item,
               {
                 className: cls,
@@ -2147,23 +2125,23 @@ function RowActionsMenu({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_vaul5.Drawer.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_vaul5.Drawer.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_vaul5.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_vaul5.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_vaul5.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-2xl border bg-popover p-2 pb-[max(0.5rem,env(safe-area-inset-bottom))] text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_vaul5.Drawer.Title, { className: "sr-only", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_vaul6.Drawer.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul6.Drawer.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_vaul6.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul6.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_vaul6.Drawer.Content, { className: "fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-2xl border bg-popover p-2 pb-[max(0.5rem,env(safe-area-inset-bottom))] text-popover-foreground outline-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul6.Drawer.Title, { className: "sr-only", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         actions.map((action) => {
           const cls = cn(
             sheetItemClass2,
             action.destructive && "text-destructive"
           );
-          const inner = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+          const inner = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
             action.icon,
             action.label
           ] });
-          return action.href ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          return action.href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "span",
             {
               onClick: () => setOpen(false),
@@ -2175,7 +2153,7 @@ function RowActionsMenu({
               })
             },
             action.label
-          ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               type: "button",
@@ -2195,13 +2173,195 @@ function RowActionsMenu({
   ] });
 }
 
-// src/lib/api-error.ts
-function extractApiError(err, fallbackMessage = "Ocorreu um erro inesperado.") {
-  const detail = err?.body?.detail || err?.message;
-  if (Array.isArray(detail) && detail.length > 0) {
-    return detail[0].msg;
+// src/components/search-input.tsx
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var SearchInput = React10.forwardRef(
+  ({ containerClassName, className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `relative flex-1 ${containerClassName ?? ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "m21 21-4.3-4.3" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "input",
+        {
+          ref,
+          type: "text",
+          className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
+          ...props
+        }
+      )
+    ] });
   }
-  return detail || fallbackMessage;
+);
+SearchInput.displayName = "SearchInput";
+
+// src/components/stat-card.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function StatCard({ label, value, detail, icon, isLoading }) {
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-muted-foreground", children: icon })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-2xl font-bold", children: value }),
+    detail && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs text-muted-foreground", children: detail })
+  ] });
+}
+
+// src/components/status-badge.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var variantClasses = {
+  neutral: {
+    badge: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
+    dot: "bg-gray-400"
+  },
+  info: {
+    badge: "bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-400",
+    dot: "bg-blue-500"
+  },
+  success: {
+    badge: "bg-green-100 text-green-700 dark:bg-green-950 dark:text-green-400",
+    dot: "bg-green-500"
+  },
+  danger: {
+    badge: "bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-400",
+    dot: "bg-red-500"
+  },
+  warning: {
+    badge: "bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-400",
+    dot: "bg-amber-500"
+  }
+};
+function StatusBadge({
+  variant = "neutral",
+  dot = true,
+  className,
+  children
+}) {
+  const classes = variantClasses[variant];
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "span",
+    {
+      className: `inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-xs font-medium ${classes.badge} ${className ?? ""}`,
+      children: [
+        dot && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          "span",
+          {
+            className: `inline-block h-1.5 w-1.5 shrink-0 rounded-full ${classes.dot}`
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/status-dot.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function StatusDot({ active, label, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "span",
+      {
+        className: `h-2 w-2 rounded-full ${active ? "bg-green-500" : "bg-red-500"}`
+      }
+    ),
+    label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: label })
+  ] });
+}
+
+// src/components/table-skeleton.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function TableSkeleton({ rows = 5, columns = 4 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: "p-4 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-5 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)) });
+}
+
+// src/components/toaster.tsx
+var import_sonner = require("sonner");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function Toaster(props) {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_sonner.Toaster,
+    {
+      theme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-md",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+          success: "group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-success/40",
+          error: "group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-destructive/40"
+        }
+      },
+      ...props
+    }
+  );
+}
+
+// src/hooks/use-company-subdomain.ts
+var import_react8 = require("react");
+function getSubdomain(hostname) {
+  const labels = hostname.split(".");
+  if (labels.length < 2) return void 0;
+  const first = labels[0];
+  if (!first || first === "www" || first === "localhost") return void 0;
+  return first;
+}
+function resolveOverride(storageKey) {
+  if (typeof window === "undefined") return void 0;
+  const params = new URLSearchParams(window.location.search);
+  if (params.has("company")) {
+    const value = params.get("company");
+    if (value) {
+      window.localStorage.setItem(storageKey, value);
+      return value;
+    }
+    window.localStorage.removeItem(storageKey);
+    return void 0;
+  }
+  return window.localStorage.getItem(storageKey) ?? void 0;
+}
+function useCompanySubdomain(opts = {}) {
+  const { enableOverride = false, overrideStorageKey = "company-subdomain" } = opts;
+  const [subdomain] = (0, import_react8.useState)(() => {
+    if (enableOverride) {
+      const override = resolveOverride(overrideStorageKey);
+      if (override) return override;
+    }
+    if (typeof window === "undefined") return void 0;
+    return getSubdomain(window.location.hostname);
+  });
+  return { subdomain };
 }
 
 // src/hooks/use-disclosure.ts
@@ -2239,6 +2399,15 @@ function useCustomToast() {
   );
   return showToast;
 }
+
+// src/lib/api-error.ts
+function extractApiError(err, fallbackMessage = "Ocorreu um erro inesperado.") {
+  const detail = err?.body?.detail || err?.message;
+  if (Array.isArray(detail) && detail.length > 0) {
+    return detail[0].msg;
+  }
+  return detail || fallbackMessage;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppShell,
@@ -2251,6 +2420,9 @@ function useCustomToast() {
   DatePicker,
   DateTimePicker,
   EmptyState,
+  FilterOptionList,
+  FilterPopover,
+  FilterToolbar,
   FormDialog,
   FormDialogLayout,
   FormField,