@motor-hero/ui-kit 0.20.0 → 0.22.0

package/dist/index.js

@@ -742,31 +742,109 @@ function Combobox({
   ] });
 }
 
-// src/components/stat-card.tsx
+// src/components/color-picker.tsx
+import * as PopoverPrimitive2 from "@radix-ui/react-popover";
+import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
+import * as React6 from "react";
+import { HexColorInput, HexColorPicker } from "react-colorful";
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function ColorPicker({
+  value,
+  onChange,
+  placeholder = "Selecionar cor",
+  disabled,
+  id,
+  className,
+  "aria-invalid": ariaInvalid,
+  "aria-describedby": ariaDescribedby
+}) {
+  const [open, setOpen] = React6.useState(false);
+  const color = value || "";
+  return /* @__PURE__ */ jsxs15(PopoverPrimitive2.Root, { open, onOpenChange: setOpen, modal: true, children: [
+    /* @__PURE__ */ jsx17(PopoverPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+      "button",
+      {
+        type: "button",
+        id,
+        "aria-invalid": ariaInvalid,
+        "aria-describedby": ariaDescribedby,
+        disabled,
+        className: cn(
+          "flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs15("span", { className: "flex items-center gap-2 truncate", children: [
+            /* @__PURE__ */ jsx17(
+              "span",
+              {
+                "aria-hidden": true,
+                className: cn(
+                  "h-5 w-5 shrink-0 rounded border border-border",
+                  !color && "bg-[length:8px_8px] bg-[position:0_0,4px_4px]"
+                ),
+                style: color ? { backgroundColor: color } : {
+                  backgroundImage: "linear-gradient(45deg,var(--color-muted) 25%,transparent 25%,transparent 75%,var(--color-muted) 75%),linear-gradient(45deg,var(--color-muted) 25%,transparent 25%,transparent 75%,var(--color-muted) 75%)"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx17("span", { className: cn("truncate", !color && "text-muted-foreground"), children: color || placeholder })
+          ] }),
+          /* @__PURE__ */ jsx17(ChevronsUpDown2, { className: "h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx17(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx17(
+      PopoverPrimitive2.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-50 w-56 rounded-md border bg-popover p-3 text-popover-foreground shadow-md",
+        children: /* @__PURE__ */ jsxs15("div", { className: "mh-color-picker flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx17(HexColorPicker, { color, onChange }),
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx17("span", { className: "text-sm text-muted-foreground", children: "#" }),
+            /* @__PURE__ */ jsx17(
+              HexColorInput,
+              {
+                color,
+                onChange,
+                prefixed: false,
+                className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm uppercase shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            )
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+}
+
+// src/components/stat-card.tsx
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function StatCard({ label, value, detail, icon, isLoading }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsxs15("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between pb-2", children: [
-        /* @__PURE__ */ jsx17("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ jsx17("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
+    return /* @__PURE__ */ jsxs16("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between pb-2", children: [
+        /* @__PURE__ */ jsx18("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx18("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ jsx17("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsx17("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
+      /* @__PURE__ */ jsx18("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx18("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
     ] });
   }
-  return /* @__PURE__ */ jsxs15("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between pb-2", children: [
-      /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
-      icon && /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: icon })
+  return /* @__PURE__ */ jsxs16("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between pb-2", children: [
+      /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: icon })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "text-2xl font-bold", children: value }),
-    detail && /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: detail })
+    /* @__PURE__ */ jsx18("div", { className: "text-2xl font-bold", children: value }),
+    detail && /* @__PURE__ */ jsx18("p", { className: "text-xs text-muted-foreground", children: detail })
   ] });
 }
 
 // src/components/data-table-wrapper.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function DataTableWrapper({
   children,
   isEmpty,
@@ -779,15 +857,15 @@ function DataTableWrapper({
   hasNextPage = false,
   hasPreviousPage = false
 }) {
-  return /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx18("div", { className: "overflow-x-auto rounded-md border", children }),
-    !isLoading && isEmpty && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      emptyIcon && /* @__PURE__ */ jsx18("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
-      /* @__PURE__ */ jsx18("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
-      emptyDescription && /* @__PURE__ */ jsx18("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx19("div", { className: "overflow-x-auto rounded-md border", children }),
+    !isLoading && isEmpty && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      emptyIcon && /* @__PURE__ */ jsx19("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ jsx19("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ jsx19("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
     ] }),
-    page !== void 0 && onPageChange && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-end gap-4", children: [
-      /* @__PURE__ */ jsx18(
+    page !== void 0 && onPageChange && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-end gap-4", children: [
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -797,11 +875,11 @@ function DataTableWrapper({
           children: "Anterior"
         }
       ),
-      /* @__PURE__ */ jsxs16("span", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground", children: [
         "P\xE1gina ",
         page
       ] }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -817,7 +895,7 @@ function DataTableWrapper({
 
 // src/components/mobile-card-list.tsx
 import { useRef } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var SCROLL_THRESHOLD = 8;
 function MobileCardList({
   data,
@@ -848,26 +926,26 @@ function MobileCardList({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx19("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx19("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsx19("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ jsx19("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
+    return /* @__PURE__ */ jsx20("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx20("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs18("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsx20("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx20("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
       ] }),
-      /* @__PURE__ */ jsx19("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
-      /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsx19("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
-        /* @__PURE__ */ jsx19("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
+      /* @__PURE__ */ jsx20("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsx20("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx20("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
       ] })
     ] }) }, i)) });
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: `space-y-3 ${className ?? ""}`,
       onTouchStart,
       onTouchMove,
       onClickCapture,
-      children: data.map((item, index) => /* @__PURE__ */ jsx19(
+      children: data.map((item, index) => /* @__PURE__ */ jsx20(
         "div",
         {
           className: "rounded-xl border p-4 transition-all duration-150 hover:border-foreground/20 active:scale-[0.99]",
@@ -880,7 +958,7 @@ function MobileCardList({
 }
 
 // src/components/responsive-data-view.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function ResponsiveDataView({
   table,
   cards,
@@ -891,13 +969,13 @@ function ResponsiveDataView({
   emptyDescription,
   pagination
 }) {
-  return /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx20("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
-    /* @__PURE__ */ jsx20("div", { className: "md:hidden", children: cards }),
-    !isLoading && isEmpty && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      emptyIcon && /* @__PURE__ */ jsx20("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
-      /* @__PURE__ */ jsx20("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
-      emptyDescription && /* @__PURE__ */ jsx20("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+  return /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx21("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
+    /* @__PURE__ */ jsx21("div", { className: "md:hidden", children: cards }),
+    !isLoading && isEmpty && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      emptyIcon && /* @__PURE__ */ jsx21("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ jsx21("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ jsx21("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
     ] }),
     pagination
   ] });
@@ -905,10 +983,10 @@ function ResponsiveDataView({
 
 // src/components/toaster.tsx
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Toaster(props) {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Sonner,
     {
       theme,
@@ -930,17 +1008,17 @@ function Toaster(props) {
 
 // src/components/app-shell.tsx
 import { ChevronLeft, ChevronRight, Menu } from "lucide-react";
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 
 // src/components/sidebar-nav.tsx
 import { Fragment as Fragment3 } from "react";
 
 // src/components/types.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-var defaultRenderLink = ({ children, ...props }) => /* @__PURE__ */ jsx22("a", { ...props, children });
+import { jsx as jsx23 } from "react/jsx-runtime";
+var defaultRenderLink = ({ children, ...props }) => /* @__PURE__ */ jsx23("a", { ...props, children });
 
 // src/components/sidebar-nav.tsx
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function defaultIsActive(item, activePath) {
   if (item.href === "/") return activePath === "/";
   return activePath === item.href || activePath.startsWith(item.href + "/");
@@ -955,7 +1033,7 @@ function SidebarNav({
   onNavigate
 }) {
   const visible = items.filter((item) => !item.adminOnly || isAdmin);
-  return /* @__PURE__ */ jsx23("nav", { className: "flex flex-col gap-1", children: visible.map((item) => {
+  return /* @__PURE__ */ jsx24("nav", { className: "flex flex-col gap-1", children: visible.map((item) => {
     const active = isActive(item, activePath);
     const link = renderLink({
       href: item.href,
@@ -967,21 +1045,21 @@ function SidebarNav({
         active ? "bg-accent text-accent-foreground font-semibold" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
         isCollapsed && "justify-center px-2"
       ),
-      children: /* @__PURE__ */ jsxs19(Fragment4, { children: [
-        item.icon && /* @__PURE__ */ jsx23("span", { className: "shrink-0", children: item.icon }),
-        !isCollapsed && /* @__PURE__ */ jsx23("span", { className: "truncate", children: item.label })
+      children: /* @__PURE__ */ jsxs20(Fragment4, { children: [
+        item.icon && /* @__PURE__ */ jsx24("span", { className: "shrink-0", children: item.icon }),
+        !isCollapsed && /* @__PURE__ */ jsx24("span", { className: "truncate", children: item.label })
       ] })
     });
-    return /* @__PURE__ */ jsx23(Fragment3, { children: link }, item.href);
+    return /* @__PURE__ */ jsx24(Fragment3, { children: link }, item.href);
   }) });
 }
 
 // src/components/user-menu.tsx
 import * as DropdownMenu2 from "@radix-ui/react-dropdown-menu";
 import { LogOut, User } from "lucide-react";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { Drawer as DrawerPrimitive2 } from "vaul";
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function initials(user) {
   const source = user?.name?.trim() || user?.email?.trim();
   if (!source) return "";
@@ -1000,52 +1078,52 @@ function UserMenu({
   align = "end"
 }) {
   const isDesktop = useIsDesktop();
-  const [open, setOpen] = useState6(false);
+  const [open, setOpen] = useState7(false);
   const label = initials(user);
-  const trigger = /* @__PURE__ */ jsx24(
+  const trigger = /* @__PURE__ */ jsx25(
     "button",
     {
       type: "button",
       className: "inline-flex h-9 w-9 items-center justify-center overflow-hidden rounded-full border border-input bg-background text-xs font-semibold shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
       "aria-label": "Menu do usu\xE1rio",
       "data-testid": "user-menu",
-      children: user?.avatarUrl ? /* @__PURE__ */ jsx24(
+      children: user?.avatarUrl ? /* @__PURE__ */ jsx25(
         "img",
         {
           src: user.avatarUrl,
           alt: user.name ?? user.email ?? "Avatar",
           className: "h-full w-full object-cover"
         }
-      ) : label ? /* @__PURE__ */ jsx24("span", { children: label }) : /* @__PURE__ */ jsx24(User, { className: "h-4 w-4" })
+      ) : label ? /* @__PURE__ */ jsx25("span", { children: label }) : /* @__PURE__ */ jsx25(User, { className: "h-4 w-4" })
     }
   );
-  const userInfo = (user?.name || user?.email) && /* @__PURE__ */ jsxs20("div", { className: "px-2 py-1.5", children: [
-    user.name && /* @__PURE__ */ jsx24("p", { className: "truncate text-sm font-medium", children: user.name }),
-    user.email && /* @__PURE__ */ jsx24("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
+  const userInfo = (user?.name || user?.email) && /* @__PURE__ */ jsxs21("div", { className: "px-2 py-1.5", children: [
+    user.name && /* @__PURE__ */ jsx25("p", { className: "truncate text-sm font-medium", children: user.name }),
+    user.email && /* @__PURE__ */ jsx25("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
   ] });
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs20(DropdownMenu2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx24(DropdownMenu2.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx24(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs21(DropdownMenu2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx25(DropdownMenu2.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx25(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs21(
         DropdownMenu2.Content,
         {
           align,
           sideOffset: 6,
           className: "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
           children: [
-            userInfo && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+            userInfo && /* @__PURE__ */ jsxs21(Fragment5, { children: [
               userInfo,
-              /* @__PURE__ */ jsx24(DropdownMenu2.Separator, { className: "-mx-1 my-1 h-px bg-border" })
+              /* @__PURE__ */ jsx25(DropdownMenu2.Separator, { className: "-mx-1 my-1 h-px bg-border" })
             ] }),
             items.map(
-              (item) => item.href ? /* @__PURE__ */ jsx24(DropdownMenu2.Item, { asChild: true, children: renderLink({
+              (item) => item.href ? /* @__PURE__ */ jsx25(DropdownMenu2.Item, { asChild: true, children: renderLink({
                 href: item.href,
                 className: itemClass,
-                children: /* @__PURE__ */ jsxs20(Fragment5, { children: [
+                children: /* @__PURE__ */ jsxs21(Fragment5, { children: [
                   item.icon,
                   item.label
                 ] })
-              }) }, item.label) : /* @__PURE__ */ jsxs20(
+              }) }, item.label) : /* @__PURE__ */ jsxs21(
                 DropdownMenu2.Item,
                 {
                   className: itemClass,
@@ -1058,9 +1136,9 @@ function UserMenu({
                 item.label
               )
             ),
-            onLogout && /* @__PURE__ */ jsxs20(Fragment5, { children: [
-              items.length > 0 && /* @__PURE__ */ jsx24(DropdownMenu2.Separator, { className: "-mx-1 my-1 h-px bg-border" }),
-              /* @__PURE__ */ jsxs20(
+            onLogout && /* @__PURE__ */ jsxs21(Fragment5, { children: [
+              items.length > 0 && /* @__PURE__ */ jsx25(DropdownMenu2.Separator, { className: "-mx-1 my-1 h-px bg-border" }),
+              /* @__PURE__ */ jsxs21(
                 DropdownMenu2.Item,
                 {
                   className: cn(
@@ -1069,7 +1147,7 @@ function UserMenu({
                   ),
                   onClick: onLogout,
                   children: [
-                    /* @__PURE__ */ jsx24(LogOut, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx25(LogOut, { className: "h-4 w-4" }),
                     logoutLabel
                   ]
                 }
@@ -1080,19 +1158,19 @@ function UserMenu({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs20(DrawerPrimitive2.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx24(DrawerPrimitive2.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs20(DrawerPrimitive2.Portal, { children: [
-      /* @__PURE__ */ jsx24(DrawerPrimitive2.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs20(DrawerPrimitive2.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__ */ jsx24(DrawerPrimitive2.Title, { className: "sr-only", children: "Menu do usu\xE1rio" }),
-        /* @__PURE__ */ jsx24("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
-        userInfo && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs21(DrawerPrimitive2.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx25(DrawerPrimitive2.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs21(DrawerPrimitive2.Portal, { children: [
+      /* @__PURE__ */ jsx25(DrawerPrimitive2.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ jsxs21(DrawerPrimitive2.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(DrawerPrimitive2.Title, { className: "sr-only", children: "Menu do usu\xE1rio" }),
+        /* @__PURE__ */ jsx25("div", { className: "mx-auto my-3 h-1.5 w-12 shrink-0 rounded-full bg-muted" }),
+        userInfo && /* @__PURE__ */ jsxs21(Fragment5, { children: [
           userInfo,
-          /* @__PURE__ */ jsx24("div", { className: "-mx-1 my-1 h-px bg-border" })
+          /* @__PURE__ */ jsx25("div", { className: "-mx-1 my-1 h-px bg-border" })
         ] }),
         items.map(
-          (item) => item.href ? /* @__PURE__ */ jsx24(
+          (item) => item.href ? /* @__PURE__ */ jsx25(
             "span",
             {
               onClick: () => setOpen(false),
@@ -1100,14 +1178,14 @@ function UserMenu({
               children: renderLink({
                 href: item.href,
                 className: sheetItemClass,
-                children: /* @__PURE__ */ jsxs20(Fragment5, { children: [
+                children: /* @__PURE__ */ jsxs21(Fragment5, { children: [
                   item.icon,
                   item.label
                 ] })
               })
             },
             item.label
-          ) : /* @__PURE__ */ jsxs20(
+          ) : /* @__PURE__ */ jsxs21(
             "button",
             {
               type: "button",
@@ -1124,9 +1202,9 @@ function UserMenu({
             item.label
           )
         ),
-        onLogout && /* @__PURE__ */ jsxs20(Fragment5, { children: [
-          items.length > 0 && /* @__PURE__ */ jsx24("div", { className: "-mx-1 my-1 h-px bg-border" }),
-          /* @__PURE__ */ jsxs20(
+        onLogout && /* @__PURE__ */ jsxs21(Fragment5, { children: [
+          items.length > 0 && /* @__PURE__ */ jsx25("div", { className: "-mx-1 my-1 h-px bg-border" }),
+          /* @__PURE__ */ jsxs21(
             "button",
             {
               type: "button",
@@ -1136,7 +1214,7 @@ function UserMenu({
                 setOpen(false);
               },
               children: [
-                /* @__PURE__ */ jsx24(LogOut, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx25(LogOut, { className: "h-4 w-4" }),
                 logoutLabel
               ]
             }
@@ -1148,7 +1226,7 @@ function UserMenu({
 }
 
 // src/components/app-shell.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function AppShell({
   brand,
   brandCollapsed,
@@ -1165,9 +1243,9 @@ function AppShell({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = useState7(defaultCollapsed);
-  const [mobileOpen, setMobileOpen] = useState7(false);
-  const nav = (isCollapsed, onNavigate) => /* @__PURE__ */ jsx25(
+  const [collapsed, setCollapsed] = useState8(defaultCollapsed);
+  const [mobileOpen, setMobileOpen] = useState8(false);
+  const nav = (isCollapsed, onNavigate) => /* @__PURE__ */ jsx26(
     SidebarNav,
     {
       items: navItems,
@@ -1179,8 +1257,8 @@ function AppShell({
       onNavigate
     }
   );
-  return /* @__PURE__ */ jsxs21("div", { className: "flex h-screen overflow-hidden bg-background", children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22("div", { className: "flex h-screen overflow-hidden bg-background", children: [
+    /* @__PURE__ */ jsxs22(
       "aside",
       {
         className: cn(
@@ -1188,22 +1266,22 @@ function AppShell({
           collapsed ? "w-16" : "w-60"
         ),
         children: [
-          /* @__PURE__ */ jsx25("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: collapsed ? brandCollapsed ?? brand : brand }),
-          /* @__PURE__ */ jsx25("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(collapsed) }),
-          collapsible && /* @__PURE__ */ jsx25("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: collapsed ? brandCollapsed ?? brand : brand }),
+          /* @__PURE__ */ jsx26("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(collapsed) }),
+          collapsible && /* @__PURE__ */ jsx26("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
               onClick: () => setCollapsed((v) => !v),
               className: "flex w-full items-center justify-center rounded-md px-2 py-2 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
               "aria-label": collapsed ? "Expandir menu" : "Recolher menu",
-              children: collapsed ? /* @__PURE__ */ jsx25(ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(ChevronLeft, { className: "h-4 w-4" })
+              children: collapsed ? /* @__PURE__ */ jsx26(ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx26(ChevronLeft, { className: "h-4 w-4" })
             }
           ) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         className: cn(
@@ -1212,8 +1290,8 @@ function AppShell({
         ),
         onClick: () => setMobileOpen(false),
         children: [
-          /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 bg-black/50" }),
-          /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsx26("div", { className: "absolute inset-0 bg-black/50" }),
+          /* @__PURE__ */ jsxs22(
             "div",
             {
               className: cn(
@@ -1222,32 +1300,32 @@ function AppShell({
               ),
               onClick: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ jsx25("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: brand }),
-                /* @__PURE__ */ jsx25("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(false, () => setMobileOpen(false)) })
+                /* @__PURE__ */ jsx26("div", { className: "flex h-14 shrink-0 items-center border-b px-4", children: brand }),
+                /* @__PURE__ */ jsx26("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: nav(false, () => setMobileOpen(false)) })
               ]
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsxs21("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b bg-background px-4", children: [
-        /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxs22("header", { className: "flex h-14 shrink-0 items-center gap-2 border-b bg-background px-4", children: [
+        /* @__PURE__ */ jsx26(
           "button",
           {
             type: "button",
             onClick: () => setMobileOpen(true),
             className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground md:hidden",
             "aria-label": "Abrir menu",
-            children: /* @__PURE__ */ jsx25(Menu, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx26(Menu, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsxs21("div", { className: "ml-auto flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "ml-auto flex items-center gap-2", children: [
           headerActions,
-          (user || onLogout) && /* @__PURE__ */ jsx25(UserMenu, { user, items: userMenuItems, onLogout, renderLink })
+          (user || onLogout) && /* @__PURE__ */ jsx26(UserMenu, { user, items: userMenuItems, onLogout, renderLink })
         ] })
       ] }),
-      /* @__PURE__ */ jsx25("main", { className: "flex-1 overflow-y-auto", children })
+      /* @__PURE__ */ jsx26("main", { className: "flex-1 overflow-y-auto", children })
     ] })
   ] });
 }
@@ -1255,9 +1333,9 @@ function AppShell({
 // src/components/row-actions-menu.tsx
 import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
 import { MoreVertical } from "lucide-react";
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { Drawer as DrawerPrimitive3 } from "vaul";
-import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx27, 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";
@@ -1269,22 +1347,22 @@ function RowActionsMenu({
   renderLink = defaultRenderLink
 }) {
   const isDesktop = useIsDesktop();
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState9(false);
   if (actions.length === 0) return null;
-  const trigger = /* @__PURE__ */ jsx26(
+  const trigger = /* @__PURE__ */ jsx27(
     "button",
     {
       type: "button",
       disabled,
       "aria-label": label,
       className: triggerClass,
-      children: /* @__PURE__ */ jsx26(MoreVertical, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx27(MoreVertical, { className: "h-4 w-4" })
     }
   );
   if (isDesktop) {
-    return /* @__PURE__ */ jsxs22(DropdownMenu3.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx26(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx26(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsxs23(DropdownMenu3.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx27(DropdownMenu3.Trigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx27(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx27(
         DropdownMenu3.Content,
         {
           align,
@@ -1295,7 +1373,7 @@ function RowActionsMenu({
               itemClass2,
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
-            return action.href ? /* @__PURE__ */ jsx26(
+            return action.href ? /* @__PURE__ */ jsx27(
               DropdownMenu3.Item,
               {
                 asChild: true,
@@ -1303,14 +1381,14 @@ function RowActionsMenu({
                 children: renderLink({
                   href: action.href,
                   className: cls,
-                  children: /* @__PURE__ */ jsxs22(Fragment6, { children: [
+                  children: /* @__PURE__ */ jsxs23(Fragment6, { children: [
                     action.icon,
                     action.label
                   ] })
                 })
               },
               action.label
-            ) : /* @__PURE__ */ jsxs22(
+            ) : /* @__PURE__ */ jsxs23(
               DropdownMenu3.Item,
               {
                 className: cls,
@@ -1328,23 +1406,23 @@ function RowActionsMenu({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs22(DrawerPrimitive3.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx26(DrawerPrimitive3.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs22(DrawerPrimitive3.Portal, { children: [
-      /* @__PURE__ */ jsx26(DrawerPrimitive3.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
-      /* @__PURE__ */ jsxs22(DrawerPrimitive3.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__ */ jsx26(DrawerPrimitive3.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" }),
+  return /* @__PURE__ */ jsxs23(DrawerPrimitive3.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx27(DrawerPrimitive3.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs23(DrawerPrimitive3.Portal, { children: [
+      /* @__PURE__ */ jsx27(DrawerPrimitive3.Overlay, { className: "fixed inset-0 z-50 bg-black/80" }),
+      /* @__PURE__ */ jsxs23(DrawerPrimitive3.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(DrawerPrimitive3.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) => {
           const cls = cn(
             sheetItemClass2,
             action.destructive && "text-destructive"
           );
-          const inner = /* @__PURE__ */ jsxs22(Fragment6, { children: [
+          const inner = /* @__PURE__ */ jsxs23(Fragment6, { children: [
             action.icon,
             action.label
           ] });
-          return action.href ? /* @__PURE__ */ jsx26(
+          return action.href ? /* @__PURE__ */ jsx27(
             "span",
             {
               onClick: () => setOpen(false),
@@ -1356,7 +1434,7 @@ function RowActionsMenu({
               })
             },
             action.label
-          ) : /* @__PURE__ */ jsx26(
+          ) : /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -1386,9 +1464,9 @@ function extractApiError(err, fallbackMessage = "Ocorreu um erro inesperado.") {
 }
 
 // src/hooks/use-disclosure.ts
-import { useCallback, useState as useState9 } from "react";
+import { useCallback, useState as useState10 } from "react";
 function useDisclosure(initial = false) {
-  const [open, setOpen] = useState9(initial);
+  const [open, setOpen] = useState10(initial);
   const onOpen = useCallback(() => setOpen(true), []);
   const onClose = useCallback(() => setOpen(false), []);
   const onToggle = useCallback(() => setOpen((v) => !v), []);
@@ -1423,6 +1501,7 @@ function useCustomToast() {
 export {
   AppShell,
   AuthCard,
+  ColorPicker,
   Combobox,
   ConfirmDialog,
   DataTableWrapper,