npm - @underverse-ui/underverse - Versions diffs - 1.0.57 → 1.0.59 - Mend

@underverse-ui/underverse 1.0.57 → 1.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.js CHANGED Viewed

@@ -172,7 +172,7 @@ var variantStyles = {
   danger: "bg-destructive text-destructive-foreground border-destructive/20",
   destructive: "bg-destructive text-destructive-foreground border-destructive/20",
   info: "bg-info text-info-foreground border-info/20",
-  outline: "bg-transparent text-foreground border-border",
+  outline: "bg-transparent text-foreground border-border/50",
   ghost: "bg-transparent text-foreground border-transparent",
   transparent: "bg-transparent text-foreground border-transparent",
   gradient: "bg-linear-to-r from-primary to-secondary text-primary-foreground border-transparent"
@@ -494,7 +494,7 @@ var Card = React2.forwardRef(
             "div",
             {
               className: cn(
-                "relative flex items-center p-4 md:p-6 pt-0 border-t border-border mt-4 max-md:mt-3 max-md:p-3 max-md:pt-0",
+                "relative flex items-center p-4 md:p-6 pt-0 border-t border-border/50 mt-4 max-md:mt-3 max-md:p-3 max-md:pt-0",
                 footerClassName
               ),
               children: footer
@@ -1634,12 +1634,12 @@ var Input = forwardRef3(
         error: "bg-destructive/10 border-destructive focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-destructive focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent"
       },
       outlined: {
-        container: "bg-transparent border border-border hover:border-accent-foreground/30",
+        container: "bg-transparent border border-border/50 hover:border-accent-foreground/30",
         focus: "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent",
         error: "border-destructive focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-destructive focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent"
       },
       minimal: {
-        container: "bg-transparent border-0 border-b border-border hover:border-accent-foreground/30",
+        container: "bg-transparent border-0 border-b border-border/50 hover:border-accent-foreground/30",
         focus: "focus-visible:outline-none focus-visible:border-ring focus-visible:ring-0 rounded-none",
         error: "border-destructive focus-visible:outline-none focus-visible:border-destructive"
       }
@@ -1992,7 +1992,7 @@ var NumberInput = forwardRef3(
       lg: { width: "w-11", icon: { width: 12, height: 7, path: { up: "M6 1L11 6H1L6 1Z", down: "M6 6L1 1H11L6 6Z" } } }
     };
     const ss = stepperSizeStyles[inputSize];
-    const stepperAddon = showSteppers ? /* @__PURE__ */ jsxs5("div", { className: cn("absolute right-0 inset-y-0 flex flex-col border-l border-border rounded-r-full overflow-hidden", ss.width), children: [
+    const stepperAddon = showSteppers ? /* @__PURE__ */ jsxs5("div", { className: cn("absolute right-0 inset-y-0 flex flex-col border-l border-border/50 rounded-r-full overflow-hidden", ss.width), children: [
       /* @__PURE__ */ jsx7(
         "button",
         {
@@ -2091,8 +2091,8 @@ var Textarea = forwardRef3(
     const variantStyles6 = {
       default: "bg-background border border-input hover:border-accent-foreground/20 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent",
       filled: "bg-muted/50 border border-transparent hover:bg-muted/70 focus-visible:outline-none focus-visible:bg-background focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent",
-      outlined: "bg-transparent border border-border hover:border-accent-foreground/30 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent",
-      minimal: "bg-transparent border-0 border-b border-border hover:border-accent-foreground/30 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-0 rounded-none"
+      outlined: "bg-transparent border border-border/50 hover:border-accent-foreground/30 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-transparent",
+      minimal: "bg-transparent border-0 border-b border-border/50 hover:border-accent-foreground/30 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-0 rounded-none"
     };
     const resizeClasses = {
       none: "resize-none",
@@ -2550,7 +2550,7 @@ var Switch = ({
               className: cn(
                 "absolute top-0.5 left-0.5 rounded-full transition-transform duration-200 ease-out shadow-sm",
                 sizeClasses2[size].handle,
-                "bg-background border border-border",
+                "bg-background border border-border/50",
                 checked ? sizeClasses2[size].translate : "translate-x-0",
                 !disabled && "hover:scale-[1.02]",
                 isPressed && "scale-95",
@@ -3643,7 +3643,7 @@ import * as React14 from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var variantStyles3 = {
-  default: "bg-popover text-popover-foreground border-border",
+  default: "bg-popover text-popover-foreground border-border/50",
   info: "bg-info text-info-foreground border-info/20",
   warning: "bg-warning text-warning-foreground border-warning/20",
   error: "bg-destructive text-destructive-foreground border-destructive/20",
@@ -4562,7 +4562,7 @@ var Sheet = ({
       {
         className: cn(
           "fixed flex flex-col bg-background text-foreground shadow-2xl",
-          "border-border transition-all duration-300 ease-out",
+          "border-border/50 transition-all duration-300 ease-out",
           positionStyles2[side],
           sizeStyles4[size][side],
           // Borders based on side
@@ -4579,7 +4579,7 @@ var Sheet = ({
           transition: "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)"
         },
         children: [
-          (title || description || header || showClose) && /* @__PURE__ */ jsx19("div", { className: "shrink-0 border-b border-border", children: header || /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between p-4", children: [
+          (title || description || header || showClose) && /* @__PURE__ */ jsx19("div", { className: "shrink-0 border-b border-border/50", children: header || /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between p-4", children: [
             /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
               title && /* @__PURE__ */ jsx19("h2", { className: "text-lg font-semibold text-foreground", children: title }),
               description && /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground mt-1", children: description })
@@ -4598,7 +4598,7 @@ var Sheet = ({
               children
             }
           ),
-          footer && /* @__PURE__ */ jsx19("div", { className: "shrink-0 border-t border-border p-4", children: footer })
+          footer && /* @__PURE__ */ jsx19("div", { className: "shrink-0 border-t border-border/50 p-4", children: footer })
         ]
       }
     )
@@ -4616,7 +4616,7 @@ var BottomSheet = ({ snapPoints = ["25%", "50%", "90%"], defaultSnap = 1, ...pro
 };
 var SidebarSheet = ({ navigation, children, ...props }) => {
   return /* @__PURE__ */ jsxs15(Sheet, { ...props, side: "left", variant: "push", size: "md", children: [
-    navigation && /* @__PURE__ */ jsx19("div", { className: "border-b border-border pb-4 mb-4", children: navigation }),
+    navigation && /* @__PURE__ */ jsx19("div", { className: "border-b border-border/50 pb-4 mb-4", children: navigation }),
     children
   ] });
 };
@@ -4628,7 +4628,7 @@ import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var variantConfig = {
   default: {
     icon: Info2,
-    containerClassName: "bg-muted/50 border-border",
+    containerClassName: "bg-muted/50 border-border/50",
     iconClassName: "text-muted-foreground",
     iconBgClassName: "bg-muted",
     accentBarClassName: "bg-muted-foreground"
@@ -10349,7 +10349,7 @@ var DateTimePicker = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: cn(sizeStyles8[size].padding, "border-t border-border flex justify-between items-center bg-muted/20"), children: [
+          /* @__PURE__ */ jsxs27("div", { className: cn(sizeStyles8[size].padding, "border-t border-border/50 flex justify-between items-center bg-muted/20"), children: [
             /* @__PURE__ */ jsx35(Button_default, { variant: "ghost", size: sizeStyles8[size].buttonSize, onClick: handleClear, className: "text-muted-foreground hover:text-foreground", children: clearLabel || t?.("clear") || "Clear" }),
             /* @__PURE__ */ jsx35(Button_default, { size: sizeStyles8[size].buttonSize, onClick: handleApply, children: doneLabel || t?.("done") || "Done" })
           ] })
@@ -11124,7 +11124,7 @@ function CalendarTimelineHeader(props) {
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs29("div", { className: "p-3 border-t border-border flex justify-between items-center bg-muted/20", children: [
+                /* @__PURE__ */ jsxs29("div", { className: "p-3 border-t border-border/50 flex justify-between items-center bg-muted/20", children: [
                   /* @__PURE__ */ jsx37(
                     Button_default,
                     {
@@ -12892,7 +12892,7 @@ function CalendarTimeline({
     {
       className: cn(
         "rounded-2xl md:rounded-3xl overflow-hidden bg-card text-card-foreground backdrop-blur-sm",
-        "border border-border shadow-sm md:hover:shadow-md",
+        "border border-border/50 shadow-sm md:hover:shadow-md",
         "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
         densityClass,
         className
@@ -13922,7 +13922,7 @@ var RadioGroupItem = React38.forwardRef(
             "inline-flex items-center justify-center gap-2 rounded-lg border font-medium transition-all duration-200",
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            isSelected ? "border-primary bg-primary text-primary-foreground shadow-sm" : "border-border bg-background hover:bg-accent hover:text-accent-foreground",
+            isSelected ? "border-primary bg-primary text-primary-foreground shadow-sm" : "border-border/50 bg-background hover:bg-accent hover:text-accent-foreground",
             sizeStyles7[size].padding,
             sizeStyles7[size].text,
             className
@@ -14203,7 +14203,7 @@ var Slider = React39.forwardRef(
         {
           className: cn(
             "absolute pointer-events-none transition-all duration-200 ease-out",
-            "bg-popover text-popover-foreground rounded-lg shadow-lg border border-border",
+            "bg-popover text-popover-foreground rounded-lg shadow-lg border border-border/50",
             "whitespace-nowrap font-medium -translate-x-1/2 z-50",
             sizeStyles8.tooltip,
             shouldShow ? "opacity-100 -translate-y-10 scale-100" : "opacity-0 -translate-y-8 scale-95",
@@ -14691,10 +14691,10 @@ function OverlayControls({
                 noFocus: true
               }
             ),
-            previewData && /* @__PURE__ */ jsx45("div", { className: "absolute bottom-full mb-2 transform -translate-x-1/2 pointer-events-none z-30", style: { left: `${previewData.x}px` }, children: previewData.url ? /* @__PURE__ */ jsxs37("div", { className: "bg-background/95 backdrop-blur rounded-xl border border-border shadow-lg overflow-hidden", children: [
+            previewData && /* @__PURE__ */ jsx45("div", { className: "absolute bottom-full mb-2 transform -translate-x-1/2 pointer-events-none z-30", style: { left: `${previewData.x}px` }, children: previewData.url ? /* @__PURE__ */ jsxs37("div", { className: "bg-background/95 backdrop-blur rounded-xl border border-border/50 shadow-lg overflow-hidden", children: [
               /* @__PURE__ */ jsx45("img", { src: previewData.url, alt: "Preview", className: "w-40 h-24 object-cover" }),
               /* @__PURE__ */ jsx45("div", { className: "px-2 py-1 text-xs font-mono text-center bg-background/80", children: formatTime3(previewData.time) })
-            ] }) : /* @__PURE__ */ jsx45("div", { className: "px-3 py-1.5 rounded-md bg-background/90 backdrop-blur border border-border shadow-lg", children: /* @__PURE__ */ jsx45("div", { className: "text-xs font-mono text-center", children: formatTime3(previewData.time) }) }) })
+            ] }) : /* @__PURE__ */ jsx45("div", { className: "px-3 py-1.5 rounded-md bg-background/90 backdrop-blur border border-border/50 shadow-lg", children: /* @__PURE__ */ jsx45("div", { className: "text-xs font-mono text-center", children: formatTime3(previewData.time) }) }) })
           ] }),
           showControlsBar && /* @__PURE__ */ jsxs37("div", { className: "mt-2 flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
@@ -14731,7 +14731,7 @@ function OverlayControls({
                   children: /* @__PURE__ */ jsx45(RotateCw, { className: "w-4 h-4" })
                 }
               ),
-              (showTime ?? true) && /* @__PURE__ */ jsxs37("span", { className: "px-3 py-1 rounded-full text-xs font-mono bg-background/60 text-foreground shadow-sm border border-border whitespace-nowrap", children: [
+              (showTime ?? true) && /* @__PURE__ */ jsxs37("span", { className: "px-3 py-1 rounded-full text-xs font-mono bg-background/60 text-foreground shadow-sm border border-border/50 whitespace-nowrap", children: [
                 formatTime3(dragValue),
                 " / ",
                 formatTime3(max)
@@ -14793,7 +14793,7 @@ function OverlayControls({
                     ]
                   }
                 ),
-                rateOpen && /* @__PURE__ */ jsx45("div", { className: "absolute bottom-9 right-0 bg-background/90 backdrop-blur rounded-md border border-border shadow-lg p-1 z-30", children: [0.5, 0.75, 1, 1.25, 1.5].map((r) => /* @__PURE__ */ jsxs37(
+                rateOpen && /* @__PURE__ */ jsx45("div", { className: "absolute bottom-9 right-0 bg-background/90 backdrop-blur rounded-md border border-border/50 shadow-lg p-1 z-30", children: [0.5, 0.75, 1, 1.25, 1.5].map((r) => /* @__PURE__ */ jsxs37(
                   "button",
                   {
                     onClick: () => {
@@ -15497,7 +15497,7 @@ function ImageUpload({
       {
         className: cn(
           "relative border-2 border-dashed rounded-2xl md:rounded-3xl p-8 text-center transition-all duration-200",
-          isDragging && !disabled ? "border-primary bg-primary/5 scale-[1.02]" : "border-border hover:border-primary/50",
+          isDragging && !disabled ? "border-primary bg-primary/5 scale-[1.02]" : "border-border/50 hover:border-primary/50",
           disabled && "opacity-50 cursor-not-allowed",
           uploading && "pointer-events-none"
         ),
@@ -15534,7 +15534,7 @@ function ImageUpload({
     ),
     showPreview && uploadedImages.length > 0 && /* @__PURE__ */ jsxs39("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx47("h4", { className: "text-sm font-medium", children: "Uploaded Images" }),
-      /* @__PURE__ */ jsx47("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: uploadedImages.map((image) => /* @__PURE__ */ jsxs39("div", { className: "relative group bg-card border border-border rounded-2xl md:rounded-3xl p-3", children: [
+      /* @__PURE__ */ jsx47("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: uploadedImages.map((image) => /* @__PURE__ */ jsxs39("div", { className: "relative group bg-card border border-border/50 rounded-2xl md:rounded-3xl p-3", children: [
         /* @__PURE__ */ jsx47(
           Button_default,
           {
@@ -15882,7 +15882,7 @@ function FileUpload({
       "div",
       {
         className: cn(
-          "group relative flex items-center gap-3 bg-card/50 backdrop-blur-sm border border-border rounded-xl",
+          "group relative flex items-center gap-3 bg-card/50 backdrop-blur-sm border border-border/50 rounded-xl",
           "transition-all duration-200 hover:bg-card hover:shadow-md hover:border-primary/20",
           file.status === "error" && "border-destructive/50 bg-destructive/5",
           file.status === "uploading" && "border-primary/30",
@@ -15965,13 +15965,13 @@ function FileUpload({
       "border-2 border-dashed rounded-2xl",
       currentSize.padding,
       "text-center transition-all duration-300",
-      isDragging && !disabled ? "border-primary bg-primary/5 scale-[1.01] shadow-lg shadow-primary/10" : "border-border hover:border-primary/50 hover:bg-muted/30",
+      isDragging && !disabled ? "border-primary bg-primary/5 scale-[1.01] shadow-lg shadow-primary/10" : "border-border/50 hover:border-primary/50 hover:bg-muted/30",
       disabled && "opacity-50 cursor-not-allowed"
     ),
     compact: cn(
       "border border-dashed rounded-xl p-4",
       "flex items-center gap-4 transition-all duration-200",
-      isDragging && !disabled ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
+      isDragging && !disabled ? "border-primary bg-primary/5" : "border-border/50 hover:border-primary/50",
       disabled && "opacity-50 cursor-not-allowed"
     ),
     minimal: cn(
@@ -16718,12 +16718,12 @@ var ListRoot = React44.forwardRef(
     const hasChildren = childCount > 0;
     const variantClasses3 = {
       plain: "",
-      outlined: "rounded-2xl md:rounded-3xl bg-card text-card-foreground border border-border shadow-sm max-md:rounded-xl",
+      outlined: "rounded-2xl md:rounded-3xl bg-card text-card-foreground border border-border/50 shadow-sm max-md:rounded-xl",
       soft: "rounded-2xl md:rounded-3xl bg-muted/40 border border-border/60 max-md:rounded-xl",
-      bordered: "border border-border rounded-2xl md:rounded-3xl max-md:rounded-xl",
-      card: "rounded-2xl md:rounded-3xl bg-card shadow-md border border-border max-md:rounded-xl max-md:shadow-sm",
+      bordered: "border border-border/50 rounded-2xl md:rounded-3xl max-md:rounded-xl",
+      card: "rounded-2xl md:rounded-3xl bg-card shadow-md border border-border/50 max-md:rounded-xl max-md:shadow-sm",
       flush: "",
-      striped: "rounded-2xl md:rounded-3xl border border-border overflow-hidden max-md:rounded-xl"
+      striped: "rounded-2xl md:rounded-3xl border border-border/50 overflow-hidden max-md:rounded-xl"
     };
     if (loading2) {
       return /* @__PURE__ */ jsx51(
@@ -17306,8 +17306,8 @@ var TimelineItem = React46.forwardRef(
     const padding = ctx.dense ? sz.densePadY : sz.padY;
     const variantClasses3 = {
       default: "",
-      outlined: "rounded-xl border border-border bg-card shadow-sm px-4 py-3",
-      card: "rounded-2xl border border-border bg-card shadow-md px-5 py-4",
+      outlined: "rounded-xl border border-border/50 bg-card shadow-sm px-4 py-3",
+      card: "rounded-2xl border border-border/50 bg-card shadow-md px-5 py-4",
       minimal: "border-l-2 pl-4 py-2",
       modern: "rounded-xl bg-linear-to-r from-card to-muted/20 border border-border/50 px-5 py-4 backdrop-blur-sm",
       gradient: "rounded-2xl bg-linear-to-br from-primary/10 via-card to-accent/10 border border-primary/20 px-5 py-4 shadow-lg"
@@ -17600,7 +17600,7 @@ var Swatch = ({
     "button",
     {
       type: "button",
-      className: cn(sizeClasses2[size], "rounded-lg border border-border shadow-sm hover:scale-110 transition-transform", onClick && "cursor-pointer"),
+      className: cn(sizeClasses2[size], "rounded-lg border border-border/50 shadow-sm hover:scale-110 transition-transform", onClick && "cursor-pointer"),
       style: { backgroundColor: color },
       onClick,
       "aria-label": ariaLabel
@@ -17734,7 +17734,7 @@ function ColorPicker({
           /* @__PURE__ */ jsx54(
             "span",
             {
-              className: cn("rounded-md border border-border shadow-sm", size === "sm" ? "h-4 w-4" : size === "lg" ? "h-6 w-6" : "h-5 w-5"),
+              className: cn("rounded-md border border-border/50 shadow-sm", size === "sm" ? "h-4 w-4" : size === "lg" ? "h-6 w-6" : "h-5 w-5"),
               style: { backgroundColor: withAlpha ? `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})` : hexForInput }
             }
           ),
@@ -17759,7 +17759,7 @@ function ColorPicker({
       placement: "bottom-start",
       matchTriggerWidth: variant === "minimal",
       contentWidth: contentWidthByVariant[variant],
-      contentClassName: cn("p-3 rounded-2xl md:rounded-3xl border border-border bg-card shadow-lg", contentClassName),
+      contentClassName: cn("p-3 rounded-2xl md:rounded-3xl border border-border/50 bg-card shadow-lg", contentClassName),
       children: /* @__PURE__ */ jsxs46("div", { className: "space-y-3", children: [
         variant !== "minimal" && /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx54(
@@ -17768,7 +17768,7 @@ function ColorPicker({
               type: "color",
               value: hexForInput,
               onChange: handleNativeChange,
-              className: "h-9 w-9 rounded-lg cursor-pointer border border-border"
+              className: "h-9 w-9 rounded-lg cursor-pointer border border-border/50"
             }
           ),
           /* @__PURE__ */ jsxs46(
@@ -17776,7 +17776,7 @@ function ColorPicker({
             {
               type: "button",
               onClick: tryEyedropper,
-              className: cn("h-9 px-3 rounded-lg border border-border text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5"),
+              className: cn("h-9 px-3 rounded-lg border border-border/50 text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5"),
               children: [
                 /* @__PURE__ */ jsx54(Pipette, { className: "w-3.5 h-3.5" }),
                 variant === "full" && "Pick"
@@ -17789,7 +17789,7 @@ function ColorPicker({
               type: "button",
               onClick: copyToClipboard,
               className: cn(
-                "h-9 px-3 rounded-lg border border-border text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5",
+                "h-9 px-3 rounded-lg border border-border/50 text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5",
                 copied && "bg-success/10 border-success/30"
               ),
               children: [
@@ -17803,7 +17803,7 @@ function ColorPicker({
             {
               type: "button",
               onClick: clear,
-              className: "ml-auto h-9 px-2 rounded-lg border border-border text-xs hover:bg-destructive/10 transition-colors flex items-center gap-1",
+              className: "ml-auto h-9 px-2 rounded-lg border border-border/50 text-xs hover:bg-destructive/10 transition-colors flex items-center gap-1",
               children: [
                 /* @__PURE__ */ jsx54(X15, { className: "w-3.5 h-3.5" }),
                 variant === "full" && "Clear"
@@ -17829,7 +17829,7 @@ function ColorPicker({
               type: "button",
               onClick: copyToClipboard,
               className: cn(
-                "h-9 w-9 rounded-lg border border-border hover:bg-accent/10 transition-colors flex items-center justify-center",
+                "h-9 w-9 rounded-lg border border-border/50 hover:bg-accent/10 transition-colors flex items-center justify-center",
                 copied && "bg-success/10 border-success/30"
               ),
               children: copied ? /* @__PURE__ */ jsx54(Check9, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ jsx54(Copy, { className: "w-3.5 h-3.5" })
@@ -18178,7 +18178,7 @@ var MusicPlayer = ({
       }
     }
   }, [currentSongIndex, currentSong.startTime, isPlaying]);
-  return /* @__PURE__ */ jsxs47("div", { className: `underverse-music-player bg-card dark:bg-card border border-border rounded-2xl shadow-2xl overflow-hidden ${className}`, children: [
+  return /* @__PURE__ */ jsxs47("div", { className: `underverse-music-player bg-card dark:bg-card border border-border/50 rounded-2xl shadow-2xl overflow-hidden ${className}`, children: [
     /* @__PURE__ */ jsx55("audio", { ref: audioRef, src: currentSong.audioUrl, onTimeUpdate: handleTimeUpdate, onLoadedMetadata: handleLoadedMetadata, onEnded: playNext }),
     /* @__PURE__ */ jsxs47("div", { className: "p-6", children: [
       /* @__PURE__ */ jsxs47("div", { className: "text-center mb-6", children: [
@@ -18256,7 +18256,7 @@ var MusicPlayer = ({
         }
       ) })
     ] }),
-    showPlaylist && /* @__PURE__ */ jsx55("div", { className: "bg-muted/50 backdrop-blur-sm max-h-96 overflow-y-auto border-t border-border", children: /* @__PURE__ */ jsxs47("div", { className: "p-4", children: [
+    showPlaylist && /* @__PURE__ */ jsx55("div", { className: "bg-muted/50 backdrop-blur-sm max-h-96 overflow-y-auto border-t border-border/50", children: /* @__PURE__ */ jsxs47("div", { className: "p-4", children: [
       /* @__PURE__ */ jsxs47("h3", { className: "text-lg font-semibold text-foreground mb-3", children: [
         "Playlist (",
         playlist.length,
@@ -18339,12 +18339,12 @@ function joinAreas(areas) {
 }
 function getVariantClasses(variant = "default", outlined) {
   if (outlined) {
-    return "rounded-2xl md:rounded-3xl bg-card text-card-foreground border border-border shadow-sm";
+    return "rounded-2xl md:rounded-3xl bg-card text-card-foreground border border-border/50 shadow-sm";
   }
   const variants = {
     default: "",
-    bordered: "border border-border rounded-2xl md:rounded-3xl",
-    card: "rounded-2xl md:rounded-3xl bg-card text-card-foreground border border-border shadow-sm",
+    bordered: "border border-border/50 rounded-2xl md:rounded-3xl",
+    card: "rounded-2xl md:rounded-3xl bg-card text-card-foreground border border-border/50 shadow-sm",
     flat: "bg-muted/30 rounded-2xl md:rounded-3xl",
     glass: "bg-background/80 backdrop-blur-sm border border-border/50 rounded-2xl md:rounded-3xl shadow-lg"
   };
@@ -18497,1675 +18497,23 @@ GridItem.displayName = "Grid.Item";
 var Grid = Object.assign(GridRoot, { Item: GridItem });
 var Grid_default = Grid;
-// src/components/LineChart.tsx
-import { useMemo as useMemo19, useState as useState39, useRef as useRef23, useCallback as useCallback16 } from "react";
-// src/components/ChartTooltip.tsx
-import { useEffect as useEffect28, useState as useState38, useRef as useRef22 } from "react";
-import { createPortal as createPortal6 } from "react-dom";
-import { Fragment as Fragment21, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
-function ChartTooltip({
-  x,
-  y,
-  visible,
-  label,
-  value,
-  color,
-  secondaryLabel,
-  secondaryValue,
-  items,
-  containerRef,
-  formatter
-}) {
-  const [isMounted, setIsMounted] = useState38(false);
-  const [position, setPosition] = useState38(null);
-  const tooltipRef = useRef22(null);
-  useEffect28(() => {
-    setIsMounted(true);
-  }, []);
-  useEffect28(() => {
-    if (visible && containerRef?.current) {
-      const rect = containerRef.current.getBoundingClientRect();
-      const tw = tooltipRef.current?.offsetWidth ?? 160;
-      const th = tooltipRef.current?.offsetHeight ?? 80;
-      let left = rect.left + x + 12;
-      let top = rect.top + y - th / 2;
-      if (left + tw > window.innerWidth - 8) {
-        left = rect.left + x - tw - 12;
-      }
-      if (top + th > window.innerHeight - 8) {
-        top = window.innerHeight - th - 8;
-      }
-      if (top < 8) top = 8;
-      if (left < 8) left = 8;
-      setPosition({ top, left });
-    }
-  }, [visible, x, y, containerRef]);
-  if (!visible || !isMounted || !position) return null;
-  const tooltipContent = /* @__PURE__ */ jsxs49(
-    "div",
-    {
-      ref: tooltipRef,
-      style: {
-        position: "fixed",
-        top: position.top,
-        left: position.left,
-        zIndex: 99999,
-        pointerEvents: "none",
-        animation: "chartTooltipFadeIn 0.15s ease-out"
-      },
-      children: [
-        /* @__PURE__ */ jsxs49(
-          "div",
-          {
-            className: cn("bg-popover text-popover-foreground border border-border", "rounded-2xl shadow-xl px-3 py-2 text-sm", "backdrop-blur-sm"),
-            style: {
-              minWidth: "80px",
-              width: "max-content",
-              boxShadow: "0 10px 25px -3px rgba(0, 0, 0, 0.5), 0 4px 10px -2px rgba(0, 0, 0, 0.3)"
-            },
-            children: [
-              label && /* @__PURE__ */ jsx57("div", { className: "text-muted-foreground text-xs mb-1", children: label }),
-              items && items.length > 0 ? /* @__PURE__ */ jsx57("div", { className: "flex flex-col gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
-                item.color && /* @__PURE__ */ jsx57("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: item.color } }),
-                /* @__PURE__ */ jsxs49("span", { className: "text-muted-foreground", children: [
-                  item.label,
-                  ":"
-                ] }),
-                /* @__PURE__ */ jsx57("span", { className: "font-semibold ml-auto", children: formatter ? formatter(item.value) : item.value })
-              ] }, i)) }) : /* @__PURE__ */ jsxs49(Fragment21, { children: [
-                /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
-                  color && /* @__PURE__ */ jsx57("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: color } }),
-                  /* @__PURE__ */ jsx57("span", { className: "font-semibold", children: formatter && value != null ? formatter(value) : value })
-                ] }),
-                secondaryLabel && /* @__PURE__ */ jsxs49("div", { className: "text-muted-foreground text-xs mt-1", children: [
-                  secondaryLabel,
-                  ": ",
-                  secondaryValue
-                ] })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx57("style", { children: `
-        @keyframes chartTooltipFadeIn {
-          from { opacity: 0; transform: translateX(-5px); }
-          to { opacity: 1; transform: translateX(0); }
-        }
-      ` })
-      ]
-    }
-  );
-  return createPortal6(tooltipContent, document.body);
-}
-// src/utils/chart-utils.ts
-import * as React51 from "react";
-function getCatmullRomSpline(points, tension = 0.5) {
-  if (points.length < 2) return "";
-  if (points.length === 2) {
-    return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;
-  }
-  let path = `M ${points[0].x} ${points[0].y}`;
-  for (let i = 0; i < points.length - 1; i++) {
-    const p0 = points[Math.max(0, i - 1)];
-    const p1 = points[i];
-    const p2 = points[i + 1];
-    const p3 = points[Math.min(points.length - 1, i + 2)];
-    const cp1x = p1.x + (p2.x - p0.x) * tension / 6;
-    const cp1y = p1.y + (p2.y - p0.y) * tension / 6;
-    const cp2x = p2.x - (p3.x - p1.x) * tension / 6;
-    const cp2y = p2.y - (p3.y - p1.y) * tension / 6;
-    path += ` C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p2.x} ${p2.y}`;
-  }
-  return path;
-}
-function getPathLength(points) {
-  return points.reduce((acc, p, i) => {
-    if (i === 0) return 0;
-    const prev = points[i - 1];
-    return acc + Math.sqrt((p.x - prev.x) ** 2 + (p.y - prev.y) ** 2);
-  }, 0);
-}
-// src/components/LineChart.tsx
-import { Fragment as Fragment22, jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
-function LineChart({
-  data,
-  series,
-  width = 400,
-  height = 200,
-  color = "currentColor",
-  fillColor,
-  showDots = true,
-  showGrid = true,
-  showLabels = true,
-  showValues = false,
-  showLegend,
-  animated = true,
-  curved = true,
-  formatValue,
-  referenceLines = [],
-  labelClassName,
-  className = ""
-}) {
-  const svgRef = useRef23(null);
-  const clipId = useRef23(`line-clip-${Math.random().toString(36).slice(2, 8)}`).current;
-  const padding = { top: 20, right: 20, bottom: 40, left: 40 };
-  const chartWidth = width - padding.left - padding.right;
-  const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredPoint, setHoveredPoint] = useState39(null);
-  const [hiddenSeries, setHiddenSeries] = useState39(/* @__PURE__ */ new Set());
-  const toggleSeries = useCallback16((name) => {
-    setHiddenSeries((prev) => {
-      const next = new Set(prev);
-      if (next.has(name)) next.delete(name);
-      else next.add(name);
-      return next;
-    });
-  }, []);
-  const normalizedSeries = useMemo19(() => {
-    if (series && series.length > 0) return series;
-    if (data && data.length > 0) return [{ name: "", data, color, fillColor }];
-    return [];
-  }, [series, data, color, fillColor]);
-  const isMultiSeries = normalizedSeries.length > 1;
-  const { minValue, maxValue, processedSeries, labels } = useMemo19(() => {
-    if (!normalizedSeries.length || !normalizedSeries[0]?.data?.length) {
-      return { minValue: 0, maxValue: 0, processedSeries: [], labels: [] };
-    }
-    const allLabels = normalizedSeries[0].data.map((d) => d.label);
-    const allValues = normalizedSeries.flatMap((s) => s.data.map((d) => d.value));
-    const min = Math.min(...allValues);
-    const max = Math.max(...allValues);
-    const range = max - min || 1;
-    const processed = normalizedSeries.map((s) => {
-      const pts = s.data.map((d, i) => ({
-        x: padding.left + i / (s.data.length - 1 || 1) * chartWidth,
-        y: padding.top + chartHeight - (d.value - min) / range * chartHeight,
-        ...d
-      }));
-      let linePath = "";
-      let areaPath = "";
-      if (curved && pts.length > 2) {
-        linePath = getCatmullRomSpline(pts);
-        areaPath = `${linePath} L ${pts[pts.length - 1].x} ${padding.top + chartHeight} L ${pts[0].x} ${padding.top + chartHeight} Z`;
-      } else {
-        linePath = pts.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ");
-        areaPath = `M ${pts[0].x} ${padding.top + chartHeight} ` + pts.map((p) => `L ${p.x} ${p.y}`).join(" ") + ` L ${pts[pts.length - 1].x} ${padding.top + chartHeight} Z`;
-      }
-      const lineLength = getPathLength(pts);
-      return { ...s, points: pts, linePath, areaPath, lineLength };
-    });
-    return { minValue: min, maxValue: max, processedSeries: processed, labels: allLabels };
-  }, [normalizedSeries, chartWidth, chartHeight, curved, padding.left, padding.top]);
-  const gridLines = useMemo19(() => {
-    const lines = [];
-    const steps = 5;
-    for (let i = 0; i <= steps; i++) {
-      const y = padding.top + i / steps * chartHeight;
-      const value = maxValue - i / steps * (maxValue - minValue);
-      lines.push({ y, value });
-    }
-    return lines;
-  }, [minValue, maxValue, chartHeight, padding.top]);
-  return /* @__PURE__ */ jsxs50(Fragment22, { children: [
-    /* @__PURE__ */ jsxs50("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ jsx58("defs", { children: /* @__PURE__ */ jsx58("clipPath", { id: clipId, children: /* @__PURE__ */ jsx58("rect", { x: padding.left, y: padding.top, width: chartWidth, height: chartHeight }) }) }),
-      showGrid && /* @__PURE__ */ jsx58("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsxs50("g", { children: [
-        /* @__PURE__ */ jsx58("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx58(
-          "text",
-          {
-            x: padding.left - 8,
-            y: line.y + 4,
-            textAnchor: "end",
-            fontSize: "10",
-            fill: "currentColor",
-            className: labelClassName || "text-muted-foreground",
-            children: formatValue ? formatValue(line.value) : line.value.toFixed(0)
-          }
-        )
-      ] }, i)) }),
-      /* @__PURE__ */ jsxs50("g", { clipPath: `url(#${clipId})`, children: [
-        processedSeries.map(
-          (s, si) => s.fillColor && s.areaPath && /* @__PURE__ */ jsx58(
-            "path",
-            {
-              d: s.areaPath,
-              fill: s.fillColor,
-              className: "transition-opacity duration-300",
-              opacity: hiddenSeries.has(s.name) ? 0 : 0.15,
-              style: animated ? { opacity: 0, animation: `fadeIn 0.6s ease-out ${si * 0.1}s forwards` } : void 0
-            },
-            `area-${si}`
-          )
-        ),
-        processedSeries.map((s, si) => /* @__PURE__ */ jsx58(
-          "path",
-          {
-            d: s.linePath,
-            fill: "none",
-            stroke: s.color,
-            strokeWidth: 2,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            className: "transition-opacity duration-300",
-            opacity: hiddenSeries.has(s.name) ? 0 : 1,
-            style: animated ? {
-              strokeDasharray: s.lineLength,
-              strokeDashoffset: s.lineLength,
-              animation: `drawLine 1s ease-out ${si * 0.15}s forwards`
-            } : void 0
-          },
-          `line-${si}`
-        ))
-      ] }),
-      showDots && processedSeries.map(
-        (s, si) => !hiddenSeries.has(s.name) && s.points.map((point, i) => /* @__PURE__ */ jsxs50(
-          "g",
-          {
-            onMouseEnter: () => {
-              if (isMultiSeries) {
-                const items = processedSeries.filter((ps) => !hiddenSeries.has(ps.name)).map((ps) => ({
-                  label: ps.name,
-                  value: ps.points[i]?.value ?? 0,
-                  color: ps.color
-                }));
-                setHoveredPoint({ x: point.x, y: point.y, label: point.label, value: point.value, items });
-              } else {
-                setHoveredPoint({ x: point.x, y: point.y, label: point.label, value: point.value });
-              }
-            },
-            onMouseLeave: () => setHoveredPoint(null),
-            className: "cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx58(
-                "circle",
-                {
-                  cx: point.x,
-                  cy: point.y,
-                  r: hoveredPoint?.x === point.x ? 6 : 4,
-                  fill: s.color,
-                  className: `transition-all duration-150 ${animated ? "animate-[scaleIn_0.3s_ease-out]" : ""}`,
-                  style: animated ? { animationDelay: `${si * 0.15 + i * 0.05}s`, animationFillMode: "both" } : void 0
-                }
-              ),
-              /* @__PURE__ */ jsx58("circle", { cx: point.x, cy: point.y, r: 16, fill: "transparent" }),
-              showValues && /* @__PURE__ */ jsx58(
-                "text",
-                {
-                  x: point.x,
-                  y: point.y - 12,
-                  textAnchor: "middle",
-                  fontSize: "10",
-                  fontWeight: "500",
-                  className: "text-foreground",
-                  fill: "currentColor",
-                  children: formatValue ? formatValue(point.value) : point.value
-                }
-              )
-            ]
-          },
-          `dot-${si}-${i}`
-        ))
-      ),
-      referenceLines.map((ref, i) => {
-        const range = maxValue - minValue || 1;
-        const y = padding.top + chartHeight - (ref.value - minValue) / range * chartHeight;
-        return /* @__PURE__ */ jsxs50("g", { className: "pointer-events-none", children: [
-          /* @__PURE__ */ jsx58(
-            "line",
-            {
-              x1: padding.left,
-              y1: y,
-              x2: padding.left + chartWidth,
-              y2: y,
-              stroke: ref.color || "#ef4444",
-              strokeWidth: 1.5,
-              strokeDasharray: ref.strokeDasharray || "6 4",
-              opacity: 0.7
-            }
-          ),
-          ref.label && /* @__PURE__ */ jsx58("text", { x: padding.left + chartWidth + 4, y: y + 4, fontSize: "10", fill: ref.color || "#ef4444", fontWeight: "500", children: ref.label })
-        ] }, `ref-${i}`);
-      }),
-      hoveredPoint && /* @__PURE__ */ jsx58("g", { className: "pointer-events-none", children: /* @__PURE__ */ jsx58(
-        "line",
-        {
-          x1: hoveredPoint.x,
-          y1: padding.top,
-          x2: hoveredPoint.x,
-          y2: padding.top + chartHeight,
-          stroke: "currentColor",
-          strokeWidth: 1,
-          strokeDasharray: "4 4",
-          opacity: 0.3,
-          className: "text-foreground"
-        }
-      ) }),
-      showLabels && labels.map((lbl, i) => {
-        const x = padding.left + i / (labels.length - 1 || 1) * chartWidth;
-        return /* @__PURE__ */ jsx58(
-          "text",
-          {
-            x,
-            y: height - 10,
-            textAnchor: "middle",
-            fontSize: "10",
-            className: labelClassName || "text-muted-foreground",
-            fill: "currentColor",
-            children: lbl
-          },
-          i
-        );
-      }),
-      /* @__PURE__ */ jsx58("style", { children: `
-          @keyframes drawLine {
-            to { stroke-dashoffset: 0; }
-          }
-          @keyframes scaleIn {
-            from { transform: scale(0); opacity: 0; }
-            to { transform: scale(1); opacity: 1; }
-          }
-          @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 0.15; }
-          }
-        ` })
-    ] }),
-    (showLegend ?? isMultiSeries) && isMultiSeries && /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-center gap-6 mt-2", children: normalizedSeries.map((s, i) => /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2 text-sm cursor-pointer select-none", onClick: () => toggleSeries(s.name), children: [
-      /* @__PURE__ */ jsx58(
-        "div",
-        {
-          className: "w-3 h-3 rounded-md transition-opacity",
-          style: { backgroundColor: s.color, opacity: hiddenSeries.has(s.name) ? 0.3 : 1 }
-        }
-      ),
-      /* @__PURE__ */ jsx58("span", { className: hiddenSeries.has(s.name) ? "text-muted-foreground/40 line-through" : "text-muted-foreground", children: s.name })
-    ] }, i)) }),
-    /* @__PURE__ */ jsx58(
-      ChartTooltip,
-      {
-        x: hoveredPoint?.x ?? 0,
-        y: hoveredPoint?.y ?? 0,
-        visible: !!hoveredPoint,
-        label: hoveredPoint?.label,
-        value: !isMultiSeries ? hoveredPoint?.value : void 0,
-        items: isMultiSeries ? hoveredPoint?.items : void 0,
-        color: !isMultiSeries ? processedSeries[0]?.color || color : void 0,
-        containerRef: svgRef,
-        formatter: formatValue ? (v) => formatValue(Number(v)) : void 0
-      }
-    )
-  ] });
-}
-// src/components/BarChart.tsx
-import { useMemo as useMemo20, useState as useState40, useRef as useRef24 } from "react";
-import { Fragment as Fragment23, jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
-function BarChart({
-  data,
-  series,
-  width = 400,
-  height = 200,
-  color = "currentColor",
-  showLabels = true,
-  showValues = true,
-  showGrid = true,
-  showLegend,
-  horizontal = false,
-  animated = true,
-  stacked = false,
-  barRadius = 4,
-  barGap = 0.3,
-  formatValue,
-  labelClassName,
-  className = ""
-}) {
-  const svgRef = useRef24(null);
-  const padding = useMemo20(
-    () => horizontal ? { top: 20, right: 40, bottom: 20, left: 80 } : { top: 20, right: 20, bottom: 40, left: 40 },
-    [horizontal]
-  );
-  const chartWidth = width - padding.left - padding.right;
-  const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredBar, setHoveredBar] = useState40(null);
-  const normalizedSeries = useMemo20(() => {
-    if (series && series.length > 0) return series;
-    if (data && data.length > 0) return [{ name: "", data, color }];
-    return [];
-  }, [series, data, color]);
-  const isMultiSeries = normalizedSeries.length > 1;
-  const { maxValue, barGroups, gridLines } = useMemo20(() => {
-    if (!normalizedSeries.length || !normalizedSeries[0]?.data?.length) {
-      return { maxValue: 0, barGroups: [], gridLines: [] };
-    }
-    const allLabels = normalizedSeries[0].data.map((d) => d.label);
-    const seriesCount = normalizedSeries.length;
-    const labelCount = allLabels.length;
-    let max = 0;
-    if (stacked) {
-      for (let li = 0; li < labelCount; li++) {
-        const stackVal = normalizedSeries.reduce((sum, s) => sum + (s.data[li]?.value || 0), 0);
-        max = Math.max(max, stackVal);
-      }
-    } else {
-      max = Math.max(...normalizedSeries.flatMap((s) => s.data.map((d) => d.value)));
-    }
-    const groups = allLabels.map((label, li) => {
-      if (horizontal) {
-        const groupH = chartHeight / labelCount;
-        const gap = groupH * barGap;
-        const usable = groupH - gap;
-        if (stacked) {
-          let cum = 0;
-          const bars = normalizedSeries.map((s) => {
-            const val = s.data[li]?.value || 0;
-            const w = val / max * chartWidth;
-            const bar = {
-              x: padding.left + cum,
-              y: padding.top + li * groupH + gap / 2,
-              width: w,
-              height: usable,
-              value: val,
-              color: s.data[li]?.color || s.color,
-              seriesName: s.name,
-              label
-            };
-            cum += w;
-            return bar;
-          });
-          return { label, bars };
-        } else {
-          const bH = usable / seriesCount;
-          const bars = normalizedSeries.map((s, si) => {
-            const val = s.data[li]?.value || 0;
-            return {
-              x: padding.left,
-              y: padding.top + li * groupH + gap / 2 + si * bH,
-              width: val / max * chartWidth,
-              height: bH,
-              value: val,
-              color: s.data[li]?.color || s.color,
-              seriesName: s.name,
-              label
-            };
-          });
-          return { label, bars };
-        }
-      } else {
-        const groupW = chartWidth / labelCount;
-        const gap = groupW * barGap;
-        const usable = groupW - gap;
-        if (stacked) {
-          let cum = 0;
-          const bars = normalizedSeries.map((s) => {
-            const val = s.data[li]?.value || 0;
-            const h = val / max * chartHeight;
-            const bar = {
-              x: padding.left + li * groupW + gap / 2,
-              y: padding.top + chartHeight - cum - h,
-              width: usable,
-              height: h,
-              value: val,
-              color: s.data[li]?.color || s.color,
-              seriesName: s.name,
-              label
-            };
-            cum += h;
-            return bar;
-          });
-          return { label, bars };
-        } else {
-          const bW = usable / seriesCount;
-          const bars = normalizedSeries.map((s, si) => {
-            const val = s.data[li]?.value || 0;
-            return {
-              x: padding.left + li * groupW + gap / 2 + si * bW,
-              y: padding.top + chartHeight - val / max * chartHeight,
-              width: bW,
-              height: val / max * chartHeight,
-              value: val,
-              color: s.data[li]?.color || s.color,
-              seriesName: s.name,
-              label
-            };
-          });
-          return { label, bars };
-        }
-      }
-    });
-    const lines = [];
-    const steps = 5;
-    for (let i = 0; i <= steps; i++) {
-      const value = i / steps * max;
-      if (horizontal) {
-        lines.push({ x: padding.left + i / steps * chartWidth, y1: padding.top, y2: height - padding.bottom, value });
-      } else {
-        lines.push({ y: padding.top + chartHeight - i / steps * chartHeight, x1: padding.left, x2: width - padding.right, value });
-      }
-    }
-    return { maxValue: max, barGroups: groups, gridLines: lines };
-  }, [normalizedSeries, chartWidth, chartHeight, horizontal, stacked, barGap, padding, width, height]);
-  return /* @__PURE__ */ jsxs51(Fragment23, { children: [
-    /* @__PURE__ */ jsxs51("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ jsx59("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsx59("g", { children: horizontal ? /* @__PURE__ */ jsxs51(Fragment23, { children: [
-        /* @__PURE__ */ jsx59("line", { x1: line.x, y1: line.y1, x2: line.x, y2: line.y2, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx59(
-          "text",
-          {
-            x: line.x,
-            y: height - 8,
-            textAnchor: "middle",
-            fontSize: "10",
-            className: labelClassName || "text-muted-foreground",
-            fill: "currentColor",
-            children: formatValue ? formatValue(line.value) : line.value.toFixed(0)
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxs51(Fragment23, { children: [
-        /* @__PURE__ */ jsx59("line", { x1: line.x1, y1: line.y, x2: line.x2, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx59(
-          "text",
-          {
-            x: padding.left - 8,
-            y: line.y + 4,
-            textAnchor: "end",
-            fontSize: "10",
-            className: labelClassName || "text-muted-foreground",
-            fill: "currentColor",
-            children: formatValue ? formatValue(line.value) : line.value.toFixed(0)
-          }
-        )
-      ] }) }, i)) }),
-      barGroups.map((group, gi) => /* @__PURE__ */ jsxs51("g", { children: [
-        group.bars.map((bar, bi) => {
-          const animDelay = gi * 0.08 + bi * 0.04;
-          return /* @__PURE__ */ jsxs51(
-            "g",
-            {
-              onMouseEnter: () => setHoveredBar({
-                x: horizontal ? bar.x + bar.width : bar.x + bar.width / 2,
-                y: horizontal ? bar.y + bar.height / 2 : bar.y,
-                label: bar.label,
-                value: bar.value,
-                color: bar.color,
-                seriesName: bar.seriesName
-              }),
-              onMouseLeave: () => setHoveredBar(null),
-              className: "cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsxs51(
-                  "rect",
-                  {
-                    x: bar.x,
-                    y: bar.y,
-                    width: bar.width,
-                    height: bar.height,
-                    rx: barRadius,
-                    ry: barRadius,
-                    fill: bar.color,
-                    className: `transition-all duration-150 ${hoveredBar?.label === bar.label && hoveredBar?.seriesName === bar.seriesName ? "opacity-80" : ""}`,
-                    style: animated ? {
-                      animation: horizontal ? `growWidth 0.5s ease-out ${animDelay}s forwards` : `growHeight 0.5s ease-out ${animDelay}s forwards`,
-                      ...horizontal ? { width: 0 } : { height: 0, y: padding.top + chartHeight }
-                    } : void 0,
-                    children: [
-                      /* @__PURE__ */ jsx59(
-                        "animate",
-                        {
-                          attributeName: horizontal ? "width" : "height",
-                          from: "0",
-                          to: horizontal ? bar.width : bar.height,
-                          dur: "0.5s",
-                          begin: `${animDelay}s`,
-                          fill: "freeze"
-                        }
-                      ),
-                      !horizontal && /* @__PURE__ */ jsx59("animate", { attributeName: "y", from: padding.top + chartHeight, to: bar.y, dur: "0.5s", begin: `${animDelay}s`, fill: "freeze" })
-                    ]
-                  }
-                ),
-                showValues && /* @__PURE__ */ jsx59(
-                  "text",
-                  {
-                    x: horizontal ? bar.x + bar.width + 8 : bar.x + bar.width / 2,
-                    y: horizontal ? bar.y + bar.height / 2 + 4 : bar.y - 8,
-                    textAnchor: horizontal ? "start" : "middle",
-                    fontSize: "11",
-                    fontWeight: "500",
-                    className: "text-foreground",
-                    fill: "currentColor",
-                    style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${animDelay + 0.3}s forwards` } : void 0,
-                    children: formatValue ? formatValue(bar.value) : bar.value
-                  }
-                )
-              ]
-            },
-            bi
-          );
-        }),
-        showLabels && /* @__PURE__ */ jsx59(
-          "text",
-          {
-            x: horizontal ? padding.left - 8 : padding.left + (gi + 0.5) * (chartWidth / barGroups.length),
-            y: horizontal ? padding.top + (gi + 0.5) * (chartHeight / barGroups.length) + 4 : height - 10,
-            textAnchor: horizontal ? "end" : "middle",
-            fontSize: "10",
-            className: labelClassName || "text-muted-foreground",
-            fill: "currentColor",
-            children: group.label
-          }
-        )
-      ] }, gi)),
-      /* @__PURE__ */ jsx59("style", { children: `
-          @keyframes growHeight {
-            from { height: 0; }
-          }
-          @keyframes growWidth {
-            from { width: 0; }
-          }
-          @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-          }
-        ` })
-    ] }),
-    (showLegend ?? isMultiSeries) && isMultiSeries && /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center gap-6 mt-2", children: normalizedSeries.map((s, i) => /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsx59("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsx59("span", { className: "text-muted-foreground", children: s.name })
-    ] }, i)) }),
-    /* @__PURE__ */ jsx59(
-      ChartTooltip,
-      {
-        x: hoveredBar?.x ?? 0,
-        y: hoveredBar?.y ?? 0,
-        visible: !!hoveredBar,
-        label: hoveredBar?.seriesName ? `${hoveredBar.label} \u2014 ${hoveredBar.seriesName}` : hoveredBar?.label,
-        value: hoveredBar?.value,
-        color: hoveredBar?.color,
-        containerRef: svgRef,
-        formatter: formatValue ? (v) => formatValue(Number(v)) : void 0
-      }
-    )
-  ] });
-}
-// src/components/PieChart.tsx
-import { useMemo as useMemo21, useState as useState41, useRef as useRef25 } from "react";
-import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
-function PieChart({
-  data,
-  size = 200,
-  donut = false,
-  donutWidth = 40,
-  showLabels = true,
-  showLegend = true,
-  showPercentage = true,
-  animated = true,
-  startAngle = -90,
-  renderCenter,
-  formatValue,
-  labelClassName,
-  className = ""
-}) {
-  const containerRef = useRef25(null);
-  const center = size / 2;
-  const radius = size / 2 - 10;
-  const innerRadius = donut ? radius - donutWidth : 0;
-  const { segments, total } = useMemo21(() => {
-    if (!data.length) return { segments: [], total: 0 };
-    const sum = data.reduce((acc, d) => acc + d.value, 0);
-    let currentAngle = startAngle;
-    const segs = data.map((d, i) => {
-      const percentage = d.value / sum;
-      const angle = percentage * 360;
-      const startRad = currentAngle * Math.PI / 180;
-      const endRad = (currentAngle + angle) * Math.PI / 180;
-      const midRad = (currentAngle + angle / 2) * Math.PI / 180;
-      const largeArc = angle > 180 ? 1 : 0;
-      const x1 = center + radius * Math.cos(startRad);
-      const y1 = center + radius * Math.sin(startRad);
-      const x2 = center + radius * Math.cos(endRad);
-      const y2 = center + radius * Math.sin(endRad);
-      const x3 = center + innerRadius * Math.cos(endRad);
-      const y3 = center + innerRadius * Math.sin(endRad);
-      const x4 = center + innerRadius * Math.cos(startRad);
-      const y4 = center + innerRadius * Math.sin(startRad);
-      const labelRadius = radius + 20;
-      const labelX = center + labelRadius * Math.cos(midRad);
-      const labelY = center + labelRadius * Math.sin(midRad);
-      let path;
-      if (donut) {
-        path = [
-          `M ${x1} ${y1}`,
-          `A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2}`,
-          `L ${x3} ${y3}`,
-          `A ${innerRadius} ${innerRadius} 0 ${largeArc} 0 ${x4} ${y4}`,
-          "Z"
-        ].join(" ");
-      } else {
-        path = [`M ${center} ${center}`, `L ${x1} ${y1}`, `A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2}`, "Z"].join(" ");
-      }
-      currentAngle += angle;
-      return {
-        path,
-        ...d,
-        percentage,
-        labelX,
-        labelY,
-        midAngle: currentAngle - angle / 2
-      };
-    });
-    return { segments: segs, total: sum };
-  }, [data, center, radius, innerRadius, donut, startAngle]);
-  const [hoveredSegment, setHoveredSegment] = useState41(null);
-  return /* @__PURE__ */ jsxs52("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
-    /* @__PURE__ */ jsxs52("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ jsxs52("g", { transform: `translate(20, 20)`, children: [
-        segments.map((seg, i) => /* @__PURE__ */ jsxs52(
-          "g",
-          {
-            onMouseEnter: () => setHoveredSegment({
-              x: seg.labelX + 20,
-              y: seg.labelY + 20,
-              label: seg.label,
-              value: seg.value,
-              percentage: seg.percentage,
-              color: seg.color
-            }),
-            onMouseLeave: () => setHoveredSegment(null),
-            children: [
-              /* @__PURE__ */ jsx60(
-                "path",
-                {
-                  d: seg.path,
-                  fill: seg.color,
-                  className: `transition-all duration-150 cursor-pointer ${hoveredSegment?.label === seg.label ? "opacity-80" : ""}`,
-                  style: {
-                    transformOrigin: `${center}px ${center}px`,
-                    transform: hoveredSegment?.label === seg.label ? "scale(1.05)" : "scale(1)",
-                    ...animated ? {
-                      opacity: hoveredSegment?.label === seg.label ? 0.8 : 0,
-                      animation: `pieSlice 0.5s ease-out ${i * 0.1}s forwards`
-                    } : void 0
-                  }
-                }
-              ),
-              showLabels && /* @__PURE__ */ jsx60(
-                "text",
-                {
-                  x: seg.labelX,
-                  y: seg.labelY,
-                  textAnchor: seg.labelX > center ? "start" : "end",
-                  fontSize: "10",
-                  className: labelClassName || "text-foreground",
-                  fill: "currentColor",
-                  style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.3}s forwards` } : void 0,
-                  children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : formatValue ? formatValue(seg.value) : seg.value
-                }
-              )
-            ]
-          },
-          i
-        )),
-        donut && (renderCenter ? /* @__PURE__ */ jsx60("foreignObject", { x: center - donutWidth, y: center - donutWidth / 2, width: donutWidth * 2, height: donutWidth, children: /* @__PURE__ */ jsx60("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: renderCenter(total) }) }) : /* @__PURE__ */ jsxs52("g", { children: [
-          /* @__PURE__ */ jsx60("text", { x: center, y: center - 5, textAnchor: "middle", fontSize: "12", className: "text-muted-foreground", fill: "currentColor", children: "Total" }),
-          /* @__PURE__ */ jsx60("text", { x: center, y: center + 15, textAnchor: "middle", fontSize: "18", fontWeight: "600", className: "text-foreground", fill: "currentColor", children: formatValue ? formatValue(total) : total })
-        ] }))
-      ] }),
-      /* @__PURE__ */ jsx60("style", { children: `
-          @keyframes pieSlice {
-            from {
-              opacity: 0;
-              transform: scale(0);
-            }
-            to {
-              opacity: 1;
-              transform: scale(1);
-            }
-          }
-          @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-          }
-        ` })
-    ] }),
-    showLegend && /* @__PURE__ */ jsx60("div", { className: "flex flex-col gap-2", children: segments.map((seg, i) => /* @__PURE__ */ jsxs52(
-      "div",
-      {
-        className: "flex items-center gap-2 text-sm",
-        style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.3}s forwards` } : void 0,
-        children: [
-          /* @__PURE__ */ jsx60("div", { className: "w-3 h-3 rounded-md shrink-0", style: { backgroundColor: seg.color } }),
-          /* @__PURE__ */ jsx60("span", { className: "text-muted-foreground", children: seg.label }),
-          /* @__PURE__ */ jsx60("span", { className: "text-foreground font-medium ml-auto", children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : formatValue ? formatValue(seg.value) : seg.value })
-        ]
-      },
-      i
-    )) }),
-    /* @__PURE__ */ jsx60(
-      ChartTooltip,
-      {
-        x: hoveredSegment?.x ?? center,
-        y: hoveredSegment?.y ?? center,
-        visible: !!hoveredSegment,
-        label: hoveredSegment?.label,
-        value: `${hoveredSegment?.value} (${((hoveredSegment?.percentage ?? 0) * 100).toFixed(1)}%)`,
-        color: hoveredSegment?.color,
-        containerRef
-      }
-    )
-  ] });
-}
-// src/components/AreaChart.tsx
-import { useMemo as useMemo22, useState as useState42, useRef as useRef26, useCallback as useCallback18 } from "react";
-import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
-function AreaChart({
-  series,
-  width = 400,
-  height = 200,
-  showDots = true,
-  showGrid = true,
-  showLabels = true,
-  showLegend = true,
-  animated = true,
-  stacked = false,
-  curved = true,
-  formatValue,
-  emptyText = "No data",
-  labelClassName,
-  className = ""
-}) {
-  const containerRef = useRef26(null);
-  const clipId = useRef26(`area-clip-${Math.random().toString(36).slice(2, 8)}`).current;
-  const padding = useMemo22(() => ({ top: 20, right: 20, bottom: 40, left: 50 }), []);
-  const chartWidth = width - padding.left - padding.right;
-  const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredPoint, setHoveredPoint] = useState42(null);
-  const [hiddenSeries, setHiddenSeries] = useState42(/* @__PURE__ */ new Set());
-  const toggleSeries = useCallback18((name) => {
-    setHiddenSeries((prev) => {
-      const next = new Set(prev);
-      if (next.has(name)) next.delete(name);
-      else next.add(name);
-      return next;
-    });
-  }, []);
-  const { processedSeries, gridLines, maxValue, labels } = useMemo22(() => {
-    if (!series.length || !series[0]?.data?.length) {
-      return { processedSeries: [], gridLines: [], maxValue: 0, labels: [] };
-    }
-    const allLabels = series[0].data.map((d) => d.label);
-    const dataLength = series[0].data.length;
-    let max = 0;
-    if (stacked) {
-      for (let i = 0; i < dataLength; i++) {
-        const stackedValue = series.reduce((sum, s) => sum + (s.data[i]?.value || 0), 0);
-        max = Math.max(max, stackedValue);
-      }
-    } else {
-      max = Math.max(...series.flatMap((s) => s.data.map((d) => d.value)));
-    }
-    const processed = series.map((s, seriesIndex) => {
-      const points = s.data.map((d, i) => {
-        const x = padding.left + i / (dataLength - 1) * chartWidth;
-        let y;
-        if (stacked && seriesIndex > 0) {
-          const stackedBase = series.slice(0, seriesIndex).reduce((sum, prevS) => sum + (prevS.data[i]?.value || 0), 0);
-          const stackedValue = stackedBase + d.value;
-          y = padding.top + chartHeight - stackedValue / max * chartHeight;
-        } else {
-          y = padding.top + chartHeight - d.value / max * chartHeight;
-        }
-        return { x, y, value: d.value, label: d.label };
-      });
-      const linePath = curved ? getCatmullRomSpline(points) : `M ${points.map((p) => `${p.x} ${p.y}`).join(" L ")}`;
-      let areaPath;
-      if (stacked && seriesIndex > 0) {
-        const prevSeriesPoints = series.slice(0, seriesIndex).reduce((acc, prevS) => {
-          return prevS.data.map((d, i) => {
-            const prevVal = acc[i] || 0;
-            return prevVal + d.value;
-          });
-        }, []).map((val, i) => ({
-          x: padding.left + i / (dataLength - 1) * chartWidth,
-          y: padding.top + chartHeight - val / max * chartHeight
-        }));
-        const reversedPrevPoints = [...prevSeriesPoints].reverse();
-        areaPath = `${linePath} L ${reversedPrevPoints.map((p) => `${p.x} ${p.y}`).join(" L ")} Z`;
-      } else {
-        areaPath = `${linePath} L ${padding.left + chartWidth} ${padding.top + chartHeight} L ${padding.left} ${padding.top + chartHeight} Z`;
-      }
-      return {
-        ...s,
-        points,
-        linePath,
-        areaPath,
-        lineLength: points.reduce((acc, p, i) => {
-          if (i === 0) return 0;
-          const prev = points[i - 1];
-          return acc + Math.sqrt(Math.pow(p.x - prev.x, 2) + Math.pow(p.y - prev.y, 2));
-        }, 0)
-      };
-    });
-    const lines = [];
-    const steps = 5;
-    for (let i = 0; i <= steps; i++) {
-      const value = i / steps * max;
-      lines.push({
-        y: padding.top + chartHeight - i / steps * chartHeight,
-        value
-      });
-    }
-    return { processedSeries: processed, gridLines: lines, maxValue: max, labels: allLabels };
-  }, [series, chartWidth, chartHeight, padding, stacked, curved]);
-  return /* @__PURE__ */ jsxs53("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs53("svg", { width, height, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ jsx61("defs", { children: /* @__PURE__ */ jsx61("clipPath", { id: clipId, children: /* @__PURE__ */ jsx61("rect", { x: padding.left, y: padding.top, width: chartWidth, height: chartHeight }) }) }),
-      showGrid && /* @__PURE__ */ jsx61("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsxs53("g", { children: [
-        /* @__PURE__ */ jsx61("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx61(
-          "text",
-          {
-            x: padding.left - 8,
-            y: line.y + 4,
-            textAnchor: "end",
-            fontSize: "10",
-            className: labelClassName || "text-muted-foreground",
-            fill: "currentColor",
-            children: formatValue ? formatValue(line.value) : line.value.toFixed(0)
-          }
-        )
-      ] }, i)) }),
-      /* @__PURE__ */ jsx61("g", { clipPath: `url(#${clipId})`, children: [...processedSeries].reverse().map((s, i) => /* @__PURE__ */ jsx61(
-        "path",
-        {
-          d: s.areaPath,
-          fill: s.color,
-          fillOpacity: hiddenSeries.has(s.name) ? 0 : s.fillOpacity ?? 0.3,
-          className: "transition-all duration-300",
-          style: animated ? {
-            opacity: 0,
-            animation: `fadeIn 0.5s ease-out ${i * 0.1}s forwards`
-          } : void 0
-        },
-        `area-${i}`
-      )) }),
-      /* @__PURE__ */ jsx61("g", { clipPath: `url(#${clipId})`, children: processedSeries.map((s, i) => /* @__PURE__ */ jsx61(
-        "path",
-        {
-          d: s.linePath,
-          fill: "none",
-          stroke: s.color,
-          strokeWidth: 2,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "transition-opacity duration-300",
-          opacity: hiddenSeries.has(s.name) ? 0 : 1,
-          style: animated ? {
-            strokeDasharray: s.lineLength,
-            strokeDashoffset: s.lineLength,
-            animation: `drawLine 1s ease-out ${i * 0.1}s forwards`
-          } : void 0
-        },
-        `line-${i}`
-      )) }),
-      showDots && processedSeries.map(
-        (s, seriesIdx) => !hiddenSeries.has(s.name) && s.points.map((point, i) => /* @__PURE__ */ jsxs53(
-          "g",
-          {
-            onMouseEnter: () => {
-              const items = processedSeries.map((ps) => ({
-                label: ps.name,
-                value: ps.points[i]?.value ?? 0,
-                color: ps.color
-              }));
-              setHoveredPoint({
-                x: point.x,
-                y: point.y,
-                label: point.label,
-                items
-              });
-            },
-            onMouseLeave: () => setHoveredPoint(null),
-            className: "cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx61(
-                "circle",
-                {
-                  cx: point.x,
-                  cy: point.y,
-                  r: hoveredPoint?.x === point.x ? 6 : 4,
-                  fill: s.color,
-                  className: "transition-all duration-150",
-                  style: animated ? {
-                    transform: "scale(0)",
-                    opacity: 0,
-                    transformOrigin: `${point.x}px ${point.y}px`,
-                    animation: `dotPop 0.3s ease-out ${seriesIdx * 0.1 + i * 0.05 + 0.5}s forwards`
-                  } : void 0
-                }
-              ),
-              /* @__PURE__ */ jsx61("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
-            ]
-          },
-          `dot-${seriesIdx}-${i}`
-        ))
-      ),
-      showLabels && /* @__PURE__ */ jsx61("g", { className: labelClassName || "text-muted-foreground", children: labels.map((label, i) => {
-        const x = padding.left + i / (labels.length - 1) * chartWidth;
-        return /* @__PURE__ */ jsx61("text", { x, y: height - 10, textAnchor: "middle", fontSize: "10", fill: "currentColor", children: label }, i);
-      }) }),
-      hoveredPoint && /* @__PURE__ */ jsx61("g", { className: "pointer-events-none", children: /* @__PURE__ */ jsx61(
-        "line",
-        {
-          x1: hoveredPoint.x,
-          y1: padding.top,
-          x2: hoveredPoint.x,
-          y2: padding.top + chartHeight,
-          stroke: "currentColor",
-          strokeWidth: 1,
-          strokeDasharray: "4 4",
-          opacity: 0.3,
-          className: "text-foreground"
-        }
-      ) }),
-      /* @__PURE__ */ jsx61("style", { children: `
-          @keyframes drawLine {
-            to {
-              stroke-dashoffset: 0;
-            }
-          }
-          @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-          }
-          @keyframes dotPop {
-            from {
-              transform: scale(0);
-              opacity: 0;
-            }
-            to {
-              transform: scale(1);
-              opacity: 1;
-            }
-          }
-        ` })
-    ] }),
-    showLegend && /* @__PURE__ */ jsx61("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ jsxs53(
-      "div",
-      {
-        className: "flex items-center gap-2 text-sm cursor-pointer select-none",
-        style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.5}s forwards` } : void 0,
-        onClick: () => toggleSeries(s.name),
-        children: [
-          /* @__PURE__ */ jsx61(
-            "div",
-            {
-              className: "w-3 h-3 rounded-md transition-opacity",
-              style: { backgroundColor: s.color, opacity: hiddenSeries.has(s.name) ? 0.3 : 1 }
-            }
-          ),
-          /* @__PURE__ */ jsx61("span", { className: hiddenSeries.has(s.name) ? "text-muted-foreground/40 line-through" : "text-muted-foreground", children: s.name })
-        ]
-      },
-      i
-    )) }),
-    /* @__PURE__ */ jsx61(
-      ChartTooltip,
-      {
-        x: hoveredPoint?.x ?? 0,
-        y: hoveredPoint?.y ?? 0,
-        visible: !!hoveredPoint,
-        label: hoveredPoint?.label,
-        items: hoveredPoint?.items,
-        containerRef
-      }
-    )
-  ] });
-}
-// src/components/Sparkline.tsx
-import { useMemo as useMemo23 } from "react";
-import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
-function Sparkline({
-  data,
-  width = 100,
-  height = 30,
-  color = "currentColor",
-  fillColor,
-  showFill = true,
-  showDots = false,
-  showEndDot = true,
-  animated = true,
-  curved = true,
-  strokeWidth = 2,
-  className = ""
-}) {
-  const padding = 4;
-  const chartWidth = width - padding * 2;
-  const chartHeight = height - padding * 2;
-  const { points, linePath, areaPath, lineLength, trend } = useMemo23(() => {
-    const normalizedData = data.map((d) => typeof d === "number" ? d : d.value);
-    if (!normalizedData.length) {
-      return { points: [], linePath: "", areaPath: "", lineLength: 0, trend: 0 };
-    }
-    const min = Math.min(...normalizedData);
-    const max = Math.max(...normalizedData);
-    const range = max - min || 1;
-    const pts = normalizedData.map((value, i) => ({
-      x: padding + i / (normalizedData.length - 1) * chartWidth,
-      y: padding + chartHeight - (value - min) / range * chartHeight,
-      value
-    }));
-    const line = curved ? getCatmullRomSpline(pts) : `M ${pts.map((p) => `${p.x} ${p.y}`).join(" L ")}`;
-    const area = `${line} L ${padding + chartWidth} ${padding + chartHeight} L ${padding} ${padding + chartHeight} Z`;
-    const length = pts.reduce((acc, p, i) => {
-      if (i === 0) return 0;
-      const prev = pts[i - 1];
-      return acc + Math.sqrt(Math.pow(p.x - prev.x, 2) + Math.pow(p.y - prev.y, 2));
-    }, 0);
-    const trendValue = normalizedData[normalizedData.length - 1] - normalizedData[0];
-    return { points: pts, linePath: line, areaPath: area, lineLength: length, trend: trendValue };
-  }, [data, chartWidth, chartHeight, padding, curved]);
-  const effectiveFillColor = fillColor || color;
-  return /* @__PURE__ */ jsxs54("svg", { width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    showFill && /* @__PURE__ */ jsx62(
-      "path",
-      {
-        d: areaPath,
-        fill: effectiveFillColor,
-        fillOpacity: 0.1,
-        style: animated ? { opacity: 0, animation: "fadeIn 0.5s ease-out 0.3s forwards" } : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx62(
-      "path",
-      {
-        d: linePath,
-        fill: "none",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        style: animated ? {
-          strokeDasharray: lineLength,
-          strokeDashoffset: lineLength,
-          animation: "drawLine 0.8s ease-out forwards"
-        } : void 0
-      }
-    ),
-    showDots && points.map((point, i) => /* @__PURE__ */ jsx62(
-      "circle",
-      {
-        cx: point.x,
-        cy: point.y,
-        r: 2,
-        fill: color,
-        style: animated ? {
-          opacity: 0,
-          animation: `fadeIn 0.3s ease-out ${i * 0.05 + 0.5}s forwards`
-        } : void 0
-      },
-      i
-    )),
-    showEndDot && !showDots && points.length > 0 && /* @__PURE__ */ jsx62(
-      "circle",
-      {
-        cx: points[points.length - 1].x,
-        cy: points[points.length - 1].y,
-        r: 3,
-        fill: color,
-        style: animated ? {
-          opacity: 0,
-          transform: "scale(0)",
-          transformOrigin: `${points[points.length - 1].x}px ${points[points.length - 1].y}px`,
-          animation: "dotPop 0.3s ease-out 0.6s forwards"
-        } : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx62("style", { children: `
-        @keyframes drawLine {
-          to {
-            stroke-dashoffset: 0;
-          }
-        }
-        @keyframes fadeIn {
-          from { opacity: 0; }
-          to { opacity: 1; }
-        }
-        @keyframes dotPop {
-          from {
-            transform: scale(0);
-            opacity: 0;
-          }
-          to {
-            transform: scale(1);
-            opacity: 1;
-          }
-        }
-      ` })
-  ] });
-}
-// src/components/RadarChart.tsx
-import { useMemo as useMemo24, useState as useState43, useRef as useRef27, useCallback as useCallback19 } from "react";
-import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
-function RadarChart({
-  series,
-  size = 300,
-  levels = 5,
-  showLabels = true,
-  showLegend = true,
-  showValues = false,
-  animated = true,
-  formatValue,
-  labelClassName,
-  className = ""
-}) {
-  const containerRef = useRef27(null);
-  const center = size / 2;
-  const radius = size / 2 - 40;
-  const [hoveredPoint, setHoveredPoint] = useState43(null);
-  const [hiddenSeries, setHiddenSeries] = useState43(/* @__PURE__ */ new Set());
-  const toggleSeries = useCallback19((name) => {
-    setHiddenSeries((prev) => {
-      const next = new Set(prev);
-      if (next.has(name)) next.delete(name);
-      else next.add(name);
-      return next;
-    });
-  }, []);
-  const { axes, processedSeries, levelPaths } = useMemo24(() => {
-    if (!series.length || !series[0]?.data?.length) {
-      return { axes: [], processedSeries: [], levelPaths: [] };
-    }
-    const axisLabels = series[0].data.map((d) => d.axis);
-    const axisCount = axisLabels.length;
-    const angleStep = 2 * Math.PI / axisCount;
-    const maxValue = Math.max(...series.flatMap((s) => s.data.map((d) => d.value)));
-    const axesData = axisLabels.map((label, i) => {
-      const angle = i * angleStep - Math.PI / 2;
-      const x = center + radius * Math.cos(angle);
-      const y = center + radius * Math.sin(angle);
-      const labelX = center + (radius + 20) * Math.cos(angle);
-      const labelY = center + (radius + 20) * Math.sin(angle);
-      return { label, x, y, labelX, labelY, angle };
-    });
-    const levelsData = [];
-    for (let l = 1; l <= levels; l++) {
-      const levelRadius = l / levels * radius;
-      const points = axisLabels.map((_, i) => {
-        const angle = i * angleStep - Math.PI / 2;
-        return {
-          x: center + levelRadius * Math.cos(angle),
-          y: center + levelRadius * Math.sin(angle)
-        };
-      });
-      levelsData.push({
-        path: `M ${points.map((p) => `${p.x} ${p.y}`).join(" L ")} Z`,
-        level: l,
-        value: l / levels * maxValue
-      });
-    }
-    const processed = series.map((s) => {
-      const points = s.data.map((d, i) => {
-        const angle = i * angleStep - Math.PI / 2;
-        const r = d.value / maxValue * radius;
-        return {
-          x: center + r * Math.cos(angle),
-          y: center + r * Math.sin(angle),
-          value: d.value
-        };
-      });
-      return {
-        ...s,
-        points,
-        path: `M ${points.map((p) => `${p.x} ${p.y}`).join(" L ")} Z`
-      };
-    });
-    return { axes: axesData, processedSeries: processed, levelPaths: levelsData };
-  }, [series, center, radius, levels]);
-  return /* @__PURE__ */ jsxs55("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs55("svg", { width: size, height: size, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ jsx63("g", { className: "text-muted-foreground/20", children: levelPaths.map((level, i) => /* @__PURE__ */ jsx63("path", { d: level.path, fill: "none", stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      /* @__PURE__ */ jsx63("g", { className: "text-muted-foreground/30", children: axes.map((axis, i) => /* @__PURE__ */ jsx63("line", { x1: center, y1: center, x2: axis.x, y2: axis.y, stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      processedSeries.map(
-        (s, i) => !hiddenSeries.has(s.name) && /* @__PURE__ */ jsxs55("g", { children: [
-          /* @__PURE__ */ jsx63(
-            "path",
-            {
-              d: s.path,
-              fill: s.color,
-              fillOpacity: s.fillOpacity ?? 0.2,
-              stroke: s.color,
-              strokeWidth: 2,
-              strokeLinejoin: "round",
-              className: "transition-all duration-300",
-              style: animated ? {
-                opacity: 0,
-                transform: "scale(0)",
-                transformOrigin: `${center}px ${center}px`,
-                animation: `radarPop 0.5s ease-out ${i * 0.15}s forwards`
-              } : void 0
-            }
-          ),
-          s.points.map((point, j) => /* @__PURE__ */ jsxs55(
-            "g",
-            {
-              onMouseEnter: () => {
-                const items = processedSeries.map((ps) => ({
-                  label: ps.name,
-                  value: ps.points[j]?.value ?? 0,
-                  color: ps.color
-                }));
-                setHoveredPoint({
-                  x: point.x,
-                  y: point.y,
-                  axis: series[0]?.data[j]?.axis ?? "",
-                  items
-                });
-              },
-              onMouseLeave: () => setHoveredPoint(null),
-              className: "cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx63(
-                  "circle",
-                  {
-                    cx: point.x,
-                    cy: point.y,
-                    r: hoveredPoint?.axis === series[0]?.data[j]?.axis ? 6 : 4,
-                    fill: s.color,
-                    className: "transition-all duration-150",
-                    style: animated ? {
-                      opacity: 0,
-                      transform: "scale(0)",
-                      transformOrigin: `${point.x}px ${point.y}px`,
-                      animation: `dotPop 0.3s ease-out ${i * 0.15 + j * 0.05 + 0.3}s forwards`
-                    } : void 0
-                  }
-                ),
-                /* @__PURE__ */ jsx63("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
-              ]
-            },
-            j
-          )),
-          showValues && s.points.map((point, j) => /* @__PURE__ */ jsx63(
-            "text",
-            {
-              x: point.x,
-              y: point.y - 10,
-              textAnchor: "middle",
-              fontSize: "10",
-              fontWeight: "500",
-              className: "text-foreground",
-              fill: "currentColor",
-              style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.15 + 0.5}s forwards` } : void 0,
-              children: point.value
-            },
-            `val-${j}`
-          ))
-        ] }, i)
-      ),
-      showLabels && /* @__PURE__ */ jsx63("g", { className: labelClassName || "text-muted-foreground", children: axes.map((axis, i) => /* @__PURE__ */ jsx63("text", { x: axis.labelX, y: axis.labelY, textAnchor: "middle", dominantBaseline: "middle", fontSize: "11", fill: "currentColor", children: axis.label }, i)) }),
-      /* @__PURE__ */ jsx63("style", { children: `
-          @keyframes radarPop {
-            from {
-              opacity: 0;
-              transform: scale(0);
-            }
-            to {
-              opacity: 1;
-              transform: scale(1);
-            }
-          }
-          @keyframes dotPop {
-            from {
-              transform: scale(0);
-              opacity: 0;
-            }
-            to {
-              transform: scale(1);
-              opacity: 1;
-            }
-          }
-          @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-          }
-        ` })
-    ] }),
-    showLegend && /* @__PURE__ */ jsx63("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ jsxs55(
-      "div",
-      {
-        className: "flex items-center gap-2 text-sm cursor-pointer select-none",
-        style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.5}s forwards` } : void 0,
-        onClick: () => toggleSeries(s.name),
-        children: [
-          /* @__PURE__ */ jsx63(
-            "div",
-            {
-              className: "w-3 h-3 rounded-md transition-opacity",
-              style: { backgroundColor: s.color, opacity: hiddenSeries.has(s.name) ? 0.3 : 1 }
-            }
-          ),
-          /* @__PURE__ */ jsx63("span", { className: hiddenSeries.has(s.name) ? "text-muted-foreground/40 line-through" : "text-muted-foreground", children: s.name })
-        ]
-      },
-      i
-    )) }),
-    /* @__PURE__ */ jsx63(
-      ChartTooltip,
-      {
-        x: hoveredPoint?.x ?? 0,
-        y: hoveredPoint?.y ?? 0,
-        visible: !!hoveredPoint,
-        label: hoveredPoint?.axis,
-        items: hoveredPoint?.items,
-        containerRef
-      }
-    )
-  ] });
-}
-// src/components/GaugeChart.tsx
-import { useMemo as useMemo25 } from "react";
-import { jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
-function GaugeChart({
-  value,
-  min = 0,
-  max = 100,
-  size = 200,
-  thickness = 20,
-  color = "currentColor",
-  backgroundColor,
-  showValue = true,
-  showMinMax = true,
-  label,
-  animated = true,
-  startAngle = -135,
-  endAngle = 135,
-  zones,
-  formatValue,
-  labelClassName,
-  className = ""
-}) {
-  const center = size / 2;
-  const radius = center - thickness / 2 - 10;
-  const { backgroundPath, valuePath, percentage, needleAngle, zonePaths } = useMemo25(() => {
-    const normalizedValue = Math.min(Math.max(value, min), max);
-    const pct = (normalizedValue - min) / (max - min);
-    const totalAngle = endAngle - startAngle;
-    const currentAngle = startAngle + pct * totalAngle;
-    const polarToCartesian = (angle) => {
-      const radians = angle * Math.PI / 180;
-      return {
-        x: center + radius * Math.cos(radians),
-        y: center + radius * Math.sin(radians)
-      };
-    };
-    const createArc = (start, end) => {
-      const startPoint = polarToCartesian(start);
-      const endPoint = polarToCartesian(end);
-      const largeArc = Math.abs(end - start) > 180 ? 1 : 0;
-      return `M ${startPoint.x} ${startPoint.y} A ${radius} ${radius} 0 ${largeArc} 1 ${endPoint.x} ${endPoint.y}`;
-    };
-    const zonePaths2 = (zones ?? []).map((zone) => {
-      const zoneStart = startAngle + (Math.max(zone.min, min) - min) / (max - min) * totalAngle;
-      const zoneEnd = startAngle + (Math.min(zone.max, max) - min) / (max - min) * totalAngle;
-      return { path: createArc(zoneStart, zoneEnd), color: zone.color };
-    });
-    return {
-      backgroundPath: createArc(startAngle, endAngle),
-      valuePath: createArc(startAngle, currentAngle),
-      percentage: pct,
-      needleAngle: currentAngle,
-      zonePaths: zonePaths2
-    };
-  }, [value, min, max, center, radius, startAngle, endAngle, zones]);
-  const needleLength = radius - 10;
-  const needleAngleRad = needleAngle * Math.PI / 180;
-  const needleX = center + needleLength * Math.cos(needleAngleRad);
-  const needleY = center + needleLength * Math.sin(needleAngleRad);
-  return /* @__PURE__ */ jsxs56("svg", { width: size, height: size * 0.7, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    /* @__PURE__ */ jsx64(
-      "path",
-      {
-        d: backgroundPath,
-        fill: "none",
-        stroke: backgroundColor || "currentColor",
-        strokeWidth: thickness,
-        strokeLinecap: "round",
-        className: !backgroundColor ? "text-muted-foreground/20" : ""
-      }
-    ),
-    zonePaths.map((zone, i) => /* @__PURE__ */ jsx64("path", { d: zone.path, fill: "none", stroke: zone.color, strokeWidth: thickness, strokeLinecap: "round", opacity: 0.35 }, `zone-${i}`)),
-    /* @__PURE__ */ jsx64(
-      "path",
-      {
-        d: valuePath,
-        fill: "none",
-        stroke: color,
-        strokeWidth: thickness,
-        strokeLinecap: "round",
-        style: animated ? {
-          strokeDasharray: "1000",
-          strokeDashoffset: 1e3,
-          animation: "drawArc 1s ease-out forwards"
-        } : void 0
-      }
-    ),
-    /* @__PURE__ */ jsxs56(
-      "g",
-      {
-        style: animated ? {
-          transform: `rotate(${startAngle}deg)`,
-          transformOrigin: `${center}px ${center}px`,
-          animation: `needleRotate 1s ease-out forwards`,
-          ["--needle-end"]: `${needleAngle}deg`
-        } : {
-          transform: `rotate(${needleAngle}deg)`,
-          transformOrigin: `${center}px ${center}px`
-        },
-        children: [
-          /* @__PURE__ */ jsx64("line", { x1: center, y1: center, x2: center + needleLength, y2: center, stroke: color, strokeWidth: 3, strokeLinecap: "round" }),
-          /* @__PURE__ */ jsx64("circle", { cx: center, cy: center, r: 8, fill: color }),
-          /* @__PURE__ */ jsx64("circle", { cx: center, cy: center, r: 4, className: "text-background", fill: "currentColor" })
-        ]
-      }
-    ),
-    showMinMax && /* @__PURE__ */ jsxs56("g", { className: labelClassName || "text-muted-foreground", children: [
-      /* @__PURE__ */ jsx64(
-        "text",
-        {
-          x: center + (radius + 20) * Math.cos(startAngle * Math.PI / 180),
-          y: center + (radius + 20) * Math.sin(startAngle * Math.PI / 180) + 5,
-          textAnchor: "middle",
-          fontSize: "10",
-          fill: "currentColor",
-          children: min
-        }
-      ),
-      /* @__PURE__ */ jsx64(
-        "text",
-        {
-          x: center + (radius + 20) * Math.cos(endAngle * Math.PI / 180),
-          y: center + (radius + 20) * Math.sin(endAngle * Math.PI / 180) + 5,
-          textAnchor: "middle",
-          fontSize: "10",
-          fill: "currentColor",
-          children: max
-        }
-      )
-    ] }),
-    showValue && /* @__PURE__ */ jsxs56("g", { children: [
-      /* @__PURE__ */ jsx64(
-        "text",
-        {
-          x: center,
-          y: center + 35,
-          textAnchor: "middle",
-          fontSize: "24",
-          fontWeight: "600",
-          className: "text-foreground",
-          fill: "currentColor",
-          style: animated ? { opacity: 0, animation: "fadeIn 0.5s ease-out 0.5s forwards" } : void 0,
-          children: formatValue ? formatValue(value) : value
-        }
-      ),
-      label && /* @__PURE__ */ jsx64(
-        "text",
-        {
-          x: center,
-          y: center + 55,
-          textAnchor: "middle",
-          fontSize: "12",
-          className: "text-muted-foreground",
-          fill: "currentColor",
-          style: animated ? { opacity: 0, animation: "fadeIn 0.5s ease-out 0.6s forwards" } : void 0,
-          children: label
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx64("style", { children: `
-        @keyframes drawArc {
-          to {
-            stroke-dashoffset: 0;
-          }
-        }
-        @keyframes needleRotate {
-          to {
-            transform: rotate(var(--needle-end));
-          }
-        }
-        @keyframes fadeIn {
-          from { opacity: 0; }
-          to { opacity: 1; }
-        }
-      ` })
-  ] });
-}
 // src/components/ClientOnly.tsx
-import { useEffect as useEffect29, useState as useState44 } from "react";
-import { Fragment as Fragment24, jsx as jsx65 } from "react/jsx-runtime";
+import { useEffect as useEffect28, useState as useState38 } from "react";
+import { Fragment as Fragment21, jsx as jsx57 } from "react/jsx-runtime";
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = useState44(false);
-  useEffect29(() => {
+  const [hasMounted, setHasMounted] = useState38(false);
+  useEffect28(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ jsx65(Fragment24, { children: fallback });
+    return /* @__PURE__ */ jsx57(Fragment21, { children: fallback });
   }
-  return /* @__PURE__ */ jsx65(Fragment24, { children });
+  return /* @__PURE__ */ jsx57(Fragment21, { children });
 }
 // src/components/Loading.tsx
 import { Activity as Activity3 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -20181,7 +18529,7 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx58(
     Activity3,
     {
       className: cn(
@@ -20202,7 +18550,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ jsx66("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx58("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx58(
     "div",
     {
       className: cn(
@@ -20224,7 +18572,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -20233,7 +18581,7 @@ var LoadingBar = ({
       "aria-valuemax": pct === void 0 ? void 0 : 100,
       "aria-valuenow": pct === void 0 ? void 0 : Math.round(pct),
       "aria-label": label || "Loading",
-      children: /* @__PURE__ */ jsx66(
+      children: /* @__PURE__ */ jsx58(
         "div",
         {
           className: cn(
@@ -20250,12 +18598,12 @@ var LoadingBar = ({
 };
 // src/components/Table.tsx
-import React59 from "react";
-import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
+import React50 from "react";
+import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 var TABLE_BASE_CLASS = "w-full caption-bottom text-sm";
 var TABLE_CONTAINER_BASE_CLASS = [
   "relative w-full overflow-auto",
-  "rounded-2xl md:rounded-3xl border border-border",
+  "rounded-2xl md:rounded-3xl border border-border/50",
   "bg-card text-card-foreground shadow-sm",
   "backdrop-blur-sm transition-all duration-300"
 ].join(" ");
@@ -20268,10 +18616,10 @@ function assignRef3(ref, value) {
     ref.current = value;
   }
 }
-var TableContainer = React59.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
-  const containerRef = React59.useRef(null);
+var TableContainer = React50.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
+  const containerRef = React50.useRef(null);
   useOverlayScrollbarTarget(containerRef, { enabled: useOverlayScrollbar });
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       ref: (node) => {
@@ -20284,30 +18632,30 @@ var TableContainer = React59.forwardRef(({ className, useOverlayScrollbar = fals
   );
 });
 TableContainer.displayName = "TableContainer";
-var Table = React59.forwardRef(
+var Table = React50.forwardRef(
   ({ className, containerClassName, disableContainer = false, useOverlayScrollbar = false, ...props }, ref) => {
     if (disableContainer) {
-      return /* @__PURE__ */ jsx67("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
+      return /* @__PURE__ */ jsx59("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
     }
-    return /* @__PURE__ */ jsx67(TableContainer, { className: containerClassName, useOverlayScrollbar, children: /* @__PURE__ */ jsx67("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props }) });
+    return /* @__PURE__ */ jsx59(TableContainer, { className: containerClassName, useOverlayScrollbar, children: /* @__PURE__ */ jsx59("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props }) });
   }
 );
 Table.displayName = "Table";
-var TableHeader = React59.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs58("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
+var TableHeader = React50.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs50("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var TableRow = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   "tr",
   {
     ref,
     className: cn(
-      "border-b border-border transition-all duration-300",
+      "border-b border-border/50 transition-all duration-300",
       "hover:bg-muted/30 hover:shadow-sm",
       "data-[state=selected]:bg-muted/50",
       className
@@ -20316,7 +18664,7 @@ var TableRow = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var TableHead = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   "th",
   {
     ref,
@@ -20325,16 +18673,16 @@ var TableHead = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 // src/components/DataTable/DataTable.tsx
-import React68 from "react";
+import React59 from "react";
 // src/components/DataTable/components/DataTableBody.tsx
-import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 function DataTableBodyRows({
   leafColumns,
   displayedData,
@@ -20349,10 +18697,10 @@ function DataTableBodyRows({
   getStickyCellClass,
   t
 }) {
-  return /* @__PURE__ */ jsx68(TableBody, { children: loading2 ? /* @__PURE__ */ jsx68(TableRow, { children: /* @__PURE__ */ jsx68(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxs59("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-      /* @__PURE__ */ jsx68("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx60(TableBody, { children: loading2 ? /* @__PURE__ */ jsx60(TableRow, { children: /* @__PURE__ */ jsx60(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs51("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+      /* @__PURE__ */ jsx60("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ jsx60(
         "path",
         {
           className: "opacity-75",
@@ -20361,13 +18709,13 @@ function DataTableBodyRows({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs59("span", { className: "text-sm", children: [
+    /* @__PURE__ */ jsxs51("span", { className: "text-sm", children: [
       t("loading"),
       "\u2026"
     ] })
-  ] }) }) }) : displayedData.length === 0 ? /* @__PURE__ */ jsx68(TableRow, { children: /* @__PURE__ */ jsx68(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+  ] }) }) }) : displayedData.length === 0 ? /* @__PURE__ */ jsx60(TableRow, { children: /* @__PURE__ */ jsx60(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
     const isStripedRow = striped && idx % 2 === 0;
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx60(
       TableRow,
       {
         className: cn(densityRowClass, isStripedRow ? "bg-surface-1" : "bg-surface-0"),
@@ -20380,7 +18728,7 @@ function DataTableBodyRows({
           const prevCol = colIdx > 0 ? leafColumns[colIdx - 1] : null;
           const isAfterFixedLeft = prevCol?.fixed === "left";
           const showBorderLeft = columnDividers && colIdx > 0 && !isAfterFixedLeft && !col.fixed;
-          return /* @__PURE__ */ jsx68(
+          return /* @__PURE__ */ jsx60(
             TableCell,
             {
               style: getStickyColumnStyle(col),
@@ -20403,9 +18751,9 @@ function DataTableBodyRows({
 }
 // src/components/DataTable/components/DataTableHeader.tsx
-import React60 from "react";
+import React51 from "react";
 import { Filter as FilterIcon } from "lucide-react";
-import { Fragment as Fragment25, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 function DataTableHeader({
   headerRows,
   headerAlign,
@@ -20423,13 +18771,13 @@ function DataTableHeader({
   getStickyHeaderCellStyle,
   t
 }) {
-  const renderFilterControl = React60.useCallback(
+  const renderFilterControl = React51.useCallback(
     (col) => {
       if (!col.filter) return null;
       const key = col.key;
       const commonProps = { className: "w-full", size };
       if (col.filter.type === "text") {
-        return /* @__PURE__ */ jsx69(
+        return /* @__PURE__ */ jsx61(
           Input_default,
           {
             ...commonProps,
@@ -20443,7 +18791,7 @@ function DataTableHeader({
         );
       }
       if (col.filter.type === "select") {
-        return /* @__PURE__ */ jsx69(
+        return /* @__PURE__ */ jsx61(
           Combobox,
           {
             options: ["", ...col.filter.options || []],
@@ -20459,7 +18807,7 @@ function DataTableHeader({
         );
       }
       if (col.filter.type === "date") {
-        return /* @__PURE__ */ jsx69(
+        return /* @__PURE__ */ jsx61(
           DatePicker,
           {
             size,
@@ -20476,10 +18824,10 @@ function DataTableHeader({
     },
     [filters, setCurPage, setFilters, size]
   );
-  const renderHeaderContent = React60.useCallback(
+  const renderHeaderContent = React51.useCallback(
     (col, isLeaf) => {
       if (!isLeaf) {
-        return /* @__PURE__ */ jsx69(
+        return /* @__PURE__ */ jsx61(
           "div",
           {
             className: cn(
@@ -20489,15 +18837,15 @@ function DataTableHeader({
               col.align === "center" && "justify-center",
               !col.align && "justify-start"
             ),
-            children: /* @__PURE__ */ jsx69("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title })
+            children: /* @__PURE__ */ jsx61("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title })
           }
         );
       }
       const isRightAlign = col.align === "right" || !col.align && headerAlign === "right";
       const isCenterAlign = col.align === "center" || !col.align && headerAlign === "center";
-      const titleContent = /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx69("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title }),
-        col.sortable && /* @__PURE__ */ jsx69(
+      const titleContent = /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx61("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title }),
+        col.sortable && /* @__PURE__ */ jsx61(
           "button",
           {
             className: cn(
@@ -20514,8 +18862,8 @@ function DataTableHeader({
             },
             "aria-label": "Sort",
             title: `Sort by ${String(col.title)}`,
-            children: /* @__PURE__ */ jsxs60("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
-              /* @__PURE__ */ jsx69(
+            children: /* @__PURE__ */ jsxs52("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
+              /* @__PURE__ */ jsx61(
                 "path",
                 {
                   d: "M7 8l3-3 3 3",
@@ -20526,7 +18874,7 @@ function DataTableHeader({
                   opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
                 }
               ),
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx61(
                 "path",
                 {
                   d: "M7 12l3 3 3-3",
@@ -20541,11 +18889,11 @@ function DataTableHeader({
           }
         )
       ] });
-      const filterContent = col.filter ? /* @__PURE__ */ jsx69(
+      const filterContent = col.filter ? /* @__PURE__ */ jsx61(
         Popover,
         {
           placement: "bottom-start",
-          trigger: /* @__PURE__ */ jsx69(
+          trigger: /* @__PURE__ */ jsx61(
             "button",
             {
               className: cn(
@@ -20554,13 +18902,13 @@ function DataTableHeader({
               ),
               "aria-label": "Filter",
               title: `Filter by ${String(col.title)}`,
-              children: /* @__PURE__ */ jsx69(FilterIcon, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx61(FilterIcon, { className: "w-4 h-4" })
             }
           ),
-          children: /* @__PURE__ */ jsxs60("div", { className: "p-3 w-64 space-y-3", children: [
-            /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx69("div", { className: "text-sm font-medium", children: col.title }),
-              filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ jsx69(
+          children: /* @__PURE__ */ jsxs52("div", { className: "p-3 w-64 space-y-3", children: [
+            /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx61("div", { className: "text-sm font-medium", children: col.title }),
+              filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ jsx61(
                 "button",
                 {
                   onClick: () => {
@@ -20576,7 +18924,7 @@ function DataTableHeader({
           ] })
         }
       ) : null;
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx61(
         "div",
         {
           className: cn(
@@ -20586,10 +18934,10 @@ function DataTableHeader({
             isCenterAlign && "justify-center",
             !isRightAlign && !isCenterAlign && "justify-start"
           ),
-          children: isRightAlign ? /* @__PURE__ */ jsxs60(Fragment25, { children: [
+          children: isRightAlign ? /* @__PURE__ */ jsxs52(Fragment22, { children: [
             filterContent,
             titleContent
-          ] }) : /* @__PURE__ */ jsxs60(Fragment25, { children: [
+          ] }) : /* @__PURE__ */ jsxs52(Fragment22, { children: [
             titleContent,
             filterContent
           ] })
@@ -20610,13 +18958,13 @@ function DataTableHeader({
       t
     ]
   );
-  return /* @__PURE__ */ jsx69(Fragment25, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ jsx69(TableRow, { children: row.map((headerCell, cellIndex) => {
+  return /* @__PURE__ */ jsx61(Fragment22, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ jsx61(TableRow, { children: row.map((headerCell, cellIndex) => {
     const { column: col, colSpan, rowSpan, isLeaf } = headerCell;
     const prevCell = cellIndex > 0 ? row[cellIndex - 1] : null;
     const prevCol = prevCell?.column;
     const isAfterFixedLeft = prevCol?.fixed === "left";
     const showBorderLeft = columnDividers && cellIndex > 0 && !isAfterFixedLeft && !col.fixed;
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx61(
       TableHead,
       {
         colSpan,
@@ -20639,8 +18987,8 @@ function DataTableHeader({
 }
 // src/components/DataTable/components/Pagination.tsx
-import React61 from "react";
-import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
+import React52 from "react";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
 function DataTablePagination({
   totalItems,
   curPage,
@@ -20651,7 +18999,7 @@ function DataTablePagination({
   size
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
-  const pages = React61.useMemo(() => {
+  const pages = React52.useMemo(() => {
     const result = [];
     if (totalPages <= 5) {
       for (let i = 1; i <= totalPages; i++) result.push(i);
@@ -20673,16 +19021,16 @@ function DataTablePagination({
   const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 rounded-full text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 rounded-full text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 rounded-full text-xs font-medium transition-colors";
   const containerTextClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
   const pageSizeClass = size === "sm" ? "w-16" : size === "lg" ? "w-24" : "w-20";
-  return /* @__PURE__ */ jsxs61("div", { className: cn("flex items-center justify-between gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
-    /* @__PURE__ */ jsxs61("div", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ jsxs53("div", { className: cn("flex items-center justify-between gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
+    /* @__PURE__ */ jsxs53("div", { className: "tabular-nums", children: [
       (curPage - 1) * curPageSize + 1,
       "-",
       Math.min(curPage * curPageSize, totalItems),
       "/",
       totalItems
     ] }),
-    /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-0.5", children: [
-      /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-0.5", children: [
+      /* @__PURE__ */ jsx62(
         Button_default,
         {
           variant: "ghost",
@@ -20690,11 +19038,11 @@ function DataTablePagination({
           className: navBtnClass,
           onClick: () => setCurPage(Math.max(1, curPage - 1)),
           disabled: curPage === 1,
-          children: /* @__PURE__ */ jsx70("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx70("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ jsx62("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx62("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       ),
       pages.map(
-        (p, i) => p === "..." ? /* @__PURE__ */ jsx70("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ jsx70(
+        (p, i) => p === "..." ? /* @__PURE__ */ jsx62("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ jsx62(
           "button",
           {
             onClick: () => setCurPage(p),
@@ -20704,7 +19052,7 @@ function DataTablePagination({
           p
         )
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx62(
         Button_default,
         {
           variant: "ghost",
@@ -20712,11 +19060,11 @@ function DataTablePagination({
           className: navBtnClass,
           onClick: () => setCurPage(Math.min(totalPages, curPage + 1)),
           disabled: curPage === totalPages,
-          children: /* @__PURE__ */ jsx70("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx70("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ jsx62("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx62("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       )
     ] }),
-    pageSizeOptions && /* @__PURE__ */ jsx70(
+    pageSizeOptions && /* @__PURE__ */ jsx62(
       Combobox,
       {
         options: pageSizeOptions.map(String),
@@ -20733,7 +19081,7 @@ function DataTablePagination({
 }
 // src/components/DataTable/components/Toolbar.tsx
-import React62 from "react";
+import React53 from "react";
 // src/components/DataTable/utils/headers.ts
 function isLeafColumn(col) {
@@ -20833,7 +19181,7 @@ function getLeafColumnsWithFixedInheritance(columns, inheritedFixed) {
 }
 // src/components/DataTable/components/Toolbar.tsx
-import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 function DataTableToolbar({
   caption,
   toolbar,
@@ -20854,15 +19202,15 @@ function DataTableToolbar({
   const controlButtonClass = size === "sm" ? "h-7 px-2 text-xs" : size === "lg" ? "h-9 px-3 text-sm" : "h-8 px-2";
   const iconClass = size === "sm" ? "w-3.5 h-3.5 mr-1" : "w-4 h-4 mr-1";
   const captionClass = size === "sm" ? "text-xs" : size === "lg" ? "text-sm" : "text-sm";
-  const leafCols = React62.useMemo(() => getLeafColumns(columns), [columns]);
-  return /* @__PURE__ */ jsxs62("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-    /* @__PURE__ */ jsx71("div", { className: captionClass + " text-muted-foreground", children: caption }),
-    /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2", children: [
-      enableDensityToggle && /* @__PURE__ */ jsx71(
+  const leafCols = React53.useMemo(() => getLeafColumns(columns), [columns]);
+  return /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+    /* @__PURE__ */ jsx63("div", { className: captionClass + " text-muted-foreground", children: caption }),
+    /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-2", children: [
+      enableDensityToggle && /* @__PURE__ */ jsx63(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ jsxs62(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
-            /* @__PURE__ */ jsx71("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx71("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+          trigger: /* @__PURE__ */ jsxs54(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
+            /* @__PURE__ */ jsx63("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx63("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
             labels?.density || t("density")
           ] }),
           items: [
@@ -20872,11 +19220,11 @@ function DataTableToolbar({
           ]
         }
       ),
-      enableColumnVisibilityToggle && /* @__PURE__ */ jsx71(
+      enableColumnVisibilityToggle && /* @__PURE__ */ jsx63(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ jsxs62(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
-            /* @__PURE__ */ jsx71("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx71(
+          trigger: /* @__PURE__ */ jsxs54(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
+            /* @__PURE__ */ jsx63("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx63(
               "path",
               {
                 strokeLinecap: "round",
@@ -20887,26 +19235,26 @@ function DataTableToolbar({
             ) }),
             labels?.columns || t("columns")
           ] }),
-          children: leafCols.map((c) => /* @__PURE__ */ jsxs62(
+          children: leafCols.map((c) => /* @__PURE__ */ jsxs54(
             DropdownMenuItem,
             {
               onClick: () => {
                 setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
               },
               children: [
-                /* @__PURE__ */ jsx71("input", { type: "checkbox", className: "mr-2 rounded-md border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                /* @__PURE__ */ jsx71("span", { className: "truncate", children: c.title })
+                /* @__PURE__ */ jsx63("input", { type: "checkbox", className: "mr-2 rounded-md border-border/50", readOnly: true, checked: visibleCols.includes(c.key) }),
+                /* @__PURE__ */ jsx63("span", { className: "truncate", children: c.title })
               ]
             },
             c.key
           ))
         }
       ),
-      enableHeaderAlignToggle && /* @__PURE__ */ jsx71(
+      enableHeaderAlignToggle && /* @__PURE__ */ jsx63(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ jsxs62(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
-            /* @__PURE__ */ jsx71("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx71("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
+          trigger: /* @__PURE__ */ jsxs54(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
+            /* @__PURE__ */ jsx63("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx63("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
             labels?.headerAlign || t("headerAlign")
           ] }),
           items: [
@@ -20922,10 +19270,10 @@ function DataTableToolbar({
 }
 // src/components/DataTable/hooks/useDebounced.ts
-import React63 from "react";
+import React54 from "react";
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = React63.useState(value);
-  React63.useEffect(() => {
+  const [debounced, setDebounced] = React54.useState(value);
+  React54.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -20933,7 +19281,7 @@ function useDebounced(value, delay = 300) {
 }
 // src/components/DataTable/hooks/useDataTableModel.ts
-import React64 from "react";
+import React55 from "react";
 // src/components/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -20961,22 +19309,22 @@ function useDataTableModel({
   isServerMode,
   total
 }) {
-  const visibleColsSet = React64.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const allLeafColumns = React64.useMemo(() => getLeafColumns(columns), [columns]);
-  const columnMap = React64.useMemo(() => {
+  const visibleColsSet = React55.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const allLeafColumns = React55.useMemo(() => getLeafColumns(columns), [columns]);
+  const columnMap = React55.useMemo(() => {
     return new Map(allLeafColumns.map((column) => [column.key, column]));
   }, [allLeafColumns]);
-  const visibleColumns = React64.useMemo(() => {
+  const visibleColumns = React55.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = React64.useMemo(() => {
+  const leafColumns = React55.useMemo(() => {
     return getLeafColumnsWithFixedInheritance(visibleColumns);
   }, [visibleColumns]);
-  const headerRows = React64.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
-  const totalColumnsWidth = React64.useMemo(() => {
+  const headerRows = React55.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const totalColumnsWidth = React55.useMemo(() => {
     return leafColumns.reduce((sum, column) => sum + getColumnWidth(column), 0);
   }, [leafColumns]);
-  const processedData = React64.useMemo(() => {
+  const processedData = React55.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -21008,7 +19356,7 @@ function useDataTableModel({
     return result;
   }, [columnMap, data, filters, isServerMode, sort]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = React64.useMemo(() => {
+  const displayedData = React55.useMemo(() => {
     if (isServerMode) return data;
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
@@ -21024,13 +19372,13 @@ function useDataTableModel({
 }
 // src/components/DataTable/hooks/useDataTableState.ts
-import React66 from "react";
+import React57 from "react";
 // src/components/DataTable/hooks/usePageSizeStorage.ts
-import React65 from "react";
+import React56 from "react";
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const loadedFromStorage = React65.useRef(false);
-  const [curPageSize, setCurPageSize] = React65.useState(() => {
+  const loadedFromStorage = React56.useRef(false);
+  const [curPageSize, setCurPageSize] = React56.useState(() => {
     if (typeof window === "undefined" || !storageKey) return pageSize;
     try {
       const saved = localStorage.getItem(`datatable_${storageKey}_pageSize`);
@@ -21045,11 +19393,11 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     }
     return pageSize;
   });
-  const hasMounted = React65.useRef(false);
-  React65.useEffect(() => {
+  const hasMounted = React56.useRef(false);
+  React56.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  React65.useEffect(() => {
+  React56.useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
     if (!hasMounted.current) return;
     try {
@@ -21057,7 +19405,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     } catch {
     }
   }, [curPageSize, storageKey]);
-  React65.useEffect(() => {
+  React56.useEffect(() => {
     if (storageKey && loadedFromStorage.current) return;
     setCurPageSize(pageSize);
   }, [pageSize, storageKey]);
@@ -21077,17 +19425,17 @@ function useDataTableState({
   size,
   storageKey
 }) {
-  const allLeafColumns = React66.useMemo(() => getLeafColumns(columns), [columns]);
-  const defaultVisibleLeafKeys = React66.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
-  const knownLeafKeysRef = React66.useRef(new Set(defaultVisibleLeafKeys));
-  const [headerAlign, setHeaderAlign] = React66.useState("left");
-  const [visibleCols, setVisibleCols] = React66.useState(defaultVisibleLeafKeys);
-  const [filters, setFilters] = React66.useState({});
-  const [sort, setSort] = React66.useState(null);
-  const [density, setDensity] = React66.useState(() => SIZE_TO_DENSITY[size]);
-  const [curPage, setCurPage] = React66.useState(page);
+  const allLeafColumns = React57.useMemo(() => getLeafColumns(columns), [columns]);
+  const defaultVisibleLeafKeys = React57.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
+  const knownLeafKeysRef = React57.useRef(new Set(defaultVisibleLeafKeys));
+  const [headerAlign, setHeaderAlign] = React57.useState("left");
+  const [visibleCols, setVisibleCols] = React57.useState(defaultVisibleLeafKeys);
+  const [filters, setFilters] = React57.useState({});
+  const [sort, setSort] = React57.useState(null);
+  const [density, setDensity] = React57.useState(() => SIZE_TO_DENSITY[size]);
+  const [curPage, setCurPage] = React57.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  React66.useEffect(() => {
+  React57.useEffect(() => {
     const knownLeafKeys = knownLeafKeysRef.current;
     setVisibleCols((prev) => {
       const prevSet = new Set(prev);
@@ -21095,10 +19443,10 @@ function useDataTableState({
     });
     knownLeafKeysRef.current = new Set(allLeafColumns.map((column) => column.key));
   }, [allLeafColumns]);
-  React66.useEffect(() => {
+  React57.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  React66.useEffect(() => {
+  React57.useEffect(() => {
     setDensity(SIZE_TO_DENSITY[size]);
   }, [size]);
   return {
@@ -21120,7 +19468,7 @@ function useDataTableState({
 }
 // src/components/DataTable/hooks/useStickyColumns.ts
-import React67 from "react";
+import React58 from "react";
 // src/components/DataTable/utils/sticky.ts
 function buildStickyLayout(visibleColumns) {
@@ -21167,8 +19515,8 @@ function resolveGroupStickyPosition(column, positions) {
 // src/components/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(visibleColumns) {
-  const { positions, leftBoundaryKey, rightBoundaryKey } = React67.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
-  const getStickyColumnStyle = React67.useCallback(
+  const { positions, leftBoundaryKey, rightBoundaryKey } = React58.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
+  const getStickyColumnStyle = React58.useCallback(
     (col) => {
       const pos = resolveStickyPosition(col, positions);
       if (!pos) return {};
@@ -21179,7 +19527,7 @@ function useStickyColumns(visibleColumns) {
     },
     [positions]
   );
-  const getBoundaryShadowClass = React67.useCallback(
+  const getBoundaryShadowClass = React58.useCallback(
     (col) => {
       if (col.fixed === "left" && col.key === leftBoundaryKey) {
         return "border-r border-border/80 shadow-[10px_0_16px_-10px_rgba(0,0,0,0.55)]";
@@ -21191,14 +19539,14 @@ function useStickyColumns(visibleColumns) {
     },
     [leftBoundaryKey, rightBoundaryKey]
   );
-  const getStickyHeaderClass = React67.useCallback(
+  const getStickyHeaderClass = React58.useCallback(
     (col) => {
       if (!col.fixed) return "";
       return cn("sticky", col.fixed === "left" && "left-0", col.fixed === "right" && "right-0", getBoundaryShadowClass(col), "z-50 !bg-muted");
     },
     [getBoundaryShadowClass]
   );
-  const getStickyCellClass = React67.useCallback(
+  const getStickyCellClass = React58.useCallback(
     (col, isStripedRow) => {
       if (!col.fixed) return "";
       return cn(
@@ -21211,7 +19559,7 @@ function useStickyColumns(visibleColumns) {
     },
     [getBoundaryShadowClass]
   );
-  const getStickyHeaderCellStyle = React67.useCallback(
+  const getStickyHeaderCellStyle = React58.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -21309,7 +19657,7 @@ function validateColumns(columns) {
 }
 // src/components/DataTable/DataTable.tsx
-import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -21358,7 +19706,7 @@ function DataTable({
     size,
     storageKey
   });
-  React68.useEffect(() => {
+  React59.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columns);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
@@ -21366,8 +19714,8 @@ function DataTable({
   }, [columns]);
   const debouncedFilters = useDebounced(filters, 350);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = React68.useRef(false);
-  React68.useEffect(() => {
+  const hasEmittedQuery = React59.useRef(false);
+  React59.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -21375,7 +19723,7 @@ function DataTable({
     }
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
-  React68.useEffect(() => {
+  React59.useEffect(() => {
     if (process.env.NODE_ENV !== "development" || rowKey) return;
     const hasQueryFeatures = columns.some((column) => column.sortable || column.filter) || Boolean(pageSizeOptions?.length) || isServerMode;
     if (!hasQueryFeatures) return;
@@ -21403,10 +19751,10 @@ function DataTable({
     if (typeof rowKey === "function") return String(rowKey(row));
     return String(row[rowKey]);
   };
-  const viewportRef = React68.useRef(null);
+  const viewportRef = React59.useRef(null);
   useOverlayScrollbarTarget(viewportRef, { enabled: useOverlayScrollbar });
-  return /* @__PURE__ */ jsxs63("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs55("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsx64(
       DataTableToolbar,
       {
         caption,
@@ -21425,20 +19773,20 @@ function DataTable({
         t
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx64(
       "div",
       {
         className: cn(
           "relative rounded-2xl md:rounded-3xl border border-border/50 bg-card overflow-hidden",
           loading2 && "opacity-60 pointer-events-none"
         ),
-        children: /* @__PURE__ */ jsx72(
+        children: /* @__PURE__ */ jsx64(
           "div",
           {
             ref: viewportRef,
             className: cn("w-full overflow-x-auto", stickyHeader && "overflow-y-auto"),
             style: stickyHeader ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : void 0,
-            children: /* @__PURE__ */ jsxs63(
+            children: /* @__PURE__ */ jsxs55(
               Table,
               {
                 disableContainer: true,
@@ -21448,7 +19796,7 @@ function DataTable({
                 ),
                 style: { minWidth: totalColumnsWidth > 0 ? `${totalColumnsWidth}px` : void 0 },
                 children: [
-                  /* @__PURE__ */ jsx72(TableHeader, { children: /* @__PURE__ */ jsx72(
+                  /* @__PURE__ */ jsx64(TableHeader, { children: /* @__PURE__ */ jsx64(
                     DataTableHeader,
                     {
                       headerRows,
@@ -21468,7 +19816,7 @@ function DataTable({
                       t
                     }
                   ) }),
-                  /* @__PURE__ */ jsx72(
+                  /* @__PURE__ */ jsx64(
                     DataTableBodyRows,
                     {
                       leafColumns,
@@ -21492,7 +19840,7 @@ function DataTable({
         )
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx64(
       DataTablePagination,
       {
         totalItems,
@@ -21509,10 +19857,10 @@ function DataTable({
 var DataTable_default = DataTable;
 // src/components/Form.tsx
-import * as React69 from "react";
+import * as React60 from "react";
 import { Controller, FormProvider, useFormContext, useForm } from "react-hook-form";
-import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
-var FormConfigContext = React69.createContext({ size: "md" });
+import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
+var FormConfigContext = React60.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -21525,24 +19873,24 @@ var FormWrapper = ({
   const methods = useForm({
     defaultValues: initialValues
   });
-  React69.useEffect(() => {
+  React60.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
   }, [JSON.stringify(initialValues)]);
   const { validationSchema: _, ...formProps } = props;
-  return /* @__PURE__ */ jsx73(FormProvider, { ...methods, children: /* @__PURE__ */ jsx73(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx73("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
+  return /* @__PURE__ */ jsx65(FormProvider, { ...methods, children: /* @__PURE__ */ jsx65(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx65("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React69.createContext({});
+var FormFieldContext = React60.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx73(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx73(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx65(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx65(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React69.useContext(FormFieldContext);
-  const itemContext = React69.useContext(FormItemContext);
+  const fieldContext = React60.useContext(FormFieldContext);
+  const itemContext = React60.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     throw new Error("useFormField must be used within FormField");
@@ -21558,27 +19906,27 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React69.createContext({});
-var FormItem = React69.forwardRef(({ className, ...props }, ref) => {
-  const id = React69.useId();
-  return /* @__PURE__ */ jsx73(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx73("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItemContext = React60.createContext({});
+var FormItem = React60.forwardRef(({ className, ...props }, ref) => {
+  const id = React60.useId();
+  return /* @__PURE__ */ jsx65(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx65("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React69.forwardRef(
+var FormLabel = React60.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React69.useContext(FormConfigContext);
+    const config = React60.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
-    return /* @__PURE__ */ jsxs64(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
+    return /* @__PURE__ */ jsxs56(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
-      required && /* @__PURE__ */ jsx73("span", { className: "text-destructive ml-1", children: "*" })
+      required && /* @__PURE__ */ jsx65("span", { className: "text-destructive ml-1", children: "*" })
     ] });
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React69.forwardRef(({ ...props }, ref) => {
+var FormControl = React60.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       ref,
@@ -21590,37 +19938,37 @@ var FormControl = React69.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React69.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React60.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx73("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx65("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React69.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React60.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx73("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  return /* @__PURE__ */ jsx65("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(
+var FormInput = React60.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx65(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx65(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ jsxs64(FormItem, { children: [
-      /* @__PURE__ */ jsx73(FormControl, { children: /* @__PURE__ */ jsx73(Input_default, { size: props.size ?? size, ...field, ...props }) }),
-      /* @__PURE__ */ jsx73(FormMessage, {})
+    render: ({ field }) => /* @__PURE__ */ jsxs56(FormItem, { children: [
+      /* @__PURE__ */ jsx65(FormControl, { children: /* @__PURE__ */ jsx65(Input_default, { size: props.size ?? size, ...field, ...props }) }),
+      /* @__PURE__ */ jsx65(FormMessage, {})
     ] })
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(
+var FormCheckbox = React60.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx65(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx65(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ jsxs64(FormItem, { children: [
-      /* @__PURE__ */ jsx73(FormControl, { children: /* @__PURE__ */ jsx73(
+    render: ({ field }) => /* @__PURE__ */ jsxs56(FormItem, { children: [
+      /* @__PURE__ */ jsx65(FormControl, { children: /* @__PURE__ */ jsx65(
         Checkbox,
         {
           ref,
@@ -21634,21 +19982,21 @@ var FormCheckbox = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__
           ...props
         }
       ) }),
-      /* @__PURE__ */ jsx73(FormMessage, {})
+      /* @__PURE__ */ jsx65(FormMessage, {})
     ] })
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React69.forwardRef(
-  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx73(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx73(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
+var FormSubmitButton = React60.forwardRef(
+  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx65(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx65(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
 // src/components/NotificationModal.tsx
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
 function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = useSmartTranslations("Common");
   if (!notification) return null;
@@ -21669,20 +20017,20 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx74(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ jsxs65("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-      /* @__PURE__ */ jsx74("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
-      /* @__PURE__ */ jsx74("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+  return /* @__PURE__ */ jsx66(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ jsxs57("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-2 pb-2 border-b border-border/50", children: [
+      /* @__PURE__ */ jsx66("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
+      /* @__PURE__ */ jsx66("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
     ] }),
-    notification.title && /* @__PURE__ */ jsx74("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-    notification.body && /* @__PURE__ */ jsx74("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-    /* @__PURE__ */ jsx74("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
-    /* @__PURE__ */ jsxs65("div", { className: "flex gap-2 justify-end pt-2", children: [
-      hasLink && /* @__PURE__ */ jsxs65(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
-        /* @__PURE__ */ jsx74(ExternalLink, { className: "w-4 h-4" }),
+    notification.title && /* @__PURE__ */ jsx66("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+    notification.body && /* @__PURE__ */ jsx66("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+    /* @__PURE__ */ jsx66("div", { className: "text-xs text-muted-foreground border-t border-border/50 pt-2", children: formatTime3(notification.created_at) }),
+    /* @__PURE__ */ jsxs57("div", { className: "flex gap-2 justify-end pt-2", children: [
+      hasLink && /* @__PURE__ */ jsxs57(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
+        /* @__PURE__ */ jsx66(ExternalLink, { className: "w-4 h-4" }),
         openLinkText || t("openLink")
       ] }),
-      /* @__PURE__ */ jsx74(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
+      /* @__PURE__ */ jsx66(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
     ] })
   ] }) });
 }
@@ -21690,7 +20038,7 @@ var NotificationModal_default = NotificationModal;
 // src/components/AccessDenied.tsx
 import { Ban, Lock, ShieldAlert } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
 var VARIANT_STYLES = {
   destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
   warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
@@ -21711,32 +20059,32 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ jsx75(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs66("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsx75("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx75(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ jsxs66("div", { children: [
-      /* @__PURE__ */ jsx75("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ jsx75("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ jsx67(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs58("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsx67("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx67(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ jsxs58("div", { children: [
+      /* @__PURE__ */ jsx67("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ jsx67("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ jsx75("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ jsx67("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
 // src/components/ThemeToggleHeadless.tsx
 import { Moon as Moon2, Sun as Sun2, Monitor } from "lucide-react";
-import { useEffect as useEffect31, useRef as useRef28, useState as useState45 } from "react";
-import { createPortal as createPortal7 } from "react-dom";
-import { Fragment as Fragment26, jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
+import { useEffect as useEffect30, useRef as useRef22, useState as useState39 } from "react";
+import { createPortal as createPortal6 } from "react-dom";
+import { Fragment as Fragment23, jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
   theme,
   onChange,
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState45(false);
-  const [mounted, setMounted] = useState45(false);
-  const triggerRef = useRef28(null);
-  const [dropdownPosition, setDropdownPosition] = useState45(null);
-  useEffect31(() => setMounted(true), []);
+  const [isOpen, setIsOpen] = useState39(false);
+  const [mounted, setMounted] = useState39(false);
+  const triggerRef = useRef22(null);
+  const [dropdownPosition, setDropdownPosition] = useState39(null);
+  useEffect30(() => setMounted(true), []);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: Sun2 },
     { value: "dark", label: labels?.dark ?? "Dark", icon: Moon2 },
@@ -21754,8 +20102,8 @@ function ThemeToggleHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ jsxs67("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs59("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx68(
       Button_default,
       {
         variant: "ghost",
@@ -21773,25 +20121,25 @@ function ThemeToggleHeadless({
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Theme",
-        children: /* @__PURE__ */ jsx76(CurrentIcon, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx68(CurrentIcon, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs67(Fragment26, { children: [
-      typeof window !== "undefined" && createPortal7(/* @__PURE__ */ jsx76("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
-      typeof window !== "undefined" && dropdownPosition && createPortal7(
-        /* @__PURE__ */ jsx76(
+    isOpen && /* @__PURE__ */ jsxs59(Fragment23, { children: [
+      typeof window !== "undefined" && createPortal6(/* @__PURE__ */ jsx68("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+      typeof window !== "undefined" && dropdownPosition && createPortal6(
+        /* @__PURE__ */ jsx68(
           "div",
           {
-            className: "z-9999 bg-card border border-border rounded-lg shadow-lg overflow-hidden",
+            className: "z-9999 bg-card border border-border/50 rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ jsxs67("div", { className: "p-2", children: [
-              /* @__PURE__ */ jsx76("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
+            children: /* @__PURE__ */ jsxs59("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx68("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border/50 mb-2", children: labels?.heading ?? "Theme" }),
               themes.map((opt) => {
                 const Icon = opt.icon;
                 const active = theme === opt.value;
-                return /* @__PURE__ */ jsxs67(
+                return /* @__PURE__ */ jsxs59(
                   Button_default,
                   {
                     variant: "ghost",
@@ -21807,9 +20155,9 @@ function ThemeToggleHeadless({
                     role: "menuitemradio",
                     "aria-checked": active,
                     children: [
-                      /* @__PURE__ */ jsx76(Icon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx76("span", { className: "flex-1 text-left", children: opt.label }),
-                      active && /* @__PURE__ */ jsx76("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                      /* @__PURE__ */ jsx68(Icon, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx68("span", { className: "flex-1 text-left", children: opt.label }),
+                      active && /* @__PURE__ */ jsx68("div", { className: "w-2 h-2 rounded-full bg-primary" })
                     ]
                   },
                   opt.value
@@ -21825,10 +20173,10 @@ function ThemeToggleHeadless({
 }
 // src/components/LanguageSwitcherHeadless.tsx
-import { useRef as useRef29, useState as useState46 } from "react";
-import { createPortal as createPortal8 } from "react-dom";
+import { useRef as useRef23, useState as useState40 } from "react";
+import { createPortal as createPortal7 } from "react-dom";
 import { Globe } from "lucide-react";
-import { Fragment as Fragment27, jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
 function LanguageSwitcherHeadless({
   locales,
   currentLocale,
@@ -21836,9 +20184,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState46(false);
-  const [dropdownPosition, setDropdownPosition] = useState46(null);
-  const triggerButtonRef = useRef29(null);
+  const [isOpen, setIsOpen] = useState40(false);
+  const [dropdownPosition, setDropdownPosition] = useState40(null);
+  const triggerButtonRef = useRef23(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -21850,8 +20198,8 @@ function LanguageSwitcherHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ jsxs68("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs60("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx69(
       Button_default,
       {
         variant: "ghost",
@@ -21870,22 +20218,22 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ jsx77(Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx69(Globe, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs68(Fragment27, { children: [
-      typeof window !== "undefined" && createPortal8(/* @__PURE__ */ jsx77("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
-      typeof window !== "undefined" && dropdownPosition && createPortal8(
-        /* @__PURE__ */ jsx77(
+    isOpen && /* @__PURE__ */ jsxs60(Fragment24, { children: [
+      typeof window !== "undefined" && createPortal7(/* @__PURE__ */ jsx69("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+      typeof window !== "undefined" && dropdownPosition && createPortal7(
+        /* @__PURE__ */ jsx69(
           "div",
           {
-            className: "z-9999 bg-card border border-border rounded-lg shadow-lg overflow-hidden",
+            className: "z-9999 bg-card border border-border/50 rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ jsxs68("div", { className: "p-2", children: [
-              /* @__PURE__ */ jsx77("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
-              locales.map((language) => /* @__PURE__ */ jsxs68(
+            children: /* @__PURE__ */ jsxs60("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx69("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border/50 mb-2", children: labels?.heading ?? "Language" }),
+              locales.map((language) => /* @__PURE__ */ jsxs60(
                 Button_default,
                 {
                   variant: "ghost",
@@ -21898,9 +20246,9 @@ function LanguageSwitcherHeadless({
                   role: "menuitemradio",
                   "aria-checked": currentLocale === language.code,
                   children: [
-                    language.flag && /* @__PURE__ */ jsx77("span", { className: "text-lg", children: language.flag }),
-                    /* @__PURE__ */ jsx77("span", { className: "flex-1 text-left", children: language.name }),
-                    currentLocale === language.code && /* @__PURE__ */ jsx77("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                    language.flag && /* @__PURE__ */ jsx69("span", { className: "text-lg", children: language.flag }),
+                    /* @__PURE__ */ jsx69("span", { className: "flex-1 text-left", children: language.name }),
+                    currentLocale === language.code && /* @__PURE__ */ jsx69("div", { className: "w-2 h-2 rounded-full bg-primary" })
                   ]
                 },
                 language.code
@@ -21932,8 +20280,8 @@ var VARIANT_STYLES_ALERT = {
 };
 // ../../lib/i18n/translation-adapter.tsx
-import * as React71 from "react";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import * as React62 from "react";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var defaultTranslations2 = {
   en: {
     Common: {
@@ -22297,9 +20645,9 @@ function resolveTranslationValue2(translations, namespace, key) {
   const value = resolveObjectPath2(namespaceValue, key);
   return typeof value === "string" ? value : null;
 }
-var TranslationContext2 = React71.createContext(null);
+var TranslationContext2 = React62.createContext(null);
 var UnderverseProvider = ({ children, locale = "en", translations }) => {
-  const t = React71.useCallback(
+  const t = React62.useCallback(
     (namespace) => {
       return (key) => {
         const mergedTranslations = {
@@ -22311,7 +20659,7 @@ var UnderverseProvider = ({ children, locale = "en", translations }) => {
     },
     [locale, translations]
   );
-  return /* @__PURE__ */ jsx78(TranslationContext2.Provider, { value: { locale, t }, children });
+  return /* @__PURE__ */ jsx70(TranslationContext2.Provider, { value: { locale, t }, children });
 };
 var nextIntlAvailable = false;
 var nextIntlUseTranslations = null;
@@ -22340,7 +20688,7 @@ function getInternalTranslation(namespace, locale) {
   };
 }
 function useTranslations(namespace) {
-  const underverseContext = React71.useContext(TranslationContext2);
+  const underverseContext = React62.useContext(TranslationContext2);
   if (underverseContext) {
     return (key, params) => {
       const result = underverseContext.t(namespace)(key);
@@ -22357,7 +20705,7 @@ function useTranslations(namespace) {
   return getInternalTranslation(namespace, "en");
 }
 function useLocale() {
-  const underverseContext = React71.useContext(TranslationContext2);
+  const underverseContext = React62.useContext(TranslationContext2);
   if (underverseContext) {
     return underverseContext.locale;
   }
@@ -22376,7 +20724,7 @@ function useLocale() {
 }
 // src/components/UEditor/UEditor.tsx
-import React80, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle3, useMemo as useMemo29, useRef as useRef36 } from "react";
+import React71, { useEffect as useEffect37, useImperativeHandle as useImperativeHandle3, useMemo as useMemo22, useRef as useRef30 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 // src/components/UEditor/extensions.ts
@@ -22417,7 +20765,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import { forwardRef as forwardRef13, useEffect as useEffect32, useImperativeHandle, useRef as useRef30, useState as useState47 } from "react";
+import { forwardRef as forwardRef13, useEffect as useEffect31, useImperativeHandle, useRef as useRef24, useState as useState41 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -22432,7 +20780,7 @@ import {
   Type
 } from "lucide-react";
 import tippy from "tippy.js";
-import { jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs61 } from "react/jsx-runtime";
 var DEFAULT_MESSAGES = {
   noResults: "No results",
   basicBlocks: "Basic Blocks",
@@ -22460,12 +20808,12 @@ var DEFAULT_MESSAGES = {
   tableDesc: "Insert a table"
 };
 var CommandList = forwardRef13((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState47(0);
-  const listRef = useRef30(null);
-  useEffect32(() => {
+  const [selectedIndex, setSelectedIndex] = useState41(0);
+  const listRef = useRef24(null);
+  useEffect31(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  useEffect32(() => {
+  useEffect31(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
@@ -22490,11 +20838,11 @@ var CommandList = forwardRef13((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx79("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
+    return /* @__PURE__ */ jsx71("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
   }
-  return /* @__PURE__ */ jsxs69("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx79("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx79("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
-    /* @__PURE__ */ jsx79("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs61("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx71("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx71("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
+    /* @__PURE__ */ jsx71("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs61(
       "button",
       {
         type: "button",
@@ -22505,19 +20853,19 @@ var CommandList = forwardRef13((props, ref) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx71(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ jsx79(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx71(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs69("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx79("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-            /* @__PURE__ */ jsx79("div", { className: "text-xs text-muted-foreground", children: item.description })
+          /* @__PURE__ */ jsxs61("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx71("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+            /* @__PURE__ */ jsx71("div", { className: "text-xs text-muted-foreground", children: item.description })
           ] })
         ]
       },
@@ -22790,7 +21138,7 @@ import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey } from "@tiptap/pm/state";
-import { forwardRef as forwardRef14, useEffect as useEffect33, useImperativeHandle as useImperativeHandle2, useState as useState48 } from "react";
+import { forwardRef as forwardRef14, useEffect as useEffect32, useImperativeHandle as useImperativeHandle2, useState as useState42 } from "react";
 import { Smile } from "lucide-react";
 import tippy2 from "tippy.js";
@@ -23560,10 +21908,10 @@ var EMOJI_LIST = [
 ];
 // src/components/UEditor/emoji-suggestion.tsx
-import { jsx as jsx80, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs62 } from "react/jsx-runtime";
 var EmojiList = forwardRef14((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState48(0);
-  useEffect33(() => {
+  const [selectedIndex, setSelectedIndex] = useState42(0);
+  useEffect32(() => {
     setSelectedIndex(0);
   }, [props.items]);
   useImperativeHandle2(ref, () => ({
@@ -23595,15 +21943,15 @@ var EmojiList = forwardRef14((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx80("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border rounded-2xl shadow-lg", children: "No emoji found" });
+    return /* @__PURE__ */ jsx72("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: "No emoji found" });
   }
-  return /* @__PURE__ */ jsxs70("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx80("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx80(Smile, { className: "w-4 h-4 text-primary" }),
-      /* @__PURE__ */ jsx80("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
+  return /* @__PURE__ */ jsxs62("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx72("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx72(Smile, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ jsx72("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
     ] }) }),
-    /* @__PURE__ */ jsxs70("div", { className: "p-3", children: [
-      /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsxs62("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx72(
         "button",
         {
           type: "button",
@@ -23617,7 +21965,7 @@ var EmojiList = forwardRef14((props, ref) => {
         },
         item.name
       )) }),
-      props.items.length > 64 && /* @__PURE__ */ jsxs70("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
+      props.items.length > 64 && /* @__PURE__ */ jsxs62("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
         "Showing first 64 of ",
         props.items.length,
         " emojis"
@@ -23771,11 +22119,11 @@ var UEditorPlaceholder = Extension4.create({
 });
 // src/components/UEditor/resizable-image.tsx
-import { useEffect as useEffect34, useRef as useRef31, useState as useState49 } from "react";
+import { useEffect as useEffect33, useRef as useRef25, useState as useState43 } from "react";
 import Image3 from "@tiptap/extension-image";
 import { mergeAttributes } from "@tiptap/core";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
-import { jsx as jsx81, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs63 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
 function toNullableNumber(value) {
@@ -23791,15 +22139,15 @@ function clamp8(value, min, max) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = useRef31(null);
-  const imgRef = useRef31(null);
-  const [isHovered, setIsHovered] = useState49(false);
-  const [isResizing, setIsResizing] = useState49(false);
+  const wrapperRef = useRef25(null);
+  const imgRef = useRef25(null);
+  const [isHovered, setIsHovered] = useState43(false);
+  const [isResizing, setIsResizing] = useState43(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
-  const dragStateRef = useRef31(null);
-  useEffect34(() => {
+  const dragStateRef = useRef25(null);
+  useEffect33(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -23893,7 +22241,7 @@ function ResizableImageNodeView(props) {
   const showHandle = selected || isHovered || isResizing;
   const wrapperAlignClass = textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "";
   const wrapperWidthClass = "w-fit";
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs63(
     NodeViewWrapper,
     {
       as: "div",
@@ -23907,7 +22255,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx73(
           "img",
           {
             ref: imgRef,
@@ -23926,7 +22274,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ jsx81(
+        showHandle && /* @__PURE__ */ jsx73(
           "div",
           {
             "aria-hidden": "true",
@@ -24130,7 +22478,7 @@ function buildUEditorExtensions({
 }
 // src/components/UEditor/toolbar.tsx
-import React78, { useRef as useRef34, useState as useState52 } from "react";
+import React69, { useRef as useRef28, useState as useState46 } from "react";
 import {
   AlignCenter,
   AlignJustify,
@@ -24168,12 +22516,12 @@ import {
 } from "lucide-react";
 // src/components/UEditor/colors.tsx
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo19 } from "react";
 import { X as X17 } from "lucide-react";
-import { jsx as jsx82, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs64 } from "react/jsx-runtime";
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = useMemo26(
+  const textColors = useMemo19(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -24186,7 +22534,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = useMemo26(
+  const highlightColors = useMemo19(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -24207,9 +22555,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ jsxs72("div", { className: "p-2", children: [
-  /* @__PURE__ */ jsx82("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ jsx82("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs72(
+}) => /* @__PURE__ */ jsxs64("div", { className: "p-2", children: [
+  /* @__PURE__ */ jsx74("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ jsx74("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs64(
     "button",
     {
       type: "button",
@@ -24222,8 +22570,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ jsx82(X17, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ jsx82("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ jsx74(X17, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ jsx74("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -24231,9 +22579,9 @@ var EditorColorPalette = ({
 ] });
 // src/components/UEditor/inputs.tsx
-import { useEffect as useEffect35, useRef as useRef32, useState as useState50 } from "react";
+import { useEffect as useEffect34, useRef as useRef26, useState as useState44 } from "react";
 import { Check as Check10, X as X18 } from "lucide-react";
-import { jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs65 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   const url = raw.trim();
   if (!url) return "";
@@ -24247,9 +22595,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState50(initialUrl);
-  const inputRef = useRef32(null);
-  useEffect35(() => {
+  const [url, setUrl] = useState44(initialUrl);
+  const inputRef = useRef26(null);
+  useEffect34(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -24258,8 +22606,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ jsxs73("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs65("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ jsx75(
       "input",
       {
         ref: inputRef,
@@ -24270,16 +22618,16 @@ var LinkInput = ({
         className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
       }
     ),
-    /* @__PURE__ */ jsx83("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx83(Check10, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx83("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx83(X18, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx75("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx75(Check10, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx75("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx75(X18, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState50("");
-  const [alt, setAlt] = useState50("");
-  const inputRef = useRef32(null);
-  useEffect35(() => {
+  const [url, setUrl] = useState44("");
+  const [alt, setAlt] = useState44("");
+  const inputRef = useRef26(null);
+  useEffect34(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -24288,10 +22636,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ jsxs73("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs73("div", { children: [
-      /* @__PURE__ */ jsx83("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs65("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs65("div", { children: [
+      /* @__PURE__ */ jsx75("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx75(
         "input",
         {
           ref: inputRef,
@@ -24303,9 +22651,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs73("div", { children: [
-      /* @__PURE__ */ jsx83("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsxs65("div", { children: [
+      /* @__PURE__ */ jsx75("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx75(
         "input",
         {
           type: "text",
@@ -24316,8 +22664,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs73("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsxs65("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx75(
         "button",
         {
           type: "submit",
@@ -24326,15 +22674,15 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx83("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ jsx75("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
 // src/components/UEditor/emoji-picker.tsx
-import { useState as useState51, useMemo as useMemo27, useRef as useRef33, useEffect as useEffect36 } from "react";
+import { useState as useState45, useMemo as useMemo20, useRef as useRef27, useEffect as useEffect35 } from "react";
 import { Search as Search6, X as X19, Smile as Smile2, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
-import { jsx as jsx84, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
 var CATEGORY_ICONS = {
   "smileys_people": Smile2,
   "animals_nature": Leaf,
@@ -24346,12 +22694,12 @@ var CATEGORY_ICONS = {
 };
 var EmojiPicker = ({ onSelect, onClose }) => {
   const t = useSmartTranslations("UEditor");
-  const [search, setSearch] = useState51("");
-  const [activeCategory, setActiveCategory] = useState51(EMOJI_LIST[0]?.id || "");
-  const scrollContainerRef = useRef33(null);
-  const categoryRefs = useRef33({});
-  const isUserScrolling = useRef33(false);
-  const filteredCategories = useMemo27(() => {
+  const [search, setSearch] = useState45("");
+  const [activeCategory, setActiveCategory] = useState45(EMOJI_LIST[0]?.id || "");
+  const scrollContainerRef = useRef27(null);
+  const categoryRefs = useRef27({});
+  const isUserScrolling = useRef27(false);
+  const filteredCategories = useMemo20(() => {
     if (!search.trim()) return EMOJI_LIST;
     const query = search.toLowerCase();
     return EMOJI_LIST.map((category) => ({
@@ -24365,7 +22713,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
     onSelect(emoji);
     setSearch("");
   };
-  useEffect36(() => {
+  useEffect35(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -24405,13 +22753,13 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       isUserScrolling.current = true;
     }, 500);
   };
-  useEffect36(() => {
+  useEffect35(() => {
     isUserScrolling.current = true;
   }, []);
-  return /* @__PURE__ */ jsxs74("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
-    /* @__PURE__ */ jsx84("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ jsxs74("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx84(Search6, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs66("div", { className: "w-96 bg-card border border-border/50 rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
+    /* @__PURE__ */ jsx76("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ jsxs66("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx76(Search6, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx76(
         "input",
         {
           type: "text",
@@ -24420,22 +22768,22 @@ var EmojiPicker = ({ onSelect, onClose }) => {
           onChange: (e) => setSearch(e.target.value),
           className: cn(
             "w-full pl-9 pr-9 py-2 rounded-lg",
-            "bg-background border border-border",
+            "bg-background border border-border/50",
             "text-sm placeholder:text-muted-foreground",
             "focus:outline-none focus:ring-2 focus:ring-primary/20"
           )
         }
       ),
-      search && /* @__PURE__ */ jsx84(
+      search && /* @__PURE__ */ jsx76(
         "button",
         {
           onClick: () => setSearch(""),
           className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ jsx84(X19, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx76(X19, { className: "w-4 h-4" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx84(
+    /* @__PURE__ */ jsx76(
       "div",
       {
         ref: scrollContainerRef,
@@ -24443,9 +22791,9 @@ var EmojiPicker = ({ onSelect, onClose }) => {
         style: { height: "20rem" },
         children: search ? (
           // Search Results
-          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ jsxs74("div", { className: "mb-4", children: [
-            /* @__PURE__ */ jsx84("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1", children: category.name }),
-            /* @__PURE__ */ jsx84("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ jsx84(
+          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ jsxs66("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1", children: category.name }),
+            /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ jsx76(
               "button",
               {
                 onClick: () => handleEmojiClick(emoji.emoji),
@@ -24459,22 +22807,22 @@ var EmojiPicker = ({ onSelect, onClose }) => {
               },
               emoji.name
             )) })
-          ] }, category.id)) : /* @__PURE__ */ jsxs74("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
-            /* @__PURE__ */ jsx84("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
-            /* @__PURE__ */ jsx84("div", { className: "text-sm font-medium text-muted-foreground", children: t("emojiPicker.noResults") }),
-            /* @__PURE__ */ jsx84("div", { className: "text-xs text-muted-foreground mt-1", children: t("emojiPicker.tryDifferentSearch") })
+          ] }, category.id)) : /* @__PURE__ */ jsxs66("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+            /* @__PURE__ */ jsx76("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
+            /* @__PURE__ */ jsx76("div", { className: "text-sm font-medium text-muted-foreground", children: t("emojiPicker.noResults") }),
+            /* @__PURE__ */ jsx76("div", { className: "text-xs text-muted-foreground mt-1", children: t("emojiPicker.tryDifferentSearch") })
           ] })
         ) : (
           // All Categories - Messenger Style
-          /* @__PURE__ */ jsx84("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ jsxs74(
+          /* @__PURE__ */ jsx76("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ jsxs66(
             "div",
             {
               ref: (el) => {
                 categoryRefs.current[category.id] = el;
               },
               children: [
-                /* @__PURE__ */ jsx84("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1 z-10", children: category.name }),
-                /* @__PURE__ */ jsx84("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ jsx84(
+                /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1 z-10", children: category.name }),
+                /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ jsx76(
                   "button",
                   {
                     onClick: () => handleEmojiClick(emoji.emoji),
@@ -24495,9 +22843,9 @@ var EmojiPicker = ({ onSelect, onClose }) => {
         )
       }
     ),
-    !search && /* @__PURE__ */ jsx84("div", { className: "flex items-center justify-around px-2 py-2 border-t bg-muted/30 shrink-0", children: EMOJI_LIST.map((category) => {
+    !search && /* @__PURE__ */ jsx76("div", { className: "flex items-center justify-around px-2 py-2 border-t bg-muted/30 shrink-0", children: EMOJI_LIST.map((category) => {
       const IconComponent = CATEGORY_ICONS[category.id] || Smile2;
-      return /* @__PURE__ */ jsx84(
+      return /* @__PURE__ */ jsx76(
         "button",
         {
           onClick: () => handleCategoryClick(category.id),
@@ -24506,7 +22854,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
             activeCategory === category.id ? "text-primary bg-primary/10" : "text-muted-foreground hover:text-foreground hover:bg-accent"
           ),
           title: category.name,
-          children: /* @__PURE__ */ jsx84(IconComponent, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ jsx76(IconComponent, { className: "w-5 h-5" })
         },
         category.id
       );
@@ -24515,7 +22863,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
 };
 // src/components/UEditor/toolbar.tsx
-import { Fragment as Fragment28, jsx as jsx85, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -24524,8 +22872,8 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = React78.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx85(
+var ToolbarButton = React69.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ jsx77(
     "button",
     {
       ref,
@@ -24548,12 +22896,12 @@ var ToolbarButton = React78.forwardRef(({ onClick, onMouseDown, active, disabled
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx85(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx77(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx85("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx77("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -24562,10 +22910,10 @@ var EditorToolbar = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState52(false);
-  const fileInputRef = useRef34(null);
-  const [isUploadingImage, setIsUploadingImage] = useState52(false);
-  const [imageUploadError, setImageUploadError] = useState52(null);
+  const [showImageInput, setShowImageInput] = useState46(false);
+  const fileInputRef = useRef28(null);
+  const [isUploadingImage, setIsUploadingImage] = useState46(false);
+  const [imageUploadError, setImageUploadError] = useState46(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -24584,31 +22932,31 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx85(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx85(ItalicIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx77(BoldIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx77(ItalicIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx77(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx85(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx77(ListIcon, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs75("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs67("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ jsxs67(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ jsx85(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(Type2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -24617,7 +22965,7 @@ var EditorToolbar = ({
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Heading1Icon,
@@ -24627,7 +22975,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Heading2Icon,
@@ -24637,7 +22985,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Heading3Icon,
@@ -24650,30 +22998,30 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx85(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx85(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx77(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx77(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx77(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx85(UnderlineIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx77(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx85(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx85(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx77(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx77(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx77(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx85(Palette2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(Palette2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx85(
+        children: /* @__PURE__ */ jsx77(
           EditorColorPalette,
           {
             colors: textColors,
@@ -24690,15 +23038,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx85(Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx85(
+        children: /* @__PURE__ */ jsx77(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -24715,13 +23063,13 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx77(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx85(Smile3, { className: "w-4 h-4" }) }),
-        children: /* @__PURE__ */ jsx85(
+        trigger: /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx77(Smile3, { className: "w-4 h-4" }) }),
+        children: /* @__PURE__ */ jsx77(
           EmojiPicker,
           {
             onSelect: (emoji) => {
@@ -24731,17 +23079,17 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs67(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ jsx85(AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -24750,7 +23098,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -24759,7 +23107,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -24768,7 +23116,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: AlignJustify,
@@ -24780,17 +23128,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs67(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx85(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(ListIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ListIcon,
@@ -24800,7 +23148,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ListOrderedIcon,
@@ -24810,7 +23158,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ListTodo2,
@@ -24823,16 +23171,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs67(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx85(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(QuoteIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: QuoteIcon,
@@ -24842,7 +23190,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: FileCode3,
@@ -24855,15 +23203,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx85(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(ImageIcon2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx85(
+        children: showImageInput ? /* @__PURE__ */ jsx77(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -24872,9 +23220,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ jsxs75(Fragment28, { children: [
-          /* @__PURE__ */ jsx85(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ jsx85(
+        ) : /* @__PURE__ */ jsxs67(Fragment25, { children: [
+          /* @__PURE__ */ jsx77(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Upload3,
@@ -24883,8 +23231,8 @@ var EditorToolbar = ({
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ jsx85(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx85(
+          imageUploadError && /* @__PURE__ */ jsx77(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ jsx77(
             "input",
             {
               ref: fileInputRef,
@@ -24902,16 +23250,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs67(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx85(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx85(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx77(TableIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx77(ChevronDown7, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -24919,8 +23267,8 @@ var EditorToolbar = ({
               onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
             }
           ),
-          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -24929,7 +23277,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -24938,7 +23286,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -24947,7 +23295,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -24956,8 +23304,8 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -24966,7 +23314,7 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -24975,7 +23323,7 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx77(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -24987,34 +23335,34 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx77(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx85(SubscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx77(SubscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx77(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx85(SuperscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx77(SuperscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx85(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx85(RedoIcon, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx77(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx77(UndoIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx77(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx77(RedoIcon, { className: "w-4 h-4" }) })
   ] });
 };
 // src/components/UEditor/menus.tsx
-import { useCallback as useCallback21, useEffect as useEffect37, useMemo as useMemo28, useRef as useRef35, useState as useState53 } from "react";
-import { createPortal as createPortal9 } from "react-dom";
+import { useCallback as useCallback17, useEffect as useEffect36, useMemo as useMemo21, useRef as useRef29, useState as useState47 } from "react";
+import { createPortal as createPortal8 } from "react-dom";
 import {
   Bold as BoldIcon2,
   Code as CodeIcon2,
@@ -25038,12 +23386,12 @@ import {
   Underline as UnderlineIcon2,
   Strikethrough as StrikethroughIcon2
 } from "lucide-react";
-import { jsx as jsx86, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = useState53(0);
-  const menuRef = useRef35(null);
-  const allCommands = useMemo28(
+  const [selectedIndex, setSelectedIndex] = useState47(0);
+  const menuRef = useRef29(null);
+  const allCommands = useMemo21(
     () => [
       {
         icon: Type3,
@@ -25114,19 +23462,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = useMemo28(() => {
+  const commands = useMemo21(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  useEffect37(() => {
+  useEffect36(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  useEffect37(() => {
+  useEffect36(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
-  const selectCommand = useCallback21(
+  const selectCommand = useCallback17(
     (index) => {
       const command = commands[index];
       if (command) {
@@ -25136,7 +23484,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  useEffect37(() => {
+  useEffect36(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -25157,11 +23505,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ jsx86("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ jsx78("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ jsxs76("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx86("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx86("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ jsx86("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs68("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx78("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx78("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ jsx78("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs68(
       "button",
       {
         type: "button",
@@ -25174,19 +23522,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx78(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ jsx86(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx78(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs76("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx86("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ jsx86("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ jsxs68("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx78("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ jsx78("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -25196,19 +23544,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = useState53(false);
+  const [showCommands, setShowCommands] = useState47(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx86(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx78(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs68(
     "button",
     {
       type: "button",
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ jsx86(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx86("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx78(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx78("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -25219,12 +23567,12 @@ var BubbleMenuContent = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState53(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = useState53(false);
-  useEffect37(() => {
+  const [showLinkInput, setShowLinkInput] = useState47(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = useState47(false);
+  useEffect36(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  useEffect37(() => {
+  useEffect36(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -25235,7 +23583,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx78(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -25252,8 +23600,8 @@ var BubbleMenuContent = ({
     );
   }
   if (showEditorColorPalette) {
-    return /* @__PURE__ */ jsxs76("div", { className: "w-48", children: [
-      /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsxs68("div", { className: "w-48", children: [
+      /* @__PURE__ */ jsx78(
         EditorColorPalette,
         {
           colors: textColors,
@@ -25268,8 +23616,8 @@ var BubbleMenuContent = ({
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ jsx86("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx78("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ jsx78(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -25284,7 +23632,7 @@ var BubbleMenuContent = ({
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ jsx86("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx78("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx78(
         "button",
         {
           type: "button",
@@ -25295,22 +23643,22 @@ var BubbleMenuContent = ({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx86(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx86(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx78(BoldIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx78(ItalicIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx78(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx86(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx78(UnderlineIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx86(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx86(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx78(StrikethroughIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx78(CodeIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx78("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx78(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -25321,41 +23669,41 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx86(LinkIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx78(LinkIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx86(Palette3, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx78(Palette3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx78("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx78(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx86(SubscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx78(SubscriptIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx78(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx86(SuperscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx78(SuperscriptIcon2, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState53(false);
-  const [position, setPosition] = useState53({ top: 0, left: 0 });
-  const menuRef = useRef35(null);
-  const keepOpenRef = useRef35(false);
-  const setKeepOpen = useCallback21((next) => {
+  const [isVisible, setIsVisible] = useState47(false);
+  const [position, setPosition] = useState47({ top: 0, left: 0 });
+  const menuRef = useRef29(null);
+  const keepOpenRef = useRef29(false);
+  const setKeepOpen = useCallback17((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  useEffect37(() => {
+  useEffect36(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -25383,19 +23731,19 @@ var CustomBubbleMenu = ({ editor }) => {
     };
   }, [editor]);
   if (!isVisible) return null;
-  return createPortal9(
-    /* @__PURE__ */ jsx86(
+  return createPortal8(
+    /* @__PURE__ */ jsx78(
       "div",
       {
         ref: menuRef,
-        className: "fixed z-50 flex rounded-2xl border border-border bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
+        className: "fixed z-50 flex rounded-2xl border border-border/50 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx86(
+        children: /* @__PURE__ */ jsx78(
           BubbleMenuContent,
           {
             editor,
@@ -25408,9 +23756,9 @@ var CustomBubbleMenu = ({ editor }) => {
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState53(false);
-  const [position, setPosition] = useState53({ top: 0, left: 0 });
-  useEffect37(() => {
+  const [isVisible, setIsVisible] = useState47(false);
+  const [position, setPosition] = useState47({ top: 0, left: 0 });
+  useEffect36(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -25436,18 +23784,18 @@ var CustomFloatingMenu = ({ editor }) => {
     };
   }, [editor]);
   if (!isVisible) return null;
-  return createPortal9(
-    /* @__PURE__ */ jsx86(
+  return createPortal8(
+    /* @__PURE__ */ jsx78(
       "div",
       {
-        className: "fixed z-50 rounded-2xl border border-border bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
+        className: "fixed z-50 rounded-2xl border border-border/50 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx86(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx78(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -25455,25 +23803,25 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 // src/components/UEditor/CharacterCount.tsx
-import { jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsxs as jsxs69 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useSmartTranslations("UEditor");
   const storage = editor.storage;
   const characterCount = storage.characterCount?.characters?.() ?? 0;
   const wordCount = storage.characterCount?.words?.() ?? 0;
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
-  return /* @__PURE__ */ jsxs77("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ jsxs77("span", { children: [
+  return /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ jsxs69("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ jsxs77("span", { children: [
+    /* @__PURE__ */ jsxs69("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ jsxs77("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ jsxs69("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -25728,8 +24076,8 @@ async function prepareUEditorContentForSave({
 }
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx87, jsxs as jsxs78 } from "react/jsx-runtime";
-var UEditor = React80.forwardRef(({
+import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
+var UEditor = React71.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -25752,8 +24100,8 @@ var UEditor = React80.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = useRef36(null);
-  const extensions = useMemo29(
+  const inFlightPrepareRef = useRef30(null);
+  const extensions = useMemo22(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, translate: t, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, editable]
   );
@@ -25893,7 +24241,7 @@ var UEditor = React80.forwardRef(({
     }),
     [content, editor, uploadImageForSave]
   );
-  useEffect38(() => {
+  useEffect37(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -25901,7 +24249,7 @@ var UEditor = React80.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx79(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -25910,11 +24258,11 @@ var UEditor = React80.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       className: cn(
-        "group relative flex flex-col rounded-2xl md:rounded-3xl border border-border bg-card text-card-foreground overflow-hidden",
+        "group relative flex flex-col rounded-2xl md:rounded-3xl border border-border/50 bg-card text-card-foreground overflow-hidden",
         "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
         "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
         "backdrop-blur-sm",
@@ -25922,10 +24270,10 @@ var UEditor = React80.forwardRef(({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ jsx87(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx87(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx87(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsx87(
+        editable && showToolbar && /* @__PURE__ */ jsx79(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ jsx79(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ jsx79(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsx79(
           EditorContent,
           {
             editor,
@@ -25936,7 +24284,7 @@ var UEditor = React80.forwardRef(({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx87(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ jsx79(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );
@@ -25952,11 +24300,9 @@ function getUnderverseMessages(locale = "en") {
 export {
   AccessDenied,
   Alert_default as Alert,
-  AreaChart,
   Avatar_default as Avatar,
   Badge_default as Badge,
   Badge as BadgeBase,
-  BarChart,
   BatteryProgress,
   BottomSheet,
   Breadcrumb_default as Breadcrumb,
@@ -25997,7 +24343,6 @@ export {
   FormLabel,
   FormMessage,
   FormSubmitButton,
-  GaugeChart,
   GlobalLoading,
   GradientBadge,
   Grid_default as Grid,
@@ -26009,7 +24354,6 @@ export {
   Label,
   LanguageSwitcherHeadless as LanguageSwitcher,
   LanguageSwitcherHeadless,
-  LineChart,
   List_default as List,
   ListItem,
   LoadingBar,
@@ -26032,12 +24376,10 @@ export {
   PageLoading,
   Pagination,
   PasswordInput,
-  PieChart,
   PillTabs,
   Popover,
   Progress,
   PulseBadge,
-  RadarChart,
   RadioGroup,
   RadioGroupItem,
   SIZE_STYLES_BTN,
@@ -26062,7 +24404,6 @@ export {
   SlideOver,
   Slider,
   SmartImage,
-  Sparkline,
   StatusBadge,
   StepProgress,
   Switch_default as Switch,