@mlw-packages/react-components 1.7.5 → 1.7.7

package/dist/index.js

@@ -32,9 +32,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// node_modules/picocolors/picocolors.browser.js
+// node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.browser.js
 var require_picocolors_browser = __commonJS({
-  "node_modules/picocolors/picocolors.browser.js"(exports, module2) {
+  "node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.browser.js"(exports, module2) {
     "use strict";
     var x = String;
     var create = function() {
@@ -45,9 +45,9 @@ var require_picocolors_browser = __commonJS({
   }
 });
 
-// node_modules/tailwindcss/lib/util/log.js
+// node_modules/.pnpm/tailwindcss@3.4.18_yaml@2.8.1/node_modules/tailwindcss/lib/util/log.js
 var require_log = __commonJS({
-  "node_modules/tailwindcss/lib/util/log.js"(exports) {
+  "node_modules/.pnpm/tailwindcss@3.4.18_yaml@2.8.1/node_modules/tailwindcss/lib/util/log.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -112,9 +112,9 @@ var require_log = __commonJS({
   }
 });
 
-// node_modules/tailwindcss/lib/public/colors.js
+// node_modules/.pnpm/tailwindcss@3.4.18_yaml@2.8.1/node_modules/tailwindcss/lib/public/colors.js
 var require_colors = __commonJS({
-  "node_modules/tailwindcss/lib/public/colors.js"(exports) {
+  "node_modules/.pnpm/tailwindcss@3.4.18_yaml@2.8.1/node_modules/tailwindcss/lib/public/colors.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -473,9 +473,9 @@ var require_colors = __commonJS({
   }
 });
 
-// node_modules/tailwindcss/colors.js
+// node_modules/.pnpm/tailwindcss@3.4.18_yaml@2.8.1/node_modules/tailwindcss/colors.js
 var require_colors2 = __commonJS({
-  "node_modules/tailwindcss/colors.js"(exports, module2) {
+  "node_modules/.pnpm/tailwindcss@3.4.18_yaml@2.8.1/node_modules/tailwindcss/colors.js"(exports, module2) {
     "use strict";
     var colors2 = require_colors();
     module2.exports = (colors2.__esModule ? colors2 : { default: colors2 }).default;
@@ -501,7 +501,7 @@ __export(index_exports, {
   AvatarFallbackBase: () => AvatarFallbackBase,
   AvatarImageBase: () => AvatarImageBase,
   BackButton: () => BackButton,
-  BadgeBase: () => BadgeBase,
+  Badge: () => Badge,
   BarChart: () => BarChart_default,
   BreadcrumbBase: () => BreadcrumbBase,
   BreadcrumbEllipsisBase: () => BreadcrumbEllipsisBase,
@@ -523,7 +523,7 @@ __export(index_exports, {
   CarouselContentBase: () => CarouselContentBase,
   CarouselItemBase: () => CarouselItemBase,
   CarouselNextBase: () => CarouselNextBase,
-  CarouselPrevious: () => CarouselPrevious,
+  CarouselPreviousBase: () => CarouselPreviousBase,
   ChangeButton: () => ChangeButton,
   Chart: () => Chart_default,
   CheckButton: () => CheckButton,
@@ -706,6 +706,7 @@ __export(index_exports, {
   SidebarTriggerBase: () => SidebarTriggerBase,
   SkeletonBase: () => SkeletonBase,
   SlideBase: () => SlideBase,
+  StatusIndicator: () => StatusIndicator,
   SwitchBase: () => SwitchBase,
   TableBase: () => TableBase,
   TableBodyBase: () => TableBodyBase,
@@ -2524,67 +2525,80 @@ var Highlights = ({
             initial: "hidden",
             animate: "visible",
             exit: "exit",
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              ButtonBase,
-              {
-                asChild: true,
-                variant: "ghost",
-                onClick: () => toggleHighlight(k),
-                title: isHighlighted ? `Desativar ${label}` : `Ativar ${label}`,
-                className: pillClasses,
-                style: { minWidth: showFullLabel ? void 0 : 36 },
-                "aria-pressed": isHighlighted,
-                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-                  import_framer_motion8.motion.button,
-                  {
-                    whileHover: { scale: isHighlighted ? 1.04 : 1.03 },
-                    whileTap: { scale: 0.96 },
-                    animate: isHighlighted ? { scale: 1.02 } : { scale: 1 },
-                    className: "flex items-center gap-2 min-w-0 pr-2",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        import_framer_motion8.motion.span,
-                        {
-                          className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
-                          style: {
-                            backgroundColor: color,
-                            borderColor: isHighlighted ? color : "transparent",
-                            boxShadow: isHighlighted ? `0 6px 20px ${color}33` : void 0
-                          },
-                          layout: true,
-                          initial: { scale: 0.8, opacity: 0.9 },
-                          animate: { scale: 1, opacity: 1 },
-                          transition: { type: "spring", stiffness: 400, damping: 30 }
-                        }
-                      ),
-                      showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_framer_motion8.motion.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        import_framer_motion8.motion.span,
-                        {
-                          className: "truncate max-w-[6rem] text-xs pr-2",
-                          layout: true,
-                          children: label
-                        }
-                      ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        import_framer_motion8.motion.span,
-                        {
-                          "aria-hidden": true,
-                          initial: { opacity: 0, scale: 0.6 },
-                          animate: isHighlighted ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.6 },
-                          transition: { type: "spring", stiffness: 450, damping: 28 },
-                          className: cn(
-                            "pointer-events-none absolute right-2  -translate-y-1/2 text-xs text-foreground flex items-center justify-center",
-                            isHighlighted ? "" : "opacity-0 pointer-events-none"
-                          ),
-                          style: { width: 18, height: 18 },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ssr3.CheckIcon, {})
+            children: (() => {
+              const MotionButtonBase = (0, import_framer_motion8.motion)(
+                ButtonBase
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                MotionButtonBase,
+                {
+                  variant: "ghost",
+                  onClick: () => toggleHighlight(k),
+                  title: isHighlighted ? `Desativar ${label}` : `Ativar ${label}`,
+                  className: pillClasses,
+                  style: { minWidth: showFullLabel ? void 0 : 36 },
+                  "aria-pressed": isHighlighted,
+                  whileHover: { scale: isHighlighted ? 1.04 : 1.03 },
+                  whileTap: { scale: 0.96 },
+                  animate: isHighlighted ? { scale: 1.02 } : { scale: 1 },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      import_framer_motion8.motion.span,
+                      {
+                        className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
+                        style: {
+                          backgroundColor: color,
+                          borderColor: isHighlighted ? color : "transparent",
+                          boxShadow: isHighlighted ? `0 6px 20px ${color}33` : void 0
+                        },
+                        layout: true,
+                        initial: { scale: 0.8, opacity: 0.9 },
+                        animate: { scale: 1, opacity: 1 },
+                        transition: {
+                          type: "spring",
+                          stiffness: 400,
+                          damping: 30
                         }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
+                      }
+                    ),
+                    showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      import_framer_motion8.motion.span,
+                      {
+                        className: "truncate max-w-[10rem] pr-2",
+                        layout: true,
+                        children: label
+                      }
+                    ) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      import_framer_motion8.motion.span,
+                      {
+                        className: "truncate max-w-[6rem] text-xs pr-2",
+                        layout: true,
+                        children: label
+                      }
+                    ) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      import_framer_motion8.motion.span,
+                      {
+                        "aria-hidden": true,
+                        initial: { opacity: 0, scale: 0.6 },
+                        animate: isHighlighted ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.6 },
+                        transition: {
+                          type: "spring",
+                          stiffness: 450,
+                          damping: 28
+                        },
+                        className: cn(
+                          "pointer-events-none absolute right-2  -translate-y-1/2 text-xs text-foreground flex items-center justify-center",
+                          isHighlighted ? "" : "opacity-0 pointer-events-none"
+                        ),
+                        style: { width: 18, height: 18 },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ssr3.CheckIcon, {})
+                      }
+                    )
+                  ]
+                }
+              );
+            })()
           },
           `pill-${k}`
         );
@@ -5887,208 +5901,56 @@ var AvatarFallbackBase = React16.forwardRef(({ className, ...props }, ref) => /*
 ));
 AvatarFallbackBase.displayName = AvatarPrimitive.Fallback.displayName;
 
-// src/components/ui/data/BadgeBase.tsx
+// src/components/ui/data/Badge.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",
+  "inline-flex items-center justify-center rounded-md border 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"
+      size: {
+        sm: "px-1 py-0.5 text-xs",
+        md: "px-2 py-1 text-xs",
+        lg: "px-3 py-1 text-sm"
       }
     },
     defaultVariants: {
-      variant: "default"
+      size: "md"
     }
   }
 );
-function BadgeBase({
+function Badge({
   className,
-  variant,
-  status,
-  statusColor,
+  color,
+  size = "md",
   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;
+  const customStyle = style;
+  const colorClasses = {
+    green: "bg-green-50 text-green-500 border-green-200",
+    gray: "bg-gray-50 text-gray-500 border-gray-200",
+    red: "bg-red-50 text-red-500 border-red-200",
+    yellow: "bg-yellow-50 text-yellow-600 border-yellow-200",
+    blue: "bg-blue-50 text-blue-500 border-blue-200",
+    purple: "bg-purple-50 text-purple-500 border-purple-200"
+  };
   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",
+        badgeVariants({ size }),
+        color ? colorClasses[color] : void 0,
         className
       ),
       style: customStyle,
       ...props,
-      children: isStatus ? null : children
+      children
     }
   );
 }
@@ -7534,64 +7396,78 @@ var CollapsibleContentBase = React25.forwardRef(({ className, children, ...props
       ),
       "data-slot": "collapsible-content",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "pb-3 pt-1", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { 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_runtime45 = require("react/jsx-runtime");
-
 // src/components/ui/form/HoverCardBase.tsx
+var React26 = __toESM(require("react"));
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function HoverCardBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HoverCardPrimitive.Root, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(HoverCardPrimitive.Root, { ...props });
 }
 function HoverCardTriggerBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HoverCardPrimitive.Trigger, { ...props });
-}
-function HoverCardContentBase({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime46.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
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(HoverCardPrimitive.Trigger, { ...props });
 }
+var HoverCardContentBase = React26.forwardRef(
+  ({ className, align = "center", sideOffset = 6, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      HoverCardPrimitive.Content,
+      {
+        ref,
+        align,
+        sideOffset,
+        className: cn(
+          "z-50 w-64 max-w-[90vw] rounded-lg border bg-popover p-4 text-popover-foreground shadow-lg outline-none backdrop-blur-sm relative transform-gpu",
+          "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
+          "motion-reduce:transition-none motion-reduce:transform-none",
+          "data-[state=open]:scale-100 data-[state=closed]:scale-95",
+          "data-[state=open]:shadow-2xl data-[state=closed]:shadow-lg",
+          "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]:origin-top data-[side=top]:origin-bottom data-[side=left]:origin-right data-[side=right]:origin-left",
+          "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,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            HoverCardPrimitive.Arrow,
+            {
+              className: cn(
+                "fill-popover stroke-[rgba(0,0,0,0.06)] dark:stroke-[rgba(255,255,255,0.06)]",
+                "motion-safe:transition-transform motion-safe:duration-200",
+                // subtle arrow nudge depending on side
+                "data-[side=top]:-translate-y-1 data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative z-10", children })
+        ]
+      }
+    ) });
+  }
+);
+HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/form/Input-OTP-Base.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_react32 = require("@phosphor-icons/react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react30 = require("@phosphor-icons/react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_input_otp.OTPInput,
     {
       "data-slot": "input-otp",
@@ -7605,7 +7481,7 @@ function InputOTPBase({
   );
 }
 function InputOTPGroupBase({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -7619,9 +7495,9 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React27.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -7633,20 +7509,20 @@ function InputOTPSlotBase({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react32.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react30.MinusIcon, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var SlideBase = React27.forwardRef(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var SlideBase = React28.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -7656,13 +7532,13 @@ var SlideBase = React27.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "div",
       {
         className: cn("flex flex-col gap-1", isVertical ? "h-full " : "w-full"),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
             "div",
             {
               className: cn(
@@ -7670,8 +7546,8 @@ var SlideBase = React27.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -7683,14 +7559,14 @@ var SlideBase = React27.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime48.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -7701,7 +7577,7 @@ var SlideBase = React27.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -7714,7 +7590,7 @@ var SlideBase = React27.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -7726,10 +7602,10 @@ var SlideBase = React27.forwardRef(
 SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
-var React28 = __toESM(require("react"));
-var import_react33 = require("@phosphor-icons/react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var EditButton = React28.forwardRef(
+var React29 = __toESM(require("react"));
+var import_react31 = require("@phosphor-icons/react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var EditButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7740,7 +7616,7 @@ var EditButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ButtonBase,
     {
       ref,
@@ -7757,8 +7633,8 @@ var EditButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react33.PencilSimpleIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_react31.PencilSimpleIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7769,7 +7645,7 @@ var EditButton = React28.forwardRef(
   )
 );
 EditButton.displayName = "EditButton";
-var ChangeButton = React28.forwardRef(
+var ChangeButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7780,7 +7656,7 @@ var ChangeButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ButtonBase,
     {
       ref,
@@ -7797,8 +7673,8 @@ var ChangeButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react33.ArrowsLeftRightIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_react31.ArrowsLeftRightIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7809,7 +7685,7 @@ var ChangeButton = React28.forwardRef(
   )
 );
 ChangeButton.displayName = "ChangeButton";
-var SaveButton = React28.forwardRef(
+var SaveButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7820,7 +7696,7 @@ var SaveButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ButtonBase,
     {
       ref,
@@ -7837,8 +7713,8 @@ var SaveButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react33.FloppyDiskIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_react31.FloppyDiskIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7849,7 +7725,7 @@ var SaveButton = React28.forwardRef(
   )
 );
 SaveButton.displayName = "SaveButton";
-var AddButton = React28.forwardRef(
+var AddButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7860,7 +7736,7 @@ var AddButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ButtonBase,
     {
       ref,
@@ -7877,8 +7753,8 @@ var AddButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react33.PlusIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_react31.PlusIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7889,7 +7765,7 @@ var AddButton = React28.forwardRef(
   )
 );
 AddButton.displayName = "AddButton";
-var CloseButton = React28.forwardRef(
+var CloseButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7900,7 +7776,7 @@ var CloseButton = React28.forwardRef(
     variant = "ghost",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     ButtonBase,
     {
       ref,
@@ -7917,8 +7793,8 @@ var CloseButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react33.XIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_react31.XIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7934,7 +7810,7 @@ var DownloadButton = ({
   onClick,
   testid = "button-download",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "outline",
@@ -7949,8 +7825,8 @@ var DownloadButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.DownloadSimpleIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.DownloadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:translate-y-0.5"
@@ -7963,7 +7839,7 @@ var UploadButton = ({
   onClick,
   testid = "button-upload",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "outline",
@@ -7978,8 +7854,8 @@ var UploadButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.UploadSimpleIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.UploadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-y-0.5"
@@ -7992,7 +7868,7 @@ var CopyButton = ({
   onClick,
   testid = "button-copy",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "ghost",
@@ -8007,8 +7883,8 @@ var CopyButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.CopyIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.CopyIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8021,7 +7897,7 @@ var RefreshButton = ({
   onClick,
   testid = "button-refresh",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "ghost",
@@ -8036,8 +7912,8 @@ var RefreshButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.ArrowClockwiseIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.ArrowClockwiseIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-180"
@@ -8050,7 +7926,7 @@ var SearchButton = ({
   onClick,
   testid = "button-search",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "outline",
@@ -8065,8 +7941,8 @@ var SearchButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.MagnifyingGlassIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.MagnifyingGlassIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
@@ -8079,7 +7955,7 @@ var BackButton = ({
   onClick,
   testid = "button-back",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "ghost",
@@ -8094,8 +7970,8 @@ var BackButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.ArrowLeftIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.ArrowLeftIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-x-1"
@@ -8108,7 +7984,7 @@ var SettingsButton = ({
   onClick,
   testid = "button-settings",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "ghost",
@@ -8123,8 +7999,8 @@ var SettingsButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.GearIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.GearIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-90"
@@ -8137,7 +8013,7 @@ var NotificationButton = ({
   onClick,
   testid = "button-notification",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "ghost",
@@ -8152,8 +8028,8 @@ var NotificationButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.BellIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.BellIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
@@ -8166,7 +8042,7 @@ var MoreButton = ({
   onClick,
   testid = "button-more",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "ghost",
@@ -8181,8 +8057,8 @@ var MoreButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.DotsThreeIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.DotsThreeIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8195,7 +8071,7 @@ var CheckButton = ({
   onClick,
   testid = "button-check",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: "default",
@@ -8210,8 +8086,8 @@ var CheckButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.CheckIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.CheckIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8230,7 +8106,7 @@ var FilterButton = ({
   variant,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant: variant || (active ? "default" : "outline"),
@@ -8246,8 +8122,8 @@ var FilterButton = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.FunnelIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.FunnelIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8268,7 +8144,7 @@ var LikeButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant,
@@ -8285,8 +8161,8 @@ var LikeButton = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.HeartIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.HeartIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8307,7 +8183,7 @@ var FavoriteButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant,
@@ -8324,8 +8200,8 @@ var FavoriteButton = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.StarIcon,
+    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.StarIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8346,7 +8222,7 @@ var VisibilityButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant,
@@ -8362,15 +8238,15 @@ var VisibilityButton = ({
       className
     ),
     ...props,
-    children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.EyeIcon,
+    children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.EyeIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-opacity duration-200"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.EyeSlashIcon,
+    ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.EyeSlashIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8379,8 +8255,8 @@ var VisibilityButton = ({
     )
   }
 );
-var ViewButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(VisibilityButton, { isVisible: true, testid: "button-view", ...props });
-var HideButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(VisibilityButton, { isVisible: false, testid: "button-hide", ...props });
+var ViewButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(VisibilityButton, { isVisible: true, testid: "button-view", ...props });
+var HideButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(VisibilityButton, { isVisible: false, testid: "button-hide", ...props });
 var LockButton = ({
   disabled,
   onClick,
@@ -8392,7 +8268,7 @@ var LockButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   ButtonBase,
   {
     variant,
@@ -8409,15 +8285,15 @@ var LockButton = ({
       className
     ),
     ...props,
-    children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.LockIcon,
+    children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.LockIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-all duration-200 group-hover:scale-110"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react33.LockOpenIcon,
+    ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_react31.LockOpenIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8426,14 +8302,14 @@ var LockButton = ({
     )
   }
 );
-var UnlockButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LockButton, { isLocked: false, testid: "button-unlock", ...props });
+var UnlockButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LockButton, { isLocked: false, testid: "button-unlock", ...props });
 
 // src/components/ui/form/SwitchBase.tsx
-var React29 = __toESM(require("react"));
+var React30 = __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)(
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var SwitchBase = React30.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -8443,7 +8319,7 @@ var SwitchBase = React29.forwardRef(({ className, testid: dataTestId = "switch-b
         className
       ),
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -8461,18 +8337,18 @@ var SwitchBase = React29.forwardRef(({ className, testid: dataTestId = "switch-b
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/form/TextAreaBase.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_framer_motion12 = require("framer-motion");
-var import_react34 = require("@phosphor-icons/react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var TextAreaBase = React30.forwardRef(
+var import_react32 = require("@phosphor-icons/react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var TextAreaBase = React31.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
-    const [isFocused, setIsFocused] = React30.useState(false);
-    const [hasContent, setHasContent] = React30.useState(
+    const [isFocused, setIsFocused] = React31.useState(false);
+    const [hasContent, setHasContent] = React31.useState(
       !!props.value || !!props.defaultValue
     );
-    const [showConfirmTooltip, setShowConfirmTooltip] = React30.useState(false);
-    const textareaRef = React30.useRef(null);
+    const [showConfirmTooltip, setShowConfirmTooltip] = React31.useState(false);
+    const textareaRef = React31.useRef(null);
     const handleFocus = (e) => {
       setIsFocused(true);
       props.onFocus?.(e);
@@ -8508,12 +8384,12 @@ var TextAreaBase = React30.forwardRef(
     const handleCancelClear = () => {
       setShowConfirmTooltip(false);
     };
-    React30.useImperativeHandle(ref, () => textareaRef.current);
-    React30.useEffect(() => {
+    React31.useImperativeHandle(ref, () => textareaRef.current);
+    React31.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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         "textarea",
         {
           className: cn(
@@ -8536,13 +8412,13 @@ var TextAreaBase = React30.forwardRef(
           ...props
         }
       ),
-      clearable && hasContent && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipProviderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+      clearable && hasContent && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipProviderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         TooltipBase,
         {
           open: showConfirmTooltip,
           onOpenChange: setShowConfirmTooltip,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               import_framer_motion12.motion.button,
               {
                 type: "button",
@@ -8560,18 +8436,18 @@ var TextAreaBase = React30.forwardRef(
                 ),
                 disabled: props.disabled,
                 "aria-label": "Limpar texto",
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react34.TrashIcon, { size: 16, weight: "regular" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react32.TrashIcon, { size: 16, weight: "regular" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                       "button",
                       {
                         type: "button",
@@ -8585,7 +8461,7 @@ var TextAreaBase = React30.forwardRef(
                         children: "Confirmar"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                       "button",
                       {
                         type: "button",
@@ -8606,17 +8482,17 @@ var TextAreaBase = React30.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.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" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime50.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)(
+      isFocused && hasContent && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
         import_framer_motion12.motion.div,
         {
           initial: { opacity: 0, y: -10 },
@@ -8636,13 +8512,13 @@ var TextAreaBase = React30.forwardRef(
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/ui/layout/CarouselBase.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_react35 = require("@phosphor-icons/react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var CarouselContext = React31.createContext(null);
+var import_react33 = require("@phosphor-icons/react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var CarouselContext = React32.createContext(null);
 function useCarousel() {
-  const context = React31.useContext(CarouselContext);
+  const context = React32.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <CarouselBase />");
   }
@@ -8664,20 +8540,20 @@ function CarouselBase({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React31.useState(false);
-  const [canScrollNext, setCanScrollNext] = React31.useState(false);
-  const onSelect = React31.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React32.useState(false);
+  const [canScrollNext, setCanScrollNext] = React32.useState(false);
+  const onSelect = React32.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React31.useCallback(() => {
+  const scrollPrev = React32.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React31.useCallback(() => {
+  const scrollNext = React32.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React31.useCallback(
+  const handleKeyDown = React32.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -8689,11 +8565,11 @@ function CarouselBase({
     },
     [scrollPrev, scrollNext]
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -8702,7 +8578,7 @@ function CarouselBase({
       api?.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     CarouselContext.Provider,
     {
       value: {
@@ -8715,7 +8591,7 @@ function CarouselBase({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -8735,13 +8611,13 @@ function CarouselContentBase({
   ...props
 }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "div",
         {
           className: cn(
@@ -8760,7 +8636,7 @@ function CarouselItemBase({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     {
       role: "group",
@@ -8775,30 +8651,32 @@ function CarouselItemBase({
     }
   );
 }
-function CarouselPrevious({
+function CarouselPreviousBase({
   className,
   variant = "outline",
   size = "icon",
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  const btnRef = React32.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     ButtonBase,
     {
       "data-slot": "carousel-previous",
       variant,
       size,
+      ref: btnRef,
       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",
+        "absolute size-8 rounded-l-3xl px-6",
+        orientation === "horizontal" ? "top-2 right-1" : "bottom-64 left-1/3 rotate-90",
         className
       ),
       disabled: !canScrollPrev,
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.ArrowLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -8810,37 +8688,39 @@ function CarouselNextBase({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  const btnRef = React32.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     ButtonBase,
     {
       "data-slot": "carousel-next",
       variant,
       size,
+      ref: btnRef,
       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",
+        "absolute size-8 rounded-r-3xl px-6",
+        orientation === "horizontal" ? "top-2" : "left-14 -translate-x-1/2 rotate-90",
         className
       ),
       disabled: !canScrollNext,
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowRightIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.ArrowRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/ui/layout/SeparatorBase.tsx
-var React32 = __toESM(require("react"));
+var React33 = __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(
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var SeparatorBase = React33.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -8848,7 +8728,7 @@ var SeparatorBase = React32.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_framer_motion13.motion.div,
           {
             className: cn(
@@ -8871,9 +8751,9 @@ var SeparatorBase = React32.forwardRef(
 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)(
+var React34 = __toESM(require("react"));
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var TableBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "table",
   {
     ref,
@@ -8882,9 +8762,9 @@ var TableBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 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 }));
+var TableHeaderBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.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)(
+var TableBodyBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "tbody",
   {
     ref,
@@ -8893,7 +8773,7 @@ var TableBodyBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TableFooterBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "tfoot",
   {
     ref,
@@ -8905,7 +8785,7 @@ var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TableRowBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "tr",
   {
     ref,
@@ -8917,7 +8797,7 @@ var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TableHeadBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "th",
   {
     ref,
@@ -8929,7 +8809,7 @@ var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TableCellBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "td",
   {
     ref,
@@ -8941,7 +8821,7 @@ var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var TableCaptionBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   "caption",
   {
     ref,
@@ -8952,11 +8832,11 @@ var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/layout/TabsBase.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var TabsListBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -8969,49 +8849,52 @@ var TabsListBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 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
-  }
-));
+var TabsTriggerBase = React35.forwardRef(({ className, animation = "default", ...props }, ref) => {
+  const base = 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",
+    className
+  );
+  const animationClasses = animation === "none" ? "" : animation === "scale" ? "transform transition-transform data-[state=active]:scale-105" : "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";
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(base, animationClasses),
+      ...props
+    }
+  );
+});
+var TabsContentBase = React35.forwardRef(({ className, animation = "default", ...props }, ref) => {
+  const animationClasses = animation === "none" ? "" : animation === "slide" ? "animate-in slide-in-from-left-2 duration-500 ease-in-out" : "animate-in fade-in-0 duration-500 ease-in-out";
+  return /* @__PURE__ */ (0, import_jsx_runtime54.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",
+        animationClasses,
+        className
+      ),
+      ...props
+    }
+  );
+});
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react36 = require("@phosphor-icons/react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_react34 = require("@phosphor-icons/react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function BreadcrumbBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
 function BreadcrumbListBase({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -9024,7 +8907,7 @@ function BreadcrumbListBase({ className, ...props }) {
   );
 }
 function BreadcrumbItemBase({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -9039,7 +8922,7 @@ function BreadcrumbLinkBase({
   ...props
 }) {
   const Comp = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Comp,
     {
       "data-slot": "breadcrumb-link",
@@ -9049,7 +8932,7 @@ function BreadcrumbLinkBase({
   );
 }
 function BreadcrumbPageBase({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -9066,7 +8949,7 @@ function BreadcrumbSeparatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -9074,7 +8957,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.CaretRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.CaretRightIcon, {})
     }
   );
 }
@@ -9082,7 +8965,7 @@ function BreadcrumbEllipsisBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -9091,8 +8974,8 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.DotsThreeIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.DotsThreeIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
   );
@@ -9100,15 +8983,15 @@ function BreadcrumbEllipsisBase({
 
 // src/components/ui/navigation/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_react37 = require("@phosphor-icons/react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react35 = require("@phosphor-icons/react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -9120,7 +9003,7 @@ function NavigationMenuBase({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(NavigationMenuViewportBase, {})
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(NavigationMenuViewportBase, {})
       ]
     }
   );
@@ -9129,7 +9012,7 @@ function NavigationMenuListBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -9145,7 +9028,7 @@ function NavigationMenuItemBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -9159,7 +9042,7 @@ function NavigationMenuTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -9167,8 +9050,8 @@ function NavigationMenuTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-          import_react37.CaretDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          import_react35.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -9182,7 +9065,7 @@ function NavigationMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -9199,7 +9082,7 @@ 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -9215,7 +9098,7 @@ function NavigationMenuLinkBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -9231,7 +9114,7 @@ function NavigationMenuIndicatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -9240,22 +9123,22 @@ function NavigationMenuIndicatorBase({
         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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.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 React38 = __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 React36 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React35.useState(void 0);
-  React35.useEffect(() => {
+  const [isMobile, setIsMobile] = React36.useState(void 0);
+  React36.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -9268,16 +9151,16 @@ function useIsMobile() {
 }
 
 // src/components/ui/overlays/SheetBase.tsx
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react38 = require("@phosphor-icons/react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react36 = require("@phosphor-icons/react");
+var import_jsx_runtime57 = 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)(
+var SheetOverlayBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -9305,18 +9188,18 @@ var sheetVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-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)(
+var SheetContentBase = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(SheetPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SheetOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime57.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_react38.XIcon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime57.jsx)(import_react36.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -9327,7 +9210,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "div",
   {
     className: cn(
@@ -9341,7 +9224,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "div",
   {
     className: cn(
@@ -9352,7 +9235,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var SheetTitleBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -9361,7 +9244,7 @@ var SheetTitleBase = React36.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var SheetDescriptionBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -9372,17 +9255,17 @@ var SheetDescriptionBase = React36.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
-var import_react39 = require("@phosphor-icons/react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_react37 = require("@phosphor-icons/react");
+var import_jsx_runtime58 = 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);
+var SidebarContext = React38.createContext(null);
 function UseSideBarBase() {
-  const context = React37.useContext(SidebarContext);
+  const context = React38.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -9390,7 +9273,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React37.forwardRef(
+var SidebarProviderBase = React38.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -9401,10 +9284,10 @@ var SidebarProviderBase = React37.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React37.useState(false);
-    const [_open, _setOpen] = React37.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React38.useState(false);
+    const [_open, _setOpen] = React38.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React37.useCallback(
+    const setOpen = React38.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -9416,10 +9299,10 @@ var SidebarProviderBase = React37.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React37.useCallback(() => {
+    const toggleSidebar = React38.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React37.useEffect(() => {
+    React38.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -9430,7 +9313,7 @@ var SidebarProviderBase = React37.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React37.useMemo(
+    const contextValue = React38.useMemo(
       () => ({
         state,
         open,
@@ -9442,7 +9325,7 @@ var SidebarProviderBase = React37.forwardRef(
       }),
       [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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       "div",
       {
         style: {
@@ -9462,7 +9345,7 @@ var SidebarProviderBase = React37.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React37.forwardRef(
+var SidebarBase = React38.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -9473,7 +9356,7 @@ var SidebarBase = React37.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "div",
         {
           className: cn(
@@ -9487,7 +9370,7 @@ var SidebarBase = React37.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -9497,11 +9380,11 @@ var SidebarBase = React37.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "div",
       {
         ref,
@@ -9511,7 +9394,7 @@ var SidebarBase = React37.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "div",
             {
               className: cn(
@@ -9522,7 +9405,7 @@ var SidebarBase = React37.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "div",
             {
               className: cn(
@@ -9533,7 +9416,7 @@ var SidebarBase = React37.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -9549,9 +9432,9 @@ var SidebarBase = React37.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React37.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     ButtonBase,
     {
       ref,
@@ -9565,16 +9448,16 @@ var SidebarTriggerBase = React37.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react39.SidebarSimpleIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react37.SidebarSimpleIcon, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React37.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React38.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "button",
     {
       ref,
@@ -9597,8 +9480,8 @@ var SidebarRailBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarInsetBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "main",
     {
       ref,
@@ -9612,8 +9495,8 @@ var SidebarInsetBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarInputBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     InputBase,
     {
       ref,
@@ -9627,8 +9510,8 @@ var SidebarInputBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarHeaderBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       ref,
@@ -9639,8 +9522,8 @@ var SidebarHeaderBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarFooterBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       ref,
@@ -9651,8 +9534,8 @@ var SidebarFooterBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarSeparatorBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     SeparatorBase,
     {
       ref,
@@ -9663,8 +9546,8 @@ var SidebarSeparatorBase = React37.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarContentBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       ref,
@@ -9678,8 +9561,8 @@ var SidebarContentBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarGroupBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       ref,
@@ -9690,9 +9573,9 @@ var SidebarGroupBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React37.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Comp,
     {
       ref,
@@ -9707,9 +9590,9 @@ var SidebarGroupLabelBase = React37.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React37.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Comp,
     {
       ref,
@@ -9726,7 +9609,7 @@ var SidebarGroupActionBase = React37.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarGroupContentBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   "div",
   {
     ref,
@@ -9736,7 +9619,7 @@ var SidebarGroupContentBase = React37.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarMenuBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   "ul",
   {
     ref,
@@ -9746,7 +9629,7 @@ var SidebarMenuBase = React37.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarMenuItemBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   "li",
   {
     ref,
@@ -9776,7 +9659,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var SidebarMenuButtonBase = React37.forwardRef(
+var SidebarMenuButtonBase = React38.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -9788,7 +9671,7 @@ var SidebarMenuButtonBase = React37.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot5.Slot : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Comp,
       {
         ref,
@@ -9807,9 +9690,9 @@ var SidebarMenuButtonBase = React37.forwardRef(
         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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(TooltipBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         TooltipContentBase,
         {
           side: "right",
@@ -9822,9 +9705,9 @@ var SidebarMenuButtonBase = React37.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React37.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React38.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Comp,
     {
       ref,
@@ -9845,7 +9728,7 @@ var SidebarMenuActionBase = React37.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarMenuBadgeBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   "div",
   {
     ref,
@@ -9863,11 +9746,11 @@ var SidebarMenuBadgeBase = React37.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React37.useMemo(() => {
+var SidebarMenuSkeletonBase = React38.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React38.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       ref,
@@ -9875,14 +9758,14 @@ var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false,
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -9897,7 +9780,7 @@ var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var SidebarMenuSubBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   "ul",
   {
     ref,
@@ -9911,11 +9794,11 @@ var SidebarMenuSubBase = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React37.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React37.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React38.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Comp,
     {
       ref,
@@ -9938,32 +9821,32 @@ SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/overlays/DrawerBase.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function DrawerBase({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlayBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -9980,9 +9863,9 @@ function DrawerContentBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DrawerPortalBase, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DrawerOverlayBase, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(DrawerPortalBase, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DrawerOverlayBase, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       import_vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
@@ -9996,7 +9879,7 @@ function DrawerContentBase({
         ),
         ...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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.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
         ]
       }
@@ -10007,7 +9890,7 @@ function DrawerHeaderBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -10023,7 +9906,7 @@ function DrawerFooterBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -10036,7 +9919,7 @@ function DrawerTitleBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
@@ -10049,7 +9932,7 @@ function DrawerDescriptionBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
@@ -10060,11 +9943,11 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-var import_react40 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var UniversalTooltipContext = (0, import_react40.createContext)(null);
+var import_react38 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var UniversalTooltipContext = (0, import_react38.createContext)(null);
 var useUniversalTooltip = () => {
-  const context = (0, import_react40.useContext)(UniversalTooltipContext);
+  const context = (0, import_react38.useContext)(UniversalTooltipContext);
   if (!context) {
     throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
   }
@@ -10072,7 +9955,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = (0, import_react40.useCallback)((element, content, options) => {
+  const createTooltip = (0, import_react38.useCallback)((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -10102,7 +9985,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = (0, import_react40.useCallback)((tooltipId, event) => {
+  const handleElementMouseDown = (0, import_react38.useCallback)((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -10119,7 +10002,7 @@ var useTooltip = () => {
 
 // src/components/ui/UniversalTooltipRenderer.tsx
 var import_ssr6 = require("@phosphor-icons/react/dist/ssr");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var UniversalTooltipRenderer = ({
   className,
   showCloseButton = true,
@@ -10136,8 +10019,8 @@ var UniversalTooltipRenderer = ({
     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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: cn("fixed inset-0 pointer-events-none z-50", className), children: [
+    showCloseAllButton && tooltips.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsxs)(
       "button",
       {
         onClick: clearAllTooltips,
@@ -10159,8 +10042,8 @@ var UniversalTooltipRenderer = ({
       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)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "pointer-events-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: cn("fixed z-30", guideClassName),
@@ -10179,7 +10062,7 @@ var UniversalTooltipRenderer = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: "fixed z-31",
@@ -10195,7 +10078,7 @@ var UniversalTooltipRenderer = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: "fixed z-31",
@@ -10213,7 +10096,7 @@ var UniversalTooltipRenderer = ({
         )
       ] }, index);
     }),
-    tooltips.map((tooltip) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    tooltips.map((tooltip) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "div",
       {
         className: cn(
@@ -10227,12 +10110,12 @@ var UniversalTooltipRenderer = ({
         },
         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" })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between p-3 border-b bg-muted/20 rounded-t-lg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-2 h-2 bg-primary rounded-full" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: "Tooltip" })
             ] }),
-            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               "button",
               {
                 onClick: (e) => {
@@ -10243,11 +10126,11 @@ var UniversalTooltipRenderer = ({
                   "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 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_ssr6.XIcon, { size: 16 })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "p-4", children: tooltip.content })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "p-4", children: tooltip.content })
         ]
       },
       tooltip.id
@@ -10259,39 +10142,39 @@ var UniversalTooltipRenderer = ({
 var import_date_fns = require("date-fns");
 
 // src/components/picker/calendar.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_react41 = require("@phosphor-icons/react");
+var import_react39 = require("@phosphor-icons/react");
 var import_framer_motion14 = require("framer-motion");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function CalendarBase2({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  const [month, setMonth] = React39.useState(
+  const [month, setMonth] = React40.useState(
     props.month || props.defaultMonth || /* @__PURE__ */ new Date()
   );
-  const [direction, setDirection] = React39.useState(1);
+  const [direction, setDirection] = React40.useState(1);
   const handleMonthChange = (newMonth) => {
     const isNext = newMonth > month ? 1 : -1;
     setDirection(isNext);
     setMonth(newMonth);
     props.onMonthChange?.(newMonth);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "div",
     {
       className: cn(
         "rounded-md border bg-background p-2 sm:p-3 md:p-4 overflow-hidden flex flex-col",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_framer_motion14.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_framer_motion14.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "div",
         {
           className: "w-full h-full flex flex-col",
-          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             import_react_day_picker2.DayPicker,
             {
               showOutsideDays,
@@ -10315,7 +10198,7 @@ function CalendarBase2({
                 head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
                 row: "grid grid-cols-7 gap-1",
                 cell: cn(
-                  "min-w-0 h-9 sm:h-10 md:h-11 p-0 relative flex items-center justify-center",
+                  "min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
                   "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
                   "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
                   "[&:has([aria-selected].day-outside)]:bg-muted/50",
@@ -10335,8 +10218,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretLeftIcon, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretRightIcon, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react39.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react39.CaretRightIcon, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -10351,15 +10234,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 var import_locale = require("date-fns/locale");
-var import_react44 = require("react");
+var import_react42 = require("react");
 
 // src/components/picker/TimePicker.tsx
 var import_framer_motion15 = require("framer-motion");
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 
 // src/components/picker/TimePickerInput.tsx
-var import_react42 = require("@phosphor-icons/react");
-var import_react43 = __toESM(require("react"));
+var import_react40 = require("@phosphor-icons/react");
+var import_react41 = __toESM(require("react"));
 
 // src/components/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -10501,8 +10384,8 @@ function display12HourValue(hours) {
 }
 
 // src/components/picker/TimePickerInput.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var TimePickerInput = import_react43.default.forwardRef(
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var TimePickerInput = import_react41.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -10521,10 +10404,10 @@ var TimePickerInput = import_react43.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react43.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react43.default.useState("0");
-    const [isFocused, setIsFocused] = import_react43.default.useState(false);
-    import_react43.default.useEffect(() => {
+    const [flag, setFlag] = import_react41.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react41.default.useState("0");
+    const [isFocused, setIsFocused] = import_react41.default.useState(false);
+    import_react41.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -10532,7 +10415,7 @@ var TimePickerInput = import_react43.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react43.default.useMemo(() => {
+    const calculatedValue = import_react41.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -10588,8 +10471,8 @@ var TimePickerInput = import_react43.default.forwardRef(
       const baseLabel = getPickerLabel();
       return `${baseLabel}, valor atual: ${calculatedValue}.`;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative group flex flex-col items-center", children: [
-      getPickerLabel() && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative group flex flex-col items-center", children: [
+      getPickerLabel() && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "label",
         {
           htmlFor: id || picker,
@@ -10597,7 +10480,7 @@ var TimePickerInput = import_react43.default.forwardRef(
           children: getPickerLabel()
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "div",
         {
           className: cn(
@@ -10605,7 +10488,7 @@ var TimePickerInput = import_react43.default.forwardRef(
             "transition-all duration-200"
           ),
           children: [
-            showArrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            showArrows && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "button",
               {
                 type: "button",
@@ -10621,11 +10504,11 @@ var TimePickerInput = import_react43.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react42.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                 "input",
                 {
                   ref,
@@ -10670,9 +10553,9 @@ var TimePickerInput = import_react43.default.forwardRef(
                   ...props
                 }
               ),
-              isFocused && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 rounded-lg ring-2 ring-primary/20 pointer-events-none animate-pulse" })
+              isFocused && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "absolute inset-0 rounded-lg ring-2 ring-primary/20 pointer-events-none animate-pulse" })
             ] }),
-            showArrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            showArrows && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "button",
               {
                 type: "button",
@@ -10688,7 +10571,7 @@ var TimePickerInput = import_react43.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react42.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -10700,16 +10583,16 @@ var TimePickerInput = import_react43.default.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/picker/TimePicker.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function TimePicker({
   date,
   setDate,
   hideSeconds,
   enableButton
 }) {
-  const minuteRef = React41.useRef(null);
-  const hourRef = React41.useRef(null);
-  const secondRef = React41.useRef(null);
+  const minuteRef = React42.useRef(null);
+  const hourRef = React42.useRef(null);
+  const secondRef = React42.useRef(null);
   const containerVariants = {
     hidden: { opacity: 0, y: 10 },
     visible: {
@@ -10725,7 +10608,7 @@ function TimePicker({
     hidden: { opacity: 0, y: 10 },
     visible: { opacity: 1, y: 0 }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     import_framer_motion15.motion.div,
     {
       variants: containerVariants,
@@ -10733,12 +10616,12 @@ function TimePicker({
       animate: "visible",
       className: "flex items-end justify-center gap-2 sm:gap-3 p-2 sm:p-3 md:p-4 rounded-lg bg-muted/20 border border-border/50 w-full max-w-full overflow-hidden",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           import_framer_motion15.motion.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               TimePickerInput,
               {
                 picker: "hours",
@@ -10751,12 +10634,12 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           import_framer_motion15.motion.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               TimePickerInput,
               {
                 picker: "minutes",
@@ -10770,7 +10653,7 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_framer_motion15.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_framer_motion15.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           import_framer_motion15.motion.div,
           {
             variants: itemVariants2,
@@ -10778,7 +10661,7 @@ function TimePicker({
             animate: "visible",
             exit: "hidden",
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               TimePickerInput,
               {
                 picker: "seconds",
@@ -10797,8 +10680,8 @@ function TimePicker({
 }
 
 // src/components/picker/DateTimePicker.tsx
-var import_react45 = require("@phosphor-icons/react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_react43 = require("@phosphor-icons/react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
   date,
@@ -10806,17 +10689,15 @@ function DateTimePicker({
   displayFormat,
   hideTime,
   hideSeconds,
-  hideHour,
-  hideMinute,
   fromDate,
   toDate,
   disabled,
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = (0, import_react44.useState)(date);
-  const [open, setOpen] = (0, import_react44.useState)(false);
-  const [timePickerOpen, setTimePickerOpen] = (0, import_react44.useState)(false);
+  const [internalDate, setInternalDate] = (0, import_react42.useState)(date);
+  const [open, setOpen] = (0, import_react42.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react42.useState)(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10836,34 +10717,30 @@ function DateTimePicker({
   };
   const getTimeFormat = () => {
     if (hideTime) return "";
-    if (hideHour && hideMinute) return "";
-    if (hideHour) return hideSeconds ? "mm" : "mm:ss";
-    if (hideMinute) return hideSeconds ? "HH" : "HH':00'";
     return hideSeconds ? "HH:mm" : "HH:mm:ss";
   };
   const getDisplayFormat = () => {
-    if (displayFormat) {
-      return displayFormat;
-    }
     const timeFormat = getTimeFormat();
-    if (!timeFormat) return "PPP";
-    return `PPP - ${timeFormat}`;
-  };
-  (0, import_react44.useEffect)(() => {
-    if (date) {
-      setInternalDate(date);
+    if (displayFormat === true) {
+      if (!timeFormat) return "dd/MM/yyyy";
+      return `dd/MM/yyyy - ${timeFormat}`;
     }
+    if (!timeFormat) return "dd MMMM yyyy";
+    return `dd MMMM yyyy - ${timeFormat}`;
+  };
+  (0, import_react42.useEffect)(() => {
+    setInternalDate(date);
   }, [date, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LabelBase_default, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LabelBase_default, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         PopoverTriggerBase,
         {
           disabled,
           asChild: true,
           className: cn(error && "border-red-500"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
             ButtonBase,
             {
               variant: "outline",
@@ -10872,7 +10749,7 @@ function DateTimePicker({
                 !date && "text-muted-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   "span",
                   {
                     className: cn(
@@ -10882,14 +10759,14 @@ function DateTimePicker({
                     children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma data"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react45.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react43.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ErrorMessage_default, { error }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ErrorMessage_default, { error }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         PopoverContentBase,
         {
           className: "w-full p-0",
@@ -10898,31 +10775,28 @@ function DateTimePicker({
           side: "bottom",
           avoidCollisions: true,
           collisionPadding: 8,
-          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               CalendarBase2,
               {
                 mode: "single",
                 locale: import_locale.ptBR,
                 selected: internalDate,
-                onSelect: (d) => handleSelect(d),
+                onSelect: (d) => handleSelect(d ?? void 0),
                 initialFocus: true,
-                defaultMonth: fromDate ?? toDate ?? internalDate,
+                defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
                 fromDate,
                 toDate,
-                className: cn(
-                  "w-full",
-                  (hideTime || hideHour && hideMinute) && "border-0"
-                )
+                className: cn("w-full", hideTime && "border-0")
               }
             ),
-            !hideTime && !(hideHour && hideMinute) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+            !hideTime && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
               PopoverBase,
               {
                 open: timePickerOpen,
                 onOpenChange: setTimePickerOpen,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
                     ButtonBase,
                     {
                       variant: "outline",
@@ -10938,14 +10812,14 @@ function DateTimePicker({
                         "min-h-[36px] sm:min-h-[40px]"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react45.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-black truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react43.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-black truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
                           locale: import_locale.ptBR
                         }) : "00:00" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                     PopoverContentBase,
                     {
                       className: "w-[calc(100vw-2rem)] max-w-sm p-3 sm:p-3 rounded-md",
@@ -10954,17 +10828,17 @@ function DateTimePicker({
                       sideOffset: 8,
                       avoidCollisions: true,
                       collisionPadding: 8,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                           TimePicker,
                           {
-                            setDate: handleTimeChange,
+                            setDate: (d) => handleTimeChange(d ?? void 0),
                             date: internalDate,
                             hideSeconds
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                           ButtonBase,
                           {
                             size: "sm",
@@ -10988,14 +10862,14 @@ function DateTimePicker({
 }
 
 // src/components/picker/RangePicker.tsx
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_react_day_picker3 = require("react-day-picker");
 var import_pt_BR = __toESM(require("date-fns/locale/pt-BR"));
 var import_date_fns2 = require("date-fns");
-var import_react46 = require("@phosphor-icons/react");
+var import_react44 = require("@phosphor-icons/react");
 var import_framer_motion16 = require("framer-motion");
 var import_ssr7 = require("@phosphor-icons/react/dist/ssr");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var dateFnsLocale = import_pt_BR.default?.default ?? import_pt_BR.default;
 function RangePicker({
   value,
@@ -11005,10 +10879,10 @@ function RangePicker({
   maxDate,
   error
 }) {
-  const [open, setOpen] = React42.useState(false);
-  const [range, setRange] = React42.useState(value);
+  const [open, setOpen] = React43.useState(false);
+  const [range, setRange] = React43.useState(value);
   const controls = (0, import_framer_motion16.useAnimation)();
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     setRange(value);
   }, [value]);
   const handleSelect = (selected) => {
@@ -11019,20 +10893,20 @@ function RangePicker({
     setRange(void 0);
     onChange?.(void 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       import_framer_motion16.motion.div,
       {
         whileTap: { scale: 0.97 },
         whileHover: { scale: open ? 1.03 : 1.01 },
         transition: { type: "spring", stiffness: 300, damping: 20 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
           ButtonBase,
           {
             variant: "outline",
             className: "flex  gap-2 transition-all duration-200 min-w-[250px] text-left justify-between items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 import_framer_motion16.motion.span,
                 {
                   className: "text-sm font-medium",
@@ -11043,12 +10917,12 @@ function RangePicker({
                   })} - ${(0, import_date_fns2.format)(range.to, "P", { locale: dateFnsLocale })}` : label
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 import_framer_motion16.motion.span,
                 {
                   animate: open ? { rotate: 8, scale: 1.15 } : { rotate: 0, scale: 1 },
                   transition: { type: "spring", stiffness: 300, damping: 18 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CalendarBlankIcon, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.CalendarBlankIcon, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
                 }
               )
             ]
@@ -11056,13 +10930,13 @@ function RangePicker({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ErrorMessage_default, { error }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_framer_motion16.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ErrorMessage_default, { error }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_framer_motion16.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       PopoverContentBase,
       {
         asChild: true,
         className: "w-auto min-w-[250px] p-0 shadow-xl  overflow-y-hidden",
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
           import_framer_motion16.motion.div,
           {
             initial: { opacity: 0, y: 16 },
@@ -11070,7 +10944,7 @@ function RangePicker({
             exit: { opacity: 0, y: 16 },
             transition: { duration: 0.18, ease: "easeOut" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 import_framer_motion16.motion.div,
                 {
                   initial: { opacity: 0, y: 8 },
@@ -11078,7 +10952,7 @@ function RangePicker({
                   exit: { opacity: 0, y: 8 },
                   transition: { duration: 0.18 },
                   className: "w-full",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                     import_react_day_picker3.DayPicker,
                     {
                       mode: "range",
@@ -11125,20 +10999,20 @@ function RangePicker({
                         day_hidden: "invisible"
                       },
                       components: {
-                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CaretLeftIcon, { className: "h-4 w-4" }),
-                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CaretRightIcon, { className: "h-4 w-4" })
+                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.CaretLeftIcon, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.CaretRightIcon, { className: "h-4 w-4" })
                       }
                     }
                   )
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   import_framer_motion16.motion.div,
                   {
                     whileHover: { scale: 1.03 },
                     whileTap: { scale: 0.95 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                       ButtonBase,
                       {
                         variant: "outline",
@@ -11148,17 +11022,17 @@ function RangePicker({
                             to: /* @__PURE__ */ new Date()
                           });
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_ssr7.CalendarDotIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_ssr7.CalendarDotIcon, {})
                       }
                     )
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   import_framer_motion16.motion.div,
                   {
                     whileHover: { scale: 1.03 },
                     whileTap: { scale: 0.95 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                       ButtonBase,
                       {
                         variant: "outline",
@@ -11170,12 +11044,12 @@ function RangePicker({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                   import_framer_motion16.motion.div,
                   {
                     whileHover: { scale: 1.02 },
                     whileTap: { scale: 0.98 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                       ButtonBase,
                       {
                         className: "font-semibold w-full  text-center",
@@ -11198,25 +11072,25 @@ RangePicker.displayName = "RangePicker";
 
 // src/components/ui/navigation/ContextMenuBase.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
-var import_react47 = require("@phosphor-icons/react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_react45 = require("@phosphor-icons/react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function ContextMenuBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTriggerBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroupBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortalBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSubBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroupBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
 }
 function ContextMenuSubTriggerBase({
   className,
@@ -11224,7 +11098,7 @@ function ContextMenuSubTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -11240,7 +11114,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CaretRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CaretRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -11249,7 +11123,7 @@ function ContextMenuSubContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -11269,7 +11143,7 @@ function ContextMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -11292,7 +11166,7 @@ function ContextMenuItemBase({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -11320,7 +11194,7 @@ function ContextMenuCheckboxItemBase({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -11335,7 +11209,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -11346,7 +11220,7 @@ function ContextMenuRadioItemBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -11360,7 +11234,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -11371,7 +11245,7 @@ function ContextMenuLabelBase({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -11385,7 +11259,7 @@ function ContextMenuSeparatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -11398,7 +11272,7 @@ function ContextMenuShortcutBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -11409,10 +11283,10 @@ function ContextMenuShortcutBase({
 }
 
 // src/components/ui/CodeBlock.tsx
-var import_react48 = require("@phosphor-icons/react");
-var import_react49 = __toESM(require("react"));
+var import_react46 = require("@phosphor-icons/react");
+var import_react47 = __toESM(require("react"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var CodeBlock = ({
   language,
   filename,
@@ -11422,11 +11296,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = import_react49.default.useState(false);
-  const [activeTab, setActiveTab] = import_react49.default.useState(0);
-  const [isExpanded, setIsExpanded] = import_react49.default.useState(false);
+  const [copied, setCopied] = import_react47.default.useState(false);
+  const [activeTab, setActiveTab] = import_react47.default.useState(0);
+  const [isExpanded, setIsExpanded] = import_react47.default.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = import_react49.default.useMemo(
+  const cssVars = import_react47.default.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -11491,12 +11365,12 @@ var CodeBlock = ({
       case "jsx":
       case "typescript":
       case "tsx":
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.CodeIcon, { size: "1em", className: "text-yellow-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CodeIcon, { size: "1em", className: "text-yellow-400" });
       case "bash":
       case "shell":
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.TerminalIcon, { size: "1em", className: "text-green-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.TerminalIcon, { size: "1em", className: "text-green-400" });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
     }
   };
   const getCodeStats = (source) => {
@@ -11506,24 +11380,24 @@ var CodeBlock = ({
     return { lines, chars, words };
   };
   const stats = showStats ? getCodeStats(activeCodeSanitized) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       className: `relative w-full rounded-xl overflow-hidden shadow-sm border no-underline-code`,
       style: cssVars.container,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", { children: `.no-underline-code a { text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .no-underline-code code a { text-decoration: none !important; }` }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex gap-2 mr-3 shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("style", { children: `.no-underline-code a { text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .no-underline-code code a { text-decoration: none !important; }` }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex gap-2 mr-3 shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
-            breadcrumb.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react49.default.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            breadcrumb.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.FolderIcon, { size: "1em", style: cssVars.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react47.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   "span",
                   {
                     className: "text-xs truncate",
@@ -11531,8 +11405,8 @@ var CodeBlock = ({
                     children: crumb
                   }
                 ),
-                index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-                  import_react48.ArrowRightIcon,
+                index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  import_react46.ArrowRightIcon,
                   {
                     size: "0.75em",
                     style: cssVars.icon,
@@ -11542,8 +11416,8 @@ var CodeBlock = ({
               ] }, index)) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
-            stats && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
+            stats && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
               "div",
               {
                 className: `text-xs mx-2 truncate hidden md:block`,
@@ -11556,44 +11430,44 @@ var CodeBlock = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "button",
                 {
                   onClick: () => setIsExpanded(!isExpanded),
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Toggle fullscreen",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "button",
                 {
                   onClick: downloadCode,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Download code",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.DownloadIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.DownloadIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "button",
                 {
                   onClick: copyToClipboard,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Copy code",
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-                    import_react48.CheckIcon,
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                    import_react46.CheckIcon,
                     {
                       size: "1em",
                       style: { color: "hsl(var(--primary))" }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.CopyIcon, { size: "1em", style: cssVars.icon })
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CopyIcon, { size: "1em", style: cssVars.icon })
                 }
               )
             ] })
           ] })
         ] }),
-        tabsExist && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        tabsExist && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             className: `flex border-b overflow-x-auto`,
@@ -11601,7 +11475,7 @@ var CodeBlock = ({
               borderColor: "hsl(var(--border))",
               backgroundColor: "hsl(var(--popover))"
             },
-            children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+            children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
               "button",
               {
                 onClick: () => setActiveTab(index),
@@ -11612,14 +11486,14 @@ var CodeBlock = ({
                 } : void 0,
                 children: [
                   getLanguageIcon(tab.language || language),
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "truncate max-w-[10rem]", children: tab.name })
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "truncate max-w-[10rem]", children: tab.name })
                 ]
               },
               index
             ))
           }
         ),
-        !tabsExist && filename && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        !tabsExist && filename && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             className: "flex items-center px-3 py-2 border-b",
@@ -11627,9 +11501,9 @@ var CodeBlock = ({
               borderColor: "hsl(var(--border))",
               backgroundColor: "hsl(var(--popover))"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
               getLanguageIcon(language),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "span",
                 {
                   className: "text-sm font-medium truncate",
@@ -11640,11 +11514,11 @@ var CodeBlock = ({
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             className: `relative ${isExpanded ? "max-h-screen overflow-auto" : "max-h-96 overflow-auto"}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               import_react_syntax_highlighter.Prism,
               {
                 language: activeLanguage,
@@ -11678,7 +11552,7 @@ var CodeBlock = ({
             )
           }
         ),
-        showStats && stats && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+        showStats && stats && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "div",
           {
             className: "px-3 py-2 border-t text-xs flex items-center justify-between min-h-[2.5rem]",
@@ -11688,20 +11562,20 @@ var CodeBlock = ({
               color: "hsl(var(--muted-foreground))"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "truncate", children: activeLanguage.toUpperCase() }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "truncate hidden sm:inline", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "truncate", children: activeLanguage.toUpperCase() }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "truncate hidden sm:inline", children: [
                   stats.lines,
                   " lines"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "truncate hidden md:inline", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "truncate hidden md:inline", children: [
                   stats.chars,
                   " chars"
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.GearIcon, { size: "0.75em", style: cssVars.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: "UTF-8" })
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.GearIcon, { size: "0.75em", style: cssVars.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "UTF-8" })
               ] })
             ]
           }
@@ -11711,6 +11585,78 @@ var CodeBlock = ({
   );
 };
 
+// src/components/ui/data/StatusIndicator.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function StatusIndicator({
+  color = "green",
+  size = "sm",
+  position = "top-right",
+  show = true,
+  children,
+  className,
+  ...props
+}) {
+  const absolutePositionClasses = {
+    "top-right": "absolute top-0 right-0 translate-x-1/2 -translate-y-1/2",
+    "top-left": "absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2",
+    "bottom-right": "absolute bottom-0 right-0 translate-x-1/2 translate-y-1/2",
+    "bottom-left": "absolute bottom-0 left-0 -translate-x-1/2 translate-y-1/2"
+  };
+  const sizeClasses = {
+    xs: "h-2 w-2",
+    sm: "h-2.5 w-2.5",
+    md: "h-3 w-3",
+    lg: "h-4 w-4"
+  };
+  const colorClasses = {
+    green: "bg-green-500",
+    gray: "bg-gray-400",
+    red: "bg-red-500",
+    yellow: "bg-yellow-400",
+    blue: "bg-blue-500",
+    purple: "bg-purple-500",
+    retire: "bg-slate-300/70 ring-1 ring-slate-200"
+  };
+  const dotClass = cn(
+    "rounded-full inline-block",
+    sizeClasses[size],
+    colorClasses[color],
+    "flex-shrink-0"
+  );
+  if (position === "inline") {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+      "span",
+      {
+        className: cn("inline-flex items-center gap-2", className),
+        ...props,
+        children: [
+          show && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: dotClass, "aria-hidden": !show }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "truncate", children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cn("relative inline-flex", className), ...props, children: [
+    show && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      "span",
+      {
+        "aria-hidden": !show,
+        className: cn(
+          "pointer-events-none z-10",
+          absolutePositionClasses[position]
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: dotClass })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "min-w-0", children })
+  ] });
+}
+
+// src/components/ui/form/DebouncedInput.tsx
+var import_react48 = require("react");
+var import_react49 = require("@phosphor-icons/react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
 // src/hooks/use-drag.tsx
 var import_react50 = require("react");
 var useDrag = (options = {}) => {