@mlw-packages/react-components 1.7.3 → 1.7.4

package/dist/index.js

@@ -560,7 +560,6 @@ __export(index_exports, {
   ContextMenuTriggerBase: () => ContextMenuTriggerBase,
   CopyButton: () => CopyButton,
   DateTimePicker: () => DateTimePicker,
-  DeleteButton: () => DeleteButton,
   DestructiveDialog: () => DestructiveDialog,
   DialogBase: () => DialogBase,
   DialogCloseBase: () => DialogCloseBase,
@@ -2728,7 +2727,8 @@ var DraggableTooltipComponent = ({
   highlightedSeries,
   toggleHighlight,
   showOnlyHighlighted,
-  valueFormatter: valueFormatter2
+  valueFormatter: valueFormatter2,
+  categoryFormatter
 }) => {
   const visibleKeys = (0, import_react16.useMemo)(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
@@ -3136,7 +3136,7 @@ var DraggableTooltipComponent = ({
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-3 py-2 bg-accent/5 border-l-4 border-primary", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: periodLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-bold text-lg text-foreground mt-1 truncate", children: data.name })
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-bold text-lg text-foreground mt-1 truncate", children: categoryFormatter ? categoryFormatter(String(data.name)) : data.name })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-right", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               TotalDisplay,
@@ -3280,15 +3280,28 @@ var RechartTooltipWithTotal = ({
   finalColors = {},
   periodLabel = "Per\xEDodo",
   totalLabel = "Total",
-  valueFormatter: valueFormatter2
+  valueFormatter: valueFormatter2,
+  categoryFormatter
 }) => {
   if (!active || !payload || payload.length === 0) return null;
+  const displayLabel = categoryFormatter ? categoryFormatter(String(label ?? "")) : label;
   const numeric = payload.filter(
     (p) => typeof p.value === "number" && Number.isFinite(p.value)
   );
   const total = numeric.reduce((sum, p) => sum + (p.value || 0), 0);
   const isTotalNegative = total < 0;
-  const defaultTotalFormatted = total.toLocaleString("pt-BR");
+  const defaultTotalFormatted = (() => {
+    try {
+      if (Math.abs(total) < 1e3) {
+        return new Intl.NumberFormat("pt-BR", {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        }).format(total);
+      }
+    } catch {
+    }
+    return total.toLocaleString("pt-BR");
+  })();
   const displayTotal = valueFormatter2 ? valueFormatter2({
     value: total,
     formattedValue: defaultTotalFormatted,
@@ -3310,7 +3323,7 @@ var RechartTooltipWithTotal = ({
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-start justify-between mb-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pr-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: periodLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "font-medium text-foreground truncate", children: label })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "font-medium text-foreground truncate", children: displayLabel })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-right ml-3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: totalLabel }),
@@ -3328,7 +3341,18 @@ var RechartTooltipWithTotal = ({
           const pct = absDenominator > 0 ? Math.abs(value) / absDenominator * 100 : 0;
           const baseColor = finalColors[entry.dataKey] || entry.color || "#999";
           const isNeg = value < 0;
-          const defaultFormatted = value.toLocaleString("pt-BR");
+          const defaultFormatted = (() => {
+            try {
+              if (Math.abs(value) < 1e3) {
+                return new Intl.NumberFormat("pt-BR", {
+                  minimumFractionDigits: 2,
+                  maximumFractionDigits: 2
+                }).format(value);
+              }
+            } catch {
+            }
+            return value.toLocaleString("pt-BR");
+          })();
           const displayValue = valueFormatter2 ? valueFormatter2({
             value: entry.value,
             formattedValue: defaultFormatted,
@@ -3385,9 +3409,11 @@ var TooltipSimple = ({
   label,
   finalColors = {},
   periodLabel = "Per\xEDodo",
-  valueFormatter: valueFormatter2
+  valueFormatter: valueFormatter2,
+  categoryFormatter
 }) => {
   if (!active || !payload || payload.length === 0) return null;
+  const displayLabel = categoryFormatter ? categoryFormatter(String(label ?? "")) : label;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
@@ -3398,12 +3424,23 @@ var TooltipSimple = ({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: periodLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-medium text-foreground truncate", children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-medium text-foreground truncate", children: displayLabel })
         ] }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "divide-y divide-border rounded-md overflow-hidden", children: payload.map((entry, index) => {
           const value = typeof entry.value === "number" ? entry.value : 0;
           const color = finalColors[entry.dataKey] || entry.color || "#999";
-          const defaultFormatted = value.toLocaleString("pt-BR");
+          const defaultFormatted = (() => {
+            try {
+              if (Math.abs(value) < 1e3) {
+                return new Intl.NumberFormat("pt-BR", {
+                  minimumFractionDigits: 2,
+                  maximumFractionDigits: 2
+                }).format(value);
+              }
+            } catch {
+            }
+            return value.toLocaleString("pt-BR");
+          })();
           const displayValue = valueFormatter2 ? valueFormatter2({
             value: entry.value,
             formattedValue: defaultFormatted,
@@ -3455,9 +3492,17 @@ var formatCompactNumber = (value) => {
   } else if (absValue >= 1e6) {
     formatted = (absValue / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
   } else if (absValue >= 1e3) {
-    formatted = (absValue / 1e3).toFixed(1).replace(/\.0$/, "") + "K";
+    formatted = (absValue / 1e3).toFixed(1).replace(/\.0$/, "") + " mil";
   } else {
-    formatted = absValue.toString();
+    try {
+      const nf = new Intl.NumberFormat("pt-BR", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      });
+      formatted = nf.format(absValue);
+    } catch {
+      formatted = String(absValue).replace(".", ",");
+    }
   }
   return isNegative ? `-${formatted}` : formatted;
 };
@@ -3513,9 +3558,9 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
     const py = parseNumber(props.y);
     const cyNum = parseNumber(props.cy);
     const centerY = yNum ?? (typeof py === "number" ? py : vb && typeof vb.y === "number" && typeof vb.height === "number" ? vb.y + vb.height / 2 : typeof cyNum === "number" ? cyNum : 0);
-    const rectX = centerX - pillWidth / 2;
+    const rectX = centerX - pillWidth / 3.5;
     const rectY = centerY - pillHeight - 6;
-    const textX = centerX;
+    const textX = centerX - pillWidth / 3.5 + pillWidth / 2;
     const textY = rectY + pillHeight / 2 + 3;
     const rectFill = variant === "filled" ? color : variant === "soft" ? `${color}20` : "#ffffff";
     const rectStroke = variant === "outline" ? `${color}CC` : void 0;
@@ -3536,7 +3581,7 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
         "rect",
         {
           x: rectX,
-          y: rectY,
+          y: rectY + 4,
           rx: pillHeight / 2,
           width: pillWidth,
           height: pillHeight,
@@ -3549,7 +3594,7 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
         "text",
         {
           x: textX,
-          y: textY - 3,
+          y: textY + 2,
           fill: textColor,
           fontSize: 13,
           fontWeight: 700,
@@ -3582,14 +3627,18 @@ var Chart = ({
   titlePosition = "left",
   showLabels = false,
   xAxis,
+  xAxisLabel,
+  yAxisLabel,
   labelMap,
   valueFormatter: valueFormatter2,
+  categoryFormatter,
   enableHighlights = false,
   enableShowOnly = false,
   enablePeriodsDropdown = false,
   enableDraggableTooltips = false,
   showTooltipTotal = false,
   maxTooltips = 5,
+  formatBR = false,
   chartMargin
 }) => {
   const smartConfig = (0, import_react18.useMemo)(() => {
@@ -3842,6 +3891,68 @@ var Chart = ({
     () => "text-xl font-semibold text-foreground mb-3",
     []
   );
+  const finalValueFormatter = (0, import_react18.useMemo)(() => {
+    const nf = new Intl.NumberFormat("pt-BR", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+    if (valueFormatter2) {
+      if (formatBR) {
+        const wrapped = (props) => {
+          const { value, formattedValue } = props;
+          let num = NaN;
+          if (typeof value === "number") num = value;
+          else if (typeof value === "string" && value.trim() !== "") {
+            const parsed = Number(value);
+            num = Number.isNaN(parsed) ? NaN : parsed;
+          }
+          const brFormatted = !Number.isNaN(num) ? nf.format(num) : String(formattedValue ?? value ?? "");
+          return valueFormatter2({
+            ...props,
+            formattedValue: brFormatted,
+            value: void 0
+          });
+        };
+        return wrapped;
+      }
+      return valueFormatter2;
+    }
+    if (!formatBR) return void 0;
+    const builtIn = (props) => {
+      const { value, formattedValue } = props;
+      let num = NaN;
+      if (typeof value === "number") num = value;
+      else if (typeof value === "string" && value.trim() !== "") {
+        const parsed = Number(value);
+        num = Number.isNaN(parsed) ? NaN : parsed;
+      }
+      if (!Number.isNaN(num)) return nf.format(num);
+      return String(formattedValue ?? value ?? "");
+    };
+    return builtIn;
+  }, [valueFormatter2, formatBR]);
+  const yTickFormatter = (0, import_react18.useMemo)(() => {
+    const nf = new Intl.NumberFormat("pt-BR", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    });
+    const stripCurrency = (s) => String(s).replace(/^\s*R\$\s?/, "");
+    if (finalValueFormatter) {
+      return (v) => {
+        const num = Number(String(v));
+        const formatted = Number.isNaN(num) ? String(v ?? "") : nf.format(num);
+        const out = finalValueFormatter({
+          value: v,
+          formattedValue: formatted
+        });
+        return stripCurrency(String(out));
+      };
+    }
+    return (value) => {
+      const num = Number(String(value));
+      return Number.isNaN(num) ? String(value ?? "") : nf.format(num);
+    };
+  }, [finalValueFormatter]);
   const finalEnableHighlights = enableHighlights;
   const finalEnableShowOnly = enableShowOnly;
   const finalEnablePeriodsDropdown = enablePeriodsDropdown && enableDraggableTooltips;
@@ -3849,9 +3960,12 @@ var Chart = ({
   const defaultChartLeftMargin = 0;
   const containerPaddingLeft = 16;
   const finalChartRightMargin = chartMargin?.right ?? defaultChartRightMargin;
-  const finalChartLeftMargin = chartMargin?.left ?? defaultChartLeftMargin;
+  const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? 40 : defaultChartLeftMargin);
   const finalChartTopMargin = chartMargin?.top ?? (showLabels ? 48 : 20);
-  const finalChartBottomMargin = chartMargin?.bottom ?? 5;
+  const baseBottom = chartMargin?.bottom ?? 5;
+  const extraForXAxisLabel = xAxisLabel ? 22 : 0;
+  const extraForLegend = showLegend ? 36 : 0;
+  const finalChartBottomMargin = baseBottom + extraForXAxisLabel + extraForLegend;
   const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
   const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
   const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
@@ -4053,7 +4167,23 @@ var Chart = ({
                       fontSize: 12,
                       tickLine: false,
                       axisLine: false,
-                      tickFormatter: xAxisConfig.valueFormatter
+                      tickFormatter: (value) => {
+                        if (categoryFormatter)
+                          return categoryFormatter(value);
+                        if (xAxisConfig.valueFormatter)
+                          return xAxisConfig.valueFormatter(value);
+                        return String(value ?? "");
+                      },
+                      label: xAxisLabel ? {
+                        value: xAxisLabel,
+                        position: "insideBottomRight",
+                        offset: -5,
+                        style: {
+                          fontSize: 12,
+                          fill: "hsl(var(--muted-foreground))",
+                          fontWeight: 500
+                        }
+                      } : void 0
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -4063,9 +4193,22 @@ var Chart = ({
                       fontSize: 12,
                       tickLine: false,
                       axisLine: false,
-                      tickFormatter: (value) => Number(value).toLocaleString("pt-BR"),
+                      tickFormatter: yTickFormatter,
                       domain: [Math.min(minDataValue, 0), niceMax],
-                      tickCount: 6
+                      tickCount: 6,
+                      label: yAxisLabel ? {
+                        value: yAxisLabel,
+                        angle: -90,
+                        // Render the label to the left (outside) of the chart area
+                        // to avoid overlapping the Y values / bars.
+                        position: "left",
+                        style: {
+                          fontSize: 12,
+                          fill: "hsl(var(--muted-foreground))",
+                          fontWeight: 500,
+                          textAnchor: "middle"
+                        }
+                      } : void 0
                     }
                   ),
                   minDataValue < 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -4084,13 +4227,15 @@ var Chart = ({
                         TooltipWithTotal_default,
                         {
                           finalColors,
-                          valueFormatter: valueFormatter2
+                          valueFormatter: finalValueFormatter,
+                          categoryFormatter
                         }
                       ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                         TooltipSimple_default,
                         {
                           finalColors,
-                          valueFormatter: valueFormatter2
+                          valueFormatter: finalValueFormatter,
+                          categoryFormatter
                         }
                       ),
                       cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
@@ -4101,7 +4246,8 @@ var Chart = ({
                     {
                       wrapperStyle: {
                         color: "hsl(var(--foreground))",
-                        fontSize: "14px"
+                        fontSize: "14px",
+                        paddingTop: "8px"
                       }
                     }
                   ),
@@ -4141,7 +4287,7 @@ var Chart = ({
                               content: pillLabelRenderer_default(
                                 color,
                                 "filled",
-                                valueFormatter2
+                                finalValueFormatter
                               ),
                               offset: 8
                             }
@@ -4174,7 +4320,7 @@ var Chart = ({
                               content: pillLabelRenderer_default(
                                 color,
                                 "filled",
-                                valueFormatter2
+                                finalValueFormatter
                               ),
                               offset: 14
                             }
@@ -4207,7 +4353,7 @@ var Chart = ({
                               content: pillLabelRenderer_default(
                                 color,
                                 "soft",
-                                valueFormatter2
+                                finalValueFormatter
                               ),
                               offset: 12
                             }
@@ -4237,7 +4383,8 @@ var Chart = ({
                 onPositionChange: onTooltipPositionChange,
                 periodLabel: "Per\xEDodo Selecionado",
                 dataLabel: "Dados do Per\xEDodo",
-                valueFormatter: valueFormatter2,
+                valueFormatter: finalValueFormatter,
+                categoryFormatter,
                 globalTooltipCount: activeTooltips.length,
                 onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
                 closeAllButtonPosition: "top-center",
@@ -6045,2288 +6192,2218 @@ var CardFooterBase = React17.forwardRef(({ className, testid: dataTestId = "card
 CardFooterBase.displayName = "CardFooter";
 
 // src/components/ui/data/FileUploader.tsx
-var React21 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_framer_motion10 = require("framer-motion");
-var import_react25 = require("@phosphor-icons/react");
-
-// src/components/ui/form/SmallButtons.tsx
-var React20 = __toESM(require("react"));
-
-// src/components/ui/feedback/DestructiveDialog.tsx
-var React19 = __toESM(require("react"));
 var import_react23 = require("@phosphor-icons/react");
-
-// src/components/ui/feedback/AlertDialogBase.tsx
-var React18 = __toESM(require("react"));
-var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var AlertDialogBase = AlertDialogPrimitive.Root;
-var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
-var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
-var AlertDialogOverlayBase = React18.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  AlertDialogPrimitive.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    "data-testid": testid,
-    ...props,
-    ref
+var formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+};
+var getFileExtension = (filename) => {
+  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
+};
+var getFileTypeIcon = (file) => {
+  const extension = getFileExtension(file.name).toLowerCase();
+  const mimeType = file.type.toLowerCase();
+  if (extension === "pdf" || mimeType === "application/pdf") {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FilePdfIcon, { size: 20, className: "text-red-500" });
   }
-));
-AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContentBase = React18.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(AlertDialogPortalBase, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AlertDialogOverlayBase, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    AlertDialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      "data-testid": testid,
-      ...props
-    }
-  )
-] }));
-AlertDialogContentBase.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeaderBase = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
+  if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileDocIcon, { size: 20, className: "text-blue-500" });
   }
-);
-AlertDialogHeaderBase.displayName = "AlertDialogHeaderBase";
-var AlertDialogFooterBase = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end",
-      className
-    ),
-    ...props
+  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileXlsIcon, { size: 20, className: "text-green-500" });
   }
-);
-AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
-var AlertDialogTitleBase = React18.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  AlertDialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold", className),
-    "data-testid": testid,
-    ...props
+  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FilePptIcon, { size: 20, className: "text-orange-500" });
   }
-));
-AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescriptionBase = React18.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  AlertDialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    "data-testid": testid,
-    ...props
+  if (extension === "csv" || mimeType === "text/csv") {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileCsvIcon, { size: 20, className: "text-green-600" });
   }
-));
-AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogActionBase = React18.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  AlertDialogPrimitive.Action,
-  {
-    ref,
-    className: cn(buttonVariantsBase(), className),
-    "data-testid": testid,
-    ...props
+  if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
+    extension
+  ) || mimeType.includes("text")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileTextIcon, { size: 20, className: "text-gray-500" });
   }
-));
-AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancelBase = React18.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-  AlertDialogPrimitive.Cancel,
-  {
-    ref,
-    className: cn(buttonVariantsBase({ variant: "outline" }), className),
-    "data-testid": testid,
-    ...props
+  if (mimeType.startsWith("image/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileImageIcon, { size: 20, className: "text-purple-500" });
   }
-));
-AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-// src/components/ui/feedback/DestructiveDialog.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var DestructiveDialog = ({
-  title,
-  description,
-  onConfirm,
-  onCancel,
-  children,
-  triggerContent
-}) => {
-  const triggerEl = React19.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AlertDialogBase, { children: [
-    triggerEl,
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-      AlertDialogContentBase,
-      {
-        className: cn("border border-destructive bg-background"),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react23.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogTitleBase, { className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogDescriptionBase, { className: "mt-2 text-sm text-muted-foreground", children: description })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-              AlertDialogCancelBase,
-              {
-                onClick: onCancel,
-                className: cn(
-                  buttonVariantsBase({ variant: "outline", size: "default" }),
-                  "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
-                ),
-                children: "Cancelar"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-              AlertDialogActionBase,
-              {
-                onClick: onConfirm,
-                className: cn(
-                  buttonVariantsBase({ variant: "destructive", size: "default" })
-                ),
-                children: "Confirmar"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
+  if (mimeType.startsWith("video/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileVideoIcon, { size: 20, className: "text-pink-500" });
+  }
+  if (mimeType.startsWith("audio/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileAudioIcon, { size: 20, className: "text-indigo-500" });
+  }
+  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileZipIcon, { size: 20, className: "text-yellow-600" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileIcon, { size: 20, className: "text-muted-foreground" });
 };
-
-// src/components/ui/form/SmallButtons.tsx
-var import_react24 = require("@phosphor-icons/react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var EditButton = React20.forwardRef(
-  ({
-    disabled,
-    onClick,
-    testid = "button-edit",
-    className,
-    iconSize = 18,
-    iconColor,
-    variant = "default",
-    size = "icon",
-    ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    ButtonBase,
-    {
-      ref,
-      variant,
-      size,
-      onClick,
-      disabled,
-      testid,
-      className: cn(
-        "transition-all duration-200 ease-in-out group",
-        "hover:scale-105",
-        "active:scale-95",
-        "disabled:hover:scale-100",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react24.PencilSimpleIcon,
-        {
-          size: iconSize,
-          color: iconColor,
-          className: "transition-transform duration-200 group-hover:-rotate-12"
-        }
-      )
+var createImagePreview = (file) => {
+  return new Promise((resolve) => {
+    if (!file.type.startsWith("image/")) {
+      resolve(null);
+      return;
     }
-  )
-);
-EditButton.displayName = "EditButton";
-var ChangeButton = React20.forwardRef(
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      resolve(e.target?.result);
+    };
+    reader.onerror = () => {
+      resolve(null);
+    };
+    reader.readAsDataURL(file);
+  });
+};
+var FileUploader = React18.forwardRef(
   ({
-    disabled,
-    onClick,
-    testid = "button-edit",
     className,
-    iconSize = 18,
-    iconColor,
-    variant = "default",
-    size = "icon",
-    ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    ButtonBase,
-    {
-      ref,
-      variant,
-      size,
-      onClick,
-      disabled,
-      testid,
-      className: cn(
-        "transition-all duration-200 ease-in-out group",
-        "hover:scale-105",
-        "active:scale-95",
-        "disabled:hover:scale-100",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react24.ArrowsLeftRightIcon,
-        {
-          size: iconSize,
-          color: iconColor,
-          className: "transition-transform duration-200 group-hover:-rotate-180"
-        }
-      )
-    }
-  )
-);
-ChangeButton.displayName = "ChangeButton";
-var SaveButton = React20.forwardRef(
-  ({
-    disabled,
-    onClick,
-    testid = "button-save",
-    className,
-    iconSize = 18,
-    iconColor,
-    variant = "default",
-    size = "icon",
-    ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    ButtonBase,
-    {
-      ref,
-      variant,
-      size,
-      onClick,
-      disabled,
-      testid,
-      className: cn(
-        "transition-all duration-200 ease-in-out group",
-        "hover:scale-105",
-        "active:scale-95",
-        "disabled:hover:scale-100",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react24.FloppyDiskIcon,
-        {
-          size: iconSize,
-          color: iconColor,
-          className: "transition-transform duration-200 group-hover:scale-110"
-        }
-      )
-    }
-  )
-);
-SaveButton.displayName = "SaveButton";
-var AddButton = React20.forwardRef(
-  ({
-    disabled,
-    onClick,
-    testid = "button-add",
-    className,
-    iconSize = 18,
-    iconColor,
-    variant = "default",
-    size = "icon",
-    ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    ButtonBase,
-    {
-      ref,
-      variant,
-      size,
-      onClick,
-      disabled,
-      testid,
-      className: cn(
-        "transition-all duration-200 ease-in-out",
-        "hover:scale-105",
-        "active:scale-95",
-        "disabled:hover:scale-100",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react24.PlusIcon,
-        {
-          size: iconSize,
-          color: iconColor,
-          className: "transition-transform duration-300"
-        }
-      )
-    }
-  )
-);
-AddButton.displayName = "AddButton";
-var CloseButton = React20.forwardRef(
-  ({
-    disabled,
-    onClick,
-    testid = "button-close",
-    className,
-    iconSize = 18,
-    iconColor,
-    variant = "ghost",
-    size = "icon",
-    ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    ButtonBase,
-    {
-      ref,
-      variant,
-      size,
-      onClick,
-      disabled,
-      testid,
-      className: cn(
-        "transition-all duration-200 ease-in-out",
-        "hover:scale-110 hover:rotate-90 hover:bg-destructive/10",
-        "active:scale-95 active:rotate-0",
-        "disabled:hover:scale-100 disabled:hover:rotate-0",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react24.XIcon,
-        {
-          size: iconSize,
-          color: iconColor,
-          className: "transition-transform duration-300"
-        }
-      )
-    }
-  )
-);
-CloseButton.displayName = "CloseButton";
-var DeleteButton = React20.forwardRef(
-  ({
-    disabled,
-    onClick,
-    testid = "button-delete",
-    className,
-    iconSize = 18,
-    iconColor,
-    variant = "destructive",
-    size = "icon",
-    destructiveTitle,
-    destructiveDescription,
-    destructiveOnConfirm,
-    destructiveOnCancel,
-    destructiveTriggerContent,
+    accept,
+    maxSize,
+    maxFiles = 1,
+    disabled = false,
+    value = [],
+    onValueChange,
+    onUpload,
+    showPreview = true,
+    dropzoneText = "Arraste arquivos aqui ou clique para selecionar",
+    dropzoneSubtext,
+    animate = true,
     ...props
   }, ref) => {
-    const effectiveDestructiveTitle = destructiveTitle ?? props.title;
-    const trigger = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      ButtonBase,
-      {
-        ref,
-        variant,
-        size,
-        onClick,
-        disabled,
-        testid,
-        className: cn(
-          "transition-all duration-200 ease-in-out group",
-          "hover:scale-105",
-          "active:scale-95",
-          "disabled:hover:scale-100",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_react24.TrashIcon,
-          {
-            size: iconSize,
-            color: iconColor,
-            className: "transition-transform duration-200 group-hover:scale-110"
+    const [isDragging, setIsDragging] = React18.useState(false);
+    const [files, setFiles] = React18.useState(value);
+    const inputRef = React18.useRef(null);
+    const dragCounterRef = React18.useRef(0);
+    const multiple = maxFiles > 1;
+    React18.useEffect(() => {
+      setFiles(value);
+    }, [value]);
+    React18.useEffect(() => {
+      return () => {
+        files.forEach((file) => {
+          if (file.preview) {
+            URL.revokeObjectURL(file.preview);
           }
-        )
+        });
+      };
+    }, [files]);
+    const validateFile = (file) => {
+      if (file.size > maxSize) {
+        return `Arquivo muito grande. M\xE1ximo: ${formatFileSize(maxSize)}`;
       }
-    );
-    if (effectiveDestructiveTitle) {
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        DestructiveDialog,
-        {
-          title: effectiveDestructiveTitle,
-          description: destructiveDescription ?? "Essa a\xE7\xE3o \xE9 irrevers\xEDvel.",
-          onConfirm: destructiveOnConfirm ?? (() => {
-          }),
-          onCancel: destructiveOnCancel,
-          triggerContent: destructiveTriggerContent,
-          children: trigger
+      if (accept.length > 0) {
+        const fileExtension = `.${getFileExtension(file.name)}`;
+        const fileType = file.type;
+        const isAccepted = accept.some((acceptItem) => {
+          if (acceptItem.startsWith(".")) {
+            return fileExtension.toLowerCase() === acceptItem.toLowerCase();
+          }
+          if (acceptItem.endsWith("/*")) {
+            return fileType.startsWith(acceptItem.replace("/*", ""));
+          }
+          return fileType === acceptItem;
+        });
+        if (!isAccepted) {
+          return `Tipo de arquivo n\xE3o permitido. Aceitos: ${accept.join(", ")}`;
         }
-      );
-    }
-    return trigger;
-  }
-);
-DeleteButton.displayName = "DeleteButton";
-var DownloadButton = ({
-  disabled,
-  onClick,
-  testid = "button-download",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "outline",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.DownloadSimpleIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-300 group-hover:translate-y-0.5"
       }
-    )
-  }
-);
-var UploadButton = ({
-  disabled,
-  onClick,
-  testid = "button-upload",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "outline",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.UploadSimpleIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-300 group-hover:-translate-y-0.5"
+      return null;
+    };
+    const createFileWithPreview = async (file) => {
+      const fileWithPreview = file;
+      fileWithPreview.id = `${file.name}-${Date.now()}-${Math.random()}`;
+      const error = validateFile(file);
+      if (error) {
+        fileWithPreview.error = error;
       }
-    )
-  }
-);
-var CopyButton = ({
-  disabled,
-  onClick,
-  testid = "button-copy",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "ghost",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-90",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.CopyIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-200 group-hover:scale-110"
+      if (file.type.startsWith("image/")) {
+        try {
+          const preview = await createImagePreview(file);
+          if (preview) {
+            fileWithPreview.preview = preview;
+          }
+        } catch (error2) {
+          console.warn("Erro ao criar preview da imagem:", error2);
+        }
       }
-    )
-  }
-);
-var RefreshButton = ({
-  disabled,
-  onClick,
-  testid = "button-refresh",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "ghost",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.ArrowClockwiseIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-500 group-hover:rotate-180"
+      return fileWithPreview;
+    };
+    const handleFiles = async (newFiles) => {
+      if (disabled) return;
+      const availableSlots = maxFiles - files.length;
+      const filesToAdd = multiple ? newFiles.slice(0, availableSlots) : [newFiles[0]];
+      const filesWithPreview = await Promise.all(
+        filesToAdd.map((file) => createFileWithPreview(file))
+      );
+      const updatedFiles = multiple ? [...files, ...filesWithPreview] : filesWithPreview;
+      setFiles(updatedFiles);
+      onValueChange(updatedFiles);
+      if (onUpload) {
+        const validFiles = filesWithPreview.filter((f) => !f.error);
+        if (validFiles.length > 0) {
+          try {
+            await onUpload(validFiles);
+          } catch (error) {
+            console.error("Erro no upload:", error);
+          }
+        }
       }
-    )
-  }
-);
-var SearchButton = ({
-  disabled,
-  onClick,
-  testid = "button-search",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "outline",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.MagnifyingGlassIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
+    };
+    const handleDragEnter = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current++;
+      if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+        setIsDragging(true);
       }
-    )
-  }
-);
-var BackButton = ({
-  disabled,
-  onClick,
-  testid = "button-back",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "ghost",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.ArrowLeftIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-300 group-hover:-translate-x-1"
+    };
+    const handleDragLeave = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current--;
+      if (dragCounterRef.current === 0) {
+        setIsDragging(false);
       }
-    )
-  }
-);
-var SettingsButton = ({
-  disabled,
-  onClick,
-  testid = "button-settings",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "ghost",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.GearIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-500 group-hover:rotate-90"
+    };
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    const handleDrop = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+      dragCounterRef.current = 0;
+      if (disabled) return;
+      const droppedFiles = Array.from(e.dataTransfer.files);
+      handleFiles(droppedFiles);
+    };
+    const handleInputChange = (e) => {
+      if (e.target.files) {
+        const selectedFiles = Array.from(e.target.files);
+        handleFiles(selectedFiles);
       }
-    )
-  }
-);
-var NotificationButton = ({
-  disabled,
-  onClick,
-  testid = "button-notification",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "ghost",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.BellIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
+    };
+    const handleRemoveFile = (fileId) => {
+      const fileToRemove = files.find((f) => f.id === fileId);
+      if (fileToRemove?.preview) {
+        URL.revokeObjectURL(fileToRemove.preview);
       }
-    )
-  }
-);
-var MoreButton = ({
-  disabled,
-  onClick,
-  testid = "button-more",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "ghost",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.DotsThreeIcon,
-      {
-        size: 18,
-        className: "transition-transform duration-200 group-hover:scale-110"
+      const updatedFiles = files.filter((f) => f.id !== fileId);
+      setFiles(updatedFiles);
+      onValueChange(updatedFiles);
+    };
+    const handleClick = () => {
+      if (!disabled) {
+        inputRef.current?.click();
       }
-    )
-  }
-);
-var CheckButton = ({
-  disabled,
-  onClick,
-  testid = "button-check",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
-  {
-    variant: "default",
-    size: "icon",
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-110",
-      "active:scale-95",
-      "disabled:hover:scale-100"
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.CheckIcon,
+    };
+    const acceptString = accept.join(",");
+    const defaultSubtext = dropzoneSubtext || `Formatos: ${accept.join(", ")}. M\xE1ximo: ${formatFileSize(maxSize)}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      import_framer_motion10.motion.div,
       {
-        size: 18,
-        className: "transition-transform duration-200 group-hover:scale-110"
+        className: cn(
+          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-10 transition-all duration-300 dark:shadow-black/20",
+          isDragging && "border-primary bg-primary/10 scale-[1.02]",
+          !isDragging && "border-border hover:border-primary/60 hover:bg-muted/50",
+          disabled && "cursor-not-allowed opacity-50 hover:scale-100"
+        ),
+        onDragEnter: handleDragEnter,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onClick: handleClick,
+        whileHover: !disabled ? { scale: 1.01 } : void 0,
+        whileTap: !disabled ? { scale: 0.99 } : void 0,
+        animate: isDragging ? {
+          borderColor: `hsl(var(--primary))`,
+          backgroundColor: `hsl(var(--primary) / 0.1)`,
+          scale: 1.02
+        } : {
+          borderColor: `hsl(var(--border))`,
+          backgroundColor: `hsl(var(--background))`,
+          scale: 1
+        },
+        transition: {
+          type: "spring",
+          stiffness: 300,
+          damping: 25,
+          duration: 0.3
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              className: "hidden",
+              accept: acceptString,
+              multiple,
+              disabled,
+              onChange: handleInputChange
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion10.motion.div,
+            {
+              animate: isDragging ? { scale: 1.2, rotate: 10 } : { scale: 1, rotate: 0 },
+              transition: {
+                type: "spring",
+                stiffness: 300,
+                damping: 20,
+                duration: 0.3
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                import_framer_motion10.motion.div,
+                {
+                  className: cn(
+                    "mb-4 h-16 w-16 text-muted-foreground transition-colors duration-300 drop-shadow-lg flex items-center justify-center",
+                    isDragging && "text-primary"
+                  ),
+                  initial: false,
+                  animate: {
+                    color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
+                  },
+                  transition: { duration: 0.3 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.CloudArrowUpIcon, { size: 64 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion10.motion.p,
+            {
+              className: "mb-2 text-base font-semibold text-foreground",
+              initial: animate ? { opacity: 0, y: -10 } : false,
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.1 },
+              children: dropzoneText
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion10.motion.p,
+            {
+              className: "text-sm text-muted-foreground",
+              initial: animate ? { opacity: 0, y: -10 } : false,
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.2 },
+              children: defaultSubtext
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_framer_motion10.AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+            import_framer_motion10.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.8, y: 10 },
+              animate: {
+                opacity: 1,
+                scale: 1,
+                y: 0,
+                backgroundColor: `hsl(var(--primary) / 0.1)`,
+                borderColor: `hsl(var(--primary) / 0.2)`
+              },
+              exit: { opacity: 0, scale: 0.8, y: 10 },
+              className: cn(
+                "mt-4 flex items-center gap-2 rounded-full border px-4 py-2 backdrop-blur-sm bg-primary/20 border-primary/30 shadow-lg"
+              ),
+              transition: { duration: 0.3 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                  import_framer_motion10.motion.span,
+                  {
+                    className: "text-sm font-semibold text-primary",
+                    animate: { color: `hsl(var(--primary))` },
+                    transition: { duration: 0.3 },
+                    children: [
+                      files.length,
+                      " ",
+                      files.length === 1 ? "arquivo selecionado" : "arquivos selecionados"
+                    ]
+                  }
+                )
+              ]
+            }
+          ) }),
+          showPreview && files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion10.motion.div,
+            {
+              className: "mt-6 w-full",
+              initial: animate ? { opacity: 0, y: 10 } : false,
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.3 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("h4", { className: "mb-3 text-sm font-medium text-muted-foreground", children: [
+                  "Arquivos selecionados (",
+                  files.length,
+                  "/",
+                  maxFiles,
+                  ")"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "space-y-2 overflow-y-auto max-h-44", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_framer_motion10.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                  import_framer_motion10.motion.div,
+                  {
+                    layout: true,
+                    initial: animate ? { opacity: 0, x: -20 } : false,
+                    animate: { opacity: 1, x: 0 },
+                    exit: {
+                      opacity: 0,
+                      x: -20,
+                      transition: { duration: 0.2 }
+                    },
+                    transition: {
+                      delay: animate ? index * 0.05 : 0,
+                      layout: { duration: 0.2 }
+                    },
+                    className: cn(
+                      "flex items-center gap-3 rounded-md border p-3 transition-all duration-300",
+                      file.error ? "border-destructive/50 bg-destructive/5" : "border-border bg-background/80 hover:bg-muted/50 hover:shadow-md hover:shadow-primary/10 hover:border-primary/30"
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? (
+                        // Preview de imagem
+                        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                          "img",
+                          {
+                            src: file.preview,
+                            alt: file.name,
+                            className: "h-full w-full object-cover rounded-md"
+                          }
+                        )
+                      ) : (
+                        // Ícone baseado no tipo de arquivo
+                        getFileTypeIcon(file)
+                      ) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                          "p",
+                          {
+                            className: "truncate text-sm font-medium text-foreground",
+                            title: `${file.name} (${file.type || "Tipo desconhecido"})`,
+                            children: file.name
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: formatFileSize(file.size) }),
+                          file.type && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: "\u2022" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "uppercase", children: getFileExtension(file.name) })
+                          ] })
+                        ] }),
+                        file.error && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                          import_framer_motion10.motion.p,
+                          {
+                            className: "mt-1 text-xs text-destructive",
+                            initial: { opacity: 0, y: -5 },
+                            animate: { opacity: 1, y: 0 },
+                            children: file.error
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                        ButtonBase,
+                        {
+                          variant: "destructive",
+                          size: "icon",
+                          onClick: (e) => {
+                            e?.stopPropagation();
+                            handleRemoveFile(file.id);
+                          },
+                          className: "",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.XIcon, { size: 12 })
+                        }
+                      )
+                    ]
+                  },
+                  file.id
+                )) }) })
+              ] })
+            }
+          )
+        ]
       }
-    )
+    ) });
   }
 );
-var FilterButton = ({
-  disabled,
-  onClick,
-  testid = "button-filter",
-  active = false,
-  className,
-  iconSize = 18,
-  iconColor,
-  variant,
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
+FileUploader.displayName = "FileUploader";
+
+// src/components/ui/feedback/AlertDialogBase.tsx
+var React19 = __toESM(require("react"));
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var AlertDialogBase = AlertDialogPrimitive.Root;
+var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
+var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
+var AlertDialogOverlayBase = React19.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  AlertDialogPrimitive.Overlay,
   {
-    variant: variant || (active ? "default" : "outline"),
-    size,
-    onClick,
-    disabled,
-    testid,
     className: cn(
-      "transition-all duration-200 ease-in-out",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100",
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
+    "data-testid": testid,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.FunnelIcon,
-      {
-        size: iconSize,
-        color: iconColor,
-        weight: active ? "fill" : "regular",
-        className: "transition-all duration-200"
-      }
-    )
+    ref
   }
-);
-var LikeButton = ({
-  disabled,
-  onClick,
-  testid = "button-like",
-  isLiked = false,
-  className,
-  iconSize = 18,
-  iconColor,
-  variant = "ghost",
-  size = "icon",
+));
+AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContentBase = React19.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AlertDialogPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertDialogOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      "data-testid": testid,
+      ...props
+    }
+  )
+] }));
+AlertDialogContentBase.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeaderBase = ({
+  className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
+}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  "div",
   {
-    variant,
-    size,
-    onClick,
-    disabled,
-    testid,
     className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-110",
-      "active:scale-95",
-      "disabled:hover:scale-100",
-      !iconColor && (isLiked ? "text-red-500 dark:text-red-400 hover:text-red-600 dark:hover:text-red-300" : "hover:text-red-500 dark:hover:text-red-400"),
+      "flex flex-col space-y-2 text-center sm:text-left",
       className
     ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.HeartIcon,
-      {
-        size: iconSize,
-        color: iconColor,
-        weight: isLiked ? "fill" : "regular",
-        className: "transition-all duration-300 group-hover:scale-110"
-      }
-    )
+    ...props
   }
 );
-var FavoriteButton = ({
-  disabled,
-  onClick,
-  testid = "button-favorite",
-  isFavorite = false,
+AlertDialogHeaderBase.displayName = "AlertDialogHeaderBase";
+var AlertDialogFooterBase = ({
   className,
-  iconSize = 18,
-  iconColor,
-  variant = "ghost",
-  size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
+}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  "div",
   {
-    variant,
-    size,
-    onClick,
-    disabled,
-    testid,
     className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-110",
-      "active:scale-95",
-      "disabled:hover:scale-100",
-      !iconColor && (isFavorite ? "text-yellow-500 dark:text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300" : "hover:text-yellow-500 dark:hover:text-yellow-400"),
+      "flex flex-col-reverse sm:flex-row sm:justify-end",
       className
     ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.StarIcon,
-      {
-        size: iconSize,
-        color: iconColor,
-        weight: isFavorite ? "fill" : "regular",
-        className: "transition-all duration-300 group-hover:rotate-12"
-      }
-    )
+    ...props
   }
 );
-var VisibilityButton = ({
-  disabled,
-  onClick,
-  testid = "button-visibility",
-  isVisible = true,
-  className,
-  iconSize = 18,
-  iconColor,
-  variant = "ghost",
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
+AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
+var AlertDialogTitleBase = React19.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  AlertDialogPrimitive.Title,
   {
-    variant,
-    size,
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100",
-      className
-    ),
-    ...props,
-    children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.EyeIcon,
-      {
-        size: iconSize,
-        color: iconColor,
-        className: "transition-opacity duration-200"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.EyeSlashIcon,
+    ref,
+    className: cn("text-lg font-semibold", className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescriptionBase = React19.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogActionBase = React19.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariantsBase(), className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancelBase = React19.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariantsBase({ variant: "outline" }), className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/ui/feedback/DestructiveDialog.tsx
+var React20 = __toESM(require("react"));
+var import_react24 = require("@phosphor-icons/react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var DestructiveDialog = ({
+  title,
+  description,
+  onConfirm,
+  onCancel,
+  children,
+  triggerContent
+}) => {
+  const triggerEl = React20.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(AlertDialogBase, { children: [
+    triggerEl,
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      AlertDialogContentBase,
       {
-        size: iconSize,
-        color: iconColor,
-        className: "transition-opacity duration-200"
+        className: cn("border border-destructive bg-background"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AlertDialogTitleBase, { className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AlertDialogDescriptionBase, { className: "mt-2 text-sm text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              AlertDialogCancelBase,
+              {
+                onClick: onCancel,
+                className: cn(
+                  buttonVariantsBase({ variant: "outline", size: "default" }),
+                  "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
+                ),
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              AlertDialogActionBase,
+              {
+                onClick: onConfirm,
+                className: cn(
+                  buttonVariantsBase({ variant: "destructive", size: "default" })
+                ),
+                children: "Confirmar"
+              }
+            )
+          ] })
+        ]
       }
     )
+  ] });
+};
+
+// src/components/ui/feedback/LoadingBase.tsx
+var React21 = __toESM(require("react"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var loadingVariants = (0, import_class_variance_authority3.cva)(
+  "rounded-full border-2 animate-spin border-muted border-t-primary",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-6 w-6",
+        lg: "h-8 w-8",
+        xl: "h-12 w-12 border-[3px]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
   }
 );
-var ViewButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VisibilityButton, { isVisible: true, testid: "button-view", ...props });
-var HideButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VisibilityButton, { isVisible: false, testid: "button-hide", ...props });
-var LockButton = ({
-  disabled,
-  onClick,
-  testid = "button-lock",
-  isLocked = true,
-  className,
-  iconSize = 18,
-  iconColor,
-  variant = "ghost",
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-  ButtonBase,
+var dotsVariants = (0, import_class_variance_authority3.cva)(
+  "flex items-center justify-center",
   {
-    variant,
-    size,
-    onClick,
-    disabled,
-    testid,
-    className: cn(
-      "transition-all duration-200 ease-in-out group",
-      "hover:scale-105",
-      "active:scale-95",
-      "disabled:hover:scale-100",
-      !iconColor && (isLocked ? "text-red-500 dark:text-red-400 hover:text-red-600 dark:hover:text-red-300" : "text-emerald-500 dark:text-emerald-400 hover:text-emerald-600 dark:hover:text-emerald-300"),
-      className
-    ),
-    ...props,
-    children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.LockIcon,
-      {
-        size: iconSize,
-        color: iconColor,
-        className: "transition-all duration-200 group-hover:scale-110"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      import_react24.LockOpenIcon,
-      {
-        size: iconSize,
-        color: iconColor,
-        className: "transition-all duration-200 group-hover:scale-110"
+    variants: {
+      size: {
+        sm: "gap-1",
+        md: "gap-1.5",
+        lg: "gap-2",
+        xl: "gap-2.5"
       }
-    )
+    },
+    defaultVariants: {
+      size: "md"
+    }
   }
 );
-var UnlockButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LockButton, { isLocked: false, testid: "button-unlock", ...props });
-
-// src/components/ui/data/FileUploader.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var formatFileSize = (bytes) => {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
-};
-var getFileExtension = (filename) => {
-  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
-};
-var getFileTypeIcon = (file) => {
-  const extension = getFileExtension(file.name).toLowerCase();
-  const mimeType = file.type.toLowerCase();
-  if (extension === "pdf" || mimeType === "application/pdf") {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FilePdfIcon, { size: 20, className: "text-red-500" });
-  }
-  if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileDocIcon, { size: 20, className: "text-blue-500" });
-  }
-  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileXlsIcon, { size: 20, className: "text-green-500" });
-  }
-  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FilePptIcon, { size: 20, className: "text-orange-500" });
-  }
-  if (extension === "csv" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileCsvIcon, { size: 20, className: "text-green-600" });
-  }
-  if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
-    extension
-  ) || mimeType.includes("text")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileTextIcon, { size: 20, className: "text-gray-500" });
-  }
-  if (mimeType.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileImageIcon, { size: 20, className: "text-purple-500" });
-  }
-  if (mimeType.startsWith("video/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileVideoIcon, { size: 20, className: "text-pink-500" });
-  }
-  if (mimeType.startsWith("audio/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileAudioIcon, { size: 20, className: "text-indigo-500" });
-  }
-  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileZipIcon, { size: 20, className: "text-yellow-600" });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.FileIcon, { size: 20, className: "text-muted-foreground" });
-};
-var createImagePreview = (file) => {
-  return new Promise((resolve) => {
-    if (!file.type.startsWith("image/")) {
-      resolve(null);
-      return;
+var dotVariants = (0, import_class_variance_authority3.cva)(
+  "rounded-full bg-gradient-to-r from-primary to-primary/70 shadow-sm",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5 w-2",
+        md: "h-2.5 w-2.5",
+        lg: "h-2.5 w-3",
+        xl: "h-3.5 w-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
     }
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      resolve(e.target?.result);
-    };
-    reader.onerror = () => {
-      resolve(null);
-    };
-    reader.readAsDataURL(file);
-  });
-};
-var FileUploader = React21.forwardRef(
-  ({
-    className,
-    accept,
-    maxSize,
-    maxFiles = 1,
-    disabled = false,
-    value = [],
-    onValueChange,
-    onUpload,
-    showPreview = true,
-    dropzoneText = "Arraste arquivos aqui ou clique para selecionar",
-    dropzoneSubtext,
-    animate = true,
-    ...props
-  }, ref) => {
-    const [isDragging, setIsDragging] = React21.useState(false);
-    const [files, setFiles] = React21.useState(value);
-    const inputRef = React21.useRef(null);
-    const dragCounterRef = React21.useRef(0);
-    const multiple = maxFiles > 1;
-    React21.useEffect(() => {
-      setFiles(value);
-    }, [value]);
+  }
+);
+var LoadingBase = React21.forwardRef(
+  ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
     React21.useEffect(() => {
-      return () => {
-        files.forEach((file) => {
-          if (file.preview) {
-            URL.revokeObjectURL(file.preview);
-          }
-        });
-      };
-    }, [files]);
-    const validateFile = (file) => {
-      if (file.size > maxSize) {
-        return `Arquivo muito grande. M\xE1ximo: ${formatFileSize(maxSize)}`;
-      }
-      if (accept.length > 0) {
-        const fileExtension = `.${getFileExtension(file.name)}`;
-        const fileType = file.type;
-        const isAccepted = accept.some((acceptItem) => {
-          if (acceptItem.startsWith(".")) {
-            return fileExtension.toLowerCase() === acceptItem.toLowerCase();
+      const style = document.createElement("style");
+      style.textContent = `
+        @keyframes dotBounce {
+          0%, 80%, 100% {
+            transform: translateY(0);
+            opacity: 0.8;
           }
-          if (acceptItem.endsWith("/*")) {
-            return fileType.startsWith(acceptItem.replace("/*", ""));
+          40% {
+            transform:  translateY(-8px);
+            opacity: 1;
           }
-          return fileType === acceptItem;
-        });
-        if (!isAccepted) {
-          return `Tipo de arquivo n\xE3o permitido. Aceitos: ${accept.join(", ")}`;
         }
-      }
-      return null;
-    };
-    const createFileWithPreview = async (file) => {
-      const fileWithPreview = file;
-      fileWithPreview.id = `${file.name}-${Date.now()}-${Math.random()}`;
-      const error = validateFile(file);
-      if (error) {
-        fileWithPreview.error = error;
-      }
-      if (file.type.startsWith("image/")) {
-        try {
-          const preview = await createImagePreview(file);
-          if (preview) {
-            fileWithPreview.preview = preview;
-          }
-        } catch (error2) {
-          console.warn("Erro ao criar preview da imagem:", error2);
+      `;
+      document.head.appendChild(style);
+      return () => {
+        if (document.head.contains(style)) {
+          document.head.removeChild(style);
         }
+      };
+    }, []);
+    const renderSpinner = () => {
+      if (variant === "dots") {
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn(dotsVariants({ size })), "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0ms",
+                transform: "translateY(0px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0.16s",
+                transform: "translateY(0px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0.32s",
+                transform: "translateY(0px)"
+              }
+            }
+          )
+        ] });
       }
-      return fileWithPreview;
-    };
-    const handleFiles = async (newFiles) => {
-      if (disabled) return;
-      const availableSlots = maxFiles - files.length;
-      const filesToAdd = multiple ? newFiles.slice(0, availableSlots) : [newFiles[0]];
-      const filesWithPreview = await Promise.all(
-        filesToAdd.map((file) => createFileWithPreview(file))
-      );
-      const updatedFiles = multiple ? [...files, ...filesWithPreview] : filesWithPreview;
-      setFiles(updatedFiles);
-      onValueChange(updatedFiles);
-      if (onUpload) {
-        const validFiles = filesWithPreview.filter((f) => !f.error);
-        if (validFiles.length > 0) {
-          try {
-            await onUpload(validFiles);
-          } catch (error) {
-            console.error("Erro no upload:", error);
-          }
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        "div",
+        {
+          className: cn(loadingVariants({ size })),
+          style: {
+            animation: "spin 1s linear infinite"
+          },
+          "aria-hidden": "true"
         }
-      }
+      );
     };
-    const handleDragEnter = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      dragCounterRef.current++;
-      if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
-        setIsDragging(true);
+    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+      renderSpinner(),
+      message && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-sm font-medium text-muted-foreground animate-pulse", children: message })
+    ] });
+    if (overlay) {
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "fixed inset-0 z-50 flex items-center justify-center",
+            "bg-background/80 dark:bg-background/60",
+            "backdrop-blur-md backdrop-saturate-150",
+            "transition-all duration-300 ease-in-out",
+            "animate-in fade-in-0",
+            className
+          ),
+          role: "status",
+          "aria-label": message || "Carregando",
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn(
+            "relative p-8 rounded-2xl",
+            "bg-card/90 dark:bg-card/95",
+            "border border-border/50",
+            "shadow-2xl shadow-black/10 dark:shadow-black/30",
+            "backdrop-blur-xl backdrop-saturate-150",
+            "animate-in zoom-in-95 fade-in-0 duration-300",
+            "text-center space-y-4"
+          ), children: loadingContent })
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center justify-center", className),
+        role: "status",
+        "aria-label": message || "Carregando",
+        ...props,
+        children: loadingContent
       }
-    };
-    const handleDragLeave = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      dragCounterRef.current--;
-      if (dragCounterRef.current === 0) {
-        setIsDragging(false);
-      }
-    };
-    const handleDragOver = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-    };
-    const handleDrop = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsDragging(false);
-      dragCounterRef.current = 0;
-      if (disabled) return;
-      const droppedFiles = Array.from(e.dataTransfer.files);
-      handleFiles(droppedFiles);
-    };
-    const handleInputChange = (e) => {
-      if (e.target.files) {
-        const selectedFiles = Array.from(e.target.files);
-        handleFiles(selectedFiles);
-      }
-    };
-    const handleRemoveFile = (fileId) => {
-      const fileToRemove = files.find((f) => f.id === fileId);
-      if (fileToRemove?.preview) {
-        URL.revokeObjectURL(fileToRemove.preview);
-      }
-      const updatedFiles = files.filter((f) => f.id !== fileId);
-      setFiles(updatedFiles);
-      onValueChange(updatedFiles);
-    };
-    const handleClick = () => {
-      if (!disabled) {
-        inputRef.current?.click();
-      }
-    };
-    const acceptString = accept.join(",");
-    const defaultSubtext = dropzoneSubtext || `Formatos: ${accept.join(", ")}. M\xE1ximo: ${formatFileSize(maxSize)}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-      import_framer_motion10.motion.div,
+    );
+  }
+);
+LoadingBase.displayName = "LoadingBase";
+
+// src/components/ui/feedback/ModalBase.tsx
+var React22 = __toESM(require("react"));
+var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
+var import_react25 = require("@phosphor-icons/react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ModalBase = DialogPrimitive2.Root;
+var ModalTriggerBase = DialogPrimitive2.Trigger;
+var ModalPortalBase = DialogPrimitive2.Portal;
+var ModalCloseBase = DialogPrimitive2.Close;
+var ModalOverlayBase = React22.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  DialogPrimitive2.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalOverlayBase.displayName = DialogPrimitive2.Overlay.displayName;
+var ModalContentBase = React22.forwardRef(
+  ({
+    className,
+    children,
+    testid: dataTestId = "modal-content",
+    size = "md",
+    centered = true,
+    backdropBlur = true,
+    ...props
+  }, ref) => {
+    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
+    const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(ModalPortalBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        ModalOverlayBase,
+        {
+          className: cn("bg-black/40", backdropBlur ? "backdrop-blur-sm" : "")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: `
+            @keyframes modal-fade-in { from { opacity: 0 } to { opacity: 1 } }
+            @keyframes modal-fade-out { from { opacity: 1 } to { opacity: 0 } }
+            @keyframes modal-scale-in { from { opacity: 0; transform: translate(-50%, -48%) scale(.98) } to { opacity:1; transform: translate(-50%, -50%) scale(1) } }
+            @keyframes modal-scale-out { from { opacity:1; transform: translate(-50%, -50%) scale(1) } to { opacity: 0; transform: translate(-50%, -48%) scale(.98) } }
+            @keyframes overlay-fade-in { from { opacity: 0 } to { opacity: 1 } }
+            @keyframes overlay-fade-out { from { opacity: 1 } to { opacity: 0 } }
+            .data-[state=open]\\:animate-modal-in { animation: modal-fade-in 220ms cubic-bezier(.16,.84,.24,1) both, modal-scale-in 220ms cubic-bezier(.16,.84,.24,1) both }
+            .data-[state=closed]\\:animate-modal-out { animation: modal-scale-out 160ms cubic-bezier(.16,.84,.24,1) both, modal-fade-out 160ms cubic-bezier(.16,.84,.24,1) both }
+            .data-[state=open]\\:animate-overlay-in { animation: overlay-fade-in 220ms cubic-bezier(.16,.84,.24,1) both }
+            .data-[state=closed]\\:animate-overlay-out { animation: overlay-fade-out 160ms cubic-bezier(.16,.84,.24,1) both }
+          `
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        DialogPrimitive2.Content,
+        {
+          ref,
+          className: cn(
+            "fixed z-50 grid w-full gap-4 border bg-background p-6 shadow-lg sm:rounded-lg max-h-[90dvh] overflow-auto",
+            "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out",
+            positionClass,
+            sizeClass,
+            className
+          ),
+          "data-testid": dataTestId,
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DialogPrimitive2.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react25.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+ModalContentBase.displayName = DialogPrimitive2.Content.displayName;
+var ModalHeaderBase = React22.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalHeaderBase.displayName = "ModalHeader";
+var ModalFooterBase = React22.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalFooterBase.displayName = "ModalFooter";
+var ModalTitleBase = React22.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  DialogPrimitive2.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalTitleBase.displayName = DialogPrimitive2.Title.displayName;
+var ModalDescriptionBase = React22.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  DialogPrimitive2.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+ModalDescriptionBase.displayName = DialogPrimitive2.Description.displayName;
+
+// src/components/ui/feedback/ProgressBase.tsx
+var React23 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var ProgressBase = React23.forwardRef(
+  ({
+    className,
+    value: rawValue,
+    label,
+    leftIcon,
+    rightIcon,
+    variant = "bar",
+    segments = 5,
+    steps = [],
+    currentStep = 0,
+    showValue = false,
+    valuePosition = "right",
+    autocolor,
+    plusIndicator,
+    ...props
+  }, ref) => {
+    const value = Number(rawValue || 0);
+    const indicatorWidth = Math.min(value, 100);
+    switch (variant) {
+      case "segments":
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          ProgressSegmentsBase,
+          {
+            label,
+            segments,
+            value: value || 0
+          }
+        );
+      case "panels":
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          ProgressPanelsBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "circles":
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          ProgressCirclesBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "bar":
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+            showValue && valuePosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "w-12 text-sm text-right font-extrabold", children: [
+              Math.round(value || 0),
+              "%"
+            ] }),
+            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              ProgressPrimitive.Root,
+              {
+                ref,
+                className: cn(
+                  " relative h-3 w-full overflow-visible rounded-full bg-muted/80 shadow-inner transition-all ",
+                  className
+                ),
+                value,
+                ...props,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    ProgressPrimitive.Indicator,
+                    {
+                      className: cn(
+                        "h-full transition-all duration-500 ease-in-out rounded-lg",
+                        // quando não usa autocolor, Indicator deve mostrar a cor primária
+                        autocolor && autocolor.length >= 2 ? "bg-transparent" : "bg-primary"
+                      ),
+                      style: { width: `${indicatorWidth}%` }
+                    }
+                  ),
+                  autocolor && Array.isArray(autocolor) && autocolor.length >= 2 && (() => {
+                    const [t1Raw, t2Raw] = autocolor;
+                    const [t1, t2] = [Number(t1Raw), Number(t2Raw)].sort(
+                      (a, b) => a - b
+                    );
+                    const v = Number(value || 0);
+                    let colorClass = "bg-red-500";
+                    if (v <= t1) {
+                      colorClass = "bg-red-500";
+                    } else if (v <= t2) {
+                      colorClass = "bg-yellow-500";
+                    } else {
+                      colorClass = "bg-emerald-500";
+                    }
+                    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      "div",
+                      {
+                        "aria-hidden": true,
+                        className: cn(
+                          "absolute top-0 left-0 h-full transition-all duration-500 ease-in-out rounded-lg",
+                          colorClass
+                        ),
+                        style: { width: `${indicatorWidth}%` }
+                      }
+                    );
+                  })(),
+                  plusIndicator && value > 100 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: "absolute top-0 bottom-0 w-0.5 bg-black/70 transition-all duration-500 ease-in-out pointer-events-none",
+                      style: { left: `100%` },
+                      children: value > 115 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute left-full ml-2 top-1/2 -translate-y-1/2 text-xs whitespace-nowrap font-extrabold", children: `+${Math.round(
+                        value - 100
+                      )}%` })
+                    }
+                  ),
+                  showValue && valuePosition === "inside" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                    "span",
+                    {
+                      className: "absolute inset-0 flex items-center justify-center text-sm select-none pointer-events-none text-secondary font-extrabold",
+                      "aria-hidden": true,
+                      children: [
+                        Math.round(value || 0),
+                        "%"
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            showValue && valuePosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "w-12 text-sm font-extrabold text-left", children: [
+              Math.round(value || 0),
+              "%"
+            ] }),
+            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+          ] })
+        ] });
+    }
+  }
+);
+ProgressBase.displayName = "ProgressBase";
+var ProgressSegmentsBase = ({
+  label,
+  segments,
+  value
+}) => {
+  const filled = Math.round(value / 100 * segments);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      "div",
+      {
+        className: cn(
+          "h-2 flex-1 rounded-full transition-all duration-300",
+          idx < filled ? "bg-primary" : "bg-zinc-300 hover:bg-zinc-400"
+        )
+      },
+      idx
+    )) })
+  ] });
+};
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  "svg",
+  {
+    className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+  }
+);
+var ProgressPanelsBase = ({
+  label,
+  steps,
+  currentStep
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+      const isActive = idx === currentStep;
+      const isLast = idx === steps.length - 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(React23.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          "div",
+          {
+            className: cn(
+              "relative flex items-center justify-center cursor-pointer select-none rounded-lg border transition-shadow duration-300 ease-in-out",
+              "hover:shadow-md hover:z-10",
+              "aspect-[5/1] min-w-[90px] px-4",
+              isActive ? "bg-primary/20 border-2 border-primary shadow-lg font-semibold" : "border-zinc-300"
+            ),
+            style: { flex: "1 1 0" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+            ]
+          }
+        ),
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ArrowRightIcon, {}) })
+      ] }, idx);
+    }) })
+  ] });
+};
+var ProgressCirclesBase = ({
+  label,
+  steps,
+  currentStep
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "div",
+        {
+          className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
+          style: {
+            width: `${currentStep / (steps.length - 1) * 100}%`
+          }
+        }
+      ),
+      steps.map((step, idx) => {
+        const isActive = idx <= currentStep;
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          "div",
+          {
+            className: "relative flex flex-col items-center w-10",
+            style: { zIndex: isActive ? 10 : 1 },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all duration-300 cursor-pointer select-none",
+                    isActive ? "bg-primary text-white dark:text-black shadow-md" : "bg-zinc-200 text-zinc-500 hover:bg-zinc-300 dark:bg-zinc-500 dark:text-black"
+                  ),
+                  children: idx + 1
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+            ]
+          },
+          idx
+        );
+      })
+    ] })
+  ] });
+};
+
+// src/components/ui/feedback/SkeletonBase.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function SkeletonBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("animate-pulse  bg-primary/10", className), ...props });
+}
+
+// src/components/ui/feedback/SonnerBase.tsx
+var import_react26 = require("@phosphor-icons/react");
+var import_sonner2 = require("sonner");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var iconBaseClass = "w-5 h-auto";
+var Toaster = ({ testId, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_sonner2.Toaster,
+    {
+      className: "toaster group",
+      position: "top-center",
+      toastOptions: {
+        classNames: {
+          toast: `
+            group toast
+            bg-background
+            text-foreground
+            shadow-lg rounded-md
+            border-l-4
+            border-border
+            flex items-center gap-3
+            data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50 data-[type=success]:text-green-800 data-[type=success]:border-green-500
+            data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50 data-[type=error]:text-red-800 data-[type=error]:border-red-500
+            data-[type=WarningIcon]:border-l-yellow-500 data-[type=WarningIcon]:bg-yellow-50 data-[type=WarningIcon]:text-yellow-800 data-[type=WarningIcon]:border-yellow-500
+            data-[type=InfoIcon]:border-l-blue-500 data-[type=InfoIcon]:bg-blue-50 data-[type=InfoIcon]:text-blue-800 data-[type=InfoIcon]:border-blue-500
+          `,
+          description: `
+            text-sm
+            group-[.toast]:text-neutral-600
+          `,
+          actionButton: `
+            ml-auto
+            rounded-md px-3 py-1 text-sm font-semibold
+            bg-neutral-800 text-white
+            hover:bg-neutral-700
+            transition-colors duration-200
+          `,
+          cancelButton: `
+            ml-2
+            rounded-md px-3 py-1 text-sm font-semibold
+            bg-neutral-100 text-neutral-700
+            hover:bg-neutral-200
+            transition-colors duration-200
+          `
+        }
+      },
+      "data-testid": testId,
+      ...props
+    }
+  );
+};
+var toast2 = {
+  success: (message) => import_sonner2.toast.success(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    className: "sonner-success"
+  }),
+  error: (message) => import_sonner2.toast.error(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    className: "sonner-error"
+  }),
+  warning: (message) => import_sonner2.toast.warning(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    className: "sonner-WarningIcon"
+  }),
+  info: (message) => import_sonner2.toast.info(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    className: "sonner-InfoIcon"
+  }),
+  loading: (message) => (0, import_sonner2.toast)(message, {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    className: "sonner-loading"
+  })
+};
+
+// src/components/ui/form/CheckBoxBase.tsx
+var React24 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_react27 = require("@phosphor-icons/react");
+var import_framer_motion11 = require("framer-motion");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground transition-colors",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      import_framer_motion11.motion.div,
       {
-        className: cn(
-          "relative flex cursor-pointer flex-col items-center justify-center rounded-xl border-2 border-dashed p-10 transition-all duration-300 dark:shadow-black/20",
-          isDragging && "border-primary bg-primary/10 scale-[1.02]",
-          !isDragging && "border-border hover:border-primary/60 hover:bg-muted/50",
-          disabled && "cursor-not-allowed opacity-50 hover:scale-100"
-        ),
-        onDragEnter: handleDragEnter,
-        onDragOver: handleDragOver,
-        onDragLeave: handleDragLeave,
-        onDrop: handleDrop,
-        onClick: handleClick,
-        whileHover: !disabled ? { scale: 1.01 } : void 0,
-        whileTap: !disabled ? { scale: 0.99 } : void 0,
-        animate: isDragging ? {
-          borderColor: `hsl(var(--primary))`,
-          backgroundColor: `hsl(var(--primary) / 0.1)`,
-          scale: 1.02
-        } : {
-          borderColor: `hsl(var(--border))`,
-          backgroundColor: `hsl(var(--background))`,
-          scale: 1
-        },
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          duration: 0.3
-        },
+        initial: { scale: 0, opacity: 0, rotate: -90 },
+        animate: { scale: 1, opacity: 1, rotate: 0 },
+        exit: { scale: 0, opacity: 0, rotate: 90 },
+        transition: { type: "spring", stiffness: 500, damping: 30 },
+        className: "flex items-center justify-center text-current",
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.CheckIcon, { className: "h-4 w-4", weight: "bold" })
+      }
+    ) })
+  }
+));
+CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/ui/form/CollapsibleBase.tsx
+var React25 = __toESM(require("react"));
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var import_react28 = require("@phosphor-icons/react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var CollapsibleBase = React25.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
+});
+CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
+var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      ref,
+      className: cn(
+        "flex w-full items-center justify-between p-3 text-left font-medium transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-accent hover:text-accent-foreground rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&[data-state=open]_.caret-icon]:rotate-180",
+        className
+      ),
+      "data-slot": "collapsible-trigger",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-2", children: [
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children })
+        ] }),
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.CaretUpDownIcon, { className: "h-4 w-4" }) })
+      ]
+    }
+  );
+});
+CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
+var CollapsibleContentBase = React25.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+        className
+      ),
+      "data-slot": "collapsible-content",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "pb-3 pt-1", children })
+    }
+  );
+});
+CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
+// src/components/ui/form/DebounceInput.tsx
+var import_react29 = require("react");
+var import_react30 = require("@phosphor-icons/react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+
+// src/components/ui/form/HoverCardBase.tsx
+var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function HoverCardBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.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
+    }
+  ) });
+}
+
+// src/components/ui/form/Input-OTP-Base.tsx
+var React26 = __toESM(require("react"));
+var import_input_otp = require("input-otp");
+var import_react31 = require("@phosphor-icons/react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function InputOTPBase({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_input_otp.OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroupBase({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlotBase({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_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" }) })
+      ]
+    }
+  );
+}
+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_react31.MinusIcon, {}) });
+}
+
+// src/components/ui/form/SliderBase.tsx
+var React27 = __toESM(require("react"));
+var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var SlideBase = React27.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    label,
+    leftIcon,
+    rightIcon,
+    ...props
+  }, ref) => {
+    const isVertical = orientation === "vertical";
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      "div",
+      {
+        className: cn("flex flex-col gap-1", isVertical ? "h-full " : "w-full"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "input",
-            {
-              ref: inputRef,
-              type: "file",
-              className: "hidden",
-              accept: acceptString,
-              multiple,
-              disabled,
-              onChange: handleInputChange
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            import_framer_motion10.motion.div,
-            {
-              animate: isDragging ? { scale: 1.2, rotate: 10 } : { scale: 1, rotate: 0 },
-              transition: {
-                type: "spring",
-                stiffness: 300,
-                damping: 20,
-                duration: 0.3
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                import_framer_motion10.motion.div,
-                {
-                  className: cn(
-                    "mb-4 h-16 w-16 text-muted-foreground transition-colors duration-300 drop-shadow-lg flex items-center justify-center",
-                    isDragging && "text-primary"
-                  ),
-                  initial: false,
-                  animate: {
-                    color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
-                  },
-                  transition: { duration: 0.3 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.CloudArrowUpIcon, { size: 64 })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            import_framer_motion10.motion.p,
-            {
-              className: "mb-2 text-base font-semibold text-foreground",
-              initial: animate ? { opacity: 0, y: -10 } : false,
-              animate: { opacity: 1, y: 0 },
-              transition: { delay: 0.1 },
-              children: dropzoneText
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            import_framer_motion10.motion.p,
-            {
-              className: "text-sm text-muted-foreground",
-              initial: animate ? { opacity: 0, y: -10 } : false,
-              animate: { opacity: 1, y: 0 },
-              transition: { delay: 0.2 },
-              children: defaultSubtext
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_framer_motion10.AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-            import_framer_motion10.motion.div,
+          label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+            "div",
             {
-              initial: { opacity: 0, scale: 0.8, y: 10 },
-              animate: {
-                opacity: 1,
-                scale: 1,
-                y: 0,
-                backgroundColor: `hsl(var(--primary) / 0.1)`,
-                borderColor: `hsl(var(--primary) / 0.2)`
-              },
-              exit: { opacity: 0, scale: 0.8, y: 10 },
               className: cn(
-                "mt-4 flex items-center gap-2 rounded-full border px-4 py-2 backdrop-blur-sm bg-primary/20 border-primary/30 shadow-lg"
+                "flex gap-2",
+                isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
-              transition: { duration: 0.3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-                  import_framer_motion10.motion.span,
-                  {
-                    className: "text-sm font-semibold text-primary",
-                    animate: { color: `hsl(var(--primary))` },
-                    transition: { duration: 0.3 },
-                    children: [
-                      files.length,
-                      " ",
-                      files.length === 1 ? "arquivo selecionado" : "arquivos selecionados"
-                    ]
-                  }
-                )
-              ]
-            }
-          ) }),
-          showPreview && files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            import_framer_motion10.motion.div,
-            {
-              className: "mt-6 w-full",
-              initial: animate ? { opacity: 0, y: 10 } : false,
-              animate: { opacity: 1, y: 0 },
-              transition: { delay: 0.3 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("h4", { className: "mb-3 text-sm font-medium text-muted-foreground", children: [
-                  "Arquivos selecionados (",
-                  files.length,
-                  "/",
-                  maxFiles,
-                  ")"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-2 overflow-y-auto max-h-44", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_framer_motion10.AnimatePresence, { mode: "popLayout", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-                  import_framer_motion10.motion.div,
+                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+                  SliderPrimitive.Root,
                   {
-                    layout: true,
-                    initial: animate ? { opacity: 0, x: -20 } : false,
-                    animate: { opacity: 1, x: 0 },
-                    exit: {
-                      opacity: 0,
-                      x: -20,
-                      transition: { duration: 0.2 }
-                    },
-                    transition: {
-                      delay: animate ? index * 0.05 : 0,
-                      layout: { duration: 0.2 }
-                    },
+                    ref,
+                    orientation,
                     className: cn(
-                      "flex items-center gap-3 rounded-md border p-3 transition-all duration-300",
-                      file.error ? "border-destructive/50 bg-destructive/5" : "border-border bg-background/80 hover:bg-muted/50 hover:shadow-md hover:shadow-primary/10 hover:border-primary/30"
+                      "relative flex touch-none select-none items-center",
+                      isVertical ? "flex-col h-full" : "flex-row w-full",
+                      className
                     ),
+                    ...props,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-md bg-muted overflow-hidden", children: file.preview ? (
-                        // Preview de imagem
-                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                          "img",
-                          {
-                            src: file.preview,
-                            alt: file.name,
-                            className: "h-full w-full object-cover rounded-md"
-                          }
-                        )
-                      ) : (
-                        // Ícone baseado no tipo de arquivo
-                        getFileTypeIcon(file)
-                      ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                          "p",
-                          {
-                            className: "truncate text-sm font-medium text-foreground",
-                            title: `${file.name} (${file.type || "Tipo desconhecido"})`,
-                            children: file.name
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: formatFileSize(file.size) }),
-                          file.type && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: "\u2022" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uppercase", children: getFileExtension(file.name) })
-                          ] })
-                        ] }),
-                        file.error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                          import_framer_motion10.motion.p,
-                          {
-                            className: "mt-1 text-xs text-destructive",
-                            initial: { opacity: 0, y: -5 },
-                            animate: { opacity: 1, y: 0 },
-                            children: file.error
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                        DeleteButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                        SliderPrimitive.Track,
                         {
-                          type: "button",
-                          variant: "destructive",
-                          size: "icon",
-                          onClick: (e) => {
-                            e?.stopPropagation();
-                            handleRemoveFile(file.id);
-                          },
-                          className: "",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react25.XIcon, { size: 12 })
+                          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)(
+                            SliderPrimitive.Range,
+                            {
+                              className: cn(
+                                "absolute bg-primary",
+                                isVertical ? "w-full" : "h-full"
+                              )
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                        SliderPrimitive.Thumb,
+                        {
+                          className: cn(
+                            "block h-4 w-4 rounded-full border border-primary/70 bg-background shadow-md transition-transform",
+                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+                            "hover:scale-125 active:scale-125"
+                          )
                         }
                       )
                     ]
-                  },
-                  file.id
-                )) }) })
-              ] })
+                  }
+                ),
+                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+              ]
             }
           )
         ]
       }
-    ) });
+    );
+  }
+);
+SlideBase.displayName = "SlideBase";
+
+// src/components/ui/form/SmallButtons.tsx
+var React28 = __toESM(require("react"));
+var import_react32 = require("@phosphor-icons/react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var EditButton = React28.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-edit",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out group",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        import_react32.PencilSimpleIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-200 group-hover:-rotate-12"
+        }
+      )
+    }
+  )
+);
+EditButton.displayName = "EditButton";
+var ChangeButton = React28.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-edit",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out group",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        import_react32.ArrowsLeftRightIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-200 group-hover:-rotate-180"
+        }
+      )
+    }
+  )
+);
+ChangeButton.displayName = "ChangeButton";
+var SaveButton = React28.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-save",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out group",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        import_react32.FloppyDiskIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-200 group-hover:scale-110"
+        }
+      )
+    }
+  )
+);
+SaveButton.displayName = "SaveButton";
+var AddButton = React28.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-add",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "default",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out",
+        "hover:scale-105",
+        "active:scale-95",
+        "disabled:hover:scale-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        import_react32.PlusIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-300"
+        }
+      )
+    }
+  )
+);
+AddButton.displayName = "AddButton";
+var CloseButton = React28.forwardRef(
+  ({
+    disabled,
+    onClick,
+    testid = "button-close",
+    className,
+    iconSize = 18,
+    iconColor,
+    variant = "ghost",
+    size = "icon",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ButtonBase,
+    {
+      ref,
+      variant,
+      size,
+      onClick,
+      disabled,
+      testid,
+      className: cn(
+        "transition-all duration-200 ease-in-out",
+        "hover:scale-110 hover:rotate-90 hover:bg-destructive/10",
+        "active:scale-95 active:rotate-0",
+        "disabled:hover:scale-100 disabled:hover:rotate-0",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        import_react32.XIcon,
+        {
+          size: iconSize,
+          color: iconColor,
+          className: "transition-transform duration-300"
+        }
+      )
+    }
+  )
+);
+CloseButton.displayName = "CloseButton";
+var DownloadButton = ({
+  disabled,
+  onClick,
+  testid = "button-download",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
+  {
+    variant: "outline",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.DownloadSimpleIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:translate-y-0.5"
+      }
+    )
   }
 );
-FileUploader.displayName = "FileUploader";
-
-// src/components/ui/feedback/LoadingBase.tsx
-var React22 = __toESM(require("react"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var loadingVariants = (0, import_class_variance_authority3.cva)(
-  "rounded-full border-2 animate-spin border-muted border-t-primary",
+var UploadButton = ({
+  disabled,
+  onClick,
+  testid = "button-upload",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    variants: {
-      size: {
-        sm: "h-4 w-4",
-        md: "h-6 w-6",
-        lg: "h-8 w-8",
-        xl: "h-12 w-12 border-[3px]"
+    variant: "outline",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.UploadSimpleIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:-translate-y-0.5"
       }
-    },
-    defaultVariants: {
-      size: "md"
-    }
+    )
   }
 );
-var dotsVariants = (0, import_class_variance_authority3.cva)(
-  "flex items-center justify-center",
+var CopyButton = ({
+  disabled,
+  onClick,
+  testid = "button-copy",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    variants: {
-      size: {
-        sm: "gap-1",
-        md: "gap-1.5",
-        lg: "gap-2",
-        xl: "gap-2.5"
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-90",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.CopyIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110"
+      }
+    )
+  }
+);
+var RefreshButton = ({
+  disabled,
+  onClick,
+  testid = "button-refresh",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.ArrowClockwiseIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-500 group-hover:rotate-180"
       }
-    },
-    defaultVariants: {
-      size: "md"
-    }
+    )
   }
 );
-var dotVariants = (0, import_class_variance_authority3.cva)(
-  "rounded-full bg-gradient-to-r from-primary to-primary/70 shadow-sm",
+var SearchButton = ({
+  disabled,
+  onClick,
+  testid = "button-search",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    variants: {
-      size: {
-        sm: "h-1.5 w-2",
-        md: "h-2.5 w-2.5",
-        lg: "h-2.5 w-3",
-        xl: "h-3.5 w-4"
+    variant: "outline",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.MagnifyingGlassIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
       }
-    },
-    defaultVariants: {
-      size: "md"
-    }
+    )
   }
 );
-var LoadingBase = React22.forwardRef(
-  ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
-    React22.useEffect(() => {
-      const style = document.createElement("style");
-      style.textContent = `
-        @keyframes dotBounce {
-          0%, 80%, 100% {
-            transform: translateY(0);
-            opacity: 0.8;
-          }
-          40% {
-            transform:  translateY(-8px);
-            opacity: 1;
-          }
-        }
-      `;
-      document.head.appendChild(style);
-      return () => {
-        if (document.head.contains(style)) {
-          document.head.removeChild(style);
-        }
-      };
-    }, []);
-    const renderSpinner = () => {
-      if (variant === "dots") {
-        return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn(dotsVariants({ size })), "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            "div",
-            {
-              className: cn(dotVariants({ size })),
-              style: {
-                animation: "dotBounce 1.4s ease-in-out infinite",
-                animationDelay: "0ms",
-                transform: "translateY(0px)"
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            "div",
-            {
-              className: cn(dotVariants({ size })),
-              style: {
-                animation: "dotBounce 1.4s ease-in-out infinite",
-                animationDelay: "0.16s",
-                transform: "translateY(0px)"
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            "div",
-            {
-              className: cn(dotVariants({ size })),
-              style: {
-                animation: "dotBounce 1.4s ease-in-out infinite",
-                animationDelay: "0.32s",
-                transform: "translateY(0px)"
-              }
-            }
-          )
-        ] });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        "div",
-        {
-          className: cn(loadingVariants({ size })),
-          style: {
-            animation: "spin 1s linear infinite"
-          },
-          "aria-hidden": "true"
-        }
-      );
-    };
-    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-      renderSpinner(),
-      message && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm font-medium text-muted-foreground animate-pulse", children: message })
-    ] });
-    if (overlay) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        "div",
-        {
-          ref,
-          className: cn(
-            "fixed inset-0 z-50 flex items-center justify-center",
-            "bg-background/80 dark:bg-background/60",
-            "backdrop-blur-md backdrop-saturate-150",
-            "transition-all duration-300 ease-in-out",
-            "animate-in fade-in-0",
-            className
-          ),
-          role: "status",
-          "aria-label": message || "Carregando",
-          ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(
-            "relative p-8 rounded-2xl",
-            "bg-card/90 dark:bg-card/95",
-            "border border-border/50",
-            "shadow-2xl shadow-black/10 dark:shadow-black/30",
-            "backdrop-blur-xl backdrop-saturate-150",
-            "animate-in zoom-in-95 fade-in-0 duration-300",
-            "text-center space-y-4"
-          ), children: loadingContent })
-        }
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      "div",
+var BackButton = ({
+  disabled,
+  onClick,
+  testid = "button-back",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
+  {
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.ArrowLeftIcon,
       {
-        ref,
-        className: cn("flex items-center justify-center", className),
-        role: "status",
-        "aria-label": message || "Carregando",
-        ...props,
-        children: loadingContent
+        size: 18,
+        className: "transition-transform duration-300 group-hover:-translate-x-1"
       }
-    );
+    )
   }
 );
-LoadingBase.displayName = "LoadingBase";
-
-// src/components/ui/feedback/ModalBase.tsx
-var React23 = __toESM(require("react"));
-var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react26 = require("@phosphor-icons/react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var ModalBase = DialogPrimitive2.Root;
-var ModalTriggerBase = DialogPrimitive2.Trigger;
-var ModalPortalBase = DialogPrimitive2.Portal;
-var ModalCloseBase = DialogPrimitive2.Close;
-var ModalOverlayBase = React23.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-  DialogPrimitive2.Overlay,
+var SettingsButton = ({
+  disabled,
+  onClick,
+  testid = "button-settings",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    ref,
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
     className: cn(
-      "fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
     ),
-    "data-testid": dataTestId,
-    ...props
-  }
-));
-ModalOverlayBase.displayName = DialogPrimitive2.Overlay.displayName;
-var ModalContentBase = React23.forwardRef(
-  ({
-    className,
-    children,
-    testid: dataTestId = "modal-content",
-    size = "md",
-    centered = true,
-    backdropBlur = true,
-    ...props
-  }, ref) => {
-    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
-    const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ModalPortalBase, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-        ModalOverlayBase,
-        {
-          className: cn("bg-black/40", backdropBlur ? "backdrop-blur-sm" : "")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: `
-            @keyframes modal-fade-in { from { opacity: 0 } to { opacity: 1 } }
-            @keyframes modal-fade-out { from { opacity: 1 } to { opacity: 0 } }
-            @keyframes modal-scale-in { from { opacity: 0; transform: translate(-50%, -48%) scale(.98) } to { opacity:1; transform: translate(-50%, -50%) scale(1) } }
-            @keyframes modal-scale-out { from { opacity:1; transform: translate(-50%, -50%) scale(1) } to { opacity: 0; transform: translate(-50%, -48%) scale(.98) } }
-            @keyframes overlay-fade-in { from { opacity: 0 } to { opacity: 1 } }
-            @keyframes overlay-fade-out { from { opacity: 1 } to { opacity: 0 } }
-            .data-[state=open]\\:animate-modal-in { animation: modal-fade-in 220ms cubic-bezier(.16,.84,.24,1) both, modal-scale-in 220ms cubic-bezier(.16,.84,.24,1) both }
-            .data-[state=closed]\\:animate-modal-out { animation: modal-scale-out 160ms cubic-bezier(.16,.84,.24,1) both, modal-fade-out 160ms cubic-bezier(.16,.84,.24,1) both }
-            .data-[state=open]\\:animate-overlay-in { animation: overlay-fade-in 220ms cubic-bezier(.16,.84,.24,1) both }
-            .data-[state=closed]\\:animate-overlay-out { animation: overlay-fade-out 160ms cubic-bezier(.16,.84,.24,1) both }
-          `
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-        DialogPrimitive2.Content,
-        {
-          ref,
-          className: cn(
-            "fixed z-50 grid w-full gap-4 border bg-background p-6 shadow-lg sm:rounded-lg max-h-[90dvh] overflow-auto",
-            "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out",
-            positionClass,
-            sizeClass,
-            className
-          ),
-          "data-testid": dataTestId,
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(DialogPrimitive2.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react26.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
-    ] });
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.GearIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-500 group-hover:rotate-90"
+      }
+    )
   }
 );
-ModalContentBase.displayName = DialogPrimitive2.Content.displayName;
-var ModalHeaderBase = React23.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-  "div",
+var NotificationButton = ({
+  disabled,
+  onClick,
+  testid = "button-notification",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    ref,
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
     className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
     ),
-    "data-testid": dataTestId,
-    ...props
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.BellIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
+      }
+    )
   }
-));
-ModalHeaderBase.displayName = "ModalHeader";
-var ModalFooterBase = React23.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-  "div",
+);
+var MoreButton = ({
+  disabled,
+  onClick,
+  testid = "button-more",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    ref,
+    variant: "ghost",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
     className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100"
     ),
-    "data-testid": dataTestId,
-    ...props
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.DotsThreeIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110"
+      }
+    )
   }
-));
-ModalFooterBase.displayName = "ModalFooter";
-var ModalTitleBase = React23.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-  DialogPrimitive2.Title,
+);
+var CheckButton = ({
+  disabled,
+  onClick,
+  testid = "button-check",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    ref,
+    variant: "default",
+    size: "icon",
+    onClick,
+    disabled,
+    testid,
     className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-110",
+      "active:scale-95",
+      "disabled:hover:scale-100"
     ),
-    "data-testid": dataTestId,
-    ...props
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.CheckIcon,
+      {
+        size: 18,
+        className: "transition-transform duration-200 group-hover:scale-110"
+      }
+    )
   }
-));
-ModalTitleBase.displayName = DialogPrimitive2.Title.displayName;
-var ModalDescriptionBase = React23.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-  DialogPrimitive2.Description,
+);
+var FilterButton = ({
+  disabled,
+  onClick,
+  testid = "button-filter",
+  active = false,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    "data-testid": dataTestId,
-    ...props
-  }
-));
-ModalDescriptionBase.displayName = DialogPrimitive2.Description.displayName;
-
-// src/components/ui/feedback/ProgressBase.tsx
-var React24 = __toESM(require("react"));
-var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var ProgressBase = React24.forwardRef(
-  ({
-    className,
-    value: rawValue,
-    label,
-    leftIcon,
-    rightIcon,
-    variant = "bar",
-    segments = 5,
-    steps = [],
-    currentStep = 0,
-    showValue = false,
-    valuePosition = "right",
-    autocolor,
-    plusIndicator,
-    ...props
-  }, ref) => {
-    const value = Number(rawValue || 0);
-    const indicatorWidth = Math.min(value, 100);
-    switch (variant) {
-      case "segments":
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          ProgressSegmentsBase,
-          {
-            label,
-            segments,
-            value: value || 0
-          }
-        );
-      case "panels":
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          ProgressPanelsBase,
-          {
-            label,
-            steps,
-            currentStep
-          }
-        );
-      case "circles":
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          ProgressCirclesBase,
-          {
-            label,
-            steps,
-            currentStep
-          }
-        );
-      case "bar":
-      default:
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
-            showValue && valuePosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-12 text-sm text-right font-extrabold", children: [
-              Math.round(value || 0),
-              "%"
-            ] }),
-            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-              ProgressPrimitive.Root,
-              {
-                ref,
-                className: cn(
-                  " relative h-3 w-full overflow-visible rounded-full bg-muted/80 shadow-inner transition-all ",
-                  className
-                ),
-                value,
-                ...props,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                    ProgressPrimitive.Indicator,
-                    {
-                      className: cn(
-                        "h-full transition-all duration-500 ease-in-out rounded-lg",
-                        // quando não usa autocolor, Indicator deve mostrar a cor primária
-                        autocolor && autocolor.length >= 2 ? "bg-transparent" : "bg-primary"
-                      ),
-                      style: { width: `${indicatorWidth}%` }
-                    }
-                  ),
-                  autocolor && Array.isArray(autocolor) && autocolor.length >= 2 && (() => {
-                    const [t1Raw, t2Raw] = autocolor;
-                    const [t1, t2] = [Number(t1Raw), Number(t2Raw)].sort(
-                      (a, b) => a - b
-                    );
-                    const v = Number(value || 0);
-                    let colorClass = "bg-red-500";
-                    if (v <= t1) {
-                      colorClass = "bg-red-500";
-                    } else if (v <= t2) {
-                      colorClass = "bg-yellow-500";
-                    } else {
-                      colorClass = "bg-emerald-500";
-                    }
-                    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                      "div",
-                      {
-                        "aria-hidden": true,
-                        className: cn(
-                          "absolute top-0 left-0 h-full transition-all duration-500 ease-in-out rounded-lg",
-                          colorClass
-                        ),
-                        style: { width: `${indicatorWidth}%` }
-                      }
-                    );
-                  })(),
-                  plusIndicator && value > 100 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                    "div",
-                    {
-                      "aria-hidden": "true",
-                      className: "absolute top-0 bottom-0 w-0.5 bg-black/70 transition-all duration-500 ease-in-out pointer-events-none",
-                      style: { left: `100%` },
-                      children: value > 115 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute left-full ml-2 top-1/2 -translate-y-1/2 text-xs whitespace-nowrap font-extrabold", children: `+${Math.round(
-                        value - 100
-                      )}%` })
-                    }
-                  ),
-                  showValue && valuePosition === "inside" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-                    "span",
-                    {
-                      className: "absolute inset-0 flex items-center justify-center text-sm select-none pointer-events-none text-secondary font-extrabold",
-                      "aria-hidden": true,
-                      children: [
-                        Math.round(value || 0),
-                        "%"
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            showValue && valuePosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-12 text-sm font-extrabold text-left", children: [
-              Math.round(value || 0),
-              "%"
-            ] }),
-            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
-          ] })
-        ] });
-    }
+    variant: variant || (active ? "default" : "outline"),
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.FunnelIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        weight: active ? "fill" : "regular",
+        className: "transition-all duration-200"
+      }
+    )
   }
 );
-ProgressBase.displayName = "ProgressBase";
-var ProgressSegmentsBase = ({
-  label,
-  segments,
-  value
-}) => {
-  const filled = Math.round(value / 100 * segments);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      "div",
+var LikeButton = ({
+  disabled,
+  onClick,
+  testid = "button-like",
+  isLiked = false,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
+  {
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-110",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      !iconColor && (isLiked ? "text-red-500 dark:text-red-400 hover:text-red-600 dark:hover:text-red-300" : "hover:text-red-500 dark:hover:text-red-400"),
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.HeartIcon,
       {
-        className: cn(
-          "h-2 flex-1 rounded-full transition-all duration-300",
-          idx < filled ? "bg-primary" : "bg-zinc-300 hover:bg-zinc-400"
-        )
-      },
-      idx
-    )) })
-  ] });
-};
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-  "svg",
+        size: iconSize,
+        color: iconColor,
+        weight: isLiked ? "fill" : "regular",
+        className: "transition-all duration-300 group-hover:scale-110"
+      }
+    )
+  }
+);
+var FavoriteButton = ({
+  disabled,
+  onClick,
+  testid = "button-favorite",
+  isFavorite = false,
+  className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-110",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      !iconColor && (isFavorite ? "text-yellow-500 dark:text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300" : "hover:text-yellow-500 dark:hover:text-yellow-400"),
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.StarIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        weight: isFavorite ? "fill" : "regular",
+        className: "transition-all duration-300 group-hover:rotate-12"
+      }
+    )
   }
 );
-var ProgressPanelsBase = ({
-  label,
-  steps,
-  currentStep
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
-      const isActive = idx === currentStep;
-      const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(React24.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-          "div",
-          {
-            className: cn(
-              "relative flex items-center justify-center cursor-pointer select-none rounded-lg border transition-shadow duration-300 ease-in-out",
-              "hover:shadow-md hover:z-10",
-              "aspect-[5/1] min-w-[90px] px-4",
-              isActive ? "bg-primary/20 border-2 border-primary shadow-lg font-semibold" : "border-zinc-300"
-            ),
-            style: { flex: "1 1 0" },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate", children: step }),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
-            ]
-          }
-        ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ArrowRightIcon, {}) })
-      ] }, idx);
-    }) })
-  ] });
-};
-var ProgressCirclesBase = ({
-  label,
-  steps,
-  currentStep
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        "div",
-        {
-          className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
-          style: {
-            width: `${currentStep / (steps.length - 1) * 100}%`
-          }
-        }
-      ),
-      steps.map((step, idx) => {
-        const isActive = idx <= currentStep;
-        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-          "div",
-          {
-            className: "relative flex flex-col items-center w-10",
-            style: { zIndex: isActive ? 10 : 1 },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                "div",
-                {
-                  className: cn(
-                    "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all duration-300 cursor-pointer select-none",
-                    isActive ? "bg-primary text-white dark:text-black shadow-md" : "bg-zinc-200 text-zinc-500 hover:bg-zinc-300 dark:bg-zinc-500 dark:text-black"
-                  ),
-                  children: idx + 1
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
-            ]
-          },
-          idx
-        );
-      })
-    ] })
-  ] });
-};
-
-// src/components/ui/feedback/SkeletonBase.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-function SkeletonBase({
+var VisibilityButton = ({
+  disabled,
+  onClick,
+  testid = "button-visibility",
+  isVisible = true,
   className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
   ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("animate-pulse  bg-primary/10", className), ...props });
-}
-
-// src/components/ui/feedback/SonnerBase.tsx
-var import_react27 = require("@phosphor-icons/react");
-var import_sonner2 = require("sonner");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var iconBaseClass = "w-5 h-auto";
-var Toaster = ({ testId, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_sonner2.Toaster,
-    {
-      className: "toaster group",
-      position: "top-center",
-      toastOptions: {
-        classNames: {
-          toast: `
-            group toast
-            bg-background
-            text-foreground
-            shadow-lg rounded-md
-            border-l-4
-            border-border
-            flex items-center gap-3
-            data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50 data-[type=success]:text-green-800 data-[type=success]:border-green-500
-            data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50 data-[type=error]:text-red-800 data-[type=error]:border-red-500
-            data-[type=WarningIcon]:border-l-yellow-500 data-[type=WarningIcon]:bg-yellow-50 data-[type=WarningIcon]:text-yellow-800 data-[type=WarningIcon]:border-yellow-500
-            data-[type=InfoIcon]:border-l-blue-500 data-[type=InfoIcon]:bg-blue-50 data-[type=InfoIcon]:text-blue-800 data-[type=InfoIcon]:border-blue-500
-          `,
-          description: `
-            text-sm
-            group-[.toast]:text-neutral-600
-          `,
-          actionButton: `
-            ml-auto
-            rounded-md px-3 py-1 text-sm font-semibold
-            bg-neutral-800 text-white
-            hover:bg-neutral-700
-            transition-colors duration-200
-          `,
-          cancelButton: `
-            ml-2
-            rounded-md px-3 py-1 text-sm font-semibold
-            bg-neutral-100 text-neutral-700
-            hover:bg-neutral-200
-            transition-colors duration-200
-          `
-        }
-      },
-      "data-testid": testId,
-      ...props
-    }
-  );
-};
-var toast2 = {
-  success: (message) => import_sonner2.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
-    className: "sonner-success"
-  }),
-  error: (message) => import_sonner2.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
-    className: "sonner-error"
-  }),
-  warning: (message) => import_sonner2.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
-    className: "sonner-WarningIcon"
-  }),
-  info: (message) => import_sonner2.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
-    className: "sonner-InfoIcon"
-  }),
-  loading: (message) => (0, import_sonner2.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
-    className: "sonner-loading"
-  })
-};
-
-// src/components/ui/form/CheckBoxBase.tsx
-var React25 = __toESM(require("react"));
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_react28 = require("@phosphor-icons/react");
-var import_framer_motion11 = require("framer-motion");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var CheckboxBase = React25.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-  CheckboxPrimitive.Root,
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
   {
-    ref,
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
     className: cn(
-      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground transition-colors",
+      "transition-all duration-200 ease-in-out",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100",
       className
     ),
-    "data-testid": dataTestId,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      import_framer_motion11.motion.div,
+    children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.EyeIcon,
       {
-        initial: { scale: 0, opacity: 0, rotate: -90 },
-        animate: { scale: 1, opacity: 1, rotate: 0 },
-        exit: { scale: 0, opacity: 0, rotate: 90 },
-        transition: { type: "spring", stiffness: 500, damping: 30 },
-        className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.CheckIcon, { className: "h-4 w-4", weight: "bold" })
+        size: iconSize,
+        color: iconColor,
+        className: "transition-opacity duration-200"
       }
-    ) })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.EyeSlashIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        className: "transition-opacity duration-200"
+      }
+    )
   }
-));
-CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
-
-// src/components/ui/form/CollapsibleBase.tsx
-var React26 = __toESM(require("react"));
-var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_react29 = require("@phosphor-icons/react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var CollapsibleBase = React26.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
-});
-CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
-var CollapsibleTriggerBase = React26.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    CollapsiblePrimitive.CollapsibleTrigger,
-    {
-      ref,
-      className: cn(
-        "flex w-full items-center justify-between p-3 text-left font-medium transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-accent hover:text-accent-foreground rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&[data-state=open]_.caret-icon]:rotate-180",
-        className
-      ),
-      "data-slot": "collapsible-trigger",
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
-          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children })
-        ] }),
-        showCaret && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.CaretUpDownIcon, { className: "h-4 w-4" }) })
-      ]
-    }
-  );
-});
-CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
-var CollapsibleContentBase = React26.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    CollapsiblePrimitive.CollapsibleContent,
-    {
-      ref,
-      className: cn(
-        "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
-        className
-      ),
-      "data-slot": "collapsible-content",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "pb-3 pt-1", children })
-    }
-  );
-});
-CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
-
-// src/components/ui/form/DebounceInput.tsx
-var import_react30 = require("react");
-var import_react31 = require("@phosphor-icons/react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// src/components/ui/form/HoverCardBase.tsx
-var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
-function HoverCardBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HoverCardPrimitive.Root, { ...props });
-}
-function HoverCardTriggerBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HoverCardPrimitive.Trigger, { ...props });
-}
-function HoverCardContentBase({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-    HoverCardPrimitive.Content,
-    {
-      align,
-      sideOffset,
-      className: cn(
-        "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
-        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
-        "data-[side=bottom]:slide-in-from-top-2",
-        "data-[side=left]:slide-in-from-right-2",
-        "data-[side=right]:slide-in-from-left-2",
-        "data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-
-// src/components/ui/form/Input-OTP-Base.tsx
-var React27 = __toESM(require("react"));
-var import_input_otp = require("input-otp");
-var import_react32 = require("@phosphor-icons/react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-function InputOTPBase({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-    import_input_otp.OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroupBase({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlotBase({
-  index,
+);
+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 LockButton = ({
+  disabled,
+  onClick,
+  testid = "button-lock",
+  isLocked = true,
   className,
+  iconSize = 18,
+  iconColor,
+  variant = "ghost",
+  size = "icon",
   ...props
-}) {
-  const inputOTPContext = React27.useContext(import_input_otp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
-      className: cn(
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
-      ]
-    }
-  );
-}
-function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react32.MinusIcon, {}) });
-}
-
-// src/components/ui/form/SliderBase.tsx
-var React28 = __toESM(require("react"));
-var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var SlideBase = React28.forwardRef(
-  ({
-    className,
-    orientation = "horizontal",
-    label,
-    leftIcon,
-    rightIcon,
-    ...props
-  }, ref) => {
-    const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-      "div",
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  ButtonBase,
+  {
+    variant,
+    size,
+    onClick,
+    disabled,
+    testid,
+    className: cn(
+      "transition-all duration-200 ease-in-out group",
+      "hover:scale-105",
+      "active:scale-95",
+      "disabled:hover:scale-100",
+      !iconColor && (isLocked ? "text-red-500 dark:text-red-400 hover:text-red-600 dark:hover:text-red-300" : "text-emerald-500 dark:text-emerald-400 hover:text-emerald-600 dark:hover:text-emerald-300"),
+      className
+    ),
+    ...props,
+    children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.LockIcon,
       {
-        className: cn("flex flex-col gap-1", isVertical ? "h-full " : "w-full"),
-        children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-            "div",
-            {
-              className: cn(
-                "flex gap-2",
-                isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
-              ),
-              children: [
-                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-                  SliderPrimitive.Root,
-                  {
-                    ref,
-                    orientation,
-                    className: cn(
-                      "relative flex touch-none select-none items-center",
-                      isVertical ? "flex-col h-full" : "flex-row w-full",
-                      className
-                    ),
-                    ...props,
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                        SliderPrimitive.Track,
-                        {
-                          className: cn(
-                            "relative overflow-hidden bg-primary/20 rounded-full",
-                            isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
-                          ),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                            SliderPrimitive.Range,
-                            {
-                              className: cn(
-                                "absolute bg-primary",
-                                isVertical ? "w-full" : "h-full"
-                              )
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                        SliderPrimitive.Thumb,
-                        {
-                          className: cn(
-                            "block h-4 w-4 rounded-full border border-primary/70 bg-background shadow-md transition-transform",
-                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
-                            "hover:scale-125 active:scale-125"
-                          )
-                        }
-                      )
-                    ]
-                  }
-                ),
-                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
-              ]
-            }
-          )
-        ]
+        size: iconSize,
+        color: iconColor,
+        className: "transition-all duration-200 group-hover:scale-110"
       }
-    );
+    ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react32.LockOpenIcon,
+      {
+        size: iconSize,
+        color: iconColor,
+        className: "transition-all duration-200 group-hover:scale-110"
+      }
+    )
   }
 );
-SlideBase.displayName = "SlideBase";
+var UnlockButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(LockButton, { isLocked: false, testid: "button-unlock", ...props });
 
 // src/components/ui/form/SwitchBase.tsx
 var React29 = __toESM(require("react"));
@@ -10708,7 +10785,8 @@ function DateTimePicker({
   label,
   date,
   onChange,
-  display,
+  displayFormat,
+  hideTime,
   hideSeconds,
   hideHour,
   hideMinute,
@@ -10739,12 +10817,16 @@ function DateTimePicker({
     onChange(newDate);
   };
   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}`;
@@ -10766,7 +10848,7 @@ function DateTimePicker({
             !date && "text-muted-foreground/"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "truncate flex-1", children: date ? display ? (0, import_date_fns.format)(date, "dd/MM/yyyy") : (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma Data" }),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "truncate flex-1", children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma data" }),
             /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
           ]
         }
@@ -10792,10 +10874,13 @@ function DateTimePicker({
                 initialFocus: true,
                 fromDate,
                 toDate,
-                className: cn("w-full", hideHour && hideMinute && "border-0")
+                className: cn(
+                  "w-full",
+                  (hideTime || hideHour && hideMinute) && "border-0"
+                )
               }
             ),
-            !(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 && !(hideHour && hideMinute) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
               PopoverBase,
               {
                 open: timePickerOpen,
@@ -11037,7 +11122,7 @@ function RangePicker({
                     whileHover: { scale: 1.03 },
                     whileTap: { scale: 0.95 },
                     children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                      DeleteButton,
+                      ButtonBase,
                       {
                         variant: "outline",
                         onClick: handleClear,