@underverse-ui/underverse 0.2.117 → 0.2.119

package/dist/index.cjs

@@ -6522,8 +6522,8 @@ var React26 = __toESM(require("react"), 1);
 var import_lucide_react17 = require("lucide-react");
 
 // ../../components/ui/Calendar.tsx
-var React24 = __toESM(require("react"), 1);
 var import_lucide_react15 = require("lucide-react");
+var React24 = __toESM(require("react"), 1);
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function startOfMonth(d) {
   return new Date(d.getFullYear(), d.getMonth(), 1);
@@ -6768,9 +6768,9 @@ function Calendar2({
   };
   const cellSz = CELL_EVENT_STYLES[size];
   const VARIANT_STYLES2 = {
-    default: "border border-border rounded-2xl bg-card",
-    bordered: "border-2 border-border rounded-2xl bg-card shadow-sm",
-    card: "border border-border rounded-3xl bg-card shadow-lg",
+    default: "border border-border/60 rounded-2xl md:rounded-3xl bg-linear-to-br from-card via-card to-card/95 shadow-sm backdrop-blur-sm",
+    bordered: "border-2 border-border/70 rounded-2xl md:rounded-3xl bg-linear-to-br from-card via-card to-card/95 shadow-md hover:shadow-lg transition-shadow duration-300",
+    card: "border border-border/50 rounded-3xl bg-linear-to-br from-card via-background/95 to-card shadow-lg hover:shadow-xl transition-shadow duration-300 backdrop-blur-md",
     minimal: "bg-transparent"
   };
   const weekDays = React24.useMemo(() => {
@@ -6782,7 +6782,7 @@ function Calendar2({
     const monthLabel = labels?.month ? labels.month(monthDate) : monthDate.toLocaleDateString("en-US", { month: "long", year: "numeric" });
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
       months > 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-center justify-center mb-2 text-sm font-semibold", children: monthLabel }),
-      showWeekdays && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid, "mb-1 text-center text-muted-foreground font-medium"), children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(sz.head), children: w }, `${monthLabel}-${w}`)) }),
+      showWeekdays && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid, "mb-2 text-center text-muted-foreground/70 font-semibold uppercase tracking-wider"), children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(sz.head, "transition-colors duration-200 hover:text-foreground"), children: w }, `${monthLabel}-${w}`)) }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid), children: monthDays.map((d, idx) => {
         const inMonth = d.getMonth() === monthDate.getMonth();
         const isToday2 = isSameDay(d, today);
@@ -6801,18 +6801,21 @@ function Calendar2({
             "div",
             {
               className: cn(
-                "rounded-xl border border-border/50 bg-background/40 overflow-hidden",
-                "transition-colors duration-150",
+                "rounded-3xl border border-border/50 overflow-hidden",
+                "bg-linear-to-br from-background via-background to-background/90",
+                "transition-all duration-300",
+                "hover:shadow-lg hover:border-border/70",
                 animate && "will-change-transform",
                 cellSz.cell,
-                !inMonth && "opacity-60",
-                disabled && "opacity-40",
-                highlightWeekends && isWeekend && "bg-accent/10",
-                isToday2 && !selectedDay && "ring-1 ring-primary/40",
-                selectedDay && "border-primary/50 bg-primary/10"
+                !inMonth && "opacity-50",
+                disabled && "opacity-40 cursor-not-allowed",
+                highlightWeekends && isWeekend && "bg-linear-to-br from-destructive/5 via-destructive/3 to-background/90",
+                isToday2 && !selectedDay && "ring-2 ring-primary/50 border-primary/30 shadow-md",
+                selectedDay && "border-primary/60 bg-linear-to-br from-primary/10 via-primary/5 to-background/90 shadow-md",
+                !disabled && "backdrop-blur-sm"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border/30 bg-muted/20", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "button",
                     {
@@ -6820,19 +6823,31 @@ function Calendar2({
                       onClick: () => !disabled && handleClickDay(d),
                       disabled,
                       className: cn(
-                        "inline-flex items-center justify-center rounded-lg px-2 py-1",
-                        "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                        "inline-flex items-center justify-center rounded-xl px-2.5 py-1 font-semibold",
+                        "transition-all duration-200",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
                         cellSz.day,
-                        selectedDay ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground",
-                        disabled && "cursor-not-allowed hover:bg-transparent"
+                        selectedDay ? "bg-linear-to-br from-primary to-primary/90 text-primary-foreground shadow-sm" : "hover:bg-accent hover:text-accent-foreground hover:scale-105 active:scale-95",
+                        disabled && "cursor-not-allowed hover:bg-transparent hover:scale-100",
+                        isToday2 && !selectedDay && "ring-1 ring-primary/40 bg-primary/5"
                       ),
                       title: d.toDateString(),
                       children: d.getDate()
                     }
                   ),
-                  dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: dayEvents.length })
+                  dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    "span",
+                    {
+                      className: cn(
+                        "text-[11px] tabular-nums px-2 py-0.5 rounded-full font-medium",
+                        "bg-primary/10 text-primary",
+                        dayEvents.length > 5 && "bg-destructive/10 text-destructive"
+                      ),
+                      children: dayEvents.length
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("mt-2 space-y-1", dense ? "mt-1.5" : "mt-2"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("space-y-1.5 p-2", dense ? "p-1.5" : "p-2"), children: [
                   visibleEvents.map((e, i) => {
                     const key = e.id ?? `${k}-${i}`;
                     const node = renderEvent?.({ event: e, date: d });
@@ -6843,21 +6858,31 @@ function Calendar2({
                         type: "button",
                         onClick: () => handleEventActivate(e, d, k, i),
                         className: cn(
-                          "w-full text-left rounded-lg px-2 py-1",
-                          "transition-colors duration-150 hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-                          "text-xs flex items-center gap-2"
+                          "group w-full text-left rounded-xl px-2.5 py-2",
+                          "transition-all duration-200",
+                          "hover:bg-accent/80 hover:shadow-sm hover:scale-[1.02] active:scale-[0.98]",
+                          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                          "text-xs flex items-center gap-2.5",
+                          "border border-transparent hover:border-border/30"
                         ),
                         title: e.title,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: e.color || "hsl(var(--primary))" } }),
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1", children: e.title ?? "Event" }),
-                          showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: e.badge })
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            "span",
+                            {
+                              className: "h-2 w-2 rounded-full shrink-0 transition-transform duration-200 group-hover:scale-125",
+                              style: { backgroundColor: e.color || "hsl(var(--primary))" }
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1 font-medium group-hover:text-foreground", children: e.title ?? "Event" }),
+                          showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 rounded-full bg-muted/80 px-2 py-0.5 text-[10px] text-muted-foreground font-medium backdrop-blur-sm", children: e.badge })
                         ]
                       },
                       String(key)
                     );
                   }),
-                  hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-2 text-[11px] text-muted-foreground", children: [
+                  hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-2.5 py-1 text-[11px] text-muted-foreground/70 font-medium flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/40" }),
                     "+",
                     hiddenCount,
                     " more"
@@ -6874,14 +6899,16 @@ function Calendar2({
             onClick: () => handleClickDay(d),
             disabled,
             className: cn(
-              "rounded-lg flex items-center justify-center relative cursor-pointer",
+              "rounded-xl flex items-center justify-center relative cursor-pointer",
+              "transition-all duration-200 font-medium",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
               sz.day,
-              !inMonth && "text-muted-foreground/60",
+              !inMonth && "text-muted-foreground/50",
               disabled && "opacity-40 cursor-not-allowed",
-              highlightWeekends && isWeekend && "bg-accent/10",
-              isToday2 && !selectedDay && "ring-1 ring-primary/50",
-              selectedDay && "bg-primary text-primary-foreground hover:bg-primary/90",
-              !selectedDay && "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
+              highlightWeekends && isWeekend && "bg-destructive/5",
+              isToday2 && !selectedDay && "ring-2 ring-primary/60 bg-primary/5 font-bold",
+              selectedDay && "bg-linear-to-br from-primary to-primary/90 text-primary-foreground shadow-md hover:shadow-lg hover:scale-105",
+              !selectedDay && !disabled && "hover:bg-accent hover:text-accent-foreground hover:scale-105 active:scale-95"
             ),
             title: d.toDateString(),
             children: [
@@ -6924,24 +6951,34 @@ function Calendar2({
     return nextStart > maxBound;
   }, [display, view, weekStartsOn, maxBound]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("w-full", className), ...rest, children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+    showHeader && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between mb-3 px-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "button",
         {
           onClick: () => goByView(-1),
           disabled: prevDisabled,
-          className: cn("p-1 rounded-lg hover:bg-accent", prevDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent"),
+          className: cn(
+            "p-2 rounded-full transition-all duration-200",
+            "hover:bg-accent hover:shadow-sm active:scale-95",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+            prevDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent hover:shadow-none active:scale-100"
+          ),
           "aria-label": labels?.prev || (display === "week" ? "Previous week" : "Previous month"),
           children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react15.ChevronLeft, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-sm font-semibold", children: display === "week" ? `${labels?.month ? labels.month(weekDays[0]) : weekDays[0].toLocaleDateString("en-US", { month: "short" })} ${weekDays[0].getDate()} \u2013 ${labels?.month ? labels.month(weekDays[6]) : weekDays[6].toLocaleDateString("en-US", { month: "short" })} ${weekDays[6].getDate()}` : labels?.month ? labels.month(view) : view.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-sm font-semibold tracking-tight bg-linear-to-r from-foreground to-foreground/80 bg-clip-text", children: display === "week" ? `${labels?.month ? labels.month(weekDays[0]) : weekDays[0].toLocaleDateString("en-US", { month: "short" })} ${weekDays[0].getDate()} \u2013 ${labels?.month ? labels.month(weekDays[6]) : weekDays[6].toLocaleDateString("en-US", { month: "short" })} ${weekDays[6].getDate()}` : labels?.month ? labels.month(view) : view.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "button",
         {
           onClick: () => goByView(1),
           disabled: nextDisabled,
-          className: cn("p-1 rounded-lg hover:bg-accent", nextDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent"),
+          className: cn(
+            "p-2 rounded-full transition-all duration-200",
+            "hover:bg-accent hover:shadow-sm active:scale-95",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+            nextDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent hover:shadow-none active:scale-100"
+          ),
           "aria-label": labels?.next || (display === "week" ? "Next week" : "Next month"),
           children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react15.ChevronRight, { className: "h-4 w-4" })
         }
@@ -6967,16 +7004,19 @@ function Calendar2({
             "div",
             {
               className: cn(
-                "rounded-xl border border-border/50 bg-background/40 overflow-hidden",
-                "transition-colors duration-150",
+                "rounded-3xl border border-border/50 overflow-hidden",
+                "bg-linear-to-br from-background via-background to-background/90",
+                "transition-all duration-300",
+                "hover:shadow-lg hover:border-border/70",
                 cellSz.cell,
-                disabled && "opacity-40",
-                highlightWeekends && isWeekend && "bg-accent/10",
-                isToday2 && !selectedDay && "ring-1 ring-primary/40",
-                selectedDay && "border-primary/50 bg-primary/10"
+                disabled && "opacity-40 cursor-not-allowed",
+                highlightWeekends && isWeekend && "bg-linear-to-br from-destructive/5 via-destructive/3 to-background/90",
+                isToday2 && !selectedDay && "ring-2 ring-primary/50 border-primary/30 shadow-md",
+                selectedDay && "border-primary/60 bg-linear-to-br from-primary/10 via-primary/5 to-background/90 shadow-md",
+                !disabled && "backdrop-blur-sm"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border/30 bg-muted/20", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "button",
                     {
@@ -6984,19 +7024,31 @@ function Calendar2({
                       onClick: () => !disabled && handleClickDay(d),
                       disabled,
                       className: cn(
-                        "inline-flex items-center justify-center rounded-lg px-2 py-1",
-                        "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                        "inline-flex items-center justify-center rounded-xl px-2.5 py-1 font-semibold",
+                        "transition-all duration-200",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
                         cellSz.day,
-                        selectedDay ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground",
-                        disabled && "cursor-not-allowed hover:bg-transparent"
+                        selectedDay ? "bg-linear-to-br from-primary to-primary/90 text-primary-foreground shadow-sm" : "hover:bg-accent hover:text-accent-foreground hover:scale-105 active:scale-95",
+                        disabled && "cursor-not-allowed hover:bg-transparent hover:scale-100",
+                        isToday2 && !selectedDay && "ring-1 ring-primary/40 bg-primary/5"
                       ),
                       title: d.toDateString(),
                       children: d.getDate()
                     }
                   ),
-                  dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: dayEvents.length })
+                  dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    "span",
+                    {
+                      className: cn(
+                        "text-[11px] tabular-nums px-2 py-0.5 rounded-full font-medium",
+                        "bg-primary/10 text-primary",
+                        dayEvents.length > 5 && "bg-destructive/10 text-destructive"
+                      ),
+                      children: dayEvents.length
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("mt-2 space-y-1", dense ? "mt-1.5" : "mt-2"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("space-y-1.5 p-2", dense ? "p-1.5" : "p-2"), children: [
                   visibleEvents.map((e, i) => {
                     const key = e.id ?? `${k}-${i}`;
                     const node = renderEvent?.({ event: e, date: d });
@@ -7007,21 +7059,31 @@ function Calendar2({
                         type: "button",
                         onClick: () => handleEventActivate(e, d, k, i),
                         className: cn(
-                          "w-full text-left rounded-lg px-2 py-1",
-                          "transition-colors duration-150 hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-                          "text-xs flex items-center gap-2"
+                          "group w-full text-left rounded-xl px-2.5 py-2",
+                          "transition-all duration-200",
+                          "hover:bg-accent/80 hover:shadow-sm hover:scale-[1.02] active:scale-[0.98]",
+                          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                          "text-xs flex items-center gap-2.5",
+                          "border border-transparent hover:border-border/30"
                         ),
                         title: e.title,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: e.color || "hsl(var(--primary))" } }),
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1", children: e.title ?? "Event" }),
-                          showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: e.badge })
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            "span",
+                            {
+                              className: "h-2 w-2 rounded-full shrink-0 transition-transform duration-200 group-hover:scale-125",
+                              style: { backgroundColor: e.color || "hsl(var(--primary))" }
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate flex-1 font-medium group-hover:text-foreground", children: e.title ?? "Event" }),
+                          showEventBadges && e.badge && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "shrink-0 rounded-full bg-muted/80 px-2 py-0.5 text-[10px] text-muted-foreground font-medium backdrop-blur-sm", children: e.badge })
                         ]
                       },
                       String(key)
                     );
                   }),
-                  hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-2 text-[11px] text-muted-foreground", children: [
+                  hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-2.5 py-1 text-[11px] text-muted-foreground/70 font-medium flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-1 w-1 rounded-full bg-muted-foreground/40" }),
                     "+",
                     hiddenCount,
                     " more"
@@ -7049,7 +7111,14 @@ function Calendar2({
             title: d.toDateString(),
             children: [
               d.getDate(),
-              dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, String(e.id ?? i))) })
+              dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                "span",
+                {
+                  className: "h-1.5 w-1.5 rounded-full",
+                  style: { backgroundColor: e.color || "hsl(var(--primary))" }
+                },
+                String(e.id ?? i)
+              )) })
             ]
           },
           `wd-${idx}`
@@ -19657,7 +19726,7 @@ var ToolbarButton = import_react44.default.forwardRef(({ onClick, onMouseDown, a
     }
   );
   if (title) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 500, close: 0 }, children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
@@ -19695,15 +19764,7 @@ var EditorToolbar = ({
   if (variant === "minimal") {
     return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
       /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Bold, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().toggleItalic().run(),
-          active: editor.isActive("italic"),
-          title: t("toolbar.italic"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Italic, { className: "w-4 h-4" })
-        }
-      ),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Italic, { className: "w-4 h-4" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         ToolbarButton,
         {
@@ -19725,7 +19786,15 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropdownMenuItem, { icon: import_lucide_react40.Type, label: t("toolbar.normal"), onClick: () => editor.chain().focus().setParagraph().run(), active: editor.isActive("paragraph") }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react40.Type,
+              label: t("toolbar.normal"),
+              onClick: () => editor.chain().focus().setParagraph().run(),
+              active: editor.isActive("paragraph")
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             DropdownMenuItem,
             {
@@ -19761,15 +19830,7 @@ var EditorToolbar = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarDivider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleItalic().run(),
-        active: editor.isActive("italic"),
-        title: t("toolbar.italic"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Italic, { className: "w-4 h-4" })
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Italic, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       ToolbarButton,
       {
@@ -19779,15 +19840,7 @@ var EditorToolbar = ({
         children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleStrike().run(),
-        active: editor.isActive("strike"),
-        title: t("toolbar.strike"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Strikethrough, { className: "w-4 h-4" })
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Strikethrough, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Code, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarDivider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
@@ -20020,7 +20073,14 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropdownMenuItem, { icon: import_lucide_react40.Table, label: t("tableMenu.insert3x3"), onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react40.Table,
+              label: t("tableMenu.insert3x3"),
+              onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "my-1 border-t" }),
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             DropdownMenuItem,
@@ -20068,7 +20128,15 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DropdownMenuItem, { icon: import_lucide_react40.Trash2, label: t("tableMenu.deleteRow"), onClick: () => editor.chain().focus().deleteRow().run(), disabled: !editor.can().deleteRow() }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react40.Trash2,
+              label: t("tableMenu.deleteRow"),
+              onClick: () => editor.chain().focus().deleteRow().run(),
+              disabled: !editor.can().deleteRow()
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             DropdownMenuItem,
             {
@@ -20082,8 +20150,24 @@ var EditorToolbar = ({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleSubscript().run(), active: editor.isActive("subscript"), title: t("toolbar.subscript"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Subscript, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleSuperscript().run(), active: editor.isActive("superscript"), title: t("toolbar.superscript"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Superscript, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleSubscript().run(),
+        active: editor.isActive("subscript"),
+        title: t("toolbar.subscript"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Subscript, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleSuperscript().run(),
+        active: editor.isActive("superscript"),
+        title: t("toolbar.superscript"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Superscript, { className: "w-4 h-4" })
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarDivider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Undo, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react40.Redo, { className: "w-4 h-4" }) })