@mlw-packages/react-components 1.7.0 → 1.7.1

package/dist/index.js

@@ -485,17 +485,161 @@ var require_colors2 = __commonJS({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AddButton: () => AddButton,
+  AlertDialogActionBase: () => AlertDialogActionBase,
+  AlertDialogBase: () => AlertDialogBase,
+  AlertDialogCancelBase: () => AlertDialogCancelBase,
+  AlertDialogContentBase: () => AlertDialogContentBase,
+  AlertDialogDescriptionBase: () => AlertDialogDescriptionBase,
+  AlertDialogFooterBase: () => AlertDialogFooterBase,
+  AlertDialogHeaderBase: () => AlertDialogHeaderBase,
+  AlertDialogOverlayBase: () => AlertDialogOverlayBase,
+  AlertDialogPortalBase: () => AlertDialogPortalBase,
+  AlertDialogTitleBase: () => AlertDialogTitleBase,
+  AlertDialogTriggerBase: () => AlertDialogTriggerBase,
+  AvatarBase: () => AvatarBase,
+  AvatarFallbackBase: () => AvatarFallbackBase,
+  AvatarImageBase: () => AvatarImageBase,
+  BackButton: () => BackButton,
+  BadgeBase: () => BadgeBase,
   BarChart: () => BarChart_default,
+  BreadcrumbBase: () => BreadcrumbBase,
+  BreadcrumbEllipsisBase: () => BreadcrumbEllipsisBase,
+  BreadcrumbItemBase: () => BreadcrumbItemBase,
+  BreadcrumbLinkBase: () => BreadcrumbLinkBase,
+  BreadcrumbListBase: () => BreadcrumbListBase,
+  BreadcrumbPageBase: () => BreadcrumbPageBase,
+  BreadcrumbSeparatorBase: () => BreadcrumbSeparatorBase,
+  ButtonBase: () => ButtonBase,
+  ButtonGroupBase: () => ButtonGroupBase,
+  CalendarBase: () => CalendarBase,
+  CardBase: () => CardBase,
+  CardContentBase: () => CardContentBase,
+  CardDescriptionBase: () => CardDescriptionBase,
+  CardFooterBase: () => CardFooterBase,
+  CardHeaderBase: () => CardHeaderBase,
+  CardTitleBase: () => CardTitleBase,
+  CarouselBase: () => CarouselBase,
+  CarouselContentBase: () => CarouselContentBase,
+  CarouselItemBase: () => CarouselItemBase,
+  CarouselNextBase: () => CarouselNextBase,
+  CarouselPrevious: () => CarouselPrevious,
+  ChangeButton: () => ChangeButton,
   Chart: () => Chart_default,
+  CheckButton: () => CheckButton,
+  CheckboxBase: () => CheckboxBase,
   CloseAllButton: () => CloseAllButton_default,
+  CloseButton: () => CloseButton,
+  CollapsibleBase: () => CollapsibleBase,
+  CollapsibleContentBase: () => CollapsibleContentBase,
+  CollapsibleTriggerBase: () => CollapsibleTriggerBase,
   Combobox: () => Combobox,
+  CommandBase: () => CommandBase,
+  CommandDialogBase: () => CommandDialogBase,
+  CommandEmptyBase: () => CommandEmptyBase,
+  CommandGroupBase: () => CommandGroupBase,
+  CommandInputBase: () => CommandInputBase,
+  CommandItemBase: () => CommandItemBase,
+  CommandListBase: () => CommandListBase,
+  CommandSeparatorBase: () => CommandSeparatorBase,
+  CommandShortcutBase: () => CommandShortcutBase,
+  CopyButton: () => CopyButton,
+  DeleteButton: () => DeleteButton,
+  DestructiveDialog: () => DestructiveDialog,
+  DialogBase: () => DialogBase,
+  DialogCloseBase: () => DialogCloseBase,
+  DialogContentBase: () => DialogContentBase,
+  DialogDescriptionBase: () => DialogDescriptionBase,
+  DialogFooterBase: () => DialogFooterBase,
+  DialogHeaderBase: () => DialogHeaderBase,
+  DialogOverlayBase: () => DialogOverlayBase,
+  DialogPortalBase: () => DialogPortalBase,
+  DialogTitleBase: () => DialogTitleBase,
+  DialogTriggerBase: () => DialogTriggerBase,
+  DownloadButton: () => DownloadButton,
   DraggableTooltip: () => DraggableTooltip_default,
+  DrawerBase: () => DrawerBase,
+  DrawerCloseBase: () => DrawerCloseBase,
+  DrawerContentBase: () => DrawerContentBase,
+  DrawerDescriptionBase: () => DrawerDescriptionBase,
+  DrawerFooterBase: () => DrawerFooterBase,
+  DrawerHeaderBase: () => DrawerHeaderBase,
+  DrawerOverlayBase: () => DrawerOverlayBase,
+  DrawerPortalBase: () => DrawerPortalBase,
+  DrawerTitleBase: () => DrawerTitleBase,
+  DrawerTriggerBase: () => DrawerTriggerBase,
+  DropDownMenuBase: () => DropDownMenuBase,
+  DropDownMenuCheckboxItemBase: () => DropDownMenuCheckboxItemBase,
+  DropDownMenuContentBase: () => DropDownMenuContentBase,
+  DropDownMenuGroupBase: () => DropDownMenuGroupBase,
+  DropDownMenuItemBase: () => DropDownMenuItemBase,
+  DropDownMenuLabelBase: () => DropDownMenuLabelBase,
+  DropDownMenuPortalBase: () => DropDownMenuPortalBase,
+  DropDownMenuRadioGroupBase: () => DropDownMenuRadioGroupBase,
+  DropDownMenuRadioItemBase: () => DropDownMenuRadioItemBase,
+  DropDownMenuSeparatorBase: () => DropDownMenuSeparatorBase,
+  DropDownMenuShortcutBase: () => DropDownMenuShortcutBase,
+  DropDownMenuSubBase: () => DropDownMenuSubBase,
+  DropDownMenuSubContentBase: () => DropDownMenuSubContentBase,
+  DropDownMenuSubTriggerBase: () => DropDownMenuSubTriggerBase,
+  DropDownMenuTriggerBase: () => DropDownMenuTriggerBase,
+  EditButton: () => EditButton,
+  ErrorMessage: () => ErrorMessage_default,
+  FavoriteButton: () => FavoriteButton,
+  FileUploader: () => FileUploader,
+  FilterButton: () => FilterButton,
+  HideButton: () => HideButton,
   Highlights: () => Highlights_default,
+  HoverCardBase: () => HoverCardBase,
+  HoverCardContentBase: () => HoverCardContentBase,
+  HoverCardTriggerBase: () => HoverCardTriggerBase,
+  InputBase: () => InputBase,
+  InputOTPBase: () => InputOTPBase,
+  InputOTPGroupBase: () => InputOTPGroupBase,
+  InputOTPSeparatorBase: () => InputOTPSeparatorBase,
+  InputOTPSlotBase: () => InputOTPSlotBase,
+  LabelBase: () => LabelBase_default,
+  LikeButton: () => LikeButton,
   LineChart: () => LineChart_default,
+  LoadingBase: () => LoadingBase,
+  LockButton: () => LockButton,
+  ModalBase: () => ModalBase,
+  ModalCloseBase: () => ModalCloseBase,
+  ModalContentBase: () => ModalContentBase,
+  ModalDescriptionBase: () => ModalDescriptionBase,
+  ModalFooterBase: () => ModalFooterBase,
+  ModalHeaderBase: () => ModalHeaderBase,
+  ModalOverlayBase: () => ModalOverlayBase,
+  ModalPortalBase: () => ModalPortalBase,
+  ModalTitleBase: () => ModalTitleBase,
+  ModalTriggerBase: () => ModalTriggerBase,
   ModeToggleBase: () => ModeToggleBase,
+  MoreButton: () => MoreButton,
   MultiCombobox: () => MultiCombobox,
+  NavigationMenuBase: () => NavigationMenuBase,
+  NavigationMenuContentBase: () => NavigationMenuContentBase,
+  NavigationMenuIndicatorBase: () => NavigationMenuIndicatorBase,
+  NavigationMenuItemBase: () => NavigationMenuItemBase,
+  NavigationMenuLinkBase: () => NavigationMenuLinkBase,
+  NavigationMenuListBase: () => NavigationMenuListBase,
+  NavigationMenuTriggerBase: () => NavigationMenuTriggerBase,
+  NavigationMenuViewportBase: () => NavigationMenuViewportBase,
+  NotificationButton: () => NotificationButton,
   PeriodsDropdown: () => PeriodsDropdown_default,
   PieChart: () => PieChart_default,
+  PopoverAnchorBase: () => PopoverAnchorBase,
+  PopoverBase: () => PopoverBase,
+  PopoverContentBase: () => PopoverContentBase,
+  PopoverTriggerBase: () => PopoverTriggerBase,
+  ProgressBase: () => ProgressBase,
+  ProgressCirclesBase: () => ProgressCirclesBase,
+  ProgressPanelsBase: () => ProgressPanelsBase,
+  ProgressSegmentsBase: () => ProgressSegmentsBase,
+  RefreshButton: () => RefreshButton,
+  SaveButton: () => SaveButton,
+  ScrollAreaBase: () => ScrollAreaBase,
+  ScrollBarBase: () => ScrollBarBase,
+  SearchButton: () => SearchButton,
   Select: () => Select,
   SelectBase: () => SelectBase,
   SelectContentBase: () => SelectContentBase,
@@ -507,10 +651,74 @@ __export(index_exports, {
   SelectSeparatorBase: () => SelectSeparatorBase,
   SelectTriggerBase: () => SelectTriggerBase,
   SelectValueBase: () => SelectValueBase,
+  SeparatorBase: () => SeparatorBase,
+  SettingsButton: () => SettingsButton,
+  SheetBase: () => SheetBase,
+  SheetCloseBase: () => SheetCloseBase,
+  SheetContentBase: () => SheetContentBase,
+  SheetDescriptionBase: () => SheetDescriptionBase,
+  SheetFooterBase: () => SheetFooterBase,
+  SheetHeaderBase: () => SheetHeaderBase,
+  SheetOverlayBase: () => SheetOverlayBase,
+  SheetPortalBase: () => SheetPortalBase,
+  SheetTitleBase: () => SheetTitleBase,
+  SheetTriggerBase: () => SheetTriggerBase,
   ShowOnly: () => ShowOnly_default,
+  SidebarBase: () => SidebarBase,
+  SidebarContentBase: () => SidebarContentBase,
+  SidebarFooterBase: () => SidebarFooterBase,
+  SidebarGroupActionBase: () => SidebarGroupActionBase,
+  SidebarGroupBase: () => SidebarGroupBase,
+  SidebarGroupContentBase: () => SidebarGroupContentBase,
+  SidebarGroupLabelBase: () => SidebarGroupLabelBase,
+  SidebarHeaderBase: () => SidebarHeaderBase,
+  SidebarInputBase: () => SidebarInputBase,
+  SidebarInsetBase: () => SidebarInsetBase,
+  SidebarMenuActionBase: () => SidebarMenuActionBase,
+  SidebarMenuBadgeBase: () => SidebarMenuBadgeBase,
+  SidebarMenuBase: () => SidebarMenuBase,
+  SidebarMenuButtonBase: () => SidebarMenuButtonBase,
+  SidebarMenuItemBase: () => SidebarMenuItemBase,
+  SidebarMenuSkeletonBase: () => SidebarMenuSkeletonBase,
+  SidebarMenuSubBase: () => SidebarMenuSubBase,
+  SidebarMenuSubButtonBase: () => SidebarMenuSubButtonBase,
+  SidebarMenuSubItemBase: () => SidebarMenuSubItemBase,
+  SidebarProviderBase: () => SidebarProviderBase,
+  SidebarRailBase: () => SidebarRailBase,
+  SidebarSeparatorBase: () => SidebarSeparatorBase,
+  SidebarTriggerBase: () => SidebarTriggerBase,
+  SkeletonBase: () => SkeletonBase,
+  SlideBase: () => SlideBase,
+  SwitchBase: () => SwitchBase,
+  TableBase: () => TableBase,
+  TableBodyBase: () => TableBodyBase,
+  TableCaptionBase: () => TableCaptionBase,
+  TableCellBase: () => TableCellBase,
+  TableFooterBase: () => TableFooterBase,
+  TableHeadBase: () => TableHeadBase,
+  TableHeaderBase: () => TableHeaderBase,
+  TableRowBase: () => TableRowBase,
+  TabsBase: () => TabsBase,
+  TabsContentBase: () => TabsContentBase,
+  TabsListBase: () => TabsListBase,
+  TabsTriggerBase: () => TabsTriggerBase,
+  TextAreaBase: () => TextAreaBase,
   ThemeProviderBase: () => ThemeProviderBase,
+  Toaster: () => Toaster,
+  TooltipBase: () => TooltipBase,
+  TooltipContentBase: () => TooltipContentBase,
+  TooltipProviderBase: () => TooltipProviderBase,
   TooltipSimple: () => TooltipSimple_default,
+  TooltipTriggerBase: () => TooltipTriggerBase,
   TooltipWithTotal: () => TooltipWithTotal_default,
+  UniversalTooltipRenderer: () => UniversalTooltipRenderer,
+  UnlockButton: () => UnlockButton,
+  UploadButton: () => UploadButton,
+  UseSideBarBase: () => UseSideBarBase,
+  ViewButton: () => ViewButton,
+  VisibilityButton: () => VisibilityButton,
+  badgeVariants: () => badgeVariants,
+  buttonVariantsBase: () => buttonVariantsBase,
   compactTick: () => compactTick,
   detectDataFields: () => detectDataFields,
   detectXAxis: () => detectXAxis,
@@ -520,6 +728,7 @@ __export(index_exports, {
   renderPillLabel: () => pillLabelRenderer_default,
   resolveChartMargins: () => resolveChartMargins,
   resolveContainerPaddingLeft: () => resolveContainerPaddingLeft,
+  toast: () => toast2,
   useChartHighlights: () => useChartHighlights,
   useDrag: () => useDrag,
   useIsMobile: () => useIsMobile,
@@ -631,7 +840,10 @@ var React2 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_react = require("@phosphor-icons/react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var DialogBase = DialogPrimitive.Root;
+var DialogTriggerBase = DialogPrimitive.Trigger;
 var DialogPortalBase = DialogPrimitive.Portal;
+var DialogCloseBase = DialogPrimitive.Close;
 var DialogOverlayBase = React2.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   DialogPrimitive.Overlay,
   {
@@ -830,6 +1042,26 @@ var CommandBase = React5.forwardRef(({ className, testid: dataTestId = "command-
   }
 ));
 CommandBase.displayName = import_cmdk.Command.displayName;
+var dialogVariants = {
+  hidden: { opacity: 0, scale: 0.95, y: -20 },
+  visible: { opacity: 1, scale: 1, y: 0 },
+  exit: { opacity: 0, scale: 0.95, y: -20 }
+};
+var CommandDialogBase = ({ children, open, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogBase, { open, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_framer_motion.motion.div,
+    {
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      variants: dialogVariants,
+      transition: { duration: 0.2, ease: "easeOut" },
+      className: "overflow-hidden p-0",
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+    },
+    "command-dialog"
+  ) }) }) });
+};
 var CommandInputBase = React5.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -925,6 +1157,7 @@ var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var PopoverBase = PopoverPrimitive.Root;
 var PopoverTriggerBase = PopoverPrimitive.Trigger;
+var PopoverAnchorBase = PopoverPrimitive.Anchor;
 var PopoverContentBase = React6.forwardRef(
   ({
     className,
@@ -1274,6 +1507,9 @@ function MultiCombobox({
 var React7 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var TooltipProviderBase = TooltipPrimitive.Provider;
+var TooltipBase = TooltipPrimitive.Root;
+var TooltipTriggerBase = TooltipPrimitive.Trigger;
 var TooltipContentBase = React7.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   TooltipPrimitive.Content,
   {
@@ -1465,6 +1701,10 @@ var import_framer_motion5 = require("framer-motion");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
 var DropDownMenuTriggerBase = DropdownMenuPrimitive.Trigger;
+var DropDownMenuGroupBase = DropdownMenuPrimitive.Group;
+var DropDownMenuPortalBase = DropdownMenuPrimitive.Portal;
+var DropDownMenuSubBase = DropdownMenuPrimitive.Sub;
+var DropDownMenuRadioGroupBase = DropdownMenuPrimitive.RadioGroup;
 var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
@@ -5324,31 +5564,4491 @@ var useChartHighlights = () => {
   };
 };
 
-// src/hooks/use-mobile.tsx
+// src/components/ui/data/AvatarBase.tsx
 var React16 = __toESM(require("react"));
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React16.useState(void 0);
-  React16.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var AvatarBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+AvatarBase.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImageBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImageBase.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallbackBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallbackBase.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/ui/data/BadgeBase.tsx
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var tailwindColors = {
+  // Red
+  "red-50": "#fef2f2",
+  "red-100": "#fee2e2",
+  "red-200": "#fecaca",
+  "red-300": "#fca5a5",
+  "red-400": "#f87171",
+  "red-500": "#ef4444",
+  "red-600": "#dc2626",
+  "red-700": "#b91c1c",
+  "red-800": "#991b1b",
+  "red-900": "#7f1d1d",
+  // Orange
+  "orange-50": "#fff7ed",
+  "orange-100": "#ffedd5",
+  "orange-200": "#fed7aa",
+  "orange-300": "#fdba74",
+  "orange-400": "#fb923c",
+  "orange-500": "#f97316",
+  "orange-600": "#ea580c",
+  "orange-700": "#c2410c",
+  "orange-800": "#9a3412",
+  "orange-900": "#7c2d12",
+  // Yellow
+  "yellow-50": "#fefce8",
+  "yellow-100": "#fef3c7",
+  "yellow-200": "#fde68a",
+  "yellow-300": "#fcd34d",
+  "yellow-400": "#fbbf24",
+  "yellow-500": "#f59e0b",
+  "yellow-600": "#d97706",
+  "yellow-700": "#b45309",
+  "yellow-800": "#92400e",
+  "yellow-900": "#78350f",
+  // Green
+  "green-50": "#f0fdf4",
+  "green-100": "#dcfce7",
+  "green-200": "#bbf7d0",
+  "green-300": "#86efac",
+  "green-400": "#4ade80",
+  "green-500": "#22c55e",
+  "green-600": "#16a34a",
+  "green-700": "#15803d",
+  "green-800": "#166534",
+  "green-900": "#14532d",
+  // Blue
+  "blue-50": "#eff6ff",
+  "blue-100": "#dbeafe",
+  "blue-200": "#bfdbfe",
+  "blue-300": "#93c5fd",
+  "blue-400": "#60a5fa",
+  "blue-500": "#3b82f6",
+  "blue-600": "#2563eb",
+  "blue-700": "#1d4ed8",
+  "blue-800": "#1e40af",
+  "blue-900": "#1e3a8a",
+  // Purple
+  "purple-50": "#faf5ff",
+  "purple-100": "#f3e8ff",
+  "purple-200": "#e9d5ff",
+  "purple-300": "#d8b4fe",
+  "purple-400": "#c084fc",
+  "purple-500": "#a855f7",
+  "purple-600": "#9333ea",
+  "purple-700": "#7c3aed",
+  "purple-800": "#6b21a8",
+  "purple-900": "#581c87",
+  // Pink
+  "pink-50": "#fdf2f8",
+  "pink-100": "#fce7f3",
+  "pink-200": "#fbcfe8",
+  "pink-300": "#f9a8d4",
+  "pink-400": "#f472b6",
+  "pink-500": "#ec4899",
+  "pink-600": "#db2777",
+  "pink-700": "#be185d",
+  "pink-800": "#9d174d",
+  "pink-900": "#831843",
+  // Gray
+  "gray-50": "#f9fafb",
+  "gray-100": "#f3f4f6",
+  "gray-200": "#e5e7eb",
+  "gray-300": "#d1d5db",
+  "gray-400": "#9ca3af",
+  "gray-500": "#6b7280",
+  "gray-600": "#4b5563",
+  "gray-700": "#374151",
+  "gray-800": "#1f2937",
+  "gray-900": "#111827",
+  // Indigo
+  "indigo-50": "#eef2ff",
+  "indigo-100": "#e0e7ff",
+  "indigo-200": "#c7d2fe",
+  "indigo-300": "#a5b4fc",
+  "indigo-400": "#818cf8",
+  "indigo-500": "#6366f1",
+  "indigo-600": "#4f46e5",
+  "indigo-700": "#4338ca",
+  "indigo-800": "#3730a3",
+  "indigo-900": "#312e81",
+  // Teal
+  "teal-50": "#f0fdfa",
+  "teal-100": "#ccfbf1",
+  "teal-200": "#99f6e4",
+  "teal-300": "#5eead4",
+  "teal-400": "#2dd4bf",
+  "teal-500": "#14b8a6",
+  "teal-600": "#0d9488",
+  "teal-700": "#0f766e",
+  "teal-800": "#115e59",
+  "teal-900": "#134e4a",
+  // Emerald
+  "emerald-50": "#ecfdf5",
+  "emerald-100": "#d1fae5",
+  "emerald-200": "#a7f3d0",
+  "emerald-300": "#6ee7b7",
+  "emerald-400": "#34d399",
+  "emerald-500": "#10b981",
+  "emerald-600": "#059669",
+  "emerald-700": "#047857",
+  "emerald-800": "#065f46",
+  "emerald-900": "#064e3b",
+  // Cyan
+  "cyan-50": "#ecfeff",
+  "cyan-100": "#cffafe",
+  "cyan-200": "#a5f3fc",
+  "cyan-300": "#67e8f9",
+  "cyan-400": "#22d3ee",
+  "cyan-500": "#06b6d4",
+  "cyan-600": "#0891b2",
+  "cyan-700": "#0e7490",
+  "cyan-800": "#155e75",
+  "cyan-900": "#164e63"
+};
+var getTailwindColor = (color) => {
+  if (color.startsWith("#") || color.startsWith("rgb") || color.startsWith("hsl")) {
+    return color;
+  }
+  if (tailwindColors[color]) {
+    return tailwindColors[color];
+  }
+  if (!color.includes("-")) {
+    const defaultColor = `${color}-500`;
+    if (tailwindColors[defaultColor]) {
+      return tailwindColors[defaultColor];
+    }
+  }
+  return color;
+};
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      },
+      status: {
+        success: "bg-green-500 border-white dark:border-zinc-900",
+        desactivated: "bg-gray-400 border-white dark:border-zinc-900",
+        destructive: "bg-red-500 border-white dark:border-zinc-900",
+        away: "bg-yellow-400 border-white dark:border-zinc-900",
+        custom: "border-white dark:border-zinc-900"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function BadgeBase({
+  className,
+  variant,
+  status,
+  statusColor,
+  asChild = false,
+  children,
+  style,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot3.Slot : "span";
+  const isStatus = Boolean(status);
+  const resolvedStatusColor = statusColor ? getTailwindColor(statusColor) : void 0;
+  const customStyle = status === "custom" && resolvedStatusColor ? { ...style, backgroundColor: resolvedStatusColor } : style;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(
+        badgeVariants({ variant, status: isStatus ? status : void 0 }),
+        isStatus && "absolute bottom-0 right-0 rounded-full p-0 h-4 w-4 flex items-center justify-center border-2",
+        className
+      ),
+      style: customStyle,
+      ...props,
+      children: isStatus ? null : children
+    }
+  );
+}
+
+// src/components/ui/data/CalendarBase.tsx
+var import_react22 = require("@phosphor-icons/react");
+var import_react_day_picker = require("react-day-picker");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function CalendarBase({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_react_day_picker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn("bg-background p-3", className),
+      classNames: {
+        months: "flex items-center flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariantsBase({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0  opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-slate-500 rounded-md w-9 font-normal text-[0.8rem] dark:text-slate-400",
+        row: "flex w-full mt-2",
+        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-slate-100/50 [&:has([aria-selected])]:bg-slate-100 first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20 dark:[&:has([aria-selected].day-outside)]:bg-slate-800/50 dark:[&:has([aria-selected])]:bg-slate-800",
+        day: cn(
+          buttonVariantsBase({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_end: "day-range-end",
+        day_selected: "bg-purple text-slate-50 hover:bg-primary hover:text-slate-50 focus:bg-purple-500 focus:text-slate-50 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50 dark:hover:text-slate-900 dark:focus:bg-slate-50 dark:focus:text-slate-900",
+        day_today: "bg-slate-100 text-slate-900 dark:bg-primary dark:text-slate-50",
+        day_outside: "day-outside text-slate-500 opacity-50 aria-selected:bg-slate-100/50 aria-selected:text-slate-500 aria-selected:opacity-30 dark:text-slate-400 dark:aria-selected:bg-slate-800/50 dark:aria-selected:text-slate-400",
+        day_disabled: "text-slate-500 opacity-50 dark:text-slate-400",
+        day_range_middle: "aria-selected:bg-slate-100 aria-selected:text-slate-900 dark:aria-selected:bg-primary dark:aria-selected:text-primary",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react22.CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react22.CaretRightIcon, { className: "h-4 w-4" })
+      },
+      ...props
+    }
+  );
 }
+CalendarBase.displayName = "Calendar";
+
+// src/components/ui/data/CardBase.tsx
+var React17 = __toESM(require("react"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var CardBase = React17.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardBase.displayName = "Card";
+var CardHeaderBase = React17.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardHeaderBase.displayName = "CardHeader";
+var CardTitleBase = React17.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("font-semibold leading-none tracking-tight", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardTitleBase.displayName = "CardTitle";
+var CardDescriptionBase = React17.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardDescriptionBase.displayName = "CardDescription";
+var CardContentBase = React17.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("p-6 pt-0", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardContentBase.displayName = "CardContent";
+var CardFooterBase = React17.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardFooterBase.displayName = "CardFooter";
+
+// src/components/ui/data/FileUploader.tsx
+var React21 = __toESM(require("react"));
+var import_framer_motion10 = require("framer-motion");
+var import_react25 = require("@phosphor-icons/react");
+
+// src/components/ui/form/SmallButtons.tsx
+var React20 = __toESM(require("react"));
+
+// src/components/ui/feedback/DestructiveDialog.tsx
+var React19 = __toESM(require("react"));
+var import_react23 = require("@phosphor-icons/react");
+
+// src/components/ui/feedback/AlertDialogBase.tsx
+var React18 = __toESM(require("react"));
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var AlertDialogBase = AlertDialogPrimitive.Root;
+var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
+var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
+var AlertDialogOverlayBase = React18.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    "data-testid": testid,
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContentBase = React18.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(AlertDialogPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AlertDialogOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] 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",
+        className
+      ),
+      "data-testid": testid,
+      ...props
+    }
+  )
+] }));
+AlertDialogContentBase.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeaderBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeaderBase.displayName = "AlertDialogHeaderBase";
+var AlertDialogFooterBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
+var AlertDialogTitleBase = React18.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescriptionBase = React18.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogActionBase = React18.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariantsBase(), className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancelBase = React18.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariantsBase({ variant: "outline" }), className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/ui/feedback/DestructiveDialog.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var DestructiveDialog = ({
+  title,
+  description,
+  onConfirm,
+  onCancel,
+  children,
+  triggerContent
+}) => {
+  const triggerEl = React19.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AlertDialogBase, { children: [
+    triggerEl,
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      AlertDialogContentBase,
+      {
+        className: cn("border border-destructive bg-background"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react23.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogTitleBase, { className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogDescriptionBase, { className: "mt-2 text-sm text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              AlertDialogCancelBase,
+              {
+                onClick: onCancel,
+                className: cn(
+                  buttonVariantsBase({ variant: "outline", size: "default" }),
+                  "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
+                ),
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              AlertDialogActionBase,
+              {
+                onClick: onConfirm,
+                className: cn(
+                  buttonVariantsBase({ variant: "destructive", size: "default" })
+                ),
+                children: "Confirmar"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/ui/form/SmallButtons.tsx
+var import_react24 = require("@phosphor-icons/react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var EditButton = React20.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-edit",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out group",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_react24.PencilSimpleIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-200 group-hover:-rotate-12"
+        }
+      )
+    }
+  )
+);
+EditButton.displayName = "EditButton";
+var ChangeButton = React20.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-edit",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out group",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_react24.ArrowsLeftRightIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-200 group-hover:-rotate-180"
+        }
+      )
+    }
+  )
+);
+ChangeButton.displayName = "ChangeButton";
+var SaveButton = React20.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-save",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out group",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_react24.FloppyDiskIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-200 group-hover:scale-110"
+        }
+      )
+    }
+  )
+);
+SaveButton.displayName = "SaveButton";
+var AddButton = React20.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-add",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_react24.PlusIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-300"
+        }
+      )
+    }
+  )
+);
+AddButton.displayName = "AddButton";
+var CloseButton = React20.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-close",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "ghost",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out",
+        "hover:scale-110 hover:rotate-90 hover:bg-destructive/10",
+        "active:scale-95 active:rotate-0",
+        "disabled:hover:scale-100 disabled:hover:rotate-0",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_react24.XIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-300"
+        }
+      )
+    }
+  )
+);
+CloseButton.displayName = "CloseButton";
+var DeleteButton = React20.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-delete",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "destructive",
+    size = "icon",
+    destructiveTitle,
+    destructiveDescription,
+    destructiveOnConfirm,
+    destructiveOnCancel,
+    destructiveTriggerContent,
+    ...props
+  }, ref) => {
+    const effectiveDestructiveTitle = destructiveTitle ?? props.title;
+    const trigger = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ButtonBase,
+      {
+        ref,
+        variant,
+        size,
+        onClick,
+        disabled,
+        testid,
+        className: cn(
+          "transition-all duration-200 ease-in-out group",
+          "hover:scale-105",
+          "active:scale-95",
+          "disabled:hover:scale-100",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          import_react24.TrashIcon,
+          {
+            size: iconSize,
+            color: iconColor,
+            className: "transition-transform duration-200 group-hover:scale-110"
+          }
+        )
+      }
+    );
+    if (effectiveDestructiveTitle) {
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        DestructiveDialog,
+        {
+          title: effectiveDestructiveTitle,
+          description: destructiveDescription ?? "Essa a\xE7\xE3o \xE9 irrevers\xEDvel.",
+          onConfirm: destructiveOnConfirm ?? (() => {
+          }),
+          onCancel: destructiveOnCancel,
+          triggerContent: destructiveTriggerContent,
+          children: trigger
+        }
+      );
+    }
+    return trigger;
+  }
+);
+DeleteButton.displayName = "DeleteButton";
+var DownloadButton = ({
+  disabled,
+  onClick,
+  testid = "button-download",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "outline",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.DownloadSimpleIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:translate-y-0.5"
+      }
+    )
+  }
+);
+var UploadButton = ({
+  disabled,
+  onClick,
+  testid = "button-upload",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "outline",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.UploadSimpleIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:-translate-y-0.5"
+      }
+    )
+  }
+);
+var CopyButton = ({
+  disabled,
+  onClick,
+  testid = "button-copy",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-90",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.CopyIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110"
+      }
+    )
+  }
+);
+var RefreshButton = ({
+  disabled,
+  onClick,
+  testid = "button-refresh",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.ArrowClockwiseIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-500 group-hover:rotate-180"
+      }
+    )
+  }
+);
+var SearchButton = ({
+  disabled,
+  onClick,
+  testid = "button-search",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "outline",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.MagnifyingGlassIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
+      }
+    )
+  }
+);
+var BackButton = ({
+  disabled,
+  onClick,
+  testid = "button-back",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.ArrowLeftIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:-translate-x-1"
+      }
+    )
+  }
+);
+var SettingsButton = ({
+  disabled,
+  onClick,
+  testid = "button-settings",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.GearIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-500 group-hover:rotate-90"
+      }
+    )
+  }
+);
+var NotificationButton = ({
+  disabled,
+  onClick,
+  testid = "button-notification",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.BellIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
+      }
+    )
+  }
+);
+var MoreButton = ({
+  disabled,
+  onClick,
+  testid = "button-more",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.DotsThreeIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110"
+      }
+    )
+  }
+);
+var CheckButton = ({
+  disabled,
+  onClick,
+  testid = "button-check",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: "default",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-110",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.CheckIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110"
+      }
+    )
+  }
+);
+var FilterButton = ({
+  disabled,
+  onClick,
+  testid = "button-filter",
+  active = false,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant: variant || (active ? "default" : "outline"),
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.FunnelIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        weight: active ? "fill" : "regular",
+        className: "transition-all duration-200"
+      }
+    )
+  }
+);
+var LikeButton = ({
+  disabled,
+  onClick,
+  testid = "button-like",
+  isLiked = false,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-110",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      !iconColor && (isLiked ? "text-red-500 dark:text-red-400 hover:text-red-600 dark:hover:text-red-300" : "hover:text-red-500 dark:hover:text-red-400"),
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.HeartIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        weight: isLiked ? "fill" : "regular",
+        className: "transition-all duration-300 group-hover:scale-110"
+      }
+    )
+  }
+);
+var FavoriteButton = ({
+  disabled,
+  onClick,
+  testid = "button-favorite",
+  isFavorite = false,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-110",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      !iconColor && (isFavorite ? "text-yellow-500 dark:text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300" : "hover:text-yellow-500 dark:hover:text-yellow-400"),
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.StarIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        weight: isFavorite ? "fill" : "regular",
+        className: "transition-all duration-300 group-hover:rotate-12"
+      }
+    )
+  }
+);
+var VisibilityButton = ({
+  disabled,
+  onClick,
+  testid = "button-visibility",
+  isVisible = true,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      className
+    ),
+    ...props,
+    children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.EyeIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        className: "transition-opacity duration-200"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.EyeSlashIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        className: "transition-opacity duration-200"
+      }
+    )
+  }
+);
+var ViewButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VisibilityButton, { isVisible: true, testid: "button-view", ...props });
+var HideButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VisibilityButton, { isVisible: false, testid: "button-hide", ...props });
+var LockButton = ({
+  disabled,
+  onClick,
+  testid = "button-lock",
+  isLocked = true,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  ButtonBase,
+  {
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      !iconColor && (isLocked ? "text-red-500 dark:text-red-400 hover:text-red-600 dark:hover:text-red-300" : "text-emerald-500 dark:text-emerald-400 hover:text-emerald-600 dark:hover:text-emerald-300"),
+      className
+    ),
+    ...props,
+    children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.LockIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        className: "transition-all duration-200 group-hover:scale-110"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_react24.LockOpenIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        className: "transition-all duration-200 group-hover:scale-110"
+      }
+    )
+  }
+);
+var UnlockButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LockButton, { isLocked: false, testid: "button-unlock", ...props });
+
+// src/components/ui/data/FileUploader.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+};
+var getFileExtension = (filename) => {
+  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
+};
+var getFileTypeIcon = (file) => {
+  const extension = getFileExtension(file.name).toLowerCase();
+  const mimeType = file.type.toLowerCase();
+  if (extension === "pdf" || mimeType === "application/pdf") {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FilePdfIcon, { size: 20, className: "text-red-500" });
+  }
+  if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileDocIcon, { size: 20, className: "text-blue-500" });
+  }
+  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileXlsIcon, { size: 20, className: "text-green-500" });
+  }
+  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FilePptIcon, { size: 20, className: "text-orange-500" });
+  }
+  if (extension === "csv" || mimeType === "text/csv") {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileCsvIcon, { size: 20, className: "text-green-600" });
+  }
+  if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
+    extension
+  ) || mimeType.includes("text")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileTextIcon, { size: 20, className: "text-gray-500" });
+  }
+  if (mimeType.startsWith("image/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileImageIcon, { size: 20, className: "text-purple-500" });
+  }
+  if (mimeType.startsWith("video/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileVideoIcon, { size: 20, className: "text-pink-500" });
+  }
+  if (mimeType.startsWith("audio/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileAudioIcon, { size: 20, className: "text-indigo-500" });
+  }
+  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileZipIcon, { size: 20, className: "text-yellow-600" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileIcon, { size: 20, className: "text-muted-foreground" });
+};
+var createImagePreview = (file) => {
+  return new Promise((resolve) => {
+    if (!file.type.startsWith("image/")) {
+      resolve(null);
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      resolve(e.target?.result);
+    };
+    reader.onerror = () => {
+      resolve(null);
+    };
+    reader.readAsDataURL(file);
+  });
+};
+var FileUploader = React21.forwardRef(
+  ({
+    className,
+    accept,
+    maxSize,
+    maxFiles = 1,
+    disabled = false,
+    value = [],
+    onValueChange,
+    onUpload,
+    showPreview = true,
+    dropzoneText = "Arraste arquivos aqui ou clique para selecionar",
+    dropzoneSubtext,
+    animate = true,
+    ...props
+  }, ref) => {
+    const [isDragging, setIsDragging] = React21.useState(false);
+    const [files, setFiles] = React21.useState(value);
+    const inputRef = React21.useRef(null);
+    const dragCounterRef = React21.useRef(0);
+    const multiple = maxFiles > 1;
+    React21.useEffect(() => {
+      setFiles(value);
+    }, [value]);
+    React21.useEffect(() => {
+      return () => {
+        files.forEach((file) => {
+          if (file.preview) {
+            URL.revokeObjectURL(file.preview);
+          }
+        });
+      };
+    }, [files]);
+    const validateFile = (file) => {
+      if (file.size > maxSize) {
+        return `Arquivo muito grande. M\xE1ximo: ${formatFileSize(maxSize)}`;
+      }
+      if (accept.length > 0) {
+        const fileExtension = `.${getFileExtension(file.name)}`;
+        const fileType = file.type;
+        const isAccepted = accept.some((acceptItem) => {
+          if (acceptItem.startsWith(".")) {
+            return fileExtension.toLowerCase() === acceptItem.toLowerCase();
+          }
+          if (acceptItem.endsWith("/*")) {
+            return fileType.startsWith(acceptItem.replace("/*", ""));
+          }
+          return fileType === acceptItem;
+        });
+        if (!isAccepted) {
+          return `Tipo de arquivo n\xE3o permitido. Aceitos: ${accept.join(", ")}`;
+        }
+      }
+      return null;
+    };
+    const createFileWithPreview = async (file) => {
+      const fileWithPreview = file;
+      fileWithPreview.id = `${file.name}-${Date.now()}-${Math.random()}`;
+      const error = validateFile(file);
+      if (error) {
+        fileWithPreview.error = error;
+      }
+      if (file.type.startsWith("image/")) {
+        try {
+          const preview = await createImagePreview(file);
+          if (preview) {
+            fileWithPreview.preview = preview;
+          }
+        } catch (error2) {
+          console.warn("Erro ao criar preview da imagem:", error2);
+        }
+      }
+      return fileWithPreview;
+    };
+    const handleFiles = async (newFiles) => {
+      if (disabled) return;
+      const availableSlots = maxFiles - files.length;
+      const filesToAdd = multiple ? newFiles.slice(0, availableSlots) : [newFiles[0]];
+      const filesWithPreview = await Promise.all(
+        filesToAdd.map((file) => createFileWithPreview(file))
+      );
+      const updatedFiles = multiple ? [...files, ...filesWithPreview] : filesWithPreview;
+      setFiles(updatedFiles);
+      onValueChange(updatedFiles);
+      if (onUpload) {
+        const validFiles = filesWithPreview.filter((f) => !f.error);
+        if (validFiles.length > 0) {
+          try {
+            await onUpload(validFiles);
+          } catch (error) {
+            console.error("Erro no upload:", error);
+          }
+        }
+      }
+    };
+    const handleDragEnter = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current++;
+      if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+        setIsDragging(true);
+      }
+    };
+    const handleDragLeave = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current--;
+      if (dragCounterRef.current === 0) {
+        setIsDragging(false);
+      }
+    };
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    const handleDrop = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+      dragCounterRef.current = 0;
+      if (disabled) return;
+      const droppedFiles = Array.from(e.dataTransfer.files);
+      handleFiles(droppedFiles);
+    };
+    const handleInputChange = (e) => {
+      if (e.target.files) {
+        const selectedFiles = Array.from(e.target.files);
+        handleFiles(selectedFiles);
+      }
+    };
+    const handleRemoveFile = (fileId) => {
+      const fileToRemove = files.find((f) => f.id === fileId);
+      if (fileToRemove?.preview) {
+        URL.revokeObjectURL(fileToRemove.preview);
+      }
+      const updatedFiles = files.filter((f) => f.id !== fileId);
+      setFiles(updatedFiles);
+      onValueChange(updatedFiles);
+    };
+    const handleClick = () => {
+      if (!disabled) {
+        inputRef.current?.click();
+      }
+    };
+    const acceptString = accept.join(",");
+    const defaultSubtext = dropzoneSubtext || `Formatos: ${accept.join(", ")}. M\xE1ximo: ${formatFileSize(maxSize)}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      import_framer_motion10.motion.div,
+      {
+        className: cn(
+          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-10 transition-all duration-300 dark:shadow-black/20",
+          isDragging && "border-primary bg-primary/10 scale-[1.02]",
+          !isDragging && "border-border hover:border-primary/60 hover:bg-muted/50",
+          disabled && "cursor-not-allowed opacity-50 hover:scale-100"
+        ),
+        onDragEnter: handleDragEnter,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onClick: handleClick,
+        whileHover: !disabled ? { scale: 1.01 } : void 0,
+        whileTap: !disabled ? { scale: 0.99 } : void 0,
+        animate: isDragging ? {
+          borderColor: `hsl(var(--primary))`,
+          backgroundColor: `hsl(var(--primary) / 0.1)`,
+          scale: 1.02
+        } : {
+          borderColor: `hsl(var(--border))`,
+          backgroundColor: `hsl(var(--background))`,
+          scale: 1
+        },
+        transition: {
+          type: "spring",
+          stiffness: 300,
+          damping: 25,
+          duration: 0.3
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              className: "hidden",
+              accept: acceptString,
+              multiple,
+              disabled,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            import_framer_motion10.motion.div,
+            {
+              animate: isDragging ? { scale: 1.2, rotate: 10 } : { scale: 1, rotate: 0 },
+              transition: {
+                type: "spring",
+                stiffness: 300,
+                damping: 20,
+                duration: 0.3
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                import_framer_motion10.motion.div,
+                {
+                  className: cn(
+                    "mb-4 h-16 w-16 text-muted-foreground transition-colors duration-300 drop-shadow-lg flex items-center justify-center",
+                    isDragging && "text-primary"
+                  ),
+                  initial: false,
+                  animate: {
+                    color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
+                  },
+                  transition: { duration: 0.3 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.CloudArrowUpIcon, { size: 64 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            import_framer_motion10.motion.p,
+            {
+              className: "mb-2 text-base font-semibold text-foreground",
+              initial: animate ? { opacity: 0, y: -10 } : false,
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.1 },
+              children: dropzoneText
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            import_framer_motion10.motion.p,
+            {
+              className: "text-sm text-muted-foreground",
+              initial: animate ? { opacity: 0, y: -10 } : false,
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.2 },
+              children: defaultSubtext
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_framer_motion10.AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            import_framer_motion10.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.8, y: 10 },
+              animate: {
+                opacity: 1,
+                scale: 1,
+                y: 0,
+                backgroundColor: `hsl(var(--primary) / 0.1)`,
+                borderColor: `hsl(var(--primary) / 0.2)`
+              },
+              exit: { opacity: 0, scale: 0.8, y: 10 },
+              className: cn(
+                "mt-4 flex items-center gap-2 rounded-full border px-4 py-2 backdrop-blur-sm bg-primary/20 border-primary/30 shadow-lg"
+              ),
+              transition: { duration: 0.3 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                  import_framer_motion10.motion.span,
+                  {
+                    className: "text-sm font-semibold text-primary",
+                    animate: { color: `hsl(var(--primary))` },
+                    transition: { duration: 0.3 },
+                    children: [
+                      files.length,
+                      " ",
+                      files.length === 1 ? "arquivo selecionado" : "arquivos selecionados"
+                    ]
+                  }
+                )
+              ]
+            }
+          ) }),
+          showPreview && files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            import_framer_motion10.motion.div,
+            {
+              className: "mt-6 w-full",
+              initial: animate ? { opacity: 0, y: 10 } : false,
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.3 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("h4", { className: "mb-3 text-sm font-medium text-muted-foreground", children: [
+                  "Arquivos selecionados (",
+                  files.length,
+                  "/",
+                  maxFiles,
+                  ")"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-2 overflow-y-auto max-h-44", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_framer_motion10.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                  import_framer_motion10.motion.div,
+                  {
+                    layout: true,
+                    initial: animate ? { opacity: 0, x: -20 } : false,
+                    animate: { opacity: 1, x: 0 },
+                    exit: {
+                      opacity: 0,
+                      x: -20,
+                      transition: { duration: 0.2 }
+                    },
+                    transition: {
+                      delay: animate ? index * 0.05 : 0,
+                      layout: { duration: 0.2 }
+                    },
+                    className: cn(
+                      "flex items-center gap-3 rounded-md border p-3 transition-all duration-300",
+                      file.error ? "border-destructive/50 bg-destructive/5" : "border-border bg-background/80 hover:bg-muted/50 hover:shadow-md hover:shadow-primary/10 hover:border-primary/30"
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? (
+                        // Preview de imagem
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                          "img",
+                          {
+                            src: file.preview,
+                            alt: file.name,
+                            className: "h-full w-full object-cover rounded-md"
+                          }
+                        )
+                      ) : (
+                        // Ícone baseado no tipo de arquivo
+                        getFileTypeIcon(file)
+                      ) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                          "p",
+                          {
+                            className: "truncate text-sm font-medium text-foreground",
+                            title: `${file.name} (${file.type || "Tipo desconhecido"})`,
+                            children: file.name
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: formatFileSize(file.size) }),
+                          file.type && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "\u2022" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uppercase", children: getFileExtension(file.name) })
+                          ] })
+                        ] }),
+                        file.error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                          import_framer_motion10.motion.p,
+                          {
+                            className: "mt-1 text-xs text-destructive",
+                            initial: { opacity: 0, y: -5 },
+                            animate: { opacity: 1, y: 0 },
+                            children: file.error
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                        DeleteButton,
+                        {
+                          type: "button",
+                          variant: "destructive",
+                          size: "icon",
+                          onClick: (e) => {
+                            e?.stopPropagation();
+                            handleRemoveFile(file.id);
+                          },
+                          className: "",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.XIcon, { size: 12 })
+                        }
+                      )
+                    ]
+                  },
+                  file.id
+                )) }) })
+              ] })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+FileUploader.displayName = "FileUploader";
+
+// src/components/ui/feedback/LoadingBase.tsx
+var React22 = __toESM(require("react"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var loadingVariants = (0, import_class_variance_authority3.cva)(
+  "rounded-full border-2 animate-spin border-muted border-t-primary",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-6 w-6",
+        lg: "h-8 w-8",
+        xl: "h-12 w-12 border-[3px]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var dotsVariants = (0, import_class_variance_authority3.cva)(
+  "flex items-center justify-center",
+  {
+    variants: {
+      size: {
+        sm: "gap-1",
+        md: "gap-1.5",
+        lg: "gap-2",
+        xl: "gap-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var dotVariants = (0, import_class_variance_authority3.cva)(
+  "rounded-full bg-gradient-to-r from-primary to-primary/70 shadow-sm",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5 w-2",
+        md: "h-2.5 w-2.5",
+        lg: "h-2.5 w-3",
+        xl: "h-3.5 w-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var LoadingBase = React22.forwardRef(
+  ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
+    React22.useEffect(() => {
+      const style = document.createElement("style");
+      style.textContent = `
+        @keyframes dotBounce {
+          0%, 80%, 100% {
+            transform: translateY(0);
+            opacity: 0.8;
+          }
+          40% {
+            transform:  translateY(-8px);
+            opacity: 1;
+          }
+        }
+      `;
+      document.head.appendChild(style);
+      return () => {
+        if (document.head.contains(style)) {
+          document.head.removeChild(style);
+        }
+      };
+    }, []);
+    const renderSpinner = () => {
+      if (variant === "dots") {
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn(dotsVariants({ size })), "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0ms",
+                transform: "translateY(0px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0.16s",
+                transform: "translateY(0px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0.32s",
+                transform: "translateY(0px)"
+              }
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "div",
+        {
+          className: cn(loadingVariants({ size })),
+          style: {
+            animation: "spin 1s linear infinite"
+          },
+          "aria-hidden": "true"
+        }
+      );
+    };
+    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+      renderSpinner(),
+      message && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm font-medium text-muted-foreground animate-pulse", children: message })
+    ] });
+    if (overlay) {
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "fixed inset-0 z-50 flex items-center justify-center",
+            "bg-background/80 dark:bg-background/60",
+            "backdrop-blur-md backdrop-saturate-150",
+            "transition-all duration-300 ease-in-out",
+            "animate-in fade-in-0",
+            className
+          ),
+          role: "status",
+          "aria-label": message || "Carregando",
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(
+            "relative p-8 rounded-2xl",
+            "bg-card/90 dark:bg-card/95",
+            "border border-border/50",
+            "shadow-2xl shadow-black/10 dark:shadow-black/30",
+            "backdrop-blur-xl backdrop-saturate-150",
+            "animate-in zoom-in-95 fade-in-0 duration-300",
+            "text-center space-y-4"
+          ), children: loadingContent })
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center justify-center", className),
+        role: "status",
+        "aria-label": message || "Carregando",
+        ...props,
+        children: loadingContent
+      }
+    );
+  }
+);
+LoadingBase.displayName = "LoadingBase";
+
+// src/components/ui/feedback/ModalBase.tsx
+var React23 = __toESM(require("react"));
+var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
+var import_react26 = require("@phosphor-icons/react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var ModalBase = DialogPrimitive2.Root;
+var ModalTriggerBase = DialogPrimitive2.Trigger;
+var ModalPortalBase = DialogPrimitive2.Portal;
+var ModalCloseBase = DialogPrimitive2.Close;
+var ModalOverlayBase = React23.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  DialogPrimitive2.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalOverlayBase.displayName = DialogPrimitive2.Overlay.displayName;
+var ModalContentBase = React23.forwardRef(
+  ({
+    className,
+    children,
+    testid: dataTestId = "modal-content",
+    size = "md",
+    centered = true,
+    backdropBlur = true,
+    ...props
+  }, ref) => {
+    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
+    const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ModalPortalBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        ModalOverlayBase,
+        {
+          className: cn("bg-black/40", backdropBlur ? "backdrop-blur-sm" : "")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: `
+            @keyframes modal-fade-in { from { opacity: 0 } to { opacity: 1 } }
+            @keyframes modal-fade-out { from { opacity: 1 } to { opacity: 0 } }
+            @keyframes modal-scale-in { from { opacity: 0; transform: translate(-50%, -48%) scale(.98) } to { opacity:1; transform: translate(-50%, -50%) scale(1) } }
+            @keyframes modal-scale-out { from { opacity:1; transform: translate(-50%, -50%) scale(1) } to { opacity: 0; transform: translate(-50%, -48%) scale(.98) } }
+            @keyframes overlay-fade-in { from { opacity: 0 } to { opacity: 1 } }
+            @keyframes overlay-fade-out { from { opacity: 1 } to { opacity: 0 } }
+            .data-[state=open]\\:animate-modal-in { animation: modal-fade-in 220ms cubic-bezier(.16,.84,.24,1) both, modal-scale-in 220ms cubic-bezier(.16,.84,.24,1) both }
+            .data-[state=closed]\\:animate-modal-out { animation: modal-scale-out 160ms cubic-bezier(.16,.84,.24,1) both, modal-fade-out 160ms cubic-bezier(.16,.84,.24,1) both }
+            .data-[state=open]\\:animate-overlay-in { animation: overlay-fade-in 220ms cubic-bezier(.16,.84,.24,1) both }
+            .data-[state=closed]\\:animate-overlay-out { animation: overlay-fade-out 160ms cubic-bezier(.16,.84,.24,1) both }
+          `
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        DialogPrimitive2.Content,
+        {
+          ref,
+          className: cn(
+            "fixed z-50 grid w-full gap-4 border bg-background p-6 shadow-lg sm:rounded-lg max-h-[90dvh] overflow-auto",
+            "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out",
+            positionClass,
+            sizeClass,
+            className
+          ),
+          "data-testid": dataTestId,
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(DialogPrimitive2.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react26.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+ModalContentBase.displayName = DialogPrimitive2.Content.displayName;
+var ModalHeaderBase = React23.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalHeaderBase.displayName = "ModalHeader";
+var ModalFooterBase = React23.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalFooterBase.displayName = "ModalFooter";
+var ModalTitleBase = React23.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  DialogPrimitive2.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalTitleBase.displayName = DialogPrimitive2.Title.displayName;
+var ModalDescriptionBase = React23.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  DialogPrimitive2.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalDescriptionBase.displayName = DialogPrimitive2.Description.displayName;
+
+// src/components/ui/feedback/ProgressBase.tsx
+var React24 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var ProgressBase = React24.forwardRef(
+  ({
+    className,
+    value: rawValue,
+    label,
+    leftIcon,
+    rightIcon,
+    variant = "bar",
+    segments = 5,
+    steps = [],
+    currentStep = 0,
+    showValue = false,
+    valuePosition = "right",
+    autocolor,
+    plusIndicator,
+    ...props
+  }, ref) => {
+    const value = Number(rawValue || 0);
+    const indicatorWidth = Math.min(value, 100);
+    switch (variant) {
+      case "segments":
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          ProgressSegmentsBase,
+          {
+            label,
+            segments,
+            value: value || 0
+          }
+        );
+      case "panels":
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          ProgressPanelsBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "circles":
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          ProgressCirclesBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "bar":
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+            showValue && valuePosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-12 text-sm text-right font-extrabold", children: [
+              Math.round(value || 0),
+              "%"
+            ] }),
+            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+              ProgressPrimitive.Root,
+              {
+                ref,
+                className: cn(
+                  " relative h-3 w-full overflow-visible rounded-full bg-muted/80 shadow-inner transition-all ",
+                  className
+                ),
+                value,
+                ...props,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    ProgressPrimitive.Indicator,
+                    {
+                      className: cn(
+                        "h-full transition-all duration-500 ease-in-out rounded-lg",
+                        // quando não usa autocolor, Indicator deve mostrar a cor primária
+                        autocolor && autocolor.length >= 2 ? "bg-transparent" : "bg-primary"
+                      ),
+                      style: { width: `${indicatorWidth}%` }
+                    }
+                  ),
+                  autocolor && Array.isArray(autocolor) && autocolor.length >= 2 && (() => {
+                    const [t1Raw, t2Raw] = autocolor;
+                    const [t1, t2] = [Number(t1Raw), Number(t2Raw)].sort(
+                      (a, b) => a - b
+                    );
+                    const v = Number(value || 0);
+                    let colorClass = "bg-red-500";
+                    if (v <= t1) {
+                      colorClass = "bg-red-500";
+                    } else if (v <= t2) {
+                      colorClass = "bg-yellow-500";
+                    } else {
+                      colorClass = "bg-emerald-500";
+                    }
+                    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      "div",
+                      {
+                        "aria-hidden": true,
+                        className: cn(
+                          "absolute top-0 left-0 h-full transition-all duration-500 ease-in-out rounded-lg",
+                          colorClass
+                        ),
+                        style: { width: `${indicatorWidth}%` }
+                      }
+                    );
+                  })(),
+                  plusIndicator && value > 100 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: "absolute top-0 bottom-0 w-0.5 bg-black/70 transition-all duration-500 ease-in-out pointer-events-none",
+                      style: { left: `100%` },
+                      children: value > 115 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute left-full ml-2 top-1/2 -translate-y-1/2 text-xs whitespace-nowrap font-extrabold", children: `+${Math.round(
+                        value - 100
+                      )}%` })
+                    }
+                  ),
+                  showValue && valuePosition === "inside" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                    "span",
+                    {
+                      className: "absolute inset-0 flex items-center justify-center text-sm select-none pointer-events-none text-secondary font-extrabold",
+                      "aria-hidden": true,
+                      children: [
+                        Math.round(value || 0),
+                        "%"
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            showValue && valuePosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-12 text-sm font-extrabold text-left", children: [
+              Math.round(value || 0),
+              "%"
+            ] }),
+            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+          ] })
+        ] });
+    }
+  }
+);
+ProgressBase.displayName = "ProgressBase";
+var ProgressSegmentsBase = ({
+  label,
+  segments,
+  value
+}) => {
+  const filled = Math.round(value / 100 * segments);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      "div",
+      {
+        className: cn(
+          "h-2 flex-1 rounded-full transition-all duration-300",
+          idx < filled ? "bg-primary" : "bg-zinc-300 hover:bg-zinc-400"
+        )
+      },
+      idx
+    )) })
+  ] });
+};
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  "svg",
+  {
+    className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+  }
+);
+var ProgressPanelsBase = ({
+  label,
+  steps,
+  currentStep
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+      const isActive = idx === currentStep;
+      const isLast = idx === steps.length - 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(React24.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          "div",
+          {
+            className: cn(
+              "relative flex items-center justify-center cursor-pointer select-none rounded-lg border transition-shadow duration-300 ease-in-out",
+              "hover:shadow-md hover:z-10",
+              "aspect-[5/1] min-w-[90px] px-4",
+              isActive ? "bg-primary/20 border-2 border-primary shadow-lg font-semibold" : "border-zinc-300"
+            ),
+            style: { flex: "1 1 0" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+            ]
+          }
+        ),
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ArrowRightIcon, {}) })
+      ] }, idx);
+    }) })
+  ] });
+};
+var ProgressCirclesBase = ({
+  label,
+  steps,
+  currentStep
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        "div",
+        {
+          className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
+          style: {
+            width: `${currentStep / (steps.length - 1) * 100}%`
+          }
+        }
+      ),
+      steps.map((step, idx) => {
+        const isActive = idx <= currentStep;
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          "div",
+          {
+            className: "relative flex flex-col items-center w-10",
+            style: { zIndex: isActive ? 10 : 1 },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all duration-300 cursor-pointer select-none",
+                    isActive ? "bg-primary text-white dark:text-black shadow-md" : "bg-zinc-200 text-zinc-500 hover:bg-zinc-300 dark:bg-zinc-500 dark:text-black"
+                  ),
+                  children: idx + 1
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+            ]
+          },
+          idx
+        );
+      })
+    ] })
+  ] });
+};
+
+// src/components/ui/feedback/SkeletonBase.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function SkeletonBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("animate-pulse  bg-primary/10", className), ...props });
+}
+
+// src/components/ui/feedback/SonnerBase.tsx
+var import_react27 = require("@phosphor-icons/react");
+var import_sonner2 = require("sonner");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var iconBaseClass = "w-5 h-auto";
+var Toaster = ({ testId, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_sonner2.Toaster,
+    {
+      className: "toaster group",
+      position: "top-center",
+      toastOptions: {
+        classNames: {
+          toast: `
+            group toast
+            bg-background
+            text-foreground
+            shadow-lg rounded-md
+            border-l-4
+            border-border
+            flex items-center gap-3
+            data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50 data-[type=success]:text-green-800 data-[type=success]:border-green-500
+            data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50 data-[type=error]:text-red-800 data-[type=error]:border-red-500
+            data-[type=WarningIcon]:border-l-yellow-500 data-[type=WarningIcon]:bg-yellow-50 data-[type=WarningIcon]:text-yellow-800 data-[type=WarningIcon]:border-yellow-500
+            data-[type=InfoIcon]:border-l-blue-500 data-[type=InfoIcon]:bg-blue-50 data-[type=InfoIcon]:text-blue-800 data-[type=InfoIcon]:border-blue-500
+          `,
+          description: `
+            text-sm
+            group-[.toast]:text-neutral-600
+          `,
+          actionButton: `
+            ml-auto
+            rounded-md px-3 py-1 text-sm font-semibold
+            bg-neutral-800 text-white
+            hover:bg-neutral-700
+            transition-colors duration-200
+          `,
+          cancelButton: `
+            ml-2
+            rounded-md px-3 py-1 text-sm font-semibold
+            bg-neutral-100 text-neutral-700
+            hover:bg-neutral-200
+            transition-colors duration-200
+          `
+        }
+      },
+      "data-testid": testId,
+      ...props
+    }
+  );
+};
+var toast2 = {
+  success: (message) => import_sonner2.toast.success(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    className: "sonner-success"
+  }),
+  error: (message) => import_sonner2.toast.error(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    className: "sonner-error"
+  }),
+  warning: (message) => import_sonner2.toast.warning(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    className: "sonner-WarningIcon"
+  }),
+  info: (message) => import_sonner2.toast.info(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    className: "sonner-InfoIcon"
+  }),
+  loading: (message) => (0, import_sonner2.toast)(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    className: "sonner-loading"
+  })
+};
+
+// src/components/ui/form/CheckBoxBase.tsx
+var React25 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_react28 = require("@phosphor-icons/react");
+var import_framer_motion11 = require("framer-motion");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var CheckboxBase = React25.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground transition-colors",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_framer_motion11.motion.div,
+      {
+        initial: { scale: 0, opacity: 0, rotate: -90 },
+        animate: { scale: 1, opacity: 1, rotate: 0 },
+        exit: { scale: 0, opacity: 0, rotate: 90 },
+        transition: { type: "spring", stiffness: 500, damping: 30 },
+        className: "flex items-center justify-center text-current",
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.CheckIcon, { className: "h-4 w-4", weight: "bold" })
+      }
+    ) })
+  }
+));
+CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/ui/form/CollapsibleBase.tsx
+var React26 = __toESM(require("react"));
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var import_react29 = require("@phosphor-icons/react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var CollapsibleBase = React26.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
+});
+CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
+var CollapsibleTriggerBase = React26.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      ref,
+      className: cn(
+        "flex w-full items-center justify-between p-3 text-left font-medium transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-accent hover:text-accent-foreground rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&[data-state=open]_.caret-icon]:rotate-180",
+        className
+      ),
+      "data-slot": "collapsible-trigger",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children })
+        ] }),
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.CaretUpDownIcon, { className: "h-4 w-4" }) })
+      ]
+    }
+  );
+});
+CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
+var CollapsibleContentBase = React26.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+        className
+      ),
+      "data-slot": "collapsible-content",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "pb-3 pt-1", children })
+    }
+  );
+});
+CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
+// src/components/ui/form/DebounceInput.tsx
+var import_react30 = require("react");
+var import_react31 = require("@phosphor-icons/react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// src/components/ui/form/HoverCardBase.tsx
+var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function HoverCardBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HoverCardPrimitive.Root, { ...props });
+}
+function HoverCardTriggerBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HoverCardPrimitive.Trigger, { ...props });
+}
+function HoverCardContentBase({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    HoverCardPrimitive.Content,
+    {
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/components/ui/form/Input-OTP-Base.tsx
+var React27 = __toESM(require("react"));
+var import_input_otp = require("input-otp");
+var import_react32 = require("@phosphor-icons/react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function InputOTPBase({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    import_input_otp.OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroupBase({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlotBase({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React27.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparatorBase({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react32.MinusIcon, {}) });
+}
+
+// src/components/ui/form/SliderBase.tsx
+var React28 = __toESM(require("react"));
+var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var SlideBase = React28.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    label,
+    leftIcon,
+    rightIcon,
+    ...props
+  }, ref) => {
+    const isVertical = orientation === "vertical";
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      "div",
+      {
+        className: cn("flex flex-col gap-1", isVertical ? "h-full " : "w-full"),
+        children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+            "div",
+            {
+              className: cn(
+                "flex gap-2",
+                isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
+              ),
+              children: [
+                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+                  SliderPrimitive.Root,
+                  {
+                    ref,
+                    orientation,
+                    className: cn(
+                      "relative flex touch-none select-none items-center",
+                      isVertical ? "flex-col h-full" : "flex-row w-full",
+                      className
+                    ),
+                    ...props,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                        SliderPrimitive.Track,
+                        {
+                          className: cn(
+                            "relative overflow-hidden bg-primary/20 rounded-full",
+                            isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
+                          ),
+                          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                            SliderPrimitive.Range,
+                            {
+                              className: cn(
+                                "absolute bg-primary",
+                                isVertical ? "w-full" : "h-full"
+                              )
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                        SliderPrimitive.Thumb,
+                        {
+                          className: cn(
+                            "block h-4 w-4 rounded-full border border-primary/70 bg-background shadow-md transition-transform",
+                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+                            "hover:scale-125 active:scale-125"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SlideBase.displayName = "SlideBase";
+
+// src/components/ui/form/SwitchBase.tsx
+var React29 = __toESM(require("react"));
+var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var SwitchBase = React29.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    SwitchPrimitives.Root,
+    {
+      ...props,
+      ref,
+      className: cn(
+        "peer relative inline-flex w-12 cursor-pointer items-center rounded-full border-2 border-transparent shadow-md transition-colors duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input data-[state=checked]:shadow-[0_0_15px_4px_var(--tw-shadow-color)] data-[state=checked]:shadow-primary/30",
+        className
+      ),
+      "data-testid": dataTestId,
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        SwitchPrimitives.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-xl ring-0 transition-transform duration-350 ease-out peer-focus:shadow-lg peer-focus:ring-2 peer-focus:ring-primary/70 data-[state=unchecked]:translate-x-0 data-[state=checked]:translate-x-7 data-[state=checked]:animate-bounce-thumb"
+          ),
+          style: {
+            transformOrigin: "center",
+            transition: "transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+          }
+        }
+      )
+    }
+  );
+});
+SwitchBase.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/ui/form/TextAreaBase.tsx
+var React30 = __toESM(require("react"));
+var import_framer_motion12 = require("framer-motion");
+var import_react33 = require("@phosphor-icons/react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var TextAreaBase = React30.forwardRef(
+  ({ className, clearable = false, onClear, ...props }, ref) => {
+    const [isFocused, setIsFocused] = React30.useState(false);
+    const [hasContent, setHasContent] = React30.useState(
+      !!props.value || !!props.defaultValue
+    );
+    const [showConfirmTooltip, setShowConfirmTooltip] = React30.useState(false);
+    const textareaRef = React30.useRef(null);
+    const handleFocus = (e) => {
+      setIsFocused(true);
+      props.onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+      setIsFocused(false);
+      props.onBlur?.(e);
+    };
+    const handleChange = (e) => {
+      setHasContent(e.target.value.length > 0);
+      props.onChange?.(e);
+    };
+    const handleClearClick = () => {
+      setShowConfirmTooltip(true);
+    };
+    const handleConfirmClear = () => {
+      if (textareaRef.current) {
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+          window.HTMLTextAreaElement.prototype,
+          "value"
+        )?.set;
+        if (nativeInputValueSetter) {
+          nativeInputValueSetter.call(textareaRef.current, "");
+          const event = new Event("input", { bubbles: true });
+          textareaRef.current.dispatchEvent(event);
+        }
+        setHasContent(false);
+        setShowConfirmTooltip(false);
+        textareaRef.current.focus();
+        onClear?.();
+      }
+    };
+    const handleCancelClear = () => {
+      setShowConfirmTooltip(false);
+    };
+    React30.useImperativeHandle(ref, () => textareaRef.current);
+    React30.useEffect(() => {
+      setHasContent(!!props.value || !!props.defaultValue);
+    }, [props.value, props.defaultValue]);
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        "textarea",
+        {
+          className: cn(
+            "peer flex min-h-[80px] min-w-[200px] w-full rounded-lg border border-input bg-background/50 backdrop-blur-sm",
+            "px-4 py-3 text-base shadow-sm placeholder:text-muted-foreground/60",
+            "transition-all duration-300 ease-out",
+            "hover:border-input/80 hover:shadow-md",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:border-ring",
+            "focus-visible:shadow-lg focus-visible:bg-background",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/30",
+            "resize",
+            "md:text-sm",
+            clearable && hasContent && "pr-10",
+            className
+          ),
+          ref: textareaRef,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      clearable && hasContent && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipProviderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        TooltipBase,
+        {
+          open: showConfirmTooltip,
+          onOpenChange: setShowConfirmTooltip,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              import_framer_motion12.motion.button,
+              {
+                type: "button",
+                initial: { opacity: 0, scale: 0.8 },
+                animate: { opacity: 1, scale: 1 },
+                exit: { opacity: 0, scale: 0.8 },
+                transition: { duration: 0.2 },
+                onClick: handleClearClick,
+                className: cn(
+                  "absolute top-3 right-3 p-1.5 rounded-md",
+                  "text-muted-foreground/50 hover:text-destructive hover:bg-destructive/10",
+                  "transition-all duration-200",
+                  "focus:outline-none focus:ring-2 focus:ring-destructive/30",
+                  "disabled:opacity-50 disabled:cursor-not-allowed"
+                ),
+                disabled: props.disabled,
+                "aria-label": "Limpar texto",
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.TrashIcon, { size: 16, weight: "regular" })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+              TooltipContentBase,
+              {
+                side: "left",
+                className: "bg-background border border-border shadow-lg p-3 flex flex-col gap-2",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleConfirmClear,
+                        className: cn(
+                          "px-3 py-1.5 text-xs rounded-md font-medium",
+                          "bg-destructive text-destructive-foreground",
+                          "hover:bg-destructive/90",
+                          "transition-colors"
+                        ),
+                        children: "Confirmar"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleCancelClear,
+                        className: cn(
+                          "px-3 py-1.5 text-xs rounded-md font-medium",
+                          "bg-secondary text-secondary-foreground",
+                          "hover:bg-secondary/80",
+                          "transition-colors"
+                        ),
+                        children: "Cancelar"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        import_framer_motion12.motion.div,
+        {
+          className: "pointer-events-none absolute inset-0 rounded-lg",
+          initial: { opacity: 0 },
+          animate: { opacity: isFocused ? 1 : 0 },
+          transition: { duration: 0.3 },
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-ring/20 via-ring/10 to-ring/20 blur-sm" })
+        }
+      ),
+      isFocused && hasContent && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        import_framer_motion12.motion.div,
+        {
+          initial: { opacity: 0, y: -10 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -10 },
+          className: "absolute bottom-2 right-3 text-xs text-muted-foreground/70 font-medium",
+          children: [
+            props.value?.length || 0,
+            " / ",
+            props.maxLength
+          ]
+        }
+      )
+    ] });
+  }
+);
+TextAreaBase.displayName = "TextAreaBase";
+
+// src/components/ui/layout/CarouselBase.tsx
+var React31 = __toESM(require("react"));
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+var import_react34 = require("@phosphor-icons/react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var CarouselContext = React31.createContext(null);
+function useCarousel() {
+  const context = React31.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <CarouselBase />");
+  }
+  return context;
+}
+function CarouselBase({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = (0, import_embla_carousel_react.default)(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React31.useState(false);
+  const [canScrollNext, setCanScrollNext] = React31.useState(false);
+  const onSelect = React31.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React31.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React31.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React31.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React31.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React31.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContentBase({
+  className,
+  ...props
+}) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        "div",
+        {
+          className: cn(
+            "flex",
+            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItemBase({
+  className,
+  ...props
+}) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    ButtonBase,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNextBase({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    ButtonBase,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/layout/SeparatorBase.tsx
+var React32 = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var import_framer_motion13 = require("framer-motion");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var SeparatorBase = React32.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        asChild: true,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_framer_motion13.motion.div,
+          {
+            className: cn(
+              "shrink-0 bg-border",
+              isHorizontal ? "h-[1px] w-full" : "h-full w-[1px]",
+              className
+            ),
+            initial: {
+              scaleX: isHorizontal ? 0 : 1,
+              scaleY: isHorizontal ? 1 : 0
+            },
+            animate: { scaleX: 1, scaleY: 1 },
+            transition: { duration: 0.2, ease: "easeInOut" }
+          }
+        )
+      }
+    );
+  }
+);
+SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/ui/layout/TableBase.tsx
+var React33 = __toESM(require("react"));
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var TableBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+TableBase.displayName = "TableBase";
+var TableHeaderBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeaderBase.displayName = "TableHeaderBase";
+var TableBodyBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBodyBase.displayName = "TableBodyBase";
+var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooterBase.displayName = "TableFooterBase";
+var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRowBase.displayName = "TableRowBase";
+var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableHeadBase.displayName = "TableHeadBase";
+var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableCellBase.displayName = "TableCellBase";
+var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaptionBase.displayName = "TableCaptionBase";
+
+// src/components/ui/layout/TabsBase.tsx
+var React34 = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var TabsBase = TabsPrimitive.Root;
+var TabsListBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full items-center justify-start gap-2 border-b border-border",
+      "bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+TabsListBase.displayName = TabsPrimitive.List.displayName;
+var TabsTriggerBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium",
+      "text-muted-foreground hover:text-foreground",
+      "transition-colors duration-300 ease-in-out",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "data-[state=active]:text-primary",
+      "after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full",
+      "after:scale-x-0 after:bg-primary after:origin-left",
+      "after:transition-transform after:duration-500 after:ease-[cubic-bezier(0.34,1.56,0.64,1)]",
+      "data-[state=active]:after:scale-x-100",
+      className
+    ),
+    ...props
+  }
+));
+var TabsContentBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "animate-in fade-in-0 duration-500 ease-in-out",
+      className
+    ),
+    ...props
+  }
+));
+TabsContentBase.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/ui/navigation/BreadcrumbBase.tsx
+var import_react_slot4 = require("@radix-ui/react-slot");
+var import_react35 = require("@phosphor-icons/react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function BreadcrumbBase({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbListBase({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItemBase({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLinkBase({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot4.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPageBase({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-foreground font-normal", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparatorBase({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.CaretRightIcon, {})
+    }
+  );
+}
+function BreadcrumbEllipsisBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.DotsThreeIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/navigation/NavigationMenuBase.tsx
+var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
+var import_react36 = require("@phosphor-icons/react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function NavigationMenuBase({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": viewport,
+      className: cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center z-[999]",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(NavigationMenuViewportBase, {})
+      ]
+    }
+  );
+}
+function NavigationMenuListBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItemBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuTriggerBase({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1", "group", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          import_react36.CaretDownIcon,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContentBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewportBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function NavigationMenuLinkBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicatorBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+
+// src/components/ui/navigation/SidebarBase.tsx
+var React37 = __toESM(require("react"));
+var import_react_slot5 = require("@radix-ui/react-slot");
+var import_class_variance_authority5 = require("class-variance-authority");
+
+// src/hooks/use-mobile.tsx
+var React35 = __toESM(require("react"));
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React35.useState(void 0);
+  React35.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+// src/components/ui/overlays/SheetBase.tsx
+var React36 = __toESM(require("react"));
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_react37 = require("@phosphor-icons/react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var SheetBase = SheetPrimitive.Root;
+var SheetTriggerBase = SheetPrimitive.Trigger;
+var SheetCloseBase = SheetPrimitive.Close;
+var SheetPortalBase = SheetPrimitive.Portal;
+var SheetOverlayBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlayBase.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = (0, import_class_variance_authority4.cva)(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContentBase = React36.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SheetPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SheetOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react37.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "sr-only", children: "Close" })
+        ] }),
+        children
+      ]
+    }
+  )
+] }));
+SheetContentBase.displayName = SheetPrimitive.Content.displayName;
+var SheetHeaderBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeaderBase.displayName = "SheetHeaderBase";
+var SheetFooterBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooterBase.displayName = "SheetFooterBase";
+var SheetTitleBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
+var SheetDescriptionBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/ui/navigation/SidebarBase.tsx
+var import_react38 = require("@phosphor-icons/react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var SIDEBAR_COOKIE_NAME = "sidebar:state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React37.createContext(null);
+function UseSideBarBase() {
+  const context = React37.useContext(SidebarContext);
+  if (!context) {
+    throw new Error(
+      "UseSideBarBase must be used within a SidebarProviderBase."
+    );
+  }
+  return context;
+}
+var SidebarProviderBase = React37.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React37.useState(false);
+    const [_open, _setOpen] = React37.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React37.useCallback(
+      (value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+          setOpenProp(openState);
+        } else {
+          _setOpen(openState);
+        }
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      },
+      [setOpenProp, open]
+    );
+    const toggleSidebar = React37.useCallback(() => {
+      return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+    }, [isMobile, setOpen, setOpenMobile]);
+    React37.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+          event.preventDefault();
+          toggleSidebar();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    const state = open ? "expanded" : "collapsed";
+    const contextValue = React37.useMemo(
+      () => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+      }),
+      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      "div",
+      {
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: cn(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+          className
+        ),
+        ref,
+        ...props,
+        children
+      }
+    ) }) });
+  }
+);
+SidebarProviderBase.displayName = "SidebarProviderBase";
+var SidebarBase = React37.forwardRef(
+  ({
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
+    if (collapsible === "none") {
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        "div",
+        {
+          className: cn(
+            "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
+            className
+          ),
+          ref,
+          ...props,
+          children
+        }
+      );
+    }
+    if (isMobile) {
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        SheetContentBase,
+        {
+          "data-sidebar": "sidebar",
+          "data-mobile": "true",
+          className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+          style: {
+            "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+          },
+          side,
+          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex h-full w-full flex-col", children })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+      "div",
+      {
+        ref,
+        className: "group peer hidden text-sidebar-foreground md:block",
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            "div",
+            {
+              className: cn(
+                "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            "div",
+            {
+              className: cn(
+                "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+                side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                className
+              ),
+              ...props,
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SidebarBase.displayName = "SidebarBase";
+var SidebarTriggerBase = React37.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = UseSideBarBase();
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    ButtonBase,
+    {
+      ref,
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      className: cn("h-7 w-7", className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react38.SidebarSimpleIcon, {})
+      ]
+    }
+  ) });
+});
+SidebarTriggerBase.displayName = "SidebarTriggerBase";
+var SidebarRailBase = React37.forwardRef(({ className, ...props }, ref) => {
+  const { toggleSidebar } = UseSideBarBase();
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "button",
+    {
+      ref,
+      "data-sidebar": "rail",
+      "aria-label": "Toggle SidebarBase",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle SidebarBase",
+      className: cn(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarRailBase.displayName = "SidebarRailBase";
+var SidebarInsetBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "main",
+    {
+      ref,
+      className: cn(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInsetBase.displayName = "SidebarInsetBase";
+var SidebarInputBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    InputBase,
+    {
+      ref,
+      "data-sidebar": "input",
+      className: cn(
+        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInputBase.displayName = "SidebarInputBase";
+var SidebarHeaderBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+});
+SidebarHeaderBase.displayName = "SidebarHeaderBase";
+var SidebarFooterBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: cn("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+});
+SidebarFooterBase.displayName = "SidebarFooterBase";
+var SidebarSeparatorBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    SeparatorBase,
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: cn("mx-2 w-auto bg-sidebar-border", className),
+      ...props
+    }
+  );
+});
+SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
+var SidebarContentBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarContentBase.displayName = "SidebarContentBase";
+var SidebarGroupBase = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+      ...props
+    }
+  );
+});
+SidebarGroupBase.displayName = "SidebarGroupBase";
+var SidebarGroupLabelBase = React37.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot5.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-label",
+      className: cn(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
+var SidebarGroupActionBase = React37.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot5.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-action",
+      className: cn(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
+var SidebarGroupContentBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  "div",
+  {
+    ref,
+    "data-sidebar": "group-content",
+    className: cn("w-full text-sm", className),
+    ...props
+  }
+));
+SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
+var SidebarMenuBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu",
+    className: cn("flex w-full min-w-0 flex-col gap-1", className),
+    ...props
+  }
+));
+SidebarMenuBase.displayName = "SidebarMenuBase";
+var SidebarMenuItemBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  "li",
+  {
+    ref,
+    "data-sidebar": "menu-item",
+    className: cn("group/menu-item relative", className),
+    ...props
+  }
+));
+SidebarMenuItemBase.displayName = "SidebarMenuItemBase";
+var sidebarMenuButtonVariants = (0, import_class_variance_authority5.cva)(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var SidebarMenuButtonBase = React37.forwardRef(
+  ({
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? import_react_slot5.Slot : "button";
+    const { isMobile, state } = UseSideBarBase();
+    const button = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+        ...props
+      }
+    );
+    if (!tooltip) {
+      return button;
+    }
+    if (typeof tooltip === "string") {
+      tooltip = {
+        children: tooltip
+      };
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(TooltipBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        TooltipContentBase,
+        {
+          side: "right",
+          align: "center",
+          hidden: state !== "collapsed" || isMobile,
+          ...tooltip
+        }
+      )
+    ] });
+  }
+);
+SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
+var SidebarMenuActionBase = React37.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot5.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-action",
+      className: cn(
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
+var SidebarMenuBadgeBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  "div",
+  {
+    ref,
+    "data-sidebar": "menu-badge",
+    className: cn(
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
+var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React37.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "div",
+    {
+      ref,
+      "data-sidebar": "menu-skeleton",
+      className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          SkeletonBase,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          SkeletonBase,
+          {
+            className: "h-4 max-w-[--skeleton-width] flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
+var SidebarMenuSubBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu-sub",
+    className: cn(
+      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
+var SidebarMenuSubItemBase = React37.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { ref, ...props }));
+SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
+var SidebarMenuSubButtonBase = React37.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot5.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
+
+// src/components/ui/overlays/DrawerBase.tsx
+var import_vaul = require("vaul");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function DrawerBase({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTriggerBase({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortalBase({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerCloseBase({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlayBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    import_vaul.Drawer.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerContentBase({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DrawerPortalBase, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DrawerOverlayBase, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+      import_vaul.Drawer.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeaderBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerFooterBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitleBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    import_vaul.Drawer.Title,
+    {
+      "data-slot": "drawer-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function DrawerDescriptionBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    import_vaul.Drawer.Description,
+    {
+      "data-slot": "drawer-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/hooks/use-universal-tooltip.tsx
+var import_react39 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var UniversalTooltipContext = (0, import_react39.createContext)(null);
+var useUniversalTooltip = () => {
+  const context = (0, import_react39.useContext)(UniversalTooltipContext);
+  if (!context) {
+    throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
+  }
+  return context;
+};
+var useTooltip = () => {
+  const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
+  const createTooltip = (0, import_react39.useCallback)((element, content, options) => {
+    const rect = element.getBoundingClientRect();
+    let position;
+    switch (options?.position || "auto") {
+      case "top":
+        position = { top: rect.top - 10, left: rect.left + rect.width / 2 };
+        break;
+      case "bottom":
+        position = { top: rect.bottom + 10, left: rect.left + rect.width / 2 };
+        break;
+      case "left":
+        position = { top: rect.top + rect.height / 2, left: rect.left - 10 };
+        break;
+      case "right":
+        position = { top: rect.top + rect.height / 2, left: rect.right + 10 };
+        break;
+      default:
+        position = { top: rect.top - 10, left: rect.left + rect.width / 2 };
+    }
+    if (options?.offset) {
+      position.top += options.offset.y;
+      position.left += options.offset.x;
+    }
+    return addTooltip({
+      position,
+      content,
+      sourceElement: element,
+      metadata: options?.metadata
+    });
+  }, [addTooltip]);
+  const handleElementMouseDown = (0, import_react39.useCallback)((tooltipId, event) => {
+    const rect = event.target.getBoundingClientRect();
+    const offset = {
+      x: event.clientX - rect.left,
+      y: event.clientY - rect.top
+    };
+    startDrag(tooltipId, offset);
+  }, [startDrag]);
+  return {
+    createTooltip,
+    removeTooltip,
+    handleElementMouseDown
+  };
+};
+
+// src/components/ui/UniversalTooltipRenderer.tsx
+var import_ssr6 = require("@phosphor-icons/react/dist/ssr");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var UniversalTooltipRenderer = ({
+  className,
+  showCloseButton = true,
+  showCloseAllButton = true,
+  tooltipClassName,
+  guideClassName,
+  closeButtonClassName,
+  closeAllButtonClassName
+}) => {
+  const {
+    tooltips,
+    alignmentGuides,
+    isDragging,
+    clearAllTooltips
+  } = useUniversalTooltip();
+  const { removeTooltip, handleElementMouseDown } = useTooltip();
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cn("fixed inset-0 pointer-events-none z-50", className), children: [
+    showCloseAllButton && tooltips.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "fixed top-6 left-1/2 transform -translate-x-1/2 z-50 pointer-events-auto animate-in fade-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      "button",
+      {
+        onClick: clearAllTooltips,
+        className: cn(
+          "bg-red-500 hover:bg-red-600 text-white font-semibold text-sm px-4 py-2.5 rounded-full shadow-xl border border-white/20 backdrop-blur-sm transition-all duration-200 ease-in-out hover:scale-105 active:scale-95 hover:shadow-2xl",
+          closeAllButtonClassName
+        ),
+        children: [
+          "Fechar Todos (",
+          tooltips.length,
+          ")"
+        ]
+      }
+    ) }),
+    alignmentGuides.map((guide, index) => {
+      const isHorizontal = guide.type === "horizontal";
+      const color = isHorizontal ? "#3b82f6" : "#ef4444";
+      const startX = isHorizontal ? Math.min(guide.sourceTooltip.left + guide.sourceTooltip.width / 2, guide.targetTooltip.left + guide.targetTooltip.width / 2) : guide.sourceTooltip.left + guide.sourceTooltip.width / 2;
+      const endX = isHorizontal ? Math.max(guide.sourceTooltip.left + guide.sourceTooltip.width / 2, guide.targetTooltip.left + guide.targetTooltip.width / 2) : guide.targetTooltip.left + guide.targetTooltip.width / 2;
+      const startY = isHorizontal ? guide.sourceTooltip.top + guide.sourceTooltip.height / 2 : Math.min(guide.sourceTooltip.top + guide.sourceTooltip.height / 2, guide.targetTooltip.top + guide.targetTooltip.height / 2);
+      const endY = isHorizontal ? guide.targetTooltip.top + guide.targetTooltip.height / 2 : Math.max(guide.sourceTooltip.top + guide.sourceTooltip.height / 2, guide.targetTooltip.top + guide.targetTooltip.height / 2);
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "pointer-events-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "div",
+          {
+            className: cn("fixed z-30", guideClassName),
+            style: {
+              left: startX,
+              top: startY,
+              width: isHorizontal ? endX - startX : "2px",
+              height: isHorizontal ? "2px" : endY - startY,
+              backgroundColor: color,
+              boxShadow: `0 0 8px ${color}60`,
+              opacity: 0.9,
+              borderStyle: "dashed",
+              borderWidth: "1px",
+              borderColor: color,
+              transform: "translateZ(0)"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "div",
+          {
+            className: "fixed z-31",
+            style: {
+              left: guide.sourceTooltip.left + guide.sourceTooltip.width / 2 - 4,
+              top: guide.sourceTooltip.top + guide.sourceTooltip.height / 2 - 4,
+              width: "8px",
+              height: "8px",
+              backgroundColor: color,
+              borderRadius: "50%",
+              boxShadow: `0 0 4px ${color}80`,
+              opacity: 0.8
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "div",
+          {
+            className: "fixed z-31",
+            style: {
+              left: guide.targetTooltip.left + guide.targetTooltip.width / 2 - 4,
+              top: guide.targetTooltip.top + guide.targetTooltip.height / 2 - 4,
+              width: "8px",
+              height: "8px",
+              backgroundColor: color,
+              borderRadius: "50%",
+              boxShadow: `0 0 4px ${color}80`,
+              opacity: 0.8
+            }
+          }
+        )
+      ] }, index);
+    }),
+    tooltips.map((tooltip) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      "div",
+      {
+        className: cn(
+          "fixed bg-card border border-border rounded-lg shadow-lg min-w-56 select-none pointer-events-auto",
+          isDragging === tooltip.id ? "cursor-grabbing z-60" : "cursor-grab z-50",
+          tooltipClassName
+        ),
+        style: {
+          top: tooltip.position.top,
+          left: tooltip.position.left
+        },
+        onMouseDown: (e) => handleElementMouseDown(tooltip.id, e),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center justify-between p-3 border-b bg-muted/20 rounded-t-lg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-2 h-2 bg-primary rounded-full" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: "Tooltip" })
+            ] }),
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTooltip(tooltip.id);
+                },
+                className: cn(
+                  "text-muted-foreground hover:text-foreground transition-colors p-1 hover:bg-muted rounded",
+                  closeButtonClassName
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_ssr6.XIcon, { size: 16 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "p-4", children: tooltip.content })
+        ]
+      },
+      tooltip.id
+    ))
+  ] });
+};
 
 // src/hooks/use-drag.tsx
-var import_react22 = require("react");
+var import_react40 = require("react");
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react22.useState)(null);
-  const [positions, setPositions] = (0, import_react22.useState)({});
-  const dragStartPos = (0, import_react22.useRef)(null);
-  const dragId = (0, import_react22.useRef)(null);
-  const handleMouseDown = (0, import_react22.useCallback)((id, e) => {
+  const [isDragging, setIsDragging] = (0, import_react40.useState)(null);
+  const [positions, setPositions] = (0, import_react40.useState)({});
+  const dragStartPos = (0, import_react40.useRef)(null);
+  const dragId = (0, import_react40.useRef)(null);
+  const handleMouseDown = (0, import_react40.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -5361,7 +10061,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react22.useCallback)((e) => {
+  const handleMouseMove = (0, import_react40.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -5377,7 +10077,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react22.useCallback)(() => {
+  const handleMouseUp = (0, import_react40.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -5385,7 +10085,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -5397,16 +10097,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react22.useCallback)((id, position) => {
+  const setPosition = (0, import_react40.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react22.useCallback)((id) => {
+  const getPosition = (0, import_react40.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react22.useCallback)((id) => {
+  const isElementDragging = (0, import_react40.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {