@motor-hero/ui-kit 0.51.0 → 0.52.0

package/dist/index.js

@@ -600,15 +600,16 @@ function ColorPicker({
 // src/components/rating.tsx
 import * as ToggleGroup from "@radix-ui/react-toggle-group";
 import { Star } from "lucide-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var MAX_STARS = 5;
 var sizeClasses2 = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
+var formatNote = (value) => value.toLocaleString("pt-BR", { maximumFractionDigits: 1 });
 function defaultLabel(value) {
-  return value > 0 ? `Avalia\xE7\xE3o: ${value} de ${MAX_STARS} estrelas` : "Avalia\xE7\xE3o: sem nota";
+  return value > 0 ? `Nota ${formatNote(value)} de ${MAX_STARS}` : "Avalia\xE7\xE3o: sem nota";
 }
 function Rating({
   value = 0,
@@ -627,17 +628,35 @@ function Rating({
         role: "img",
         "aria-label": label,
         className: cn("inline-flex items-center gap-0.5", className),
-        children: Array.from({ length: MAX_STARS }, (_, index) => /* @__PURE__ */ jsx8(
-          Star,
-          {
-            "aria-hidden": true,
-            className: cn(
-              sizeClasses2[size],
-              index < clamped ? "fill-amber-400 text-amber-400" : "text-muted-foreground"
+        children: Array.from({ length: MAX_STARS }, (_, index) => {
+          const fill = Math.min(1, Math.max(0, clamped - index));
+          return /* @__PURE__ */ jsxs7("span", { className: "relative inline-flex", children: [
+            /* @__PURE__ */ jsx8(
+              Star,
+              {
+                "aria-hidden": true,
+                className: cn(sizeClasses2[size], "text-muted-foreground")
+              }
+            ),
+            fill > 0 && /* @__PURE__ */ jsx8(
+              "span",
+              {
+                className: "absolute inset-y-0 left-0 overflow-hidden",
+                style: { width: `${fill * 100}%` },
+                children: /* @__PURE__ */ jsx8(
+                  Star,
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      sizeClasses2[size],
+                      "max-w-none fill-amber-400 text-amber-400"
+                    )
+                  }
+                )
+              }
             )
-          },
-          index
-        ))
+          ] }, index);
+        })
       }
     );
   }
@@ -681,7 +700,7 @@ function Rating({
 
 // src/components/combobox.tsx
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
-import { Command as CommandPrimitive } from "cmdk";
+import { Command as CommandPrimitive, defaultFilter } from "cmdk";
 import { Check, ChevronsUpDown as ChevronsUpDown2, Loader2, Plus, Search } from "lucide-react";
 import * as React5 from "react";
 import { Drawer as DrawerPrimitive2 } from "vaul";
@@ -726,7 +745,7 @@ function useInfiniteScrollSentinel({
 }
 
 // src/components/combobox.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function Combobox({
   options,
   value,
@@ -784,7 +803,7 @@ function Combobox({
     loading,
     onLoadMore
   });
-  const trigger = /* @__PURE__ */ jsxs7(
+  const trigger = /* @__PURE__ */ jsxs8(
     "button",
     {
       type: "button",
@@ -799,18 +818,26 @@ function Combobox({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx9("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }),
+        /* @__PURE__ */ jsx9(
+          "span",
+          {
+            title: selected?.description,
+            className: cn("truncate", !selected && "text-muted-foreground"),
+            children: selected ? selected.label : placeholder
+          }
+        ),
         /* @__PURE__ */ jsx9(ChevronsUpDown2, { className: "h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   );
-  const command = /* @__PURE__ */ jsxs7(
+  const command = /* @__PURE__ */ jsxs8(
     CommandPrimitive,
     {
       shouldFilter: !isServer,
+      filter: filterByKeywords,
       className: "flex h-full w-full flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center border-b px-3", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center border-b px-3", children: [
           /* @__PURE__ */ jsx9(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
           /* @__PURE__ */ jsx9(
             CommandPrimitive.Input,
@@ -821,17 +848,18 @@ function Combobox({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs8(
           CommandPrimitive.List,
           {
             ref: listRef,
             className: "max-h-[50dvh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
             children: [
               !isServer && !showCreate && /* @__PURE__ */ jsx9(CommandPrimitive.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              showCreate && /* @__PURE__ */ jsxs7(
+              showCreate && /* @__PURE__ */ jsxs8(
                 CommandPrimitive.Item,
                 {
                   value: trimmedSearch,
+                  keywords: [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: [
@@ -842,11 +870,11 @@ function Combobox({
                   ]
                 }
               ),
-              options.map((option) => /* @__PURE__ */ jsxs7(
+              options.map((option) => /* @__PURE__ */ jsxs8(
                 CommandPrimitive.Item,
                 {
-                  value: isServer ? option.value : option.label,
-                  keywords: option.description ? [option.description] : void 0,
+                  value: option.value,
+                  keywords: optionKeywords(option),
                   disabled: option.disabled,
                   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",
@@ -876,7 +904,7 @@ function Combobox({
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs7(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
+    return /* @__PURE__ */ jsxs8(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
       /* @__PURE__ */ jsx9(PopoverPrimitive2.Trigger, { asChild: true, children: trigger }),
       /* @__PURE__ */ jsx9(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx9(
         PopoverPrimitive2.Content,
@@ -890,11 +918,11 @@ function Combobox({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs7(DrawerPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
+  return /* @__PURE__ */ jsxs8(DrawerPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx9(DrawerPrimitive2.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs7(DrawerPrimitive2.Portal, { children: [
+    /* @__PURE__ */ jsxs8(DrawerPrimitive2.Portal, { children: [
       /* @__PURE__ */ jsx9(DrawerPrimitive2.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs7(DrawerPrimitive2.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85dvh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
+      /* @__PURE__ */ jsxs8(DrawerPrimitive2.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85dvh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
         /* @__PURE__ */ jsx9(DrawerPrimitive2.Title, { className: "sr-only", children: placeholder }),
         /* @__PURE__ */ jsx9("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         command
@@ -902,10 +930,12 @@ function Combobox({
     ] })
   ] });
 }
+var filterByKeywords = (_value, search, keywords = []) => defaultFilter(keywords.join(" "), search);
+var optionKeywords = (option) => option.description ? [option.label, option.description] : [option.label];
 function OptionText({ option }) {
   if (!option.description)
     return /* @__PURE__ */ jsx9("span", { className: "truncate", children: option.label });
-  return /* @__PURE__ */ jsxs7("span", { className: "flex min-w-0 flex-col", children: [
+  return /* @__PURE__ */ jsxs8("span", { className: "flex min-w-0 flex-col", children: [
     /* @__PURE__ */ jsx9("span", { className: "truncate", children: option.label }),
     /* @__PURE__ */ jsx9(
       "span",
@@ -920,7 +950,7 @@ function OptionText({ option }) {
 
 // src/components/confirm-dialog.tsx
 import * as AlertDialog from "@radix-ui/react-alert-dialog";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -934,7 +964,7 @@ function ConfirmDialog({
   blurBackdrop = true,
   backdropClassName
 }) {
-  return /* @__PURE__ */ jsx10(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs8(AlertDialog.Portal, { children: [
+  return /* @__PURE__ */ jsx10(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs9(AlertDialog.Portal, { children: [
     /* @__PURE__ */ jsx10(
       AlertDialog.Overlay,
       {
@@ -945,12 +975,12 @@ function ConfirmDialog({
         )
       }
     ),
-    /* @__PURE__ */ jsxs8(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__ */ jsxs8("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
+    /* @__PURE__ */ jsxs9(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__ */ jsxs9("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
         /* @__PURE__ */ jsx10(AlertDialog.Title, { className: "text-lg font-semibold", children: title }),
         /* @__PURE__ */ jsx10(AlertDialog.Description, { className: "text-sm text-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
         /* @__PURE__ */ jsx10(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__ */ jsx10(
           AlertDialog.Action,
@@ -967,7 +997,7 @@ function ConfirmDialog({
 }
 
 // src/components/data-table-wrapper.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function DataTableWrapper({
   children,
   isEmpty,
@@ -980,14 +1010,14 @@ function DataTableWrapper({
   hasNextPage = false,
   hasPreviousPage = false
 }) {
-  return /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto rounded-md border", children }),
-    !isLoading && isEmpty && /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+    !isLoading && isEmpty && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
       emptyIcon && /* @__PURE__ */ jsx11("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
       /* @__PURE__ */ jsx11("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
       emptyDescription && /* @__PURE__ */ jsx11("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
     ] }),
-    page !== void 0 && onPageChange && /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-end gap-4", children: [
+    page !== void 0 && onPageChange && /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-end gap-4", children: [
       /* @__PURE__ */ jsx11(
         "button",
         {
@@ -998,7 +1028,7 @@ function DataTableWrapper({
           children: "Anterior"
         }
       ),
-      /* @__PURE__ */ jsxs9("span", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs10("span", { className: "text-sm text-muted-foreground", children: [
         "P\xE1gina ",
         page
       ] }),
@@ -1025,7 +1055,7 @@ import { CalendarIcon, ChevronDown, ChevronLeft as ChevronLeft2, ChevronRight as
 import * as React6 from "react";
 import { DayPicker } from "react-day-picker";
 import { Drawer as DrawerPrimitive3 } from "vaul";
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var DATE_MASK = "__/__/____";
 var TIME_MASK = "__:__";
 var MASK_REPLACEMENT = { _: /\d/ };
@@ -1180,7 +1210,7 @@ function DatePickerImpl({
     }
   };
   const canApply = withTime && !!pendingDate && !!parseStrict(pendingTime, TIME_FORMAT);
-  const trigger = /* @__PURE__ */ jsxs10("div", { ref: triggerRef, className: "relative", children: [
+  const trigger = /* @__PURE__ */ jsxs11("div", { ref: triggerRef, className: "relative", children: [
     /* @__PURE__ */ jsx12(
       InputMask,
       {
@@ -1215,7 +1245,7 @@ function DatePickerImpl({
       }
     )
   ] });
-  const content = /* @__PURE__ */ jsxs10("div", { className: withTime ? "p-3" : "", children: [
+  const content = /* @__PURE__ */ jsxs11("div", { className: withTime ? "p-3" : "", children: [
     /* @__PURE__ */ jsx12(
       DayPicker,
       {
@@ -1234,8 +1264,8 @@ function DatePickerImpl({
         components: calendarComponents
       }
     ),
-    withTime && /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsxs10("div", { className: "mt-2 flex items-center gap-2 border-t pt-3", children: [
+    withTime && /* @__PURE__ */ jsxs11(Fragment5, { children: [
+      /* @__PURE__ */ jsxs11("div", { className: "mt-2 flex items-center gap-2 border-t pt-3", children: [
         /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: "Hor\xE1rio" }),
         /* @__PURE__ */ jsx12(
           InputMask,
@@ -1263,7 +1293,7 @@ function DatePickerImpl({
     ] })
   ] });
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs10(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
+    return /* @__PURE__ */ jsxs11(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx12(PopoverPrimitive3.Anchor, { asChild: true, children: trigger }),
       /* @__PURE__ */ jsx12(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ jsx12(
         PopoverPrimitive3.Content,
@@ -1280,11 +1310,11 @@ function DatePickerImpl({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs10(DrawerPrimitive3.Root, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxs11(DrawerPrimitive3.Root, { open, onOpenChange: setOpen, children: [
     trigger,
-    /* @__PURE__ */ jsxs10(DrawerPrimitive3.Portal, { children: [
+    /* @__PURE__ */ jsxs11(DrawerPrimitive3.Portal, { children: [
       /* @__PURE__ */ jsx12(DrawerPrimitive3.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxs11(
         DrawerPrimitive3.Content,
         {
           onOpenAutoFocus: (event) => event.preventDefault(),
@@ -1310,9 +1340,9 @@ function DateTimePicker(props) {
 }
 
 // src/components/empty-state.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function EmptyState({ icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs11("div", { className: `flex flex-col items-center justify-center py-16 text-center ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs12("div", { className: `flex flex-col items-center justify-center py-16 text-center ${className ?? ""}`, children: [
     icon && /* @__PURE__ */ jsx13("div", { className: "mb-4 text-muted-foreground", children: icon }),
     /* @__PURE__ */ jsx13("h3", { className: "text-lg font-semibold tracking-tight", children: title }),
     description && /* @__PURE__ */ jsx13("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
@@ -1325,7 +1355,7 @@ import * as PopoverPrimitive4 from "@radix-ui/react-popover";
 import { ChevronDown as ChevronDown2, X as X3 } from "lucide-react";
 import * as React7 from "react";
 import { Drawer as DrawerPrimitive4 } from "vaul";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function FilterToolbar({
   children,
   isFilterActive = false,
@@ -1333,7 +1363,7 @@ function FilterToolbar({
   clearLabel = "Limpar filtros",
   className
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -1342,7 +1372,7 @@ function FilterToolbar({
       ),
       children: [
         children,
-        isFilterActive && onClear && /* @__PURE__ */ jsxs12(
+        isFilterActive && onClear && /* @__PURE__ */ jsxs13(
           "button",
           {
             type: "button",
@@ -1372,7 +1402,7 @@ function FilterPopover({
   const isDesktop = useIsDesktop();
   const close = React7.useCallback(() => setOpen(false), []);
   const content = typeof children === "function" ? children({ close }) : children;
-  const trigger = /* @__PURE__ */ jsxs12(
+  const trigger = /* @__PURE__ */ jsxs13(
     "button",
     {
       type: "button",
@@ -1390,7 +1420,7 @@ function FilterPopover({
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs12(PopoverPrimitive4.Root, { open, onOpenChange: setOpen, children: [
+    return /* @__PURE__ */ jsxs13(PopoverPrimitive4.Root, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx14(PopoverPrimitive4.Trigger, { asChild: true, children: trigger }),
       /* @__PURE__ */ jsx14(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsx14(
         PopoverPrimitive4.Content,
@@ -1412,11 +1442,11 @@ function FilterPopover({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs12(DrawerPrimitive4.Root, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxs13(DrawerPrimitive4.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx14(DrawerPrimitive4.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs12(DrawerPrimitive4.Portal, { children: [
+    /* @__PURE__ */ jsxs13(DrawerPrimitive4.Portal, { children: [
       /* @__PURE__ */ jsx14(DrawerPrimitive4.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs12(DrawerPrimitive4.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85dvh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
+      /* @__PURE__ */ jsxs13(DrawerPrimitive4.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85dvh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
         /* @__PURE__ */ jsx14(DrawerPrimitive4.Title, { className: "sr-only", children: title ?? label }),
         /* @__PURE__ */ jsx14("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         /* @__PURE__ */ jsx14("div", { className: "overflow-y-auto p-2", children: content })
@@ -1443,10 +1473,10 @@ function FilterOptionList({
       selected.includes(optionValue) ? selected.filter((v) => v !== optionValue) : [...selected, optionValue]
     );
   };
-  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col p-1", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col p-1", children: [
     options.map((option) => {
       const isChecked = selected.includes(option.value);
-      return /* @__PURE__ */ jsxs12(
+      return /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -1482,7 +1512,7 @@ function FilterOptionList({
 }
 
 // src/components/form-dialog.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function FormDialogLayout({
   title,
   children,
@@ -1493,10 +1523,10 @@ function FormDialogLayout({
   isSubmitting = false,
   isDisabled = false
 }) {
-  return /* @__PURE__ */ jsxs13("form", { onSubmit, children: [
+  return /* @__PURE__ */ jsxs14("form", { onSubmit, children: [
     /* @__PURE__ */ jsx15("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: /* @__PURE__ */ jsx15("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }) }),
     /* @__PURE__ */ jsx15("div", { className: "space-y-4 py-4", children }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
       /* @__PURE__ */ jsx15(
         "button",
         {
@@ -1534,7 +1564,7 @@ function FormDialog({ onSubmit, ...rest }) {
 
 // src/components/form-field.tsx
 import { cloneElement, isValidElement, useId } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function FormField({ label, htmlFor, error, required, children, className }) {
   const errorId = useId();
   const field = error && isValidElement(children) ? cloneElement(children, {
@@ -1544,8 +1574,8 @@ function FormField({ label, htmlFor, error, required, children, className }) {
       errorId
     ].filter(Boolean).join(" ")
   }) : children;
-  return /* @__PURE__ */ jsxs14("div", { className: `space-y-2 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs15(
       "label",
       {
         htmlFor,
@@ -1588,7 +1618,7 @@ function HighlightPill({
 
 // src/components/mobile-card-list.tsx
 import { useRef as useRef4 } from "react";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var SCROLL_THRESHOLD = 8;
 function MobileCardList({
   data,
@@ -1619,13 +1649,13 @@ function MobileCardList({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx18("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx18("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+    return /* @__PURE__ */ jsx18("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx18("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex justify-between", children: [
         /* @__PURE__ */ jsx18("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
         /* @__PURE__ */ jsx18("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
       ] }),
       /* @__PURE__ */ jsx18("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex justify-between", children: [
         /* @__PURE__ */ jsx18("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
         /* @__PURE__ */ jsx18("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
       ] })
@@ -1733,11 +1763,11 @@ function useTheme() {
 }
 
 // src/components/mode-toggle.tsx
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function ModeToggle() {
   const { setTheme } = useTheme();
-  return /* @__PURE__ */ jsxs16(DropdownMenu2.Root, { children: [
-    /* @__PURE__ */ jsx20(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(DropdownMenu2.Root, { children: [
+    /* @__PURE__ */ jsx20(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
       "button",
       {
         type: "button",
@@ -1749,13 +1779,13 @@ function ModeToggle() {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx20(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsx20(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs17(
       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__ */ jsxs16(
+          /* @__PURE__ */ jsxs17(
             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",
@@ -1766,7 +1796,7 @@ function ModeToggle() {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs17(
             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",
@@ -1777,7 +1807,7 @@ function ModeToggle() {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs17(
             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",
@@ -1800,7 +1830,7 @@ import { Command as CommandPrimitive2 } from "cmdk";
 import { Check as Check2, ChevronsUpDown as ChevronsUpDown3, Loader2 as Loader22, Search as Search2, X as X4 } from "lucide-react";
 import * as React8 from "react";
 import { Drawer as DrawerPrimitive5 } from "vaul";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function MultiCombobox({
   options,
   value,
@@ -1851,7 +1881,7 @@ function MultiCombobox({
   const removeValue = (optionValue) => {
     onChange(value.filter((v) => v !== optionValue));
   };
-  const trigger = /* @__PURE__ */ jsxs17(
+  const trigger = /* @__PURE__ */ jsxs18(
     "div",
     {
       id,
@@ -1873,7 +1903,7 @@ function MultiCombobox({
         className
       ),
       children: [
-        selected.length === 0 ? /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ jsxs17(
+        selected.length === 0 ? /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ jsxs18(
           "span",
           {
             title: option.description,
@@ -1903,13 +1933,14 @@ function MultiCombobox({
       ]
     }
   );
-  const command = /* @__PURE__ */ jsxs17(
+  const command = /* @__PURE__ */ jsxs18(
     CommandPrimitive2,
     {
       shouldFilter: !isServer,
+      filter: filterByKeywords,
       className: "flex h-full w-full flex-col overflow-hidden",
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center border-b px-3", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center border-b px-3", children: [
           /* @__PURE__ */ jsx21(Search2, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
           /* @__PURE__ */ jsx21(
             CommandPrimitive2.Input,
@@ -1920,18 +1951,18 @@ function MultiCombobox({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18(
           CommandPrimitive2.List,
           {
             ref: listRef,
             className: "max-h-[50dvh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
             children: [
               !isServer && /* @__PURE__ */ jsx21(CommandPrimitive2.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              options.map((option) => /* @__PURE__ */ jsxs17(
+              options.map((option) => /* @__PURE__ */ jsxs18(
                 CommandPrimitive2.Item,
                 {
-                  value: isServer ? option.value : option.label,
-                  keywords: option.description ? [option.description] : void 0,
+                  value: option.value,
+                  keywords: optionKeywords(option),
                   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",
@@ -1960,7 +1991,7 @@ function MultiCombobox({
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs17(PopoverPrimitive5.Root, { open, onOpenChange: handleOpenChange, children: [
+    return /* @__PURE__ */ jsxs18(PopoverPrimitive5.Root, { open, onOpenChange: handleOpenChange, children: [
       /* @__PURE__ */ jsx21(PopoverPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
       /* @__PURE__ */ jsx21(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ jsx21(
         PopoverPrimitive5.Content,
@@ -1974,11 +2005,11 @@ function MultiCombobox({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs17(DrawerPrimitive5.Root, { open, onOpenChange: handleOpenChange, children: [
+  return /* @__PURE__ */ jsxs18(DrawerPrimitive5.Root, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx21(DrawerPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
-    /* @__PURE__ */ jsxs17(DrawerPrimitive5.Portal, { children: [
+    /* @__PURE__ */ jsxs18(DrawerPrimitive5.Portal, { children: [
       /* @__PURE__ */ jsx21(DrawerPrimitive5.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs17(DrawerPrimitive5.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85dvh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
+      /* @__PURE__ */ jsxs18(DrawerPrimitive5.Content, { className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85dvh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
         /* @__PURE__ */ jsx21(DrawerPrimitive5.Title, { className: "sr-only", children: placeholder }),
         /* @__PURE__ */ jsx21("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         command
@@ -1988,14 +2019,14 @@ function MultiCombobox({
 }
 
 // src/components/page-header.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function PageHeader({ title, description, action, className }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: `flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx22("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
           description && /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
@@ -2007,7 +2038,7 @@ function PageHeader({ title, description, action, className }) {
 
 // src/components/pagination.tsx
 import { useId as useId2, useState as useState11 } from "react";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var navButtonClass2 = "inline-flex h-8 max-sm:h-10 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,
@@ -2022,12 +2053,12 @@ function Pagination({
   pageSizeOptions,
   className
 }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: `flex flex-wrap items-center ${showPageSizeSelector ? "justify-between" : "justify-end"} gap-x-4 gap-y-2 ${className ?? ""}`,
       children: [
-        showPageSizeSelector && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        showPageSizeSelector && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx23("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
           /* @__PURE__ */ jsx23(
             "select",
@@ -2040,7 +2071,7 @@ function Pagination({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-4", children: [
           /* @__PURE__ */ jsx23(
             "button",
             {
@@ -2051,7 +2082,7 @@ function Pagination({
               children: "Anterior"
             }
           ),
-          showPageJump && totalPages !== void 0 ? /* @__PURE__ */ jsx23(PageJumpInput, { page, totalPages, onPageChange }) : /* @__PURE__ */ jsxs19("span", { className: "text-sm text-muted-foreground", children: [
+          showPageJump && totalPages !== void 0 ? /* @__PURE__ */ jsx23(PageJumpInput, { page, totalPages, onPageChange }) : /* @__PURE__ */ jsxs20("span", { className: "text-sm text-muted-foreground", children: [
             "P\xE1gina ",
             page,
             totalPages ? ` de ${totalPages}` : ""
@@ -2086,7 +2117,7 @@ function PageJumpInput({ page, totalPages, onPageChange }) {
     const target = Math.max(1, Math.min(Number(draft), totalPages));
     if (target !== page) onPageChange(target);
   };
-  return /* @__PURE__ */ jsxs19("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm text-muted-foreground", children: [
     /* @__PURE__ */ jsx23("label", { htmlFor: inputId, className: "max-sm:sr-only", children: "P\xE1gina" }),
     /* @__PURE__ */ jsx23(
       "input",
@@ -2109,7 +2140,7 @@ function PageJumpInput({ page, totalPages, onPageChange }) {
         className: "h-8 max-sm:h-10 rounded-md border border-input bg-background px-1.5 text-center text-xs font-medium tabular-nums text-foreground shadow-sm transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
       }
     ),
-    /* @__PURE__ */ jsxs19("span", { children: [
+    /* @__PURE__ */ jsxs20("span", { children: [
       "de ",
       totalPages
     ] })
@@ -2119,10 +2150,10 @@ function PageJumpInput({ page, totalPages, onPageChange }) {
 // src/components/password-input.tsx
 import { Eye, EyeOff } from "lucide-react";
 import * as React9 from "react";
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props }, ref) => {
   const [visible, setVisible] = React9.useState(false);
-  return /* @__PURE__ */ jsxs20("div", { className: `relative ${containerClassName ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs21("div", { className: `relative ${containerClassName ?? ""}`, children: [
     /* @__PURE__ */ jsx24(
       "input",
       {
@@ -2148,7 +2179,7 @@ var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props
 PasswordInput.displayName = "PasswordInput";
 
 // src/components/progress-bar.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var sizeClasses3 = {
   sm: "h-1.5",
   md: "h-2"
@@ -2162,8 +2193,8 @@ function ProgressBar({
   indicatorClassName
 }) {
   const clamped = Math.min(100, Math.max(0, value));
-  return /* @__PURE__ */ jsxs21("div", { className: `space-y-1.5 ${className ?? ""}`, children: [
-    (label || valueLabel) && /* @__PURE__ */ jsxs21("div", { className: "flex items-baseline justify-between gap-2", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: `space-y-1.5 ${className ?? ""}`, children: [
+    (label || valueLabel) && /* @__PURE__ */ jsxs22("div", { className: "flex items-baseline justify-between gap-2", children: [
       label && /* @__PURE__ */ jsx25("span", { className: "text-sm text-muted-foreground", children: label }),
       valueLabel && /* @__PURE__ */ jsx25("span", { className: "text-sm font-semibold", children: valueLabel })
     ] }),
@@ -2184,7 +2215,7 @@ function ProgressBar({
 }
 
 // src/components/responsive-data-view.tsx
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var BREAKPOINT_CLASSES = {
   md: { table: "md:block", cards: "md:hidden" },
   lg: { table: "lg:block", cards: "lg:hidden" },
@@ -2216,7 +2247,7 @@ function ResponsiveDataView({
   }
   const busyClass = isBusy && "pointer-events-none opacity-50";
   const visibility = BREAKPOINT_CLASSES[breakpoint];
-  return /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx26(
       "div",
       {
@@ -2239,7 +2270,7 @@ import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
 import { ChevronRight as ChevronRight3, MoreVertical } from "lucide-react";
 import { useState as useState13 } from "react";
 import { Drawer as DrawerPrimitive6 } from "vaul";
-import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var triggerClass = "inline-flex h-8 w-8 max-sm:h-10 max-sm:w-10 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";
@@ -2264,7 +2295,7 @@ function RowActionsMenu({
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs23(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
+    return /* @__PURE__ */ jsxs24(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
       /* @__PURE__ */ jsx27(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
       /* @__PURE__ */ jsx27(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx27(
         DropdownMenu3.Content,
@@ -2278,8 +2309,8 @@ function RowActionsMenu({
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
             if (action.children?.length) {
-              return /* @__PURE__ */ jsxs23(DropdownMenu3.Sub, { children: [
-                /* @__PURE__ */ jsxs23(
+              return /* @__PURE__ */ jsxs24(DropdownMenu3.Sub, { children: [
+                /* @__PURE__ */ jsxs24(
                   DropdownMenu3.SubTrigger,
                   {
                     className: cls,
@@ -2296,7 +2327,7 @@ function RowActionsMenu({
                   {
                     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__ */ jsxs23(
+                    children: action.children.map((child) => /* @__PURE__ */ jsxs24(
                       DropdownMenu3.Item,
                       {
                         className: cn(
@@ -2324,14 +2355,14 @@ function RowActionsMenu({
                 children: renderLink({
                   href: action.href,
                   className: cls,
-                  children: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+                  children: /* @__PURE__ */ jsxs24(Fragment6, { children: [
                     action.icon,
                     action.label
                   ] })
                 })
               },
               action.label
-            ) : /* @__PURE__ */ jsxs23(
+            ) : /* @__PURE__ */ jsxs24(
               DropdownMenu3.Item,
               {
                 className: cls,
@@ -2349,11 +2380,11 @@ function RowActionsMenu({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs23(DrawerPrimitive6.Root, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxs24(DrawerPrimitive6.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx27(DrawerPrimitive6.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs23(DrawerPrimitive6.Portal, { children: [
+    /* @__PURE__ */ jsxs24(DrawerPrimitive6.Portal, { children: [
       /* @__PURE__ */ jsx27(DrawerPrimitive6.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs23(DrawerPrimitive6.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__ */ jsxs24(DrawerPrimitive6.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__ */ jsx27(DrawerPrimitive6.Title, { className: "sr-only", children: label }),
         /* @__PURE__ */ jsx27("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         actions.map((action) => {
@@ -2361,18 +2392,18 @@ function RowActionsMenu({
             sheetItemClass2,
             action.destructive && "text-destructive"
           );
-          const inner = /* @__PURE__ */ jsxs23(Fragment6, { children: [
+          const inner = /* @__PURE__ */ jsxs24(Fragment6, { children: [
             action.icon,
             action.label
           ] });
           if (action.children?.length) {
-            return /* @__PURE__ */ jsxs23("div", { children: [
+            return /* @__PURE__ */ jsxs24("div", { children: [
               /* @__PURE__ */ jsx27("div", { className: "mx-3 my-1 h-px bg-border" }),
-              /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 px-3 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs24("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__ */ jsxs23(
+              action.children.map((child) => /* @__PURE__ */ jsxs24(
                 "button",
                 {
                   type: "button",
@@ -2429,11 +2460,11 @@ function RowActionsMenu({
 
 // src/components/search-input.tsx
 import * as React10 from "react";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var SearchInput = React10.forwardRef(
   ({ containerClassName, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs24("div", { className: cn("relative flex-1", containerClassName), children: [
-      /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs25("div", { className: cn("relative flex-1", containerClassName), children: [
+      /* @__PURE__ */ jsxs25(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2471,11 +2502,11 @@ var SearchInput = React10.forwardRef(
 SearchInput.displayName = "SearchInput";
 
 // src/components/stat-card.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function StatCard({ label, value, detail, icon, isLoading }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsxs25("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between pb-2", children: [
+    return /* @__PURE__ */ jsxs26("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between pb-2", children: [
         /* @__PURE__ */ jsx29("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
         /* @__PURE__ */ jsx29("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
       ] }),
@@ -2483,8 +2514,8 @@ function StatCard({ label, value, detail, icon, isLoading }) {
       /* @__PURE__ */ jsx29("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
     ] });
   }
-  return /* @__PURE__ */ jsxs25("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-    /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between pb-2", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between pb-2", children: [
       /* @__PURE__ */ jsx29("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
       icon && /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: icon })
     ] }),
@@ -2494,7 +2525,7 @@ function StatCard({ label, value, detail, icon, isLoading }) {
 }
 
 // src/components/status-badge.tsx
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var variantClasses = {
   neutral: {
     badge: "bg-[var(--status-neutral-surface,#f3f4f6)] text-[var(--status-neutral-text,#374151)]",
@@ -2524,7 +2555,7 @@ function StatusBadge({
   children
 }) {
   const classes = variantClasses[variant];
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "span",
     {
       className: `inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 text-xs font-medium ${classes.badge} ${className ?? ""}`,
@@ -2542,9 +2573,9 @@ function StatusBadge({
 }
 
 // src/components/status-dot.tsx
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function StatusDot({ active, label, className }) {
-  return /* @__PURE__ */ jsxs27("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs28("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
     /* @__PURE__ */ jsx31(
       "span",
       {
@@ -2639,7 +2670,7 @@ function useVersionCheck({
 }
 
 // src/components/update-banner.tsx
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function UpdateBanner({
   title = "Nova vers\xE3o dispon\xEDvel",
   description = "Atualize para continuar na vers\xE3o mais recente.",
@@ -2649,7 +2680,7 @@ function UpdateBanner({
 }) {
   const { updateAvailable, reload } = useVersionCheck(options);
   if (!updateAvailable) return null;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       role: "status",
@@ -2660,7 +2691,7 @@ function UpdateBanner({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs28("span", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxs29("span", { className: "flex min-w-0 items-center gap-2", children: [
           /* @__PURE__ */ jsx34(RefreshCw, { className: "h-4 w-4 shrink-0 animate-spin [animation-duration:3s]", "aria-hidden": true }),
           /* @__PURE__ */ jsx34("span", { className: "font-medium", children: title }),
           /* @__PURE__ */ jsx34("span", { className: "hidden truncate opacity-80 sm:inline", children: description })