@motor-hero/ui-kit 0.36.2 → 0.37.0

package/dist/index.js

@@ -575,6 +575,88 @@ 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";
+var MAX_STARS = 5;
+var sizeClasses2 = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+function defaultLabel(value) {
+  return value > 0 ? `Avalia\xE7\xE3o: ${value} de ${MAX_STARS} estrelas` : "Avalia\xE7\xE3o: sem nota";
+}
+function Rating({
+  value = 0,
+  onChange,
+  readOnly = false,
+  size = "md",
+  className,
+  "aria-label": ariaLabel
+}) {
+  const clamped = Math.min(MAX_STARS, Math.max(0, value));
+  const label = ariaLabel ?? defaultLabel(clamped);
+  if (readOnly) {
+    return /* @__PURE__ */ jsx8(
+      "div",
+      {
+        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"
+            )
+          },
+          index
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx8(
+    ToggleGroup.Root,
+    {
+      type: "single",
+      value: clamped > 0 ? String(clamped) : "",
+      onValueChange: (next) => {
+        if (next) onChange?.(Number(next));
+      },
+      "aria-label": label,
+      className: cn("inline-flex items-center gap-0.5", className),
+      children: Array.from({ length: MAX_STARS }, (_, index) => {
+        const starValue = index + 1;
+        const filled = starValue <= clamped;
+        return /* @__PURE__ */ jsx8(
+          ToggleGroup.Item,
+          {
+            value: String(starValue),
+            "aria-label": `${starValue} ${starValue === 1 ? "estrela" : "estrelas"}`,
+            className: "inline-flex cursor-pointer items-center justify-center rounded-sm bg-transparent p-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            children: /* @__PURE__ */ jsx8(
+              Star,
+              {
+                "aria-hidden": true,
+                className: cn(
+                  sizeClasses2[size],
+                  "transition-colors",
+                  filled ? "fill-amber-400 text-amber-400" : "text-muted-foreground hover:text-amber-400"
+                )
+              }
+            )
+          },
+          starValue
+        );
+      })
+    }
+  );
+}
+
 // src/components/combobox.tsx
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 import { Command as CommandPrimitive } from "cmdk";
@@ -617,7 +699,7 @@ function useInfiniteScrollSentinel({
 }
 
 // src/components/combobox.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Combobox({
   options,
   value,
@@ -636,7 +718,8 @@ function Combobox({
   hasMore,
   selectedOption,
   creatable,
-  formatCreateLabel
+  formatCreateLabel,
+  deselectable
 }) {
   const [open, setOpen] = React5.useState(false);
   const [search, setSearch] = React5.useState("");
@@ -648,7 +731,7 @@ function Combobox({
     if (!next) setSearch("");
   };
   const handleSelect = (next) => {
-    onChange(next);
+    onChange(deselectable && next === value ? "" : next);
     handleOpenChange(false);
   };
   const handleSearchChange = (next) => {
@@ -679,8 +762,8 @@ function Combobox({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx8("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }),
-        /* @__PURE__ */ jsx8(ChevronsUpDown2, { className: "h-4 w-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx9("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }),
+        /* @__PURE__ */ jsx9(ChevronsUpDown2, { className: "h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -691,8 +774,8 @@ function Combobox({
       className: "flex h-full w-full flex-col overflow-hidden",
       children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ jsx8(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+          /* @__PURE__ */ jsx9(
             CommandPrimitive.Input,
             {
               placeholder: searchPlaceholder,
@@ -707,7 +790,7 @@ function Combobox({
             ref: listRef,
             className: "max-h-[50vh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
             children: [
-              !isServer && !showCreate && /* @__PURE__ */ jsx8(CommandPrimitive.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              !isServer && !showCreate && /* @__PURE__ */ jsx9(CommandPrimitive.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
               showCreate && /* @__PURE__ */ jsxs7(
                 CommandPrimitive.Item,
                 {
@@ -715,8 +798,8 @@ function Combobox({
                   onSelect: () => handleSelect(trimmedSearch),
                   className: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-2.5 text-sm outline-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground sm:py-1.5",
                   children: [
-                    /* @__PURE__ */ jsx8(Plus, { className: "h-4 w-4 shrink-0" }),
-                    /* @__PURE__ */ jsx8("span", { className: "truncate", children: (formatCreateLabel ?? ((text) => `Usar "${text}"`))(
+                    /* @__PURE__ */ jsx9(Plus, { className: "h-4 w-4 shrink-0" }),
+                    /* @__PURE__ */ jsx9("span", { className: "truncate", children: (formatCreateLabel ?? ((text) => `Usar "${text}"`))(
                       trimmedSearch
                     ) })
                   ]
@@ -730,7 +813,7 @@ function Combobox({
                   onSelect: () => handleSelect(option.value),
                   className: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-2.5 text-sm outline-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 sm:py-1.5",
                   children: [
-                    /* @__PURE__ */ jsx8(
+                    /* @__PURE__ */ jsx9(
                       Check,
                       {
                         className: cn(
@@ -739,14 +822,14 @@ function Combobox({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx8("span", { className: "truncate", children: option.label })
+                    /* @__PURE__ */ jsx9("span", { className: "truncate", children: option.label })
                   ]
                 },
                 option.value
               )),
-              isServer && !loading && options.length === 0 && /* @__PURE__ */ jsx8("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              isServer && loading && /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx8(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
-              isServer && hasMore && /* @__PURE__ */ jsx8("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
+              isServer && !loading && options.length === 0 && /* @__PURE__ */ jsx9("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              isServer && loading && /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx9(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
+              isServer && hasMore && /* @__PURE__ */ jsx9("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
             ]
           }
         )
@@ -755,8 +838,8 @@ function Combobox({
   );
   if (isDesktop) {
     return /* @__PURE__ */ jsxs7(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx8(PopoverPrimitive2.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx8(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(PopoverPrimitive2.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx9(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx9(
         PopoverPrimitive2.Content,
         {
           align: "start",
@@ -769,12 +852,12 @@ function Combobox({
     ] });
   }
   return /* @__PURE__ */ jsxs7(DrawerPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx8(DrawerPrimitive2.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx9(DrawerPrimitive2.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs7(DrawerPrimitive2.Portal, { children: [
-      /* @__PURE__ */ jsx8(DrawerPrimitive2.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__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-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ jsx8(DrawerPrimitive2.Title, { className: "sr-only", children: placeholder }),
-        /* @__PURE__ */ jsx8("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        /* @__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
       ] })
     ] })
@@ -783,7 +866,7 @@ function Combobox({
 
 // src/components/confirm-dialog.tsx
 import * as AlertDialog from "@radix-ui/react-alert-dialog";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -797,8 +880,8 @@ function ConfirmDialog({
   blurBackdrop = true,
   backdropClassName
 }) {
-  return /* @__PURE__ */ jsx9(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs8(AlertDialog.Portal, { children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs8(AlertDialog.Portal, { children: [
+    /* @__PURE__ */ jsx10(
       AlertDialog.Overlay,
       {
         className: cn(
@@ -810,12 +893,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__ */ jsx9(AlertDialog.Title, { className: "text-lg font-semibold", children: title }),
-        /* @__PURE__ */ jsx9(AlertDialog.Description, { className: "text-sm text-muted-foreground", children: description })
+        /* @__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__ */ jsx9(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__ */ jsx9(
+        /* @__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,
           {
             onClick: onConfirm,
@@ -830,7 +913,7 @@ function ConfirmDialog({
 }
 
 // src/components/data-table-wrapper.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function DataTableWrapper({
   children,
   isEmpty,
@@ -844,14 +927,14 @@ function DataTableWrapper({
   hasPreviousPage = false
 }) {
   return /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx10("div", { className: "overflow-x-auto rounded-md border", 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: [
-      emptyIcon && /* @__PURE__ */ jsx10("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
-      /* @__PURE__ */ jsx10("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
-      emptyDescription && /* @__PURE__ */ jsx10("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+      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: [
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -865,7 +948,7 @@ function DataTableWrapper({
         "P\xE1gina ",
         page
       ] }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -888,7 +971,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 jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var DATE_MASK = "__/__/____";
 var TIME_MASK = "__:__";
 var MASK_REPLACEMENT = { _: /\d/ };
@@ -955,9 +1038,9 @@ var calendarClassNames = {
 };
 var calendarComponents = {
   Chevron: ({ orientation }) => {
-    if (orientation === "left") return /* @__PURE__ */ jsx11(ChevronLeft2, { className: "size-4" });
-    if (orientation === "right") return /* @__PURE__ */ jsx11(ChevronRight2, { className: "size-4" });
-    return /* @__PURE__ */ jsx11(ChevronDown, { className: "size-4" });
+    if (orientation === "left") return /* @__PURE__ */ jsx12(ChevronLeft2, { className: "size-4" });
+    if (orientation === "right") return /* @__PURE__ */ jsx12(ChevronRight2, { className: "size-4" });
+    return /* @__PURE__ */ jsx12(ChevronDown, { className: "size-4" });
   }
 };
 var formatMonthDropdown = (date) => date.toLocaleString("pt-BR", { month: "short" });
@@ -1043,7 +1126,7 @@ function DatePickerImpl({
   };
   const canApply = withTime && !!pendingDate && !!parseStrict(pendingTime, TIME_FORMAT);
   const trigger = /* @__PURE__ */ jsxs10("div", { ref: triggerRef, className: "relative", children: [
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       InputMask,
       {
         id,
@@ -1063,7 +1146,7 @@ function DatePickerImpl({
         className: cn(triggerInputClass, className)
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
@@ -1073,12 +1156,12 @@ function DatePickerImpl({
         "aria-expanded": open,
         onClick: () => setOpen(!open),
         className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-colors hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-        children: withTime ? /* @__PURE__ */ jsx11(Clock, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(CalendarIcon, { className: "h-4 w-4" })
+        children: withTime ? /* @__PURE__ */ jsx12(Clock, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx12(CalendarIcon, { className: "h-4 w-4" })
       }
     )
   ] });
   const content = /* @__PURE__ */ jsxs10("div", { className: withTime ? "p-3" : "", children: [
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       DayPicker,
       {
         mode: "single",
@@ -1098,8 +1181,8 @@ function DatePickerImpl({
     ),
     withTime && /* @__PURE__ */ jsxs10(Fragment5, { children: [
       /* @__PURE__ */ jsxs10("div", { className: "mt-2 flex items-center gap-2 border-t pt-3", children: [
-        /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: "Hor\xE1rio" }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: "Hor\xE1rio" }),
+        /* @__PURE__ */ jsx12(
           InputMask,
           {
             mask: TIME_MASK,
@@ -1112,7 +1195,7 @@ function DatePickerImpl({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -1126,8 +1209,8 @@ function DatePickerImpl({
   ] });
   if (isDesktop) {
     return /* @__PURE__ */ jsxs10(PopoverPrimitive3.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx11(PopoverPrimitive3.Anchor, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx11(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(PopoverPrimitive3.Anchor, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx12(PopoverPrimitive3.Portal, { children: /* @__PURE__ */ jsx12(
         PopoverPrimitive3.Content,
         {
           align: "start",
@@ -1145,7 +1228,7 @@ function DatePickerImpl({
   return /* @__PURE__ */ jsxs10(DrawerPrimitive3.Root, { open, onOpenChange: setOpen, children: [
     trigger,
     /* @__PURE__ */ jsxs10(DrawerPrimitive3.Portal, { children: [
-      /* @__PURE__ */ jsx11(DrawerPrimitive3.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ jsx12(DrawerPrimitive3.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
       /* @__PURE__ */ jsxs10(
         DrawerPrimitive3.Content,
         {
@@ -1155,9 +1238,9 @@ function DatePickerImpl({
           },
           className: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none",
           children: [
-            /* @__PURE__ */ jsx11(DrawerPrimitive3.Title, { className: "sr-only", children: withTime ? "Selecione a data e o hor\xE1rio" : "Selecione a data" }),
-            /* @__PURE__ */ jsx11("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
-            /* @__PURE__ */ jsx11("div", { className: "flex justify-center overflow-y-auto pb-4", children: content })
+            /* @__PURE__ */ jsx12(DrawerPrimitive3.Title, { className: "sr-only", children: withTime ? "Selecione a data e o hor\xE1rio" : "Selecione a data" }),
+            /* @__PURE__ */ jsx12("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+            /* @__PURE__ */ jsx12("div", { className: "flex justify-center overflow-y-auto pb-4", children: content })
           ]
         }
       )
@@ -1165,20 +1248,20 @@ function DatePickerImpl({
   ] });
 }
 function DatePicker(props) {
-  return /* @__PURE__ */ jsx11(DatePickerImpl, { ...props });
+  return /* @__PURE__ */ jsx12(DatePickerImpl, { ...props });
 }
 function DateTimePicker(props) {
-  return /* @__PURE__ */ jsx11(DatePickerImpl, { ...props, withTime: true });
+  return /* @__PURE__ */ jsx12(DatePickerImpl, { ...props, withTime: true });
 }
 
 // src/components/empty-state.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } 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: [
-    icon && /* @__PURE__ */ jsx12("div", { className: "mb-4 text-muted-foreground", children: icon }),
-    /* @__PURE__ */ jsx12("h3", { className: "text-lg font-semibold tracking-tight", children: title }),
-    description && /* @__PURE__ */ jsx12("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
-    action && /* @__PURE__ */ jsx12("div", { className: "mt-4", children: action })
+    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 }),
+    action && /* @__PURE__ */ jsx13("div", { className: "mt-4", children: action })
   ] });
 }
 
@@ -1187,7 +1270,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 jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function FilterToolbar({
   children,
   isFilterActive = false,
@@ -1211,7 +1294,7 @@ function FilterToolbar({
             onClick: onClear,
             className: "inline-flex h-9 shrink-0 items-center justify-center gap-1.5 self-start rounded-md px-2.5 text-sm text-muted-foreground transition-colors hover:text-foreground sm:self-auto",
             children: [
-              /* @__PURE__ */ jsx13(X3, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx14(X3, { className: "h-4 w-4" }),
               clearLabel
             ]
           }
@@ -1244,17 +1327,17 @@ function FilterPopover({
         active ? "border-ring/60 text-foreground" : "text-muted-foreground"
       ),
       children: [
-        Icon && /* @__PURE__ */ jsx13(Icon, { className: "h-4 w-4 shrink-0 opacity-70" }),
-        /* @__PURE__ */ jsx13("span", { className: "truncate", children: label }),
-        active && badge != null && /* @__PURE__ */ jsx13("span", { className: "inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground", children: badge }),
-        /* @__PURE__ */ jsx13(ChevronDown2, { className: "h-4 w-4 shrink-0 opacity-50" })
+        Icon && /* @__PURE__ */ jsx14(Icon, { className: "h-4 w-4 shrink-0 opacity-70" }),
+        /* @__PURE__ */ jsx14("span", { className: "truncate", children: label }),
+        active && badge != null && /* @__PURE__ */ jsx14("span", { className: "inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground", children: badge }),
+        /* @__PURE__ */ jsx14(ChevronDown2, { className: "h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   );
   if (isDesktop) {
     return /* @__PURE__ */ jsxs12(PopoverPrimitive4.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx13(PopoverPrimitive4.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx13(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(PopoverPrimitive4.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx14(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsx14(
         PopoverPrimitive4.Content,
         {
           align,
@@ -1275,13 +1358,13 @@ function FilterPopover({
     ] });
   }
   return /* @__PURE__ */ jsxs12(DrawerPrimitive4.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx13(DrawerPrimitive4.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx14(DrawerPrimitive4.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs12(DrawerPrimitive4.Portal, { children: [
-      /* @__PURE__ */ jsx13(DrawerPrimitive4.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__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-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ jsx13(DrawerPrimitive4.Title, { className: "sr-only", children: title ?? label }),
-        /* @__PURE__ */ jsx13("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
-        /* @__PURE__ */ jsx13("div", { className: "overflow-y-auto p-2", children: content })
+        /* @__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 })
       ] })
     ] })
   ] });
@@ -1315,7 +1398,7 @@ function FilterOptionList({
           onClick: () => toggle(option.value),
           className: "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
           children: [
-            option.dotClassName && /* @__PURE__ */ jsx13(
+            option.dotClassName && /* @__PURE__ */ jsx14(
               "span",
               {
                 className: cn(
@@ -1324,14 +1407,14 @@ function FilterOptionList({
                 )
               }
             ),
-            /* @__PURE__ */ jsx13("span", { className: "flex-1 truncate", children: option.label }),
-            isChecked && /* @__PURE__ */ jsx13("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" })
+            /* @__PURE__ */ jsx14("span", { className: "flex-1 truncate", children: option.label }),
+            isChecked && /* @__PURE__ */ jsx14("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary" })
           ]
         },
         option.value
       );
     }),
-    clearable && hasSelection && /* @__PURE__ */ jsx13(
+    clearable && hasSelection && /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -1344,7 +1427,7 @@ function FilterOptionList({
 }
 
 // src/components/form-dialog.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function FormDialogLayout({
   title,
   children,
@@ -1356,10 +1439,10 @@ function FormDialogLayout({
   isDisabled = false
 }) {
   return /* @__PURE__ */ jsxs13("form", { onSubmit, children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: /* @__PURE__ */ jsx14("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }) }),
-    /* @__PURE__ */ jsx14("div", { className: "space-y-4 py-4", 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__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -1368,7 +1451,7 @@ function FormDialogLayout({
           children: cancelLabel
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "submit",
@@ -1381,18 +1464,18 @@ function FormDialogLayout({
   ] });
 }
 function FormDialog({ onSubmit, ...rest }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     BaseDialog,
     {
       ...rest,
-      contentWrapper: onSubmit ? (content) => /* @__PURE__ */ jsx14("form", { onSubmit, className: "flex min-h-0 flex-1 flex-col", children: content }) : void 0
+      contentWrapper: onSubmit ? (content) => /* @__PURE__ */ jsx15("form", { onSubmit, className: "flex min-h-0 flex-1 flex-col", children: content }) : void 0
     }
   );
 }
 
 // src/components/form-field.tsx
 import { cloneElement, isValidElement, useId } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function FormField({ label, htmlFor, error, required, children, className }) {
   const errorId = useId();
   const field = error && isValidElement(children) ? cloneElement(children, {
@@ -1410,18 +1493,18 @@ function FormField({ label, htmlFor, error, required, children, className }) {
         className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         children: [
           label,
-          required && /* @__PURE__ */ jsx15("span", { className: "ml-1 text-destructive", children: "*" })
+          required && /* @__PURE__ */ jsx16("span", { className: "ml-1 text-destructive", children: "*" })
         ]
       }
     ),
     field,
-    error && /* @__PURE__ */ jsx15("p", { id: errorId, className: "text-sm text-destructive", children: error })
+    error && /* @__PURE__ */ jsx16("p", { id: errorId, className: "text-sm text-destructive", children: error })
   ] });
 }
 
 // src/components/mobile-card-list.tsx
 import { useRef as useRef3 } from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var SCROLL_THRESHOLD = 8;
 function MobileCardList({
   data,
@@ -1452,26 +1535,26 @@ function MobileCardList({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx16("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx16("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
+    return /* @__PURE__ */ jsx17("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx17("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsx16("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ jsx16("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
+        /* @__PURE__ */ jsx17("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx17("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ jsx16("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx17("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
       /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsx16("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ jsx16("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
+        /* @__PURE__ */ jsx17("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx17("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
       ] })
     ] }) }, i)) });
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       className: `space-y-3 ${className ?? ""}`,
       onTouchStart,
       onTouchMove,
       onClickCapture,
-      children: data.map((item, index) => /* @__PURE__ */ jsx16(
+      children: data.map((item, index) => /* @__PURE__ */ jsx17(
         "div",
         {
           className: "rounded-xl border p-4 transition-all duration-150 hover:border-foreground/20 active:scale-[0.99]",
@@ -1516,7 +1599,7 @@ function applyCompanyTheme(root, companyTheme, mode) {
 }
 
 // src/components/theme-provider.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -1555,7 +1638,7 @@ function ThemeProvider({
       setTheme(theme2);
     }
   };
-  return /* @__PURE__ */ jsx17(ThemeProviderContext.Provider, { ...props, value, children });
+  return /* @__PURE__ */ jsx18(ThemeProviderContext.Provider, { ...props, value, children });
 }
 function useTheme() {
   const context = useContext(ThemeProviderContext);
@@ -1566,23 +1649,23 @@ function useTheme() {
 }
 
 // src/components/mode-toggle.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function ModeToggle() {
   const { setTheme } = useTheme();
   return /* @__PURE__ */ jsxs16(DropdownMenu2.Root, { children: [
-    /* @__PURE__ */ jsx18(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsx19(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
       "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__ */ jsx18(Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-          /* @__PURE__ */ jsx18(Moon, { className: "absolute inset-0 m-auto h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+          /* @__PURE__ */ jsx19(Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ jsx19(Moon, { className: "absolute inset-0 m-auto h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx18(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsx19(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs16(
       DropdownMenu2.Content,
       {
         align: "end",
@@ -1594,7 +1677,7 @@ function ModeToggle() {
               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__ */ jsx18(Sun, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx19(Sun, { className: "h-4 w-4" }),
                 " Claro"
               ]
             }
@@ -1605,7 +1688,7 @@ function ModeToggle() {
               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__ */ jsx18(Moon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx19(Moon, { className: "h-4 w-4" }),
                 " Escuro"
               ]
             }
@@ -1616,7 +1699,7 @@ function ModeToggle() {
               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__ */ jsx18(Monitor, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx19(Monitor, { className: "h-4 w-4" }),
                 " Sistema"
               ]
             }
@@ -1633,7 +1716,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 jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function MultiCombobox({
   options,
   value,
@@ -1696,13 +1779,13 @@ function MultiCombobox({
         className
       ),
       children: [
-        selected.length === 0 ? /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ jsxs17(
+        selected.length === 0 ? /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: placeholder }) : selected.map((option) => /* @__PURE__ */ jsxs17(
           "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__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 "button",
                 {
                   type: "button",
@@ -1714,14 +1797,14 @@ 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__ */ jsx19(X4, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx20(X4, { className: "h-3 w-3" })
                 }
               )
             ]
           },
           option.value
         )),
-        /* @__PURE__ */ jsx19(ChevronsUpDown3, { className: "ml-auto h-4 w-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx20(ChevronsUpDown3, { className: "ml-auto h-4 w-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -1732,8 +1815,8 @@ function MultiCombobox({
       className: "flex h-full w-full flex-col overflow-hidden",
       children: [
         /* @__PURE__ */ jsxs17("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ jsx19(Search2, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(Search2, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+          /* @__PURE__ */ jsx20(
             CommandPrimitive2.Input,
             {
               placeholder: searchPlaceholder,
@@ -1748,7 +1831,7 @@ function MultiCombobox({
             ref: listRef,
             className: "max-h-[50vh] overflow-y-auto overflow-x-hidden p-1 sm:max-h-60",
             children: [
-              !isServer && /* @__PURE__ */ jsx19(CommandPrimitive2.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              !isServer && /* @__PURE__ */ jsx20(CommandPrimitive2.Empty, { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
               options.map((option) => /* @__PURE__ */ jsxs17(
                 CommandPrimitive2.Item,
                 {
@@ -1757,7 +1840,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__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       Check2,
                       {
                         className: cn(
@@ -1766,14 +1849,14 @@ function MultiCombobox({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx19("span", { className: "truncate", children: option.label })
+                    /* @__PURE__ */ jsx20("span", { className: "truncate", children: option.label })
                   ]
                 },
                 option.value
               )),
-              isServer && !loading && options.length === 0 && /* @__PURE__ */ jsx19("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
-              isServer && loading && /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx19(Loader22, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
-              isServer && hasMore && /* @__PURE__ */ jsx19("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
+              isServer && !loading && options.length === 0 && /* @__PURE__ */ jsx20("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }),
+              isServer && loading && /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx20(Loader22, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }),
+              isServer && hasMore && /* @__PURE__ */ jsx20("div", { ref: sentinelRef, "aria-hidden": true, className: "h-1" })
             ]
           }
         )
@@ -1782,8 +1865,8 @@ function MultiCombobox({
   );
   if (isDesktop) {
     return /* @__PURE__ */ jsxs17(PopoverPrimitive5.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx19(PopoverPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
-      /* @__PURE__ */ jsx19(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(PopoverPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
+      /* @__PURE__ */ jsx20(PopoverPrimitive5.Portal, { children: /* @__PURE__ */ jsx20(
         PopoverPrimitive5.Content,
         {
           align: "start",
@@ -1796,12 +1879,12 @@ function MultiCombobox({
     ] });
   }
   return /* @__PURE__ */ jsxs17(DrawerPrimitive5.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx19(DrawerPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
+    /* @__PURE__ */ jsx20(DrawerPrimitive5.Trigger, { asChild: true, disabled, children: trigger }),
     /* @__PURE__ */ jsxs17(DrawerPrimitive5.Portal, { children: [
-      /* @__PURE__ */ jsx19(DrawerPrimitive5.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ jsx20(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-[85vh] flex-col rounded-t-2xl border bg-popover text-popover-foreground outline-none", children: [
-        /* @__PURE__ */ jsx19(DrawerPrimitive5.Title, { className: "sr-only", children: placeholder }),
-        /* @__PURE__ */ jsx19("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx20(DrawerPrimitive5.Title, { className: "sr-only", children: placeholder }),
+        /* @__PURE__ */ jsx20("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         command
       ] })
     ] })
@@ -1809,7 +1892,7 @@ function MultiCombobox({
 }
 
 // src/components/page-header.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function PageHeader({ title, description, action, className }) {
   return /* @__PURE__ */ jsxs18(
     "div",
@@ -1817,17 +1900,17 @@ function PageHeader({ title, description, action, className }) {
       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__ */ jsx20("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
-          description && /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: description })
+          /* @__PURE__ */ jsx21("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title }),
+          description && /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
-        action && /* @__PURE__ */ jsx20("div", { className: "shrink-0", children: action })
+        action && /* @__PURE__ */ jsx21("div", { className: "shrink-0", children: action })
       ]
     }
   );
 }
 
 // src/components/pagination.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "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,
@@ -1847,20 +1930,20 @@ function Pagination({
       className: `flex items-center ${showPageSizeSelector ? "justify-between" : "justify-end"} gap-4 ${className ?? ""}`,
       children: [
         showPageSizeSelector && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx21("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
+          /* @__PURE__ */ jsx22(
             "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__ */ jsx21("option", { value: size, children: size }, size))
+              children: (pageSizeOptions ?? []).map((size) => /* @__PURE__ */ jsx22("option", { value: size, children: size }, size))
             }
           )
         ] }),
         /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -1875,7 +1958,7 @@ function Pagination({
             page,
             totalPages ? ` de ${totalPages}` : ""
           ] }),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -1894,11 +1977,11 @@ function Pagination({
 // src/components/password-input.tsx
 import { Eye, EyeOff } from "lucide-react";
 import * as React9 from "react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } 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: [
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "input",
       {
         ref,
@@ -1907,7 +1990,7 @@ var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props
         ...props
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -1915,7 +1998,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__ */ jsx22(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx22(Eye, { className: "h-4 w-4" })
+        children: visible ? /* @__PURE__ */ jsx23(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx23(Eye, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -1923,8 +2006,8 @@ var PasswordInput = React9.forwardRef(({ containerClassName, className, ...props
 PasswordInput.displayName = "PasswordInput";
 
 // src/components/progress-bar.tsx
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
-var sizeClasses2 = {
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+var sizeClasses3 = {
   sm: "h-1.5",
   md: "h-2"
 };
@@ -1939,14 +2022,14 @@ function ProgressBar({
   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: [
-      label && /* @__PURE__ */ jsx23("span", { className: "text-sm text-muted-foreground", children: label }),
-      valueLabel && /* @__PURE__ */ jsx23("span", { className: "text-sm font-semibold", children: valueLabel })
+      label && /* @__PURE__ */ jsx24("span", { className: "text-sm text-muted-foreground", children: label }),
+      valueLabel && /* @__PURE__ */ jsx24("span", { className: "text-sm font-semibold", children: valueLabel })
     ] }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       "div",
       {
-        className: `w-full overflow-hidden rounded-full bg-muted ${sizeClasses2[size]}`,
-        children: /* @__PURE__ */ jsx23(
+        className: `w-full overflow-hidden rounded-full bg-muted ${sizeClasses3[size]}`,
+        children: /* @__PURE__ */ jsx24(
           "div",
           {
             className: `h-full rounded-full transition-all duration-300 ${indicatorClassName ?? "bg-primary"}`,
@@ -1959,7 +2042,7 @@ function ProgressBar({
 }
 
 // src/components/responsive-data-view.tsx
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function ResponsiveDataView({
   table,
   cards,
@@ -1971,12 +2054,12 @@ function ResponsiveDataView({
   pagination
 }) {
   return /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx24("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
-    /* @__PURE__ */ jsx24("div", { className: "md:hidden", children: cards }),
+    /* @__PURE__ */ jsx25("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
+    /* @__PURE__ */ jsx25("div", { className: "md:hidden", children: cards }),
     !isLoading && isEmpty && /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      emptyIcon && /* @__PURE__ */ jsx24("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
-      /* @__PURE__ */ jsx24("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
-      emptyDescription && /* @__PURE__ */ jsx24("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+      emptyIcon && /* @__PURE__ */ jsx25("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ jsx25("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ jsx25("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
     ] }),
     pagination
   ] });
@@ -1987,7 +2070,7 @@ import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
 import { MoreVertical } from "lucide-react";
 import { useState as useState11 } from "react";
 import { Drawer as DrawerPrimitive6 } from "vaul";
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs23 } from "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";
@@ -2001,20 +2084,20 @@ function RowActionsMenu({
   const isDesktop = useIsDesktop();
   const [open, setOpen] = useState11(false);
   if (actions.length === 0) return null;
-  const trigger = /* @__PURE__ */ jsx25(
+  const trigger = /* @__PURE__ */ jsx26(
     "button",
     {
       type: "button",
       disabled,
       "aria-label": label,
       className: triggerClass,
-      children: /* @__PURE__ */ jsx25(MoreVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx26(MoreVertical, { className: "h-4 w-4" })
     }
   );
   if (isDesktop) {
     return /* @__PURE__ */ jsxs23(DropdownMenu3.Root, { open, onOpenChange: setOpen, modal: false, children: [
-      /* @__PURE__ */ jsx25(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx25(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx26(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx26(
         DropdownMenu3.Content,
         {
           align,
@@ -2025,7 +2108,7 @@ function RowActionsMenu({
               itemClass2,
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
-            return action.href ? /* @__PURE__ */ jsx25(
+            return action.href ? /* @__PURE__ */ jsx26(
               DropdownMenu3.Item,
               {
                 asChild: true,
@@ -2059,12 +2142,12 @@ function RowActionsMenu({
     ] });
   }
   return /* @__PURE__ */ jsxs23(DrawerPrimitive6.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx25(DrawerPrimitive6.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx26(DrawerPrimitive6.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs23(DrawerPrimitive6.Portal, { children: [
-      /* @__PURE__ */ jsx25(DrawerPrimitive6.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ jsx26(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__ */ jsx25(DrawerPrimitive6.Title, { className: "sr-only", children: label }),
-        /* @__PURE__ */ jsx25("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx26(DrawerPrimitive6.Title, { className: "sr-only", children: label }),
+        /* @__PURE__ */ jsx26("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
         actions.map((action) => {
           const cls = cn(
             sheetItemClass2,
@@ -2074,7 +2157,7 @@ function RowActionsMenu({
             action.icon,
             action.label
           ] });
-          return action.href ? /* @__PURE__ */ jsx25(
+          return action.href ? /* @__PURE__ */ jsx26(
             "span",
             {
               onClick: () => setOpen(false),
@@ -2086,7 +2169,7 @@ function RowActionsMenu({
               })
             },
             action.label
-          ) : /* @__PURE__ */ jsx25(
+          ) : /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -2108,10 +2191,10 @@ function RowActionsMenu({
 
 // src/components/search-input.tsx
 import * as React10 from "react";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var SearchInput = React10.forwardRef(
   ({ containerClassName, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs24("div", { className: `relative flex-1 ${containerClassName ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs24("div", { className: cn("relative flex-1", containerClassName), children: [
       /* @__PURE__ */ jsxs24(
         "svg",
         {
@@ -2124,19 +2207,23 @@ var SearchInput = React10.forwardRef(
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
+          "aria-hidden": "true",
           className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsx26("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ jsx26("path", { d: "m21 21-4.3-4.3" })
+            /* @__PURE__ */ jsx27("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ jsx27("path", { d: "m21 21-4.3-4.3" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "input",
         {
           ref,
           type: "text",
-          className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
+          className: cn(
+            "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
           ...props
         }
       )
@@ -2146,30 +2233,30 @@ var SearchInput = React10.forwardRef(
 SearchInput.displayName = "SearchInput";
 
 // src/components/stat-card.tsx
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } 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: [
-        /* @__PURE__ */ jsx27("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ jsx27("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
+        /* @__PURE__ */ jsx28("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx28("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ jsx27("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx27("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
+      /* @__PURE__ */ jsx28("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx28("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: [
-      /* @__PURE__ */ jsx27("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
-      icon && /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: icon })
+      /* @__PURE__ */ jsx28("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground", children: icon })
     ] }),
-    /* @__PURE__ */ jsx27("div", { className: "text-2xl font-bold", children: value }),
-    detail && /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: detail })
+    /* @__PURE__ */ jsx28("div", { className: "text-2xl font-bold", children: value }),
+    detail && /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: detail })
   ] });
 }
 
 // src/components/status-badge.tsx
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var variantClasses = {
   neutral: {
     badge: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300",
@@ -2204,7 +2291,7 @@ function StatusBadge({
     {
       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__ */ jsx28(
+        dot && /* @__PURE__ */ jsx29(
           "span",
           {
             className: `inline-block h-1.5 w-1.5 shrink-0 rounded-full ${classes.dot}`
@@ -2217,31 +2304,31 @@ function StatusBadge({
 }
 
 // src/components/status-dot.tsx
-import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function StatusDot({ active, label, className }) {
   return /* @__PURE__ */ jsxs27("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       "span",
       {
         className: `h-2 w-2 rounded-full ${active ? "bg-green-500" : "bg-red-500"}`
       }
     ),
-    label && /* @__PURE__ */ jsx29("span", { children: label })
+    label && /* @__PURE__ */ jsx30("span", { children: label })
   ] });
 }
 
 // src/components/table-skeleton.tsx
-import { Fragment as Fragment7, jsx as jsx30 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx31 } from "react/jsx-runtime";
 function TableSkeleton({ rows = 5, columns = 4 }) {
-  return /* @__PURE__ */ jsx30(Fragment7, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx30("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx30("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx30("div", { className: "h-5 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)) });
+  return /* @__PURE__ */ jsx31(Fragment7, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx31("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx31("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx31("div", { className: "h-5 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)) });
 }
 
 // src/components/toaster.tsx
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Toaster(props) {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Sonner,
     {
       theme,
@@ -2365,6 +2452,7 @@ export {
   Pagination,
   PasswordInput,
   ProgressBar,
+  Rating,
   ResponsiveDataView,
   RowActionsMenu,
   SearchInput,