@underverse-ui/underverse 1.0.58 → 1.0.59

package/dist/index.cjs

@@ -32,11 +32,9 @@ var index_exports = {};
 __export(index_exports, {
   AccessDenied: () => AccessDenied,
   Alert: () => Alert_default,
-  AreaChart: () => AreaChart,
   Avatar: () => Avatar_default,
   Badge: () => Badge_default,
   BadgeBase: () => Badge,
-  BarChart: () => BarChart,
   BatteryProgress: () => BatteryProgress,
   BottomSheet: () => BottomSheet,
   Breadcrumb: () => Breadcrumb_default,
@@ -77,7 +75,6 @@ __export(index_exports, {
   FormLabel: () => FormLabel,
   FormMessage: () => FormMessage,
   FormSubmitButton: () => FormSubmitButton,
-  GaugeChart: () => GaugeChart,
   GlobalLoading: () => GlobalLoading,
   GradientBadge: () => GradientBadge,
   Grid: () => Grid_default,
@@ -89,7 +86,6 @@ __export(index_exports, {
   Label: () => Label,
   LanguageSwitcher: () => LanguageSwitcherHeadless,
   LanguageSwitcherHeadless: () => LanguageSwitcherHeadless,
-  LineChart: () => LineChart,
   List: () => List_default,
   ListItem: () => ListItem,
   LoadingBar: () => LoadingBar,
@@ -112,12 +108,10 @@ __export(index_exports, {
   PageLoading: () => PageLoading,
   Pagination: () => Pagination,
   PasswordInput: () => PasswordInput,
-  PieChart: () => PieChart,
   PillTabs: () => PillTabs,
   Popover: () => Popover,
   Progress: () => Progress,
   PulseBadge: () => PulseBadge,
-  RadarChart: () => RadarChart,
   RadioGroup: () => RadioGroup,
   RadioGroupItem: () => RadioGroupItem,
   SIZE_STYLES_BTN: () => SIZE_STYLES_BTN,
@@ -142,7 +136,6 @@ __export(index_exports, {
   SlideOver: () => SlideOver,
   Slider: () => Slider,
   SmartImage: () => SmartImage,
-  Sparkline: () => Sparkline,
   StatusBadge: () => StatusBadge,
   StepProgress: () => StepProgress,
   Switch: () => Switch_default,
@@ -18670,1675 +18663,23 @@ GridItem.displayName = "Grid.Item";
 var Grid = Object.assign(GridRoot, { Item: GridItem });
 var Grid_default = Grid;
 
-// src/components/LineChart.tsx
-var import_react27 = require("react");
-
-// src/components/ChartTooltip.tsx
+// src/components/ClientOnly.tsx
 var import_react26 = require("react");
-var import_react_dom6 = require("react-dom");
 var import_jsx_runtime57 = require("react/jsx-runtime");
-function ChartTooltip({
-  x,
-  y,
-  visible,
-  label,
-  value,
-  color,
-  secondaryLabel,
-  secondaryValue,
-  items,
-  containerRef,
-  formatter
-}) {
-  const [isMounted, setIsMounted] = (0, import_react26.useState)(false);
-  const [position, setPosition] = (0, import_react26.useState)(null);
-  const tooltipRef = (0, import_react26.useRef)(null);
-  (0, import_react26.useEffect)(() => {
-    setIsMounted(true);
-  }, []);
-  (0, import_react26.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime57.jsxs)(
-    "div",
-    {
-      ref: tooltipRef,
-      style: {
-        position: "fixed",
-        top: position.top,
-        left: position.left,
-        zIndex: 99999,
-        pointerEvents: "none",
-        animation: "chartTooltipFadeIn 0.15s ease-out"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-          "div",
-          {
-            className: cn("bg-popover text-popover-foreground border border-border/50", "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__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-muted-foreground text-xs mb-1", children: label }),
-              items && items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col gap-1", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-                item.color && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: item.color } }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-muted-foreground", children: [
-                  item.label,
-                  ":"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-semibold ml-auto", children: formatter ? formatter(item.value) : item.value })
-              ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  color && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: color } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-semibold", children: formatter && value != null ? formatter(value) : value })
-                ] }),
-                secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-muted-foreground text-xs mt-1", children: [
-                  secondaryLabel,
-                  ": ",
-                  secondaryValue
-                ] })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("style", { children: `
-        @keyframes chartTooltipFadeIn {
-          from { opacity: 0; transform: translateX(-5px); }
-          to { opacity: 1; transform: translateX(0); }
-        }
-      ` })
-      ]
-    }
-  );
-  return (0, import_react_dom6.createPortal)(tooltipContent, document.body);
-}
-
-// src/utils/chart-utils.ts
-var React51 = __toESM(require("react"), 1);
-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
-var import_jsx_runtime58 = require("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 = (0, import_react27.useRef)(null);
-  const clipId = (0, import_react27.useRef)(`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] = (0, import_react27.useState)(null);
-  const [hiddenSeries, setHiddenSeries] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
-  const toggleSeries = (0, import_react27.useCallback)((name) => {
-    setHiddenSeries((prev) => {
-      const next = new Set(prev);
-      if (next.has(name)) next.delete(name);
-      else next.add(name);
-      return next;
-    });
-  }, []);
-  const normalizedSeries = (0, import_react27.useMemo)(() => {
-    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 } = (0, import_react27.useMemo)(() => {
-    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 = (0, import_react27.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("clipPath", { id: clipId, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { x: padding.left, y: padding.top, width: chartWidth, height: chartHeight }) }) }),
-      showGrid && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          "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__ */ (0, import_jsx_runtime58.jsxs)("g", { clipPath: `url(#${clipId})`, children: [
-        processedSeries.map(
-          (s, si) => s.fillColor && s.areaPath && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-            "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__ */ (0, import_jsx_runtime58.jsx)(
-          "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__ */ (0, import_jsx_runtime58.jsxs)(
-          "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__ */ (0, import_jsx_runtime58.jsx)(
-                "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__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: point.x, cy: point.y, r: 16, fill: "transparent" }),
-              showValues && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                "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__ */ (0, import_jsx_runtime58.jsxs)("g", { className: "pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-            "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__ */ (0, import_jsx_runtime58.jsx)("text", { x: padding.left + chartWidth + 4, y: y + 4, fontSize: "10", fill: ref.color || "#ef4444", fontWeight: "500", children: ref.label })
-        ] }, `ref-${i}`);
-      }),
-      hoveredPoint && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { className: "pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "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__ */ (0, import_jsx_runtime58.jsx)(
-          "text",
-          {
-            x,
-            y: height - 10,
-            textAnchor: "middle",
-            fontSize: "10",
-            className: labelClassName || "text-muted-foreground",
-            fill: "currentColor",
-            children: lbl
-          },
-          i
-        );
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center justify-center gap-6 mt-2", children: normalizedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2 text-sm cursor-pointer select-none", onClick: () => toggleSeries(s.name), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "div",
-        {
-          className: "w-3 h-3 rounded-md transition-opacity",
-          style: { backgroundColor: s.color, opacity: hiddenSeries.has(s.name) ? 0.3 : 1 }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: hiddenSeries.has(s.name) ? "text-muted-foreground/40 line-through" : "text-muted-foreground", children: s.name })
-    ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      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
-var import_react28 = require("react");
-var import_jsx_runtime59 = require("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 = (0, import_react28.useRef)(null);
-  const padding = (0, import_react28.useMemo)(
-    () => 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] = (0, import_react28.useState)(null);
-  const normalizedSeries = (0, import_react28.useMemo)(() => {
-    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 } = (0, import_react28.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { children: horizontal ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: line.x, y1: line.y1, x2: line.x, y2: line.y2, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          "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__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: line.x1, y1: line.y, x2: line.x2, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          "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__ */ (0, import_jsx_runtime59.jsxs)("g", { children: [
-        group.bars.map((bar, bi) => {
-          const animDelay = gi * 0.08 + bi * 0.04;
-          return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-            "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__ */ (0, import_jsx_runtime59.jsxs)(
-                  "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__ */ (0, import_jsx_runtime59.jsx)(
-                        "animate",
-                        {
-                          attributeName: horizontal ? "width" : "height",
-                          from: "0",
-                          to: horizontal ? bar.width : bar.height,
-                          dur: "0.5s",
-                          begin: `${animDelay}s`,
-                          fill: "freeze"
-                        }
-                      ),
-                      !horizontal && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("animate", { attributeName: "y", from: padding.top + chartHeight, to: bar.y, dur: "0.5s", begin: `${animDelay}s`, fill: "freeze" })
-                    ]
-                  }
-                ),
-                showValues && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                  "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__ */ (0, import_jsx_runtime59.jsx)(
-          "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__ */ (0, import_jsx_runtime59.jsx)("style", { children: `
-          @keyframes growHeight {
-            from { height: 0; }
-          }
-          @keyframes growWidth {
-            from { width: 0; }
-          }
-          @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-          }
-        ` })
-    ] }),
-    (showLegend ?? isMultiSeries) && isMultiSeries && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex items-center justify-center gap-6 mt-2", children: normalizedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-muted-foreground", children: s.name })
-    ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-      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
-var import_react29 = require("react");
-var import_jsx_runtime60 = require("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 = (0, import_react29.useRef)(null);
-  const center = size / 2;
-  const radius = size / 2 - 10;
-  const innerRadius = donut ? radius - donutWidth : 0;
-  const { segments, total } = (0, import_react29.useMemo)(() => {
-    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] = (0, import_react29.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("g", { transform: `translate(20, 20)`, children: [
-        segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
-          "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__ */ (0, import_jsx_runtime60.jsx)(
-                "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__ */ (0, import_jsx_runtime60.jsx)(
-                "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__ */ (0, import_jsx_runtime60.jsx)("foreignObject", { x: center - donutWidth, y: center - donutWidth / 2, width: donutWidth * 2, height: donutWidth, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: renderCenter(total) }) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("g", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("text", { x: center, y: center - 5, textAnchor: "middle", fontSize: "12", className: "text-muted-foreground", fill: "currentColor", children: "Total" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("text", { x: center, y: center + 15, textAnchor: "middle", fontSize: "18", fontWeight: "600", className: "text-foreground", fill: "currentColor", children: formatValue ? formatValue(total) : total })
-        ] }))
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("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__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex flex-col gap-2", children: segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
-      "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__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-3 h-3 rounded-md shrink-0", style: { backgroundColor: seg.color } }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-muted-foreground", children: seg.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-foreground font-medium ml-auto", children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : formatValue ? formatValue(seg.value) : seg.value })
-        ]
-      },
-      i
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-      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
-var import_react30 = require("react");
-var import_jsx_runtime61 = require("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 = (0, import_react30.useRef)(null);
-  const clipId = (0, import_react30.useRef)(`area-clip-${Math.random().toString(36).slice(2, 8)}`).current;
-  const padding = (0, import_react30.useMemo)(() => ({ 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] = (0, import_react30.useState)(null);
-  const [hiddenSeries, setHiddenSeries] = (0, import_react30.useState)(/* @__PURE__ */ new Set());
-  const toggleSeries = (0, import_react30.useCallback)((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 } = (0, import_react30.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime61.jsxs)("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { width, height, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("clipPath", { id: clipId, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { x: padding.left, y: padding.top, width: chartWidth, height: chartHeight }) }) }),
-      showGrid && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          "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__ */ (0, import_jsx_runtime61.jsx)("g", { clipPath: `url(#${clipId})`, children: [...processedSeries].reverse().map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-        "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__ */ (0, import_jsx_runtime61.jsx)("g", { clipPath: `url(#${clipId})`, children: processedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-        "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__ */ (0, import_jsx_runtime61.jsxs)(
-          "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__ */ (0, import_jsx_runtime61.jsx)(
-                "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__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
-            ]
-          },
-          `dot-${seriesIdx}-${i}`
-        ))
-      ),
-      showLabels && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { className: labelClassName || "text-muted-foreground", children: labels.map((label, i) => {
-        const x = padding.left + i / (labels.length - 1) * chartWidth;
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("text", { x, y: height - 10, textAnchor: "middle", fontSize: "10", fill: "currentColor", children: label }, i);
-      }) }),
-      hoveredPoint && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { className: "pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-        "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__ */ (0, import_jsx_runtime61.jsx)("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__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-      "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__ */ (0, import_jsx_runtime61.jsx)(
-            "div",
-            {
-              className: "w-3 h-3 rounded-md transition-opacity",
-              style: { backgroundColor: s.color, opacity: hiddenSeries.has(s.name) ? 0.3 : 1 }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: hiddenSeries.has(s.name) ? "text-muted-foreground/40 line-through" : "text-muted-foreground", children: s.name })
-        ]
-      },
-      i
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-      ChartTooltip,
-      {
-        x: hoveredPoint?.x ?? 0,
-        y: hoveredPoint?.y ?? 0,
-        visible: !!hoveredPoint,
-        label: hoveredPoint?.label,
-        items: hoveredPoint?.items,
-        containerRef
-      }
-    )
-  ] });
-}
-
-// src/components/Sparkline.tsx
-var import_react31 = require("react");
-var import_jsx_runtime62 = require("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 } = (0, import_react31.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime62.jsxs)("svg", { width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    showFill && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      "path",
-      {
-        d: areaPath,
-        fill: effectiveFillColor,
-        fillOpacity: 0.1,
-        style: animated ? { opacity: 0, animation: "fadeIn 0.5s ease-out 0.3s forwards" } : void 0
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      "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__ */ (0, import_jsx_runtime62.jsx)(
-      "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__ */ (0, import_jsx_runtime62.jsx)(
-      "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__ */ (0, import_jsx_runtime62.jsx)("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
-var import_react32 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-function RadarChart({
-  series,
-  size = 300,
-  levels = 5,
-  showLabels = true,
-  showLegend = true,
-  showValues = false,
-  animated = true,
-  formatValue,
-  labelClassName,
-  className = ""
-}) {
-  const containerRef = (0, import_react32.useRef)(null);
-  const center = size / 2;
-  const radius = size / 2 - 40;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react32.useState)(null);
-  const [hiddenSeries, setHiddenSeries] = (0, import_react32.useState)(/* @__PURE__ */ new Set());
-  const toggleSeries = (0, import_react32.useCallback)((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 } = (0, import_react32.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime63.jsxs)("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("svg", { width: size, height: size, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { className: "text-muted-foreground/20", children: levelPaths.map((level, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: level.path, fill: "none", stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { className: "text-muted-foreground/30", children: axes.map((axis, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-            "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__ */ (0, import_jsx_runtime63.jsxs)(
-            "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__ */ (0, import_jsx_runtime63.jsx)(
-                  "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__ */ (0, import_jsx_runtime63.jsx)("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
-              ]
-            },
-            j
-          )),
-          showValues && s.points.map((point, j) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-            "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__ */ (0, import_jsx_runtime63.jsx)("g", { className: labelClassName || "text-muted-foreground", children: axes.map((axis, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("text", { x: axis.labelX, y: axis.labelY, textAnchor: "middle", dominantBaseline: "middle", fontSize: "11", fill: "currentColor", children: axis.label }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
-      "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__ */ (0, import_jsx_runtime63.jsx)(
-            "div",
-            {
-              className: "w-3 h-3 rounded-md transition-opacity",
-              style: { backgroundColor: s.color, opacity: hiddenSeries.has(s.name) ? 0.3 : 1 }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: hiddenSeries.has(s.name) ? "text-muted-foreground/40 line-through" : "text-muted-foreground", children: s.name })
-        ]
-      },
-      i
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-      ChartTooltip,
-      {
-        x: hoveredPoint?.x ?? 0,
-        y: hoveredPoint?.y ?? 0,
-        visible: !!hoveredPoint,
-        label: hoveredPoint?.axis,
-        items: hoveredPoint?.items,
-        containerRef
-      }
-    )
-  ] });
-}
-
-// src/components/GaugeChart.tsx
-var import_react33 = require("react");
-var import_jsx_runtime64 = require("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 } = (0, import_react33.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: size, height: size * 0.7, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-      "path",
-      {
-        d: backgroundPath,
-        fill: "none",
-        stroke: backgroundColor || "currentColor",
-        strokeWidth: thickness,
-        strokeLinecap: "round",
-        className: !backgroundColor ? "text-muted-foreground/20" : ""
-      }
-    ),
-    zonePaths.map((zone, i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: zone.path, fill: "none", stroke: zone.color, strokeWidth: thickness, strokeLinecap: "round", opacity: 0.35 }, `zone-${i}`)),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-      "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__ */ (0, import_jsx_runtime64.jsxs)(
-      "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__ */ (0, import_jsx_runtime64.jsx)("line", { x1: center, y1: center, x2: center + needleLength, y2: center, stroke: color, strokeWidth: 3, strokeLinecap: "round" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("circle", { cx: center, cy: center, r: 8, fill: color }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("circle", { cx: center, cy: center, r: 4, className: "text-background", fill: "currentColor" })
-        ]
-      }
-    ),
-    showMinMax && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("g", { className: labelClassName || "text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        "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__ */ (0, import_jsx_runtime64.jsx)(
-        "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__ */ (0, import_jsx_runtime64.jsxs)("g", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        "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__ */ (0, import_jsx_runtime64.jsx)(
-        "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__ */ (0, import_jsx_runtime64.jsx)("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
-var import_react34 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = (0, import_react34.useState)(false);
-  (0, import_react34.useEffect)(() => {
+  const [hasMounted, setHasMounted] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children });
 }
 
 // src/components/Loading.tsx
 var import_lucide_react33 = require("lucide-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -20354,7 +18695,7 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_lucide_react33.Activity,
     {
       className: cn(
@@ -20375,7 +18716,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       className: cn(
@@ -20397,7 +18738,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -20406,7 +18747,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__ */ (0, import_jsx_runtime66.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "div",
         {
           className: cn(
@@ -20423,8 +18764,8 @@ var LoadingBar = ({
 };
 
 // src/components/Table.tsx
-var import_react35 = __toESM(require("react"), 1);
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_react27 = __toESM(require("react"), 1);
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TABLE_BASE_CLASS = "w-full caption-bottom text-sm";
 var TABLE_CONTAINER_BASE_CLASS = [
   "relative w-full overflow-auto",
@@ -20441,10 +18782,10 @@ function assignRef3(ref, value) {
     ref.current = value;
   }
 }
-var TableContainer = import_react35.default.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
-  const containerRef = import_react35.default.useRef(null);
+var TableContainer = import_react27.default.forwardRef(({ className, useOverlayScrollbar = false, ...props }, ref) => {
+  const containerRef = import_react27.default.useRef(null);
   useOverlayScrollbarTarget(containerRef, { enabled: useOverlayScrollbar });
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       ref: (node) => {
@@ -20457,25 +18798,25 @@ var TableContainer = import_react35.default.forwardRef(({ className, useOverlayS
   );
 });
 TableContainer.displayName = "TableContainer";
-var Table = import_react35.default.forwardRef(
+var Table = import_react27.default.forwardRef(
   ({ className, containerClassName, disableContainer = false, useOverlayScrollbar = false, ...props }, ref) => {
     if (disableContainer) {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableContainer, { className: containerClassName, useOverlayScrollbar, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableContainer, { className: containerClassName, useOverlayScrollbar, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("table", { ref, className: cn(TABLE_BASE_CLASS, className), ...props }) });
   }
 );
 Table.displayName = "Table";
-var TableHeader = import_react35.default.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
+var TableHeader = import_react27.default.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border/50", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = import_react27.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = import_react27.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var TableRow = import_react27.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   "tr",
   {
     ref,
@@ -20489,7 +18830,7 @@ var TableRow = import_react35.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+var TableHead = import_react27.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   "th",
   {
     ref,
@@ -20498,16 +18839,16 @@ var TableHead = import_react35.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = import_react27.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = import_react35.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = import_react27.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/DataTable/DataTable.tsx
-var import_react44 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 
 // src/components/DataTable/components/DataTableBody.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function DataTableBodyRows({
   leafColumns,
   displayedData,
@@ -20522,10 +18863,10 @@ function DataTableBodyRows({
   getStickyCellClass,
   t
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "path",
         {
           className: "opacity-75",
@@ -20534,13 +18875,13 @@ function DataTableBodyRows({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "text-sm", children: [
       t("loading"),
       "\u2026"
     ] })
-  ] }) }) }) : displayedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+  ] }) }) }) : displayedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(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__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       TableRow,
       {
         className: cn(densityRowClass, isStripedRow ? "bg-surface-1" : "bg-surface-0"),
@@ -20553,7 +18894,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__ */ (0, import_jsx_runtime68.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             TableCell,
             {
               style: getStickyColumnStyle(col),
@@ -20576,9 +18917,9 @@ function DataTableBodyRows({
 }
 
 // src/components/DataTable/components/DataTableHeader.tsx
-var import_react36 = __toESM(require("react"), 1);
+var import_react28 = __toESM(require("react"), 1);
 var import_lucide_react34 = require("lucide-react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function DataTableHeader({
   headerRows,
   headerAlign,
@@ -20596,13 +18937,13 @@ function DataTableHeader({
   getStickyHeaderCellStyle,
   t
 }) {
-  const renderFilterControl = import_react36.default.useCallback(
+  const renderFilterControl = import_react28.default.useCallback(
     (col) => {
       if (!col.filter) return null;
       const key = col.key;
       const commonProps = { className: "w-full", size };
       if (col.filter.type === "text") {
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Input_default,
           {
             ...commonProps,
@@ -20616,7 +18957,7 @@ function DataTableHeader({
         );
       }
       if (col.filter.type === "select") {
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Combobox,
           {
             options: ["", ...col.filter.options || []],
@@ -20632,7 +18973,7 @@ function DataTableHeader({
         );
       }
       if (col.filter.type === "date") {
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           DatePicker,
           {
             size,
@@ -20649,10 +18990,10 @@ function DataTableHeader({
     },
     [filters, setCurPage, setFilters, size]
   );
-  const renderHeaderContent = import_react36.default.useCallback(
+  const renderHeaderContent = import_react28.default.useCallback(
     (col, isLeaf) => {
       if (!isLeaf) {
-        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: cn(
@@ -20662,15 +19003,15 @@ function DataTableHeader({
               col.align === "center" && "justify-center",
               !col.align && "justify-start"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title })
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("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__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title }),
-        col.sortable && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      const titleContent = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: cn("font-medium whitespace-nowrap", headerTitleClass), children: col.title }),
+        col.sortable && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "button",
           {
             className: cn(
@@ -20687,8 +19028,8 @@ function DataTableHeader({
             },
             "aria-label": "Sort",
             title: `Sort by ${String(col.title)}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "path",
                 {
                   d: "M7 8l3-3 3 3",
@@ -20699,7 +19040,7 @@ function DataTableHeader({
                   opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "path",
                 {
                   d: "M7 12l3 3 3-3",
@@ -20714,11 +19055,11 @@ function DataTableHeader({
           }
         )
       ] });
-      const filterContent = col.filter ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      const filterContent = col.filter ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         Popover,
         {
           placement: "bottom-start",
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             "button",
             {
               className: cn(
@@ -20727,13 +19068,13 @@ function DataTableHeader({
               ),
               "aria-label": "Filter",
               title: `Filter by ${String(col.title)}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react34.Filter, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react34.Filter, { className: "w-4 h-4" })
             }
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "p-3 w-64 space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm font-medium", children: col.title }),
-              filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "p-3 w-64 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "text-sm font-medium", children: col.title }),
+              filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "button",
                 {
                   onClick: () => {
@@ -20749,7 +19090,7 @@ function DataTableHeader({
           ] })
         }
       ) : null;
-      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "div",
         {
           className: cn(
@@ -20759,10 +19100,10 @@ function DataTableHeader({
             isCenterAlign && "justify-center",
             !isRightAlign && !isCenterAlign && "justify-start"
           ),
-          children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+          children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
             filterContent,
             titleContent
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
             titleContent,
             filterContent
           ] })
@@ -20783,13 +19124,13 @@ function DataTableHeader({
       t
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TableRow, { children: row.map((headerCell, cellIndex) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(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__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       TableHead,
       {
         colSpan,
@@ -20812,8 +19153,8 @@ function DataTableHeader({
 }
 
 // src/components/DataTable/components/Pagination.tsx
-var import_react37 = __toESM(require("react"), 1);
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_react29 = __toESM(require("react"), 1);
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function DataTablePagination({
   totalItems,
   curPage,
@@ -20824,7 +19165,7 @@ function DataTablePagination({
   size
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
-  const pages = import_react37.default.useMemo(() => {
+  const pages = import_react29.default.useMemo(() => {
     const result = [];
     if (totalPages <= 5) {
       for (let i = 1; i <= totalPages; i++) result.push(i);
@@ -20846,16 +19187,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__ */ (0, import_jsx_runtime70.jsxs)("div", { className: cn("flex items-center justify-between gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cn("flex items-center justify-between gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "tabular-nums", children: [
       (curPage - 1) * curPageSize + 1,
       "-",
       Math.min(curPage * curPageSize, totalItems),
       "/",
       totalItems
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button_default,
         {
           variant: "ghost",
@@ -20863,11 +19204,11 @@ function DataTablePagination({
           className: navBtnClass,
           onClick: () => setCurPage(Math.max(1, curPage - 1)),
           disabled: curPage === 1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       ),
       pages.map(
-        (p, i) => p === "..." ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        (p, i) => p === "..." ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "button",
           {
             onClick: () => setCurPage(p),
@@ -20877,7 +19218,7 @@ function DataTablePagination({
           p
         )
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button_default,
         {
           variant: "ghost",
@@ -20885,11 +19226,11 @@ function DataTablePagination({
           className: navBtnClass,
           onClick: () => setCurPage(Math.min(totalPages, curPage + 1)),
           disabled: curPage === totalPages,
-          children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       )
     ] }),
-    pageSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    pageSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       Combobox,
       {
         options: pageSizeOptions.map(String),
@@ -20906,7 +19247,7 @@ function DataTablePagination({
 }
 
 // src/components/DataTable/components/Toolbar.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react30 = __toESM(require("react"), 1);
 
 // src/components/DataTable/utils/headers.ts
 function isLeafColumn(col) {
@@ -21006,7 +19347,7 @@ function getLeafColumnsWithFixedInheritance(columns, inheritedFixed) {
 }
 
 // src/components/DataTable/components/Toolbar.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function DataTableToolbar({
   caption,
   toolbar,
@@ -21027,15 +19368,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 = import_react38.default.useMemo(() => getLeafColumns(columns), [columns]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: captionClass + " text-muted-foreground", children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center gap-2", children: [
-      enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  const leafCols = import_react30.default.useMemo(() => getLeafColumns(columns), [columns]);
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: captionClass + " text-muted-foreground", children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-2", children: [
+      enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
             labels?.density || t("density")
           ] }),
           items: [
@@ -21045,11 +19386,11 @@ function DataTableToolbar({
           ]
         }
       ),
-      enableColumnVisibilityToggle && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      enableColumnVisibilityToggle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "path",
               {
                 strokeLinecap: "round",
@@ -21060,26 +19401,26 @@ function DataTableToolbar({
             ) }),
             labels?.columns || t("columns")
           ] }),
-          children: leafCols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+          children: leafCols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
             DropdownMenuItem,
             {
               onClick: () => {
                 setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("input", { type: "checkbox", className: "mr-2 rounded-md border-border/50", readOnly: true, checked: visibleCols.includes(c.key) }),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "truncate", children: c.title })
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("input", { type: "checkbox", className: "mr-2 rounded-md border-border/50", readOnly: true, checked: visibleCols.includes(c.key) }),
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "truncate", children: c.title })
               ]
             },
             c.key
           ))
         }
       ),
-      enableHeaderAlignToggle && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      enableHeaderAlignToggle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button_default, { variant: "ghost", size: controlButtonSize, className: controlButtonClass, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { className: iconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
             labels?.headerAlign || t("headerAlign")
           ] }),
           items: [
@@ -21095,10 +19436,10 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/hooks/useDebounced.ts
-var import_react39 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = import_react39.default.useState(value);
-  import_react39.default.useEffect(() => {
+  const [debounced, setDebounced] = import_react31.default.useState(value);
+  import_react31.default.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -21106,7 +19447,7 @@ function useDebounced(value, delay = 300) {
 }
 
 // src/components/DataTable/hooks/useDataTableModel.ts
-var import_react40 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 
 // src/components/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -21134,22 +19475,22 @@ function useDataTableModel({
   isServerMode,
   total
 }) {
-  const visibleColsSet = import_react40.default.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const allLeafColumns = import_react40.default.useMemo(() => getLeafColumns(columns), [columns]);
-  const columnMap = import_react40.default.useMemo(() => {
+  const visibleColsSet = import_react32.default.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const allLeafColumns = import_react32.default.useMemo(() => getLeafColumns(columns), [columns]);
+  const columnMap = import_react32.default.useMemo(() => {
     return new Map(allLeafColumns.map((column) => [column.key, column]));
   }, [allLeafColumns]);
-  const visibleColumns = import_react40.default.useMemo(() => {
+  const visibleColumns = import_react32.default.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = import_react40.default.useMemo(() => {
+  const leafColumns = import_react32.default.useMemo(() => {
     return getLeafColumnsWithFixedInheritance(visibleColumns);
   }, [visibleColumns]);
-  const headerRows = import_react40.default.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
-  const totalColumnsWidth = import_react40.default.useMemo(() => {
+  const headerRows = import_react32.default.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const totalColumnsWidth = import_react32.default.useMemo(() => {
     return leafColumns.reduce((sum, column) => sum + getColumnWidth(column), 0);
   }, [leafColumns]);
-  const processedData = import_react40.default.useMemo(() => {
+  const processedData = import_react32.default.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -21181,7 +19522,7 @@ function useDataTableModel({
     return result;
   }, [columnMap, data, filters, isServerMode, sort]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = import_react40.default.useMemo(() => {
+  const displayedData = import_react32.default.useMemo(() => {
     if (isServerMode) return data;
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
@@ -21197,13 +19538,13 @@ function useDataTableModel({
 }
 
 // src/components/DataTable/hooks/useDataTableState.ts
-var import_react42 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 
 // src/components/DataTable/hooks/usePageSizeStorage.ts
-var import_react41 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const loadedFromStorage = import_react41.default.useRef(false);
-  const [curPageSize, setCurPageSize] = import_react41.default.useState(() => {
+  const loadedFromStorage = import_react33.default.useRef(false);
+  const [curPageSize, setCurPageSize] = import_react33.default.useState(() => {
     if (typeof window === "undefined" || !storageKey) return pageSize;
     try {
       const saved = localStorage.getItem(`datatable_${storageKey}_pageSize`);
@@ -21218,11 +19559,11 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     }
     return pageSize;
   });
-  const hasMounted = import_react41.default.useRef(false);
-  import_react41.default.useEffect(() => {
+  const hasMounted = import_react33.default.useRef(false);
+  import_react33.default.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  import_react41.default.useEffect(() => {
+  import_react33.default.useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
     if (!hasMounted.current) return;
     try {
@@ -21230,7 +19571,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     } catch {
     }
   }, [curPageSize, storageKey]);
-  import_react41.default.useEffect(() => {
+  import_react33.default.useEffect(() => {
     if (storageKey && loadedFromStorage.current) return;
     setCurPageSize(pageSize);
   }, [pageSize, storageKey]);
@@ -21250,17 +19591,17 @@ function useDataTableState({
   size,
   storageKey
 }) {
-  const allLeafColumns = import_react42.default.useMemo(() => getLeafColumns(columns), [columns]);
-  const defaultVisibleLeafKeys = import_react42.default.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
-  const knownLeafKeysRef = import_react42.default.useRef(new Set(defaultVisibleLeafKeys));
-  const [headerAlign, setHeaderAlign] = import_react42.default.useState("left");
-  const [visibleCols, setVisibleCols] = import_react42.default.useState(defaultVisibleLeafKeys);
-  const [filters, setFilters] = import_react42.default.useState({});
-  const [sort, setSort] = import_react42.default.useState(null);
-  const [density, setDensity] = import_react42.default.useState(() => SIZE_TO_DENSITY[size]);
-  const [curPage, setCurPage] = import_react42.default.useState(page);
+  const allLeafColumns = import_react34.default.useMemo(() => getLeafColumns(columns), [columns]);
+  const defaultVisibleLeafKeys = import_react34.default.useMemo(() => allLeafColumns.filter((column) => column.visible !== false).map((column) => column.key), [allLeafColumns]);
+  const knownLeafKeysRef = import_react34.default.useRef(new Set(defaultVisibleLeafKeys));
+  const [headerAlign, setHeaderAlign] = import_react34.default.useState("left");
+  const [visibleCols, setVisibleCols] = import_react34.default.useState(defaultVisibleLeafKeys);
+  const [filters, setFilters] = import_react34.default.useState({});
+  const [sort, setSort] = import_react34.default.useState(null);
+  const [density, setDensity] = import_react34.default.useState(() => SIZE_TO_DENSITY[size]);
+  const [curPage, setCurPage] = import_react34.default.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  import_react42.default.useEffect(() => {
+  import_react34.default.useEffect(() => {
     const knownLeafKeys = knownLeafKeysRef.current;
     setVisibleCols((prev) => {
       const prevSet = new Set(prev);
@@ -21268,10 +19609,10 @@ function useDataTableState({
     });
     knownLeafKeysRef.current = new Set(allLeafColumns.map((column) => column.key));
   }, [allLeafColumns]);
-  import_react42.default.useEffect(() => {
+  import_react34.default.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  import_react42.default.useEffect(() => {
+  import_react34.default.useEffect(() => {
     setDensity(SIZE_TO_DENSITY[size]);
   }, [size]);
   return {
@@ -21293,7 +19634,7 @@ function useDataTableState({
 }
 
 // src/components/DataTable/hooks/useStickyColumns.ts
-var import_react43 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 
 // src/components/DataTable/utils/sticky.ts
 function buildStickyLayout(visibleColumns) {
@@ -21340,8 +19681,8 @@ function resolveGroupStickyPosition(column, positions) {
 
 // src/components/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(visibleColumns) {
-  const { positions, leftBoundaryKey, rightBoundaryKey } = import_react43.default.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
-  const getStickyColumnStyle = import_react43.default.useCallback(
+  const { positions, leftBoundaryKey, rightBoundaryKey } = import_react35.default.useMemo(() => buildStickyLayout(visibleColumns), [visibleColumns]);
+  const getStickyColumnStyle = import_react35.default.useCallback(
     (col) => {
       const pos = resolveStickyPosition(col, positions);
       if (!pos) return {};
@@ -21352,7 +19693,7 @@ function useStickyColumns(visibleColumns) {
     },
     [positions]
   );
-  const getBoundaryShadowClass = import_react43.default.useCallback(
+  const getBoundaryShadowClass = import_react35.default.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)]";
@@ -21364,14 +19705,14 @@ function useStickyColumns(visibleColumns) {
     },
     [leftBoundaryKey, rightBoundaryKey]
   );
-  const getStickyHeaderClass = import_react43.default.useCallback(
+  const getStickyHeaderClass = import_react35.default.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 = import_react43.default.useCallback(
+  const getStickyCellClass = import_react35.default.useCallback(
     (col, isStripedRow) => {
       if (!col.fixed) return "";
       return cn(
@@ -21384,7 +19725,7 @@ function useStickyColumns(visibleColumns) {
     },
     [getBoundaryShadowClass]
   );
-  const getStickyHeaderCellStyle = import_react43.default.useCallback(
+  const getStickyHeaderCellStyle = import_react35.default.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -21482,7 +19823,7 @@ function validateColumns(columns) {
 }
 
 // src/components/DataTable/DataTable.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function DataTable({
   columns,
   data,
@@ -21531,7 +19872,7 @@ function DataTable({
     size,
     storageKey
   });
-  import_react44.default.useEffect(() => {
+  import_react36.default.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columns);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
@@ -21539,8 +19880,8 @@ function DataTable({
   }, [columns]);
   const debouncedFilters = useDebounced(filters, 350);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = import_react44.default.useRef(false);
-  import_react44.default.useEffect(() => {
+  const hasEmittedQuery = import_react36.default.useRef(false);
+  import_react36.default.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -21548,7 +19889,7 @@ function DataTable({
     }
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
-  import_react44.default.useEffect(() => {
+  import_react36.default.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;
@@ -21576,10 +19917,10 @@ function DataTable({
     if (typeof rowKey === "function") return String(rowKey(row));
     return String(row[rowKey]);
   };
-  const viewportRef = import_react44.default.useRef(null);
+  const viewportRef = import_react36.default.useRef(null);
   useOverlayScrollbarTarget(viewportRef, { enabled: useOverlayScrollbar });
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       DataTableToolbar,
       {
         caption,
@@ -21598,20 +19939,20 @@ function DataTable({
         t
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       "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__ */ (0, import_jsx_runtime72.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "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__ */ (0, import_jsx_runtime72.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
               Table,
               {
                 disableContainer: true,
@@ -21621,7 +19962,7 @@ function DataTable({
                 ),
                 style: { minWidth: totalColumnsWidth > 0 ? `${totalColumnsWidth}px` : void 0 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                     DataTableHeader,
                     {
                       headerRows,
@@ -21641,7 +19982,7 @@ function DataTable({
                       t
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                     DataTableBodyRows,
                     {
                       leafColumns,
@@ -21665,7 +20006,7 @@ function DataTable({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       DataTablePagination,
       {
         totalItems,
@@ -21682,10 +20023,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // src/components/Form.tsx
-var React69 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var FormConfigContext = React69.createContext({ size: "md" });
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var FormConfigContext = React60.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -21698,24 +20039,24 @@ var FormWrapper = ({
   const methods = (0, import_react_hook_form.useForm)({
     defaultValues: initialValues
   });
-  React69.useEffect(() => {
+  React60.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
   }, [JSON.stringify(initialValues)]);
   const { validationSchema: _, ...formProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React69.createContext({});
+var FormFieldContext = React60.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react_hook_form.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 } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     throw new Error("useFormField must be used within FormField");
@@ -21731,27 +20072,27 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React69.createContext({});
-var FormItem = React69.forwardRef(({ className, ...props }, ref) => {
-  const id = React69.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("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__ */ (0, import_jsx_runtime65.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime73.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
-      required && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       ref,
@@ -21763,37 +20104,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__ */ (0, import_jsx_runtime73.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime73.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var FormInput = React60.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(FormItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input_default, { size: props.size ?? size, ...field, ...props }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormMessage, {})
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(FormItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Input_default, { size: props.size ?? size, ...field, ...props }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormMessage, {})
     ] })
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var FormCheckbox = React60.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(FormItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(FormItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         Checkbox,
         {
           ref,
@@ -21807,21 +20148,21 @@ var FormCheckbox = React69.forwardRef(({ name, ...props }, ref) => /* @__PURE__
           ...props
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormMessage, {})
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormMessage, {})
     ] })
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React69.forwardRef(
-  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
+var FormSubmitButton = React60.forwardRef(
+  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
 
 // src/components/NotificationModal.tsx
 var import_lucide_react35 = require("lucide-react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = useSmartTranslations("Common");
   if (!notification) return null;
@@ -21842,20 +20183,20 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border/50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border/50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
     ] }),
-    notification.title && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-    notification.body && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border/50 pt-2", children: formatTime3(notification.created_at) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
-      hasLink && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react35.ExternalLink, { className: "w-4 h-4" }),
+    notification.title && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+    notification.body && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border/50 pt-2", children: formatTime3(notification.created_at) }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
+      hasLink && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react35.ExternalLink, { className: "w-4 h-4" }),
         openLinkText || t("openLink")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
     ] })
   ] }) });
 }
@@ -21863,7 +20204,7 @@ var NotificationModal_default = NotificationModal;
 
 // src/components/AccessDenied.tsx
 var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("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" },
@@ -21884,32 +20225,32 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
 
 // src/components/ThemeToggleHeadless.tsx
 var import_lucide_react37 = require("lucide-react");
-var import_react45 = require("react");
-var import_react_dom7 = require("react-dom");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react37 = require("react");
+var import_react_dom6 = require("react-dom");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function ThemeToggleHeadless({
   theme,
   onChange,
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react45.useState)(false);
-  const [mounted, setMounted] = (0, import_react45.useState)(false);
-  const triggerRef = (0, import_react45.useRef)(null);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react45.useState)(null);
-  (0, import_react45.useEffect)(() => setMounted(true), []);
+  const [isOpen, setIsOpen] = (0, import_react37.useState)(false);
+  const [mounted, setMounted] = (0, import_react37.useState)(false);
+  const triggerRef = (0, import_react37.useRef)(null);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react37.useState)(null);
+  (0, import_react37.useEffect)(() => setMounted(true), []);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react37.Sun },
     { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react37.Moon },
@@ -21927,8 +20268,8 @@ function ThemeToggleHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Button_default,
       {
         variant: "ghost",
@@ -21946,25 +20287,25 @@ function ThemeToggleHeadless({
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Theme",
-        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CurrentIcon, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CurrentIcon, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-      typeof window !== "undefined" && (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
-      typeof window !== "undefined" && dropdownPosition && (0, import_react_dom7.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+      typeof window !== "undefined" && (0, import_react_dom6.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+      typeof window !== "undefined" && dropdownPosition && (0, import_react_dom6.createPortal)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             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__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "p-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border/50 mb-2", children: labels?.heading ?? "Theme" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("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__ */ (0, import_jsx_runtime76.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                   Button_default,
                   {
                     variant: "ghost",
@@ -21980,9 +20321,9 @@ function ThemeToggleHeadless({
                     role: "menuitemradio",
                     "aria-checked": active,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "flex-1 text-left", children: opt.label }),
-                      active && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "flex-1 text-left", children: opt.label }),
+                      active && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
                     ]
                   },
                   opt.value
@@ -21998,10 +20339,10 @@ function ThemeToggleHeadless({
 }
 
 // src/components/LanguageSwitcherHeadless.tsx
-var import_react46 = require("react");
-var import_react_dom8 = require("react-dom");
+var import_react38 = require("react");
+var import_react_dom7 = require("react-dom");
 var import_lucide_react38 = require("lucide-react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function LanguageSwitcherHeadless({
   locales,
   currentLocale,
@@ -22009,9 +20350,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react46.useState)(false);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react46.useState)(null);
-  const triggerButtonRef = (0, import_react46.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react38.useState)(false);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react38.useState)(null);
+  const triggerButtonRef = (0, import_react38.useRef)(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -22023,8 +20364,8 @@ function LanguageSwitcherHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Button_default,
       {
         variant: "ghost",
@@ -22043,22 +20384,22 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react38.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react38.Globe, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
-      typeof window !== "undefined" && (0, import_react_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
-      typeof window !== "undefined" && dropdownPosition && (0, import_react_dom8.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+      typeof window !== "undefined" && (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+      typeof window !== "undefined" && dropdownPosition && (0, import_react_dom7.createPortal)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "div",
           {
             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__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "p-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("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__ */ (0, import_jsx_runtime77.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime69.jsxs)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -22071,9 +20412,9 @@ function LanguageSwitcherHeadless({
                   role: "menuitemradio",
                   "aria-checked": currentLocale === language.code,
                   children: [
-                    language.flag && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-lg", children: language.flag }),
-                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "flex-1 text-left", children: language.name }),
-                    currentLocale === language.code && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                    language.flag && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-lg", children: language.flag }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "flex-1 text-left", children: language.name }),
+                    currentLocale === language.code && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
                   ]
                 },
                 language.code
@@ -22105,8 +20446,8 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // ../../lib/i18n/translation-adapter.tsx
-var React71 = __toESM(require("react"), 1);
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var React62 = __toESM(require("react"), 1);
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var defaultTranslations2 = {
   en: {
     Common: {
@@ -22470,9 +20811,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 = {
@@ -22484,7 +20825,7 @@ var UnderverseProvider = ({ children, locale = "en", translations }) => {
     },
     [locale, translations]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TranslationContext2.Provider, { value: { locale, t }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TranslationContext2.Provider, { value: { locale, t }, children });
 };
 var nextIntlAvailable = false;
 var nextIntlUseTranslations = null;
@@ -22513,7 +20854,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);
@@ -22530,7 +20871,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;
   }
@@ -22549,8 +20890,8 @@ function useLocale() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react58 = __toESM(require("react"), 1);
-var import_react59 = require("@tiptap/react");
+var import_react50 = __toESM(require("react"), 1);
+var import_react51 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
@@ -22589,11 +20930,11 @@ var import_lowlight = require("lowlight");
 // src/components/UEditor/slash-command.tsx
 var import_core = require("@tiptap/core");
 var import_suggestion = __toESM(require("@tiptap/suggestion"), 1);
-var import_react47 = require("@tiptap/react");
-var import_react48 = require("react");
+var import_react39 = require("@tiptap/react");
+var import_react40 = require("react");
 var import_lucide_react39 = require("lucide-react");
 var import_tippy = __toESM(require("tippy.js"), 1);
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var DEFAULT_MESSAGES = {
   noResults: "No results",
   basicBlocks: "Basic Blocks",
@@ -22620,17 +20961,17 @@ var DEFAULT_MESSAGES = {
   table: "Table",
   tableDesc: "Insert a table"
 };
-var CommandList = (0, import_react48.forwardRef)((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react48.useState)(0);
-  const listRef = (0, import_react48.useRef)(null);
-  (0, import_react48.useEffect)(() => {
+var CommandList = (0, import_react40.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react40.useState)(0);
+  const listRef = (0, import_react40.useRef)(null);
+  (0, import_react40.useEffect)(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
-  (0, import_react48.useImperativeHandle)(ref, () => ({
+  (0, import_react40.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
@@ -22651,11 +20992,11 @@ var CommandList = (0, import_react48.forwardRef)((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "button",
       {
         type: "button",
@@ -22666,19 +21007,19 @@ var CommandList = (0, import_react48.forwardRef)((props, ref) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             "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__ */ (0, import_jsx_runtime79.jsx)(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "text-xs text-muted-foreground", children: item.description })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "text-xs text-muted-foreground", children: item.description })
           ] })
         ]
       },
@@ -22801,7 +21142,7 @@ var SlashCommand = import_core.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react47.ReactRenderer(CommandList, {
+              component = new import_react39.ReactRenderer(CommandList, {
                 props: {
                   ...props,
                   messages
@@ -22949,9 +21290,9 @@ var ClipboardImages = import_core2.Extension.create({
 // src/components/UEditor/emoji-suggestion.tsx
 var import_core3 = require("@tiptap/core");
 var import_suggestion2 = __toESM(require("@tiptap/suggestion"), 1);
-var import_react49 = require("@tiptap/react");
+var import_react41 = require("@tiptap/react");
 var import_state2 = require("@tiptap/pm/state");
-var import_react50 = require("react");
+var import_react42 = require("react");
 var import_lucide_react40 = require("lucide-react");
 var import_tippy2 = __toESM(require("tippy.js"), 1);
 
@@ -23721,13 +22062,13 @@ var EMOJI_LIST = [
 ];
 
 // src/components/UEditor/emoji-suggestion.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var EmojiList = (0, import_react50.forwardRef)((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react50.useState)(0);
-  (0, import_react50.useEffect)(() => {
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var EmojiList = (0, import_react42.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react42.useState)(0);
+  (0, import_react42.useEffect)(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react50.useImperativeHandle)(ref, () => ({
+  (0, import_react42.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
@@ -23756,15 +22097,15 @@ var EmojiList = (0, import_react50.forwardRef)((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("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__ */ (0, import_jsx_runtime72.jsx)("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__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react40.Smile, { className: "w-4 h-4 text-primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.Smile, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         "button",
         {
           type: "button",
@@ -23778,7 +22119,7 @@ var EmojiList = (0, import_react50.forwardRef)((props, ref) => {
         },
         item.name
       )) }),
-      props.items.length > 64 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
+      props.items.length > 64 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
         "Showing first 64 of ",
         props.items.length,
         " emojis"
@@ -23814,7 +22155,7 @@ var EmojiSuggestion = import_core3.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react49.ReactRenderer(EmojiList, {
+              component = new import_react41.ReactRenderer(EmojiList, {
                 props,
                 editor: props.editor
               });
@@ -23932,11 +22273,11 @@ var UEditorPlaceholder = import_core4.Extension.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-var import_react51 = require("react");
+var import_react43 = require("react");
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_core5 = require("@tiptap/core");
-var import_react52 = require("@tiptap/react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_react44 = require("@tiptap/react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
 function toNullableNumber(value) {
@@ -23952,15 +22293,15 @@ function clamp8(value, min, max) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = (0, import_react51.useRef)(null);
-  const imgRef = (0, import_react51.useRef)(null);
-  const [isHovered, setIsHovered] = (0, import_react51.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react51.useState)(false);
+  const wrapperRef = (0, import_react43.useRef)(null);
+  const imgRef = (0, import_react43.useRef)(null);
+  const [isHovered, setIsHovered] = (0, import_react43.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react43.useState)(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
-  const dragStateRef = (0, import_react51.useRef)(null);
-  (0, import_react51.useEffect)(() => {
+  const dragStateRef = (0, import_react43.useRef)(null);
+  (0, import_react43.useEffect)(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -24054,8 +22395,8 @@ 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__ */ (0, import_jsx_runtime81.jsxs)(
-    import_react52.NodeViewWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    import_react44.NodeViewWrapper,
     {
       as: "div",
       ref: wrapperRef,
@@ -24068,7 +22409,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "img",
           {
             ref: imgRef,
@@ -24087,7 +22428,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        showHandle && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "div",
           {
             "aria-hidden": "true",
@@ -24136,7 +22477,7 @@ var ResizableImage = import_extension_image.default.extend({
     return ["img", (0, import_core5.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return (0, import_react52.ReactNodeViewRenderer)(ResizableImageNodeView);
+    return (0, import_react44.ReactNodeViewRenderer)(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -24291,16 +22632,16 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_react56 = __toESM(require("react"), 1);
+var import_react48 = __toESM(require("react"), 1);
 var import_lucide_react44 = require("lucide-react");
 
 // src/components/UEditor/colors.tsx
-var import_react53 = require("react");
+var import_react45 = require("react");
 var import_lucide_react41 = require("lucide-react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = (0, import_react53.useMemo)(
+  const textColors = (0, import_react45.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -24313,7 +22654,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react53.useMemo)(
+  const highlightColors = (0, import_react45.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -24334,9 +22675,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "p-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "p-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "button",
     {
       type: "button",
@@ -24349,8 +22690,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react41.X, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react41.X, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -24358,9 +22699,9 @@ var EditorColorPalette = ({
 ] });
 
 // src/components/UEditor/inputs.tsx
-var import_react54 = require("react");
+var import_react46 = require("react");
 var import_lucide_react42 = require("lucide-react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function normalizeUrl(raw) {
   const url = raw.trim();
   if (!url) return "";
@@ -24374,9 +22715,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react54.useState)(initialUrl);
-  const inputRef = (0, import_react54.useRef)(null);
-  (0, import_react54.useEffect)(() => {
+  const [url, setUrl] = (0, import_react46.useState)(initialUrl);
+  const inputRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -24385,8 +22726,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "input",
       {
         ref: inputRef,
@@ -24397,16 +22738,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__ */ (0, import_jsx_runtime83.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react42.Check, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react42.X, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react42.Check, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react42.X, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react54.useState)("");
-  const [alt, setAlt] = (0, import_react54.useState)("");
-  const inputRef = (0, import_react54.useRef)(null);
-  (0, import_react54.useEffect)(() => {
+  const [url, setUrl] = (0, import_react46.useState)("");
+  const [alt, setAlt] = (0, import_react46.useState)("");
+  const inputRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -24415,10 +22756,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "input",
         {
           ref: inputRef,
@@ -24430,9 +22771,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "input",
         {
           type: "text",
@@ -24443,8 +22784,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "button",
         {
           type: "submit",
@@ -24453,15 +22794,15 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("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__ */ (0, import_jsx_runtime75.jsx)("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
-var import_react55 = require("react");
+var import_react47 = require("react");
 var import_lucide_react43 = require("lucide-react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var CATEGORY_ICONS = {
   "smileys_people": import_lucide_react43.Smile,
   "animals_nature": import_lucide_react43.Leaf,
@@ -24473,12 +22814,12 @@ var CATEGORY_ICONS = {
 };
 var EmojiPicker = ({ onSelect, onClose }) => {
   const t = useSmartTranslations("UEditor");
-  const [search, setSearch] = (0, import_react55.useState)("");
-  const [activeCategory, setActiveCategory] = (0, import_react55.useState)(EMOJI_LIST[0]?.id || "");
-  const scrollContainerRef = (0, import_react55.useRef)(null);
-  const categoryRefs = (0, import_react55.useRef)({});
-  const isUserScrolling = (0, import_react55.useRef)(false);
-  const filteredCategories = (0, import_react55.useMemo)(() => {
+  const [search, setSearch] = (0, import_react47.useState)("");
+  const [activeCategory, setActiveCategory] = (0, import_react47.useState)(EMOJI_LIST[0]?.id || "");
+  const scrollContainerRef = (0, import_react47.useRef)(null);
+  const categoryRefs = (0, import_react47.useRef)({});
+  const isUserScrolling = (0, import_react47.useRef)(false);
+  const filteredCategories = (0, import_react47.useMemo)(() => {
     if (!search.trim()) return EMOJI_LIST;
     const query = search.toLowerCase();
     return EMOJI_LIST.map((category) => ({
@@ -24492,7 +22833,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
     onSelect(emoji);
     setSearch("");
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -24532,13 +22873,13 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       isUserScrolling.current = true;
     }, 500);
   };
-  (0, import_react55.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     isUserScrolling.current = true;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "w-96 bg-card border border-border/50 rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react43.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-96 bg-card border border-border/50 rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react43.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "input",
         {
           type: "text",
@@ -24553,16 +22894,16 @@ var EmojiPicker = ({ onSelect, onClose }) => {
           )
         }
       ),
-      search && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      search && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "button",
         {
           onClick: () => setSearch(""),
           className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react43.X, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react43.X, { className: "w-4 h-4" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       {
         ref: scrollContainerRef,
@@ -24570,9 +22911,9 @@ var EmojiPicker = ({ onSelect, onClose }) => {
         style: { height: "20rem" },
         children: search ? (
           // Search Results
-          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               "button",
               {
                 onClick: () => handleEmojiClick(emoji.emoji),
@@ -24586,22 +22927,22 @@ var EmojiPicker = ({ onSelect, onClose }) => {
               },
               emoji.name
             )) })
-          ] }, category.id)) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-sm font-medium text-muted-foreground", children: t("emojiPicker.noResults") }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xs text-muted-foreground mt-1", children: t("emojiPicker.tryDifferentSearch") })
+          ] }, category.id)) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "text-sm font-medium text-muted-foreground", children: t("emojiPicker.noResults") }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "text-xs text-muted-foreground mt-1", children: t("emojiPicker.tryDifferentSearch") })
           ] })
         ) : (
           // All Categories - Messenger Style
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
             "div",
             {
               ref: (el) => {
                 categoryRefs.current[category.id] = el;
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                   "button",
                   {
                     onClick: () => handleEmojiClick(emoji.emoji),
@@ -24622,9 +22963,9 @@ var EmojiPicker = ({ onSelect, onClose }) => {
         )
       }
     ),
-    !search && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime76.jsx)("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] || import_lucide_react43.Smile;
-      return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "button",
         {
           onClick: () => handleCategoryClick(category.id),
@@ -24633,7 +22974,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__ */ (0, import_jsx_runtime84.jsx)(IconComponent, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IconComponent, { className: "w-5 h-5" })
         },
         category.id
       );
@@ -24642,7 +22983,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
 };
 
 // src/components/UEditor/toolbar.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -24651,8 +22992,8 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = import_react56.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var ToolbarButton = import_react48.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "button",
     {
       ref,
@@ -24675,12 +23016,12 @@ var ToolbarButton = import_react56.default.forwardRef(({ onClick, onMouseDown, a
     }
   );
   if (title) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -24689,10 +23030,10 @@ var EditorToolbar = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react56.useState)(false);
-  const fileInputRef = (0, import_react56.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react56.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react56.useState)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react48.useState)(false);
+  const fileInputRef = (0, import_react48.useRef)(null);
+  const [isUploadingImage, setIsUploadingImage] = (0, import_react48.useState)(false);
+  const [imageUploadError, setImageUploadError] = (0, import_react48.useState)(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -24711,31 +23052,31 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.List, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.List, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Type, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Type,
@@ -24744,7 +23085,7 @@ var EditorToolbar = ({
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Heading1,
@@ -24754,7 +23095,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Heading2,
@@ -24764,7 +23105,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Heading3,
@@ -24777,30 +23118,30 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Palette, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Palette, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           EditorColorPalette,
           {
             colors: textColors,
@@ -24817,15 +23158,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -24842,13 +23183,13 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Smile, { className: "w-4 h-4" }) }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Smile, { className: "w-4 h-4" }) }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           EmojiPicker,
           {
             onSelect: (emoji) => {
@@ -24858,17 +23199,17 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.AlignLeft,
@@ -24877,7 +23218,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.AlignCenter,
@@ -24886,7 +23227,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.AlignRight,
@@ -24895,7 +23236,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.AlignJustify,
@@ -24907,17 +23248,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.List, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.List, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.List,
@@ -24927,7 +23268,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.ListOrdered,
@@ -24937,7 +23278,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.ListTodo,
@@ -24950,16 +23291,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Quote, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Quote, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Quote,
@@ -24969,7 +23310,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.FileCode,
@@ -24982,15 +23323,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Image, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Image, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -24999,9 +23340,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { icon: import_lucide_react44.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DropdownMenuItem, { icon: import_lucide_react44.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Upload,
@@ -25010,8 +23351,8 @@ var EditorToolbar = ({
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -25029,16 +23370,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Table, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Table, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Table,
@@ -25046,8 +23387,8 @@ var EditorToolbar = ({
               onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.ArrowDown,
@@ -25056,7 +23397,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.ArrowDown,
@@ -25065,7 +23406,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.ArrowRight,
@@ -25074,7 +23415,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.ArrowRight,
@@ -25083,8 +23424,8 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Trash2,
@@ -25093,7 +23434,7 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Trash2,
@@ -25102,7 +23443,7 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react44.Trash2,
@@ -25114,41 +23455,41 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Subscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Subscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Superscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Superscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Undo, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react44.Redo, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Undo, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react44.Redo, { className: "w-4 h-4" }) })
   ] });
 };
 
 // src/components/UEditor/menus.tsx
-var import_react57 = require("react");
-var import_react_dom9 = require("react-dom");
+var import_react49 = require("react");
+var import_react_dom8 = require("react-dom");
 var import_lucide_react45 = require("lucide-react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = (0, import_react57.useState)(0);
-  const menuRef = (0, import_react57.useRef)(null);
-  const allCommands = (0, import_react57.useMemo)(
+  const [selectedIndex, setSelectedIndex] = (0, import_react49.useState)(0);
+  const menuRef = (0, import_react49.useRef)(null);
+  const allCommands = (0, import_react49.useMemo)(
     () => [
       {
         icon: import_lucide_react45.Type,
@@ -25219,19 +23560,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = (0, import_react57.useMemo)(() => {
+  const commands = (0, import_react49.useMemo)(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
-  const selectCommand = (0, import_react57.useCallback)(
+  const selectCommand = (0, import_react49.useCallback)(
     (index) => {
       const command = commands[index];
       if (command) {
@@ -25241,7 +23582,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -25262,11 +23603,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       "button",
       {
         type: "button",
@@ -25279,19 +23620,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             "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__ */ (0, import_jsx_runtime86.jsx)(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -25301,19 +23642,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react57.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react49.useState)(false);
   if (showCommands) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "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__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react45.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -25324,12 +23665,12 @@ var BubbleMenuContent = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react57.useState)(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react57.useState)(false);
-  (0, import_react57.useEffect)(() => {
+  const [showLinkInput, setShowLinkInput] = (0, import_react49.useState)(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -25340,7 +23681,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -25357,8 +23698,8 @@ var BubbleMenuContent = ({
     );
   }
   if (showEditorColorPalette) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-48", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "w-48", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         EditorColorPalette,
         {
           colors: textColors,
@@ -25373,8 +23714,8 @@ var BubbleMenuContent = ({
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -25389,7 +23730,7 @@ var BubbleMenuContent = ({
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "button",
         {
           type: "button",
@@ -25400,22 +23741,22 @@ var BubbleMenuContent = ({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-0.5 p-1", 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_react45.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_react45.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react45.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__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_react45.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_react45.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -25426,41 +23767,41 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Link, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react45.Link, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react45.Palette, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react45.Palette, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__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_runtime86.jsx)(import_lucide_react45.Subscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react45.Subscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__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_runtime86.jsx)(import_lucide_react45.Superscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react45.Superscript, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react57.useState)(false);
-  const [position, setPosition] = (0, import_react57.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react57.useRef)(null);
-  const keepOpenRef = (0, import_react57.useRef)(false);
-  const setKeepOpen = (0, import_react57.useCallback)((next) => {
+  const [isVisible, setIsVisible] = (0, import_react49.useState)(false);
+  const [position, setPosition] = (0, import_react49.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react49.useRef)(null);
+  const keepOpenRef = (0, import_react49.useRef)(false);
+  const setKeepOpen = (0, import_react49.useCallback)((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -25488,8 +23829,8 @@ var CustomBubbleMenu = ({ editor }) => {
     };
   }, [editor]);
   if (!isVisible) return null;
-  return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return (0, import_react_dom8.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       "div",
       {
         ref: menuRef,
@@ -25500,7 +23841,7 @@ var CustomBubbleMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           BubbleMenuContent,
           {
             editor,
@@ -25513,9 +23854,9 @@ var CustomBubbleMenu = ({ editor }) => {
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react57.useState)(false);
-  const [position, setPosition] = (0, import_react57.useState)({ top: 0, left: 0 });
-  (0, import_react57.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react49.useState)(false);
+  const [position, setPosition] = (0, import_react49.useState)({ top: 0, left: 0 });
+  (0, import_react49.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -25541,8 +23882,8 @@ var CustomFloatingMenu = ({ editor }) => {
     };
   }, [editor]);
   if (!isVisible) return null;
-  return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return (0, import_react_dom8.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       "div",
       {
         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",
@@ -25552,7 +23893,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -25560,25 +23901,25 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 
 // src/components/UEditor/CharacterCount.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("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__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -25833,8 +24174,8 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
-var UEditor = import_react58.default.forwardRef(({
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var UEditor = import_react50.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -25857,12 +24198,12 @@ var UEditor = import_react58.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react58.useRef)(null);
-  const extensions = (0, import_react58.useMemo)(
+  const inFlightPrepareRef = (0, import_react50.useRef)(null);
+  const extensions = (0, import_react50.useMemo)(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, translate: t, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, editable]
   );
-  const editor = (0, import_react59.useEditor)({
+  const editor = (0, import_react51.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -25976,7 +24317,7 @@ var UEditor = import_react58.default.forwardRef(({
       onJsonChange?.(editor2.getJSON());
     }
   });
-  (0, import_react58.useImperativeHandle)(
+  (0, import_react50.useImperativeHandle)(
     ref,
     () => ({
       prepareContentForSave: async ({ throwOnError = false } = {}) => {
@@ -25998,7 +24339,7 @@ var UEditor = import_react58.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave]
   );
-  (0, import_react58.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -26006,7 +24347,7 @@ var UEditor = import_react58.default.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -26015,7 +24356,7 @@ var UEditor = import_react58.default.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "div",
     {
       className: cn(
@@ -26027,11 +24368,11 @@ var UEditor = import_react58.default.forwardRef(({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-          import_react59.EditorContent,
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          import_react51.EditorContent,
           {
             editor,
             className: "flex-1 overflow-y-auto",
@@ -26041,7 +24382,7 @@ var UEditor = import_react58.default.forwardRef(({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );
@@ -26058,11 +24399,9 @@ function getUnderverseMessages(locale = "en") {
 0 && (module.exports = {
   AccessDenied,
   Alert,
-  AreaChart,
   Avatar,
   Badge,
   BadgeBase,
-  BarChart,
   BatteryProgress,
   BottomSheet,
   Breadcrumb,
@@ -26103,7 +24442,6 @@ function getUnderverseMessages(locale = "en") {
   FormLabel,
   FormMessage,
   FormSubmitButton,
-  GaugeChart,
   GlobalLoading,
   GradientBadge,
   Grid,
@@ -26115,7 +24453,6 @@ function getUnderverseMessages(locale = "en") {
   Label,
   LanguageSwitcher,
   LanguageSwitcherHeadless,
-  LineChart,
   List,
   ListItem,
   LoadingBar,
@@ -26138,12 +24475,10 @@ function getUnderverseMessages(locale = "en") {
   PageLoading,
   Pagination,
   PasswordInput,
-  PieChart,
   PillTabs,
   Popover,
   Progress,
   PulseBadge,
-  RadarChart,
   RadioGroup,
   RadioGroupItem,
   SIZE_STYLES_BTN,
@@ -26168,7 +24503,6 @@ function getUnderverseMessages(locale = "en") {
   SlideOver,
   Slider,
   SmartImage,
-  Sparkline,
   StatusBadge,
   StepProgress,
   Switch,