@motor-hero/ui-kit 0.40.0 → 0.43.0

package/dist/index.cjs

@@ -46,6 +46,7 @@ __export(index_exports, {
   FormDialog: () => FormDialog,
   FormDialogLayout: () => FormDialogLayout,
   FormField: () => FormField,
+  HighlightPill: () => HighlightPill,
   MobileCardList: () => MobileCardList,
   ModeToggle: () => ModeToggle,
   MultiCombobox: () => MultiCombobox,
@@ -1055,6 +1056,7 @@ var MASK_REPLACEMENT = { _: /\d/ };
 var DATE_FORMAT = "dd/MM/yyyy";
 var TIME_FORMAT = "HH:mm";
 var DATE_VALUE_FORMAT = "yyyy-MM-dd";
+var DATETIME_VALUE_FORMAT = "yyyy-MM-dd'T'HH:mm";
 function pad(n) {
   return String(n).padStart(2, "0");
 }
@@ -1070,8 +1072,8 @@ function dateOnlyToDate(value) {
 }
 function dateTimeToDate(value) {
   if (!value) return void 0;
-  const parsed = new Date(value);
-  return Number.isNaN(parsed.getTime()) ? void 0 : parsed;
+  const parsed = (0, import_date_fns.parse)(value, DATETIME_VALUE_FORMAT, /* @__PURE__ */ new Date());
+  return (0, import_date_fns.isValid)(parsed) ? parsed : void 0;
 }
 function displayFor(value, withTime) {
   const date = withTime ? dateTimeToDate(value) : dateOnlyToDate(value);
@@ -1166,7 +1168,7 @@ function DatePickerImpl({
     if (!time) return;
     const combined = new Date(date);
     combined.setHours(time.getHours(), time.getMinutes(), 0, 0);
-    onChange(combined.toISOString());
+    onChange((0, import_date_fns.format)(combined, DATETIME_VALUE_FORMAT));
     setOpen(false);
   };
   const handleCalendarSelect = (date) => {
@@ -1583,9 +1585,34 @@ function FormField({ label, htmlFor, error, required, children, className }) {
   ] });
 }
 
+// src/components/highlight-pill.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function HighlightPill({
+  backgroundColor,
+  textColor,
+  className,
+  children
+}) {
+  const style = {
+    backgroundColor: backgroundColor ?? "var(--status-neutral-surface, #f3f4f6)",
+    color: textColor ?? "var(--status-neutral-text, #374151)"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "span",
+    {
+      style,
+      className: cn(
+        "inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium",
+        className
+      ),
+      children
+    }
+  );
+}
+
 // src/components/mobile-card-list.tsx
 var import_react5 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var SCROLL_THRESHOLD = 8;
 function MobileCardList({
   data,
@@ -1616,26 +1643,26 @@ function MobileCardList({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
       ] })
     ] }) }, i)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       className: `space-y-3 ${className ?? ""}`,
       onTouchStart,
       onTouchMove,
       onClickCapture,
-      children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           className: "rounded-xl border p-4 transition-all duration-150 hover:border-foreground/20 active:scale-[0.99]",
@@ -1680,7 +1707,7 @@ function applyCompanyTheme(root, companyTheme, mode) {
 }
 
 // src/components/theme-provider.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -1719,7 +1746,7 @@ function ThemeProvider({
       setTheme(theme2);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 function useTheme() {
   const context = (0, import_react6.useContext)(ThemeProviderContext);
@@ -1730,57 +1757,57 @@ function useTheme() {
 }
 
 // src/components/mode-toggle.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ModeToggle() {
   const { setTheme } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu2.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu2.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime19.jsx)(import_lucide_react9.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.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_runtime20.jsx)(import_lucide_react9.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.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_runtime19.jsx)(DropdownMenu2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenu2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime19.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime19.jsx)(import_lucide_react9.Sun, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Sun, { className: "h-4 w-4" }),
                 " Claro"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime19.jsx)(import_lucide_react9.Moon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Moon, { className: "h-4 w-4" }),
                 " Escuro"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime19.jsx)(import_lucide_react9.Monitor, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Monitor, { className: "h-4 w-4" }),
                 " Sistema"
               ]
             }
@@ -1797,7 +1824,7 @@ var import_cmdk2 = require("cmdk");
 var import_lucide_react10 = require("lucide-react");
 var React8 = __toESM(require("react"), 1);
 var import_vaul5 = require("vaul");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function MultiCombobox({
   options,
   value,
@@ -1838,7 +1865,7 @@ function MultiCombobox({
   const removeValue = (optionValue) => {
     onChange(value.filter((v) => v !== optionValue));
   };
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       id,
@@ -1860,13 +1887,13 @@ function MultiCombobox({
         className
       ),
       children: [
-        selected.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        selected.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "button",
                 {
                   type: "button",
@@ -1878,26 +1905,26 @@ function MultiCombobox({
                   },
                   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_runtime20.jsx)(import_lucide_react10.X, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.X, { className: "h-3 w-3" })
                 }
               )
             ]
           },
           option.value
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.ChevronsUpDown, { className: "ml-auto h-4 w-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.ChevronsUpDown, { className: "ml-auto h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   );
-  const command = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  const command = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     import_cmdk2.Command,
     {
       shouldFilter: !isServer,
       className: "flex h-full w-full flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center border-b px-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             import_cmdk2.Command.Input,
             {
               placeholder: searchPlaceholder,
@@ -1906,14 +1933,14 @@ function MultiCombobox({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime20.jsx)(import_cmdk2.Command.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              !isServer && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_cmdk2.Command.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 import_cmdk2.Command.Item,
                 {
                   value: isServer ? option.value : option.label,
@@ -1921,7 +1948,7 @@ function MultiCombobox({
                   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_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       import_lucide_react10.Check,
                       {
                         className: cn(
@@ -1930,14 +1957,14 @@ function MultiCombobox({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate", children: option.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "truncate", children: option.label })
                   ]
                 },
                 option.value
               )),
-              isServer && !loading && options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              isServer && loading && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
-              isServer && hasMore && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
+              isServer && !loading && options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              isServer && loading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
+              isServer && hasMore && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
             ]
           }
         )
@@ -1945,9 +1972,9 @@ function MultiCombobox({
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(PopoverPrimitive5.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(PopoverPrimitive5.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PopoverPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         PopoverPrimitive5.Content,
         {
           align: "start",
@@ -1959,13 +1986,13 @@ function MultiCombobox({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_vaul5.Drawer.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul5.Drawer.Trigger, { asChild: true, disabled, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_vaul5.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul5.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.jsx)(import_vaul5.Drawer.Title, { className: "sr-only", children: placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_vaul5.Drawer.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul5.Drawer.Trigger, { asChild: true, disabled, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_vaul5.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_vaul5.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(import_vaul5.Drawer.Title, { className: "sr-only", children: placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         command
       ] })
     ] })
@@ -1973,25 +2000,25 @@ function MultiCombobox({
 }
 
 // src/components/page-header.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function PageHeader({ title, description, action, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       className: `flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "shrink-0", children: action })
+        action && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "shrink-0", children: action })
       ]
     }
   );
 }
 
 // src/components/pagination.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = 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,
@@ -2005,26 +2032,26 @@ function Pagination({
   pageSizeOptions,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: `flex items-center ${showPageSizeSelector ? "justify-between" : "justify-end"} gap-4 ${className ?? ""}`,
       children: [
-        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime22.jsx)("option", { value: size, children: size }, size))
+              children: (pageSizeOptions ?? []).map((size) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("option", { value: size, children: size }, size))
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "button",
             {
               type: "button",
@@ -2034,12 +2061,12 @@ function Pagination({
               children: "Anterior"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
             "P\xE1gina ",
             page,
             totalPages ? ` de ${totalPages}` : ""
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "button",
             {
               type: "button",
@@ -2058,11 +2085,11 @@ function Pagination({
 // src/components/password-input.tsx
 var import_lucide_react11 = require("lucide-react");
 var React9 = __toESM(require("react"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props }, ref) => {
   const [visible, setVisible] = React9.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `relative ${containerClassName ?? ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `relative ${containerClassName ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "input",
       {
         ref,
@@ -2071,7 +2098,7 @@ var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "button",
       {
         type: "button",
@@ -2079,7 +2106,7 @@ var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props
         "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_runtime23.jsx)(import_lucide_react11.EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Eye, { className: "h-4 w-4" })
+        children: visible ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Eye, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -2087,7 +2114,7 @@ var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props
 PasswordInput.displayName = "PasswordInput";
 
 // src/components/progress-bar.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var sizeClasses3 = {
   sm: "h-1.5",
   md: "h-2"
@@ -2101,16 +2128,16 @@ function ProgressBar({
   indicatorClassName
 }) {
   const clamped = Math.min(100, Math.max(0, value));
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `space-y-1.5 ${className ?? ""}`, children: [
-    (label || valueLabel) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm text-muted-foreground", children: label }),
-      valueLabel && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm font-semibold", children: valueLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `space-y-1.5 ${className ?? ""}`, children: [
+    (label || valueLabel) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm text-muted-foreground", children: label }),
+      valueLabel && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-semibold", children: valueLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "div",
       {
         className: `w-full overflow-hidden rounded-full bg-muted ${sizeClasses3[size]}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
           {
             className: `h-full rounded-full transition-all duration-300 ${indicatorClassName ?? "bg-primary"}`,
@@ -2123,7 +2150,7 @@ function ProgressBar({
 }
 
 // src/components/responsive-data-view.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function ResponsiveDataView({
   table,
   cards,
@@ -2137,7 +2164,7 @@ function ResponsiveDataView({
   pagination
 }) {
   if (!isLoading && !isBusy && isEmpty) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       EmptyState,
       {
         icon: emptyIcon,
@@ -2148,8 +2175,8 @@ function ResponsiveDataView({
     ) });
   }
   const busyClass = isBusy && "pointer-events-none opacity-50";
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "div",
       {
         "aria-busy": isBusy,
@@ -2160,7 +2187,7 @@ function ResponsiveDataView({
         children: table
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "aria-busy": isBusy, className: cn("transition-opacity md:hidden", busyClass), children: cards }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "aria-busy": isBusy, className: cn("transition-opacity md:hidden", busyClass), children: cards }),
     pagination
   ] });
 }
@@ -2170,7 +2197,7 @@ var DropdownMenu3 = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react12 = require("lucide-react");
 var import_react7 = require("react");
 var import_vaul6 = require("vaul");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = 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";
@@ -2184,20 +2211,20 @@ function RowActionsMenu({
   const isDesktop = useIsDesktop();
   const [open, setOpen] = (0, import_react7.useState)(false);
   if (actions.length === 0) return null;
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "button",
     {
       type: "button",
       disabled,
       "aria-label": label,
       className: triggerClass,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.MoreVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.MoreVertical, { className: "h-4 w-4" })
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DropdownMenu3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenu3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         DropdownMenu3.Content,
         {
           align,
@@ -2209,8 +2236,8 @@ function RowActionsMenu({
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
             if (action.children?.length) {
-              return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DropdownMenu3.Sub, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenu3.Sub, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                   DropdownMenu3.SubTrigger,
                   {
                     className: cls,
@@ -2218,16 +2245,16 @@ function RowActionsMenu({
                     children: [
                       action.icon,
                       action.label,
-                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.ChevronRight, { className: "ml-auto h-4 w-4 text-muted-foreground" })
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.ChevronRight, { className: "ml-auto h-4 w-4 text-muted-foreground" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DropdownMenu3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenu3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   DropdownMenu3.SubContent,
                   {
                     sideOffset: 4,
                     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: action.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                    children: action.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                       DropdownMenu3.Item,
                       {
                         className: cn(
@@ -2247,7 +2274,7 @@ function RowActionsMenu({
                 ) })
               ] }, action.label);
             }
-            return action.href ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            return action.href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               DropdownMenu3.Item,
               {
                 asChild: true,
@@ -2255,14 +2282,14 @@ function RowActionsMenu({
                 children: renderLink({
                   href: action.href,
                   className: cls,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
                     action.icon,
                     action.label
                   ] })
                 })
               },
               action.label
-            ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               DropdownMenu3.Item,
               {
                 className: cls,
@@ -2280,30 +2307,30 @@ function RowActionsMenu({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_vaul6.Drawer.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul6.Drawer.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_vaul6.Drawer.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul6.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)(import_vaul6.Drawer.Title, { className: "sr-only", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_vaul6.Drawer.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_vaul6.Drawer.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_vaul6.Drawer.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_vaul6.Drawer.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(import_vaul6.Drawer.Title, { className: "sr-only", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+          const inner = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
             action.icon,
             action.label
           ] });
           if (action.children?.length) {
-            return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mx-3 my-1 h-px bg-border" }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-3 px-3 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mx-3 my-1 h-px bg-border" }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-3 px-3 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
                 action.icon,
                 action.label
               ] }),
-              action.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+              action.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -2323,10 +2350,10 @@ function RowActionsMenu({
                 },
                 child.label
               )),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mx-3 my-1 h-px bg-border" })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mx-3 my-1 h-px bg-border" })
             ] }, action.label);
           }
-          return action.href ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          return action.href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               onClick: () => setOpen(false),
@@ -2338,7 +2365,7 @@ function RowActionsMenu({
               })
             },
             action.label
-          ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "button",
             {
               type: "button",
@@ -2360,11 +2387,11 @@ function RowActionsMenu({
 
 // src/components/search-input.tsx
 var React10 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var SearchInput = React10.forwardRef(
   ({ containerClassName, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("relative flex-1", containerClassName), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("relative flex-1", containerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2379,12 +2406,12 @@ var SearchInput = React10.forwardRef(
           "aria-hidden": "true",
           className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "m21 21-4.3-4.3" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "m21 21-4.3-4.3" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "input",
         {
           ref,
@@ -2402,30 +2429,30 @@ var SearchInput = React10.forwardRef(
 SearchInput.displayName = "SearchInput";
 
 // src/components/stat-card.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function StatCard({ label, value, detail, icon, isLoading }) {
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
-      icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-muted-foreground", children: icon })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between pb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-muted-foreground", children: icon })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-2xl font-bold", children: value }),
-    detail && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs text-muted-foreground", children: detail })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-2xl font-bold", children: value }),
+    detail && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs text-muted-foreground", children: detail })
   ] });
 }
 
 // src/components/status-badge.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var variantClasses = {
   neutral: {
     badge: "bg-[var(--status-neutral-surface,#f3f4f6)] text-[var(--status-neutral-text,#374151)]",
@@ -2455,12 +2482,12 @@ function StatusBadge({
   children
 }) {
   const classes = variantClasses[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime29.jsx)(
+        dot && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "span",
           {
             className: `inline-block h-1.5 w-1.5 shrink-0 rounded-full ${classes.dot}`
@@ -2473,36 +2500,36 @@ function StatusBadge({
 }
 
 // src/components/status-dot.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function StatusDot({ active, label, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "span",
       {
         className: `h-2 w-2 rounded-full ${active ? "bg-green-500" : "bg-red-500"}`
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: label })
   ] });
 }
 
 // src/components/table-skeleton.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function TableSkeleton({ rows = 5, columns = 4 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: Array.from({ length: rows }).map((_, i) => (
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: Array.from({ length: rows }).map((_, i) => (
     // p-2/h-4 espelha o TableCell real. Com p-4/h-5 a linha do skeleton
     // ficava ~16px mais alta que a linha de dados, e a tabela encolhia
     // visivelmente quando a resposta chegava.
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "p-2 align-middle first:pl-4 last:pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-4 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "p-2 align-middle first:pl-4 last:pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-4 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)
   )) });
 }
 
 // src/components/toaster.tsx
 var import_sonner = require("sonner");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Toaster(props) {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_sonner.Toaster,
     {
       theme,
@@ -2629,6 +2656,7 @@ function extractApiError(err, fallbackMessage = "Ocorreu um erro inesperado.") {
   FormDialog,
   FormDialogLayout,
   FormField,
+  HighlightPill,
   MobileCardList,
   ModeToggle,
   MultiCombobox,