@underverse-ui/underverse 0.2.90 → 0.2.92

package/dist/index.js

@@ -5614,7 +5614,9 @@ var DatePicker = ({
   todayLabel,
   clearLabel,
   weekdayLabels,
-  disablePastDates = false
+  disablePastDates = false,
+  minDate,
+  maxDate
 }) => {
   const t = useTranslations("DatePicker");
   const locale = useLocale();
@@ -5624,6 +5626,27 @@ var DatePicker = ({
   const triggerRef = React23.useRef(null);
   const wheelContainerRef = React23.useRef(null);
   const wheelDeltaRef = React23.useRef(0);
+  const normalizeToLocalDay = React23.useCallback((date) => {
+    if (!date) return null;
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  }, []);
+  const minDay = React23.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
+  const maxDay = React23.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
+  const isDateDisabled = React23.useCallback(
+    (date) => {
+      const day = normalizeToLocalDay(date);
+      if (!day) return false;
+      if (disablePastDates) {
+        const today = /* @__PURE__ */ new Date();
+        today.setHours(0, 0, 0, 0);
+        if (day < today) return true;
+      }
+      if (minDay && day < minDay) return true;
+      if (maxDay && day > maxDay) return true;
+      return false;
+    },
+    [disablePastDates, maxDay, minDay, normalizeToLocalDay]
+  );
   useShadCNAnimations();
   React23.useEffect(() => {
     if (value) {
@@ -5708,21 +5731,19 @@ var DatePicker = ({
     for (let i = 0; i < firstDayOfMonth; i++) {
       days.push(/* @__PURE__ */ jsx29("div", { className: size === "sm" ? "w-7 h-7" : "w-8 h-8" }, `empty-${i}`));
     }
-    const today = /* @__PURE__ */ new Date();
-    today.setHours(0, 0, 0, 0);
     for (let day = 1; day <= daysInMonth; day++) {
       const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), day);
       const isSelected = value && date.getDate() === value.getDate() && date.getMonth() === value.getMonth() && date.getFullYear() === value.getFullYear();
       const isToday2 = date.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-      const isPastDate = disablePastDates && date < today;
+      const isDisabled = isDateDisabled(date);
       const totalDaysFromStart = firstDayOfMonth + day - 1;
       const rowIndex = Math.floor(totalDaysFromStart / 7);
       days.push(
         /* @__PURE__ */ jsxs24(
           "button",
           {
-            onClick: () => !isPastDate && handleDateSelect(date),
-            disabled: isPastDate,
+            onClick: () => !isDisabled && handleDateSelect(date),
+            disabled: isDisabled,
             style: {
               animationDelay: isOpen ? `${rowIndex * 40}ms` : "0ms"
             },
@@ -5730,8 +5751,8 @@ var DatePicker = ({
               size === "sm" ? "w-7 h-7 text-[12px]" : "w-8 h-8 text-sm",
               "datepicker-day rounded-lg focus:outline-none relative cursor-pointer",
               "transition-all duration-200 font-medium",
-              isPastDate && "opacity-30 cursor-not-allowed text-muted-foreground",
-              isSelected ? "bg-linear-to-br from-primary to-primary/80 text-primary-foreground font-bold shadow-lg shadow-primary/30 scale-110 z-10 hover:from-primary hover:to-primary/70" : !isPastDate && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 focus:bg-accent focus:text-accent-foreground",
+              isDisabled && "opacity-30 cursor-not-allowed text-muted-foreground",
+              isSelected ? "bg-linear-to-br from-primary to-primary/80 text-primary-foreground font-bold shadow-lg shadow-primary/30 scale-110 z-10 hover:from-primary hover:to-primary/70" : !isDisabled && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 focus:bg-accent focus:text-accent-foreground",
               isToday2 && !isSelected && "bg-primary/15 text-primary font-bold ring-2 ring-primary/30"
             ),
             children: [
@@ -5879,15 +5900,18 @@ var DatePicker = ({
           type: "button",
           onClick: () => {
             const today = /* @__PURE__ */ new Date();
+            if (isDateDisabled(today)) return;
             handleDateSelect(today);
           },
+          disabled: isDateDisabled(/* @__PURE__ */ new Date()),
           className: cn(
             "flex-1 font-semibold rounded-xl",
             "bg-linear-to-r from-primary/10 to-primary/5 border border-primary/30",
             "text-primary hover:from-primary/20 hover:to-primary/10 hover:border-primary/50",
             "transition-all duration-300 flex items-center justify-center",
             "hover:scale-[1.02] active:scale-[0.98] hover:shadow-md hover:shadow-primary/10",
-            size === "sm" ? "px-2 py-1 text-[10px] gap-1" : "px-3 py-2 text-xs gap-2"
+            size === "sm" ? "px-2 py-1 text-[10px] gap-1" : "px-3 py-2 text-xs gap-2",
+            isDateDisabled(/* @__PURE__ */ new Date()) && "opacity-50 cursor-not-allowed hover:scale-100 active:scale-100"
           ),
           children: [
             /* @__PURE__ */ jsx29(Sparkles2, { className: size === "sm" ? "w-2.5 h-2.5" : "w-3.5 h-3.5" }),
@@ -6046,7 +6070,7 @@ var DatePicker = ({
     )
   ] });
 };
-var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select date range...", className, disablePastDates = false, size = "md" }) => {
+var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select date range...", className, disablePastDates = false, minDate, maxDate, size = "md" }) => {
   const locale = useLocale();
   const t = useTranslations("DatePicker");
   const [isOpen, setIsOpen] = React23.useState(false);
@@ -6056,6 +6080,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   };
+  const minDay = React23.useMemo(() => normalizeToLocal(minDate), [minDate]);
+  const maxDay = React23.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
   const [viewDate, setViewDate] = React23.useState(startDate || /* @__PURE__ */ new Date());
   const [tempStart, setTempStart] = React23.useState(normalizeToLocal(startDate));
   const [tempEnd, setTempEnd] = React23.useState(normalizeToLocal(endDate));
@@ -6135,6 +6161,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
     for (let d = 1; d <= daysInMonth; d++) {
       const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), d);
       const isPastDate = disablePastDates && date < today;
+      const isOutOfRange = !!minDay && date < minDay || !!maxDay && date > maxDay;
+      const isDisabled = isPastDate || isOutOfRange;
       const isSelectedStart = isSameDay2(date, tempStart);
       const isSelectedEnd = isSameDay2(date, tempEnd);
       const isHovering = hoveredDate && tempStart && !tempEnd;
@@ -6160,17 +6188,17 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
         /* @__PURE__ */ jsx29(
           "button",
           {
-            onClick: () => !isPastDate && handleSelect(date),
-            disabled: isPastDate,
-            onMouseEnter: () => !isPastDate && tempStart && !tempEnd && setHoveredDate(date),
+            onClick: () => !isDisabled && handleSelect(date),
+            disabled: isDisabled,
+            onMouseEnter: () => !isDisabled && tempStart && !tempEnd && setHoveredDate(date),
             onMouseLeave: () => tempStart && !tempEnd && setHoveredDate(null),
             className: cn(
               "transition-all duration-200 focus:outline-none relative font-medium cursor-pointer",
               size === "sm" ? "w-6 h-6 text-xs" : "w-8 h-8 text-sm",
               // Disabled/past date state
-              isPastDate && "opacity-30 cursor-not-allowed text-muted-foreground",
+              isDisabled && "opacity-30 cursor-not-allowed text-muted-foreground",
               // Default state
-              !isPastDate && !isInRange && !isRangeStart && !isRangeEnd && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 rounded-lg",
+              !isDisabled && !isInRange && !isRangeStart && !isRangeEnd && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 rounded-lg",
               // Range selection styling - smooth continuous background with gradient
               isInRange && "bg-primary/15 text-foreground",
               (isRangeStart || isRangeEnd) && "bg-linear-to-br from-primary to-primary/80 text-primary-foreground hover:from-primary hover:to-primary/70 shadow-lg shadow-primary/25",
@@ -6180,8 +6208,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
               isRangeStart && isRangeEnd && "rounded-lg",
               // Single day selection
               // Hover effects for range
-              isInRange && !isPastDate && "hover:bg-primary/25",
-              !isPastDate && "focus:bg-accent focus:text-accent-foreground focus:z-10 focus:shadow-md"
+              isInRange && !isDisabled && "hover:bg-primary/25",
+              !isDisabled && "focus:bg-accent focus:text-accent-foreground focus:z-10 focus:shadow-md"
             ),
             children: d
           },
@@ -6393,6 +6421,10 @@ function Calendar2({
   animate = false,
   showEventBadges = false,
   highlightWeekends = false,
+  cellMode = "compact",
+  maxEventsPerDay = 3,
+  onEventClick,
+  renderEvent,
   ...rest
 }) {
   const isControlledMonth = month != null;
@@ -6485,6 +6517,13 @@ function Calendar2({
     xl: { day: "w-14 h-14 text-lg", grid: dense ? "gap-2" : "gap-2.5", head: "text-base", header: "text-lg" }
   };
   const sz = SIZE_STYLES3[size];
+  const CELL_EVENT_STYLES = {
+    sm: { cell: dense ? "min-h-20 p-1.5" : "min-h-24 p-2", day: "text-[12px]" },
+    md: { cell: dense ? "min-h-28 p-2" : "min-h-32 p-2.5", day: "text-sm" },
+    lg: { cell: dense ? "min-h-36 p-2.5" : "min-h-40 p-3", day: "text-base" },
+    xl: { cell: dense ? "min-h-44 p-3" : "min-h-52 p-3.5", day: "text-lg" }
+  };
+  const cellSz = CELL_EVENT_STYLES[size];
   const VARIANT_STYLES2 = {
     default: "border border-border rounded-2xl bg-card",
     bordered: "border-2 border-border rounded-2xl bg-card shadow-sm",
@@ -6508,6 +6547,84 @@ function Calendar2({
         const k = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
         const dayEvents = byDay.get(k) || [];
         const disabled = isDateDisabled(d);
+        const isWeekend = d.getDay() === 0 || d.getDay() === 6;
+        const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
+        if (customDay) return /* @__PURE__ */ jsx30(React24.Fragment, { children: customDay }, `${monthLabel}-${idx}`);
+        if (cellMode === "events") {
+          const limit = Math.max(0, maxEventsPerDay);
+          const visibleEvents = dayEvents.slice(0, limit);
+          const hiddenCount = Math.max(0, dayEvents.length - visibleEvents.length);
+          return /* @__PURE__ */ jsxs25(
+            "div",
+            {
+              className: cn(
+                "rounded-xl border border-border/50 bg-background/40 overflow-hidden",
+                "transition-colors duration-150",
+                animate && "will-change-transform",
+                cellSz.cell,
+                !inMonth && "opacity-60",
+                disabled && "opacity-40",
+                highlightWeekends && isWeekend && "bg-accent/10",
+                isToday2 && !selectedDay && "ring-1 ring-primary/40",
+                selectedDay && "border-primary/50 bg-primary/10"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ jsx30(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => !disabled && handleClickDay(d),
+                      disabled,
+                      className: cn(
+                        "inline-flex items-center justify-center rounded-lg px-2 py-1",
+                        "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                        cellSz.day,
+                        selectedDay ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                        disabled && "cursor-not-allowed hover:bg-transparent"
+                      ),
+                      title: d.toDateString(),
+                      children: d.getDate()
+                    }
+                  ),
+                  dayEvents.length > 0 && /* @__PURE__ */ jsx30("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: dayEvents.length })
+                ] }),
+                /* @__PURE__ */ jsxs25("div", { className: cn("mt-2 space-y-1", dense ? "mt-1.5" : "mt-2"), children: [
+                  visibleEvents.map((e, i) => {
+                    const key = e.id ?? `${k}-${i}`;
+                    const node = renderEvent?.({ event: e, date: d });
+                    if (node) return /* @__PURE__ */ jsx30("div", { children: node }, String(key));
+                    return /* @__PURE__ */ jsxs25(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onEventClick?.(e, d),
+                        className: cn(
+                          "w-full text-left rounded-lg px-2 py-1",
+                          "transition-colors duration-150 hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                          "text-xs flex items-center gap-2"
+                        ),
+                        title: e.title,
+                        children: [
+                          /* @__PURE__ */ jsx30("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: e.color || "hsl(var(--primary))" } }),
+                          /* @__PURE__ */ jsx30("span", { className: "truncate flex-1", children: e.title ?? "Event" }),
+                          showEventBadges && e.badge && /* @__PURE__ */ jsx30("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: e.badge })
+                        ]
+                      },
+                      String(key)
+                    );
+                  }),
+                  hiddenCount > 0 && /* @__PURE__ */ jsxs25("div", { className: "px-2 text-[11px] text-muted-foreground", children: [
+                    "+",
+                    hiddenCount,
+                    " more"
+                  ] })
+                ] })
+              ]
+            },
+            `${monthLabel}-${idx}`
+          );
+        }
         return /* @__PURE__ */ jsxs25(
           "button",
           {
@@ -6518,6 +6635,7 @@ function Calendar2({
               sz.day,
               !inMonth && "text-muted-foreground/60",
               disabled && "opacity-40 cursor-not-allowed",
+              highlightWeekends && isWeekend && "bg-accent/10",
               isToday2 && !selectedDay && "ring-1 ring-primary/50",
               selectedDay && "bg-primary text-primary-foreground hover:bg-primary/90",
               !selectedDay && "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
@@ -6525,7 +6643,14 @@ function Calendar2({
             title: d.toDateString(),
             children: [
               d.getDate(),
-              dayEvents.length > 0 && /* @__PURE__ */ jsx30("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ jsx30("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, i)) })
+              dayEvents.length > 0 && /* @__PURE__ */ jsx30("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ jsx30(
+                "span",
+                {
+                  className: "h-1.5 w-1.5 rounded-full",
+                  style: { backgroundColor: e.color || "hsl(var(--primary))" }
+                },
+                String(e.id ?? i)
+              )) })
             ]
           },
           `${monthLabel}-${idx}`
@@ -6588,6 +6713,82 @@ function Calendar2({
         const k = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
         const dayEvents = byDay.get(k) || [];
         const disabled = isDateDisabled(d);
+        const isWeekend = d.getDay() === 0 || d.getDay() === 6;
+        const customDay = renderDay?.({ date: d, isCurrentMonth: inMonth, isToday: isToday2, isSelected: selectedDay, events: dayEvents });
+        if (customDay) return /* @__PURE__ */ jsx30(React24.Fragment, { children: customDay }, `wd-${idx}`);
+        if (cellMode === "events") {
+          const limit = Math.max(0, maxEventsPerDay);
+          const visibleEvents = dayEvents.slice(0, limit);
+          const hiddenCount = Math.max(0, dayEvents.length - visibleEvents.length);
+          return /* @__PURE__ */ jsxs25(
+            "div",
+            {
+              className: cn(
+                "rounded-xl border border-border/50 bg-background/40 overflow-hidden",
+                "transition-colors duration-150",
+                cellSz.cell,
+                disabled && "opacity-40",
+                highlightWeekends && isWeekend && "bg-accent/10",
+                isToday2 && !selectedDay && "ring-1 ring-primary/40",
+                selectedDay && "border-primary/50 bg-primary/10"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ jsx30(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => !disabled && handleClickDay(d),
+                      disabled,
+                      className: cn(
+                        "inline-flex items-center justify-center rounded-lg px-2 py-1",
+                        "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                        cellSz.day,
+                        selectedDay ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                        disabled && "cursor-not-allowed hover:bg-transparent"
+                      ),
+                      title: d.toDateString(),
+                      children: d.getDate()
+                    }
+                  ),
+                  dayEvents.length > 0 && /* @__PURE__ */ jsx30("span", { className: "text-[11px] text-muted-foreground tabular-nums", children: dayEvents.length })
+                ] }),
+                /* @__PURE__ */ jsxs25("div", { className: cn("mt-2 space-y-1", dense ? "mt-1.5" : "mt-2"), children: [
+                  visibleEvents.map((e, i) => {
+                    const key = e.id ?? `${k}-${i}`;
+                    const node = renderEvent?.({ event: e, date: d });
+                    if (node) return /* @__PURE__ */ jsx30("div", { children: node }, String(key));
+                    return /* @__PURE__ */ jsxs25(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onEventClick?.(e, d),
+                        className: cn(
+                          "w-full text-left rounded-lg px-2 py-1",
+                          "transition-colors duration-150 hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                          "text-xs flex items-center gap-2"
+                        ),
+                        title: e.title,
+                        children: [
+                          /* @__PURE__ */ jsx30("span", { className: "h-2 w-2 rounded-full shrink-0", style: { backgroundColor: e.color || "hsl(var(--primary))" } }),
+                          /* @__PURE__ */ jsx30("span", { className: "truncate flex-1", children: e.title ?? "Event" }),
+                          showEventBadges && e.badge && /* @__PURE__ */ jsx30("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: e.badge })
+                        ]
+                      },
+                      String(key)
+                    );
+                  }),
+                  hiddenCount > 0 && /* @__PURE__ */ jsxs25("div", { className: "px-2 text-[11px] text-muted-foreground", children: [
+                    "+",
+                    hiddenCount,
+                    " more"
+                  ] })
+                ] })
+              ]
+            },
+            `wd-${idx}`
+          );
+        }
         return /* @__PURE__ */ jsxs25(
           "button",
           {
@@ -6597,6 +6798,7 @@ function Calendar2({
               "rounded-lg flex items-center justify-center relative cursor-pointer",
               sz.day,
               disabled && "opacity-40 cursor-not-allowed",
+              highlightWeekends && isWeekend && "bg-accent/10",
               isToday2 && !selectedDay && "ring-1 ring-primary/50",
               selectedDay && "bg-primary text-primary-foreground hover:bg-primary/90",
               !selectedDay && "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
@@ -6604,7 +6806,7 @@ function Calendar2({
             title: d.toDateString(),
             children: [
               d.getDate(),
-              dayEvents.length > 0 && /* @__PURE__ */ jsx30("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ jsx30("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, i)) })
+              dayEvents.length > 0 && /* @__PURE__ */ jsx30("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ jsx30("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, String(e.id ?? i))) })
             ]
           },
           `wd-${idx}`
@@ -12547,7 +12749,7 @@ var Grid = Object.assign(GridRoot, { Item: GridItem });
 var Grid_default = Grid;
 
 // ../../components/ui/LineChart.tsx
-import { useMemo as useMemo9, useState as useState36, useRef as useRef15 } from "react";
+import { useMemo as useMemo10, useState as useState36, useRef as useRef15 } from "react";
 
 // ../../components/ui/ChartTooltip.tsx
 import { useEffect as useEffect22, useState as useState35 } from "react";
@@ -12646,7 +12848,7 @@ function LineChart({
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
   const [hoveredPoint, setHoveredPoint] = useState36(null);
-  const { minValue, maxValue, points, linePath, areaPath } = useMemo9(() => {
+  const { minValue, maxValue, points, linePath, areaPath } = useMemo10(() => {
     if (!data.length) return { minValue: 0, maxValue: 0, points: [], linePath: "", areaPath: "" };
     const values = data.map((d) => d.value);
     const min = Math.min(...values);
@@ -12681,7 +12883,7 @@ function LineChart({
     }
     return { minValue: min, maxValue: max, points: pts, linePath: path, areaPath: area };
   }, [data, chartWidth, chartHeight, curved, padding.left, padding.top]);
-  const gridLines = useMemo9(() => {
+  const gridLines = useMemo10(() => {
     const lines = [];
     const steps = 5;
     for (let i = 0; i <= steps; i++) {
@@ -12799,7 +13001,7 @@ function LineChart({
 }
 
 // ../../components/ui/BarChart.tsx
-import { useMemo as useMemo10, useState as useState37, useRef as useRef16 } from "react";
+import { useMemo as useMemo11, useState as useState37, useRef as useRef16 } from "react";
 import { Fragment as Fragment21, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
 function BarChart({
   data,
@@ -12820,7 +13022,7 @@ function BarChart({
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
   const [hoveredBar, setHoveredBar] = useState37(null);
-  const { maxValue, bars, gridLines } = useMemo10(() => {
+  const { maxValue, bars, gridLines } = useMemo11(() => {
     if (!data.length) return { maxValue: 0, bars: [], gridLines: [] };
     const max = Math.max(...data.map((d) => d.value));
     const barCount = data.length;
@@ -12981,7 +13183,7 @@ function BarChart({
 }
 
 // ../../components/ui/PieChart.tsx
-import { useMemo as useMemo11, useState as useState38, useRef as useRef17 } from "react";
+import { useMemo as useMemo12, useState as useState38, useRef as useRef17 } from "react";
 import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
 function PieChart({
   data,
@@ -12999,7 +13201,7 @@ function PieChart({
   const center = size / 2;
   const radius = size / 2 - 10;
   const innerRadius = donut ? radius - donutWidth : 0;
-  const { segments, total } = useMemo11(() => {
+  const { segments, total } = useMemo12(() => {
     if (!data.length) return { segments: [], total: 0 };
     const sum = data.reduce((acc, d) => acc + d.value, 0);
     let currentAngle = startAngle;
@@ -13146,7 +13348,7 @@ function PieChart({
 }
 
 // ../../components/ui/AreaChart.tsx
-import { useMemo as useMemo12, useState as useState39, useRef as useRef18 } from "react";
+import { useMemo as useMemo13, useState as useState39, useRef as useRef18 } from "react";
 import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
 function getCatmullRomSpline(points) {
   if (points.length < 2) return "";
@@ -13186,7 +13388,7 @@ function AreaChart({
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
   const [hoveredPoint, setHoveredPoint] = useState39(null);
-  const { processedSeries, gridLines, maxValue, labels } = useMemo12(() => {
+  const { processedSeries, gridLines, maxValue, labels } = useMemo13(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { processedSeries: [], gridLines: [], maxValue: 0, labels: [] };
     }
@@ -13400,7 +13602,7 @@ function AreaChart({
 }
 
 // ../../components/ui/Sparkline.tsx
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 import { jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
 function getCatmullRomSpline2(points) {
   if (points.length < 2) return "";
@@ -13439,7 +13641,7 @@ function Sparkline({
   const padding = 4;
   const chartWidth = width - padding * 2;
   const chartHeight = height - padding * 2;
-  const { points, linePath, areaPath, lineLength, trend } = useMemo13(() => {
+  const { points, linePath, areaPath, lineLength, trend } = useMemo14(() => {
     const normalizedData = data.map((d) => typeof d === "number" ? d : d.value);
     if (!normalizedData.length) {
       return { points: [], linePath: "", areaPath: "", lineLength: 0, trend: 0 };
@@ -13543,7 +13745,7 @@ function Sparkline({
 }
 
 // ../../components/ui/RadarChart.tsx
-import { useMemo as useMemo14, useState as useState40, useRef as useRef19 } from "react";
+import { useMemo as useMemo15, useState as useState40, useRef as useRef19 } from "react";
 import { jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
 function RadarChart({
   series,
@@ -13559,7 +13761,7 @@ function RadarChart({
   const center = size / 2;
   const radius = size / 2 - 40;
   const [hoveredPoint, setHoveredPoint] = useState40(null);
-  const { axes, processedSeries, levelPaths } = useMemo14(() => {
+  const { axes, processedSeries, levelPaths } = useMemo15(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { axes: [], processedSeries: [], levelPaths: [] };
     }
@@ -13743,7 +13945,7 @@ function RadarChart({
 }
 
 // ../../components/ui/GaugeChart.tsx
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 import { jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
 function GaugeChart({
   value,
@@ -13763,7 +13965,7 @@ function GaugeChart({
 }) {
   const center = size / 2;
   const radius = center - thickness / 2 - 10;
-  const { backgroundPath, valuePath, percentage, needleAngle } = useMemo15(() => {
+  const { backgroundPath, valuePath, percentage, needleAngle } = useMemo16(() => {
     const normalizedValue = Math.min(Math.max(value, min), max);
     const pct = (normalizedValue - min) / (max - min);
     const totalAngle = endAngle - startAngle;
@@ -16366,7 +16568,7 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { useEffect as useEffect30, useMemo as useMemo18 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo19 } from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useEditor, EditorContent } from "@tiptap/react";
 
@@ -17098,13 +17300,13 @@ import {
 } from "lucide-react";
 
 // ../../components/ui/UEditor/colors.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { useTranslations as useTranslations2 } from "next-intl";
 import { X as X14 } from "lucide-react";
 import { jsx as jsx71, jsxs as jsxs63 } from "react/jsx-runtime";
 var useEditorColors = () => {
   const t = useTranslations2("UEditor");
-  const textColors = useMemo16(
+  const textColors = useMemo17(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -17117,7 +17319,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = useMemo16(
+  const highlightColors = useMemo17(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -17731,7 +17933,7 @@ var EditorToolbar = ({
 };
 
 // ../../components/ui/UEditor/menus.tsx
-import { useCallback as useCallback13, useEffect as useEffect29, useMemo as useMemo17, useRef as useRef26, useState as useState48 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect29, useMemo as useMemo18, useRef as useRef26, useState as useState48 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { useTranslations as useTranslations5 } from "next-intl";
 import {
@@ -17762,7 +17964,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useTranslations5("UEditor");
   const [selectedIndex, setSelectedIndex] = useState48(0);
   const menuRef = useRef26(null);
-  const allCommands = useMemo17(
+  const allCommands = useMemo18(
     () => [
       {
         icon: Type3,
@@ -17833,7 +18035,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = useMemo17(() => {
+  const commands = useMemo18(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
@@ -18225,7 +18427,7 @@ var UEditor = ({
 }) => {
   const t = useTranslations7("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const extensions = useMemo18(
+  const extensions = useMemo19(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable]
   );