@underverse-ui/underverse 1.0.21 → 1.0.23

package/dist/index.js

@@ -10316,7 +10316,7 @@ function useTimelineSlots(args) {
           return React32.createElement(
             "span",
             { className: "inline-flex flex-col items-center leading-tight" },
-            React32.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-[8rem]" }, match.title),
+            React32.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
             React32.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
           );
         }
@@ -11781,7 +11781,7 @@ function CalendarTimeline({
                               /* @__PURE__ */ jsx39(
                                 "div",
                                 {
-                                  className: cn("text-xs font-semibold leading-snug min-w-0 overflow-hidden", isPlainTitle ? "break-words" : ""),
+                                  className: cn("text-xs font-semibold leading-snug min-w-0 overflow-hidden", isPlainTitle ? "wrap-break-word" : ""),
                                   style: isPlainTitle ? {
                                     display: "-webkit-box",
                                     WebkitBoxOrient: "vertical",
@@ -19266,6 +19266,14 @@ function useStickyColumns(columns, visibleKeys) {
     }
     return positions;
   }, [leafColumns]);
+  const { leftBoundaryKey, rightBoundaryKey } = React58.useMemo(() => {
+    const leftFixed = leafColumns.filter((c) => c.fixed === "left");
+    const rightFixed = leafColumns.filter((c) => c.fixed === "right");
+    return {
+      leftBoundaryKey: leftFixed.length > 0 ? leftFixed[leftFixed.length - 1].key : null,
+      rightBoundaryKey: rightFixed.length > 0 ? rightFixed[0].key : null
+    };
+  }, [leafColumns]);
   const getStickyColumnStyle = React58.useCallback(
     (col) => {
       if (!col.fixed) return {};
@@ -19277,24 +19285,38 @@ function useStickyColumns(columns, visibleKeys) {
     },
     [stickyPositions]
   );
-  const getStickyHeaderClass = React58.useCallback((col) => {
-    if (!col.fixed) return "";
-    return cn(
-      "sticky",
-      col.fixed === "left" && "left-0 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      col.fixed === "right" && "right-0 shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      "z-50 bg-muted!"
-    );
-  }, []);
-  const getStickyCellClass = React58.useCallback((col, isStripedRow) => {
-    if (!col.fixed) return "";
-    return cn(
-      "sticky z-10",
-      col.fixed === "left" && "left-0 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      col.fixed === "right" && "right-0 shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      isStripedRow ? "bg-muted/50!" : "bg-card!"
-    );
-  }, []);
+  const getBoundaryShadowClass = React58.useCallback(
+    (col) => {
+      if (col.fixed === "left" && col.key === leftBoundaryKey) {
+        return "border-r border-border/80 shadow-[10px_0_16px_-10px_rgba(0,0,0,0.55)]";
+      }
+      if (col.fixed === "right" && col.key === rightBoundaryKey) {
+        return "border-l border-border/80 shadow-[-10px_0_16px_-10px_rgba(0,0,0,0.55)]";
+      }
+      return "";
+    },
+    [leftBoundaryKey, rightBoundaryKey]
+  );
+  const getStickyHeaderClass = React58.useCallback(
+    (col) => {
+      if (!col.fixed) return "";
+      return cn("sticky", col.fixed === "left" && "left-0", col.fixed === "right" && "right-0", getBoundaryShadowClass(col), "z-50 !bg-muted");
+    },
+    [getBoundaryShadowClass]
+  );
+  const getStickyCellClass = React58.useCallback(
+    (col, isStripedRow) => {
+      if (!col.fixed) return "";
+      return cn(
+        "sticky z-10",
+        col.fixed === "left" && "left-0",
+        col.fixed === "right" && "right-0",
+        getBoundaryShadowClass(col),
+        isStripedRow ? "!bg-surface-1" : "!bg-surface-0"
+      );
+    },
+    [getBoundaryShadowClass]
+  );
   const getStickyHeaderCellStyle = React58.useCallback(
     (headerCell) => {
       const col = headerCell.column;
@@ -19791,17 +19813,17 @@ function DataTable({
                       "\u2026"
                     ] })
                   ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx68(TableRow, { children: /* @__PURE__ */ jsx68(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+                    const isStripedRow = striped && idx % 2 === 0;
                     return /* @__PURE__ */ jsx68(
                       TableRow,
                       {
-                        className: cn(densityRowClass),
+                        className: cn(densityRowClass, isStripedRow ? "bg-surface-1" : "bg-surface-0"),
                         style: {
                           contentVisibility: "auto",
                           containIntrinsicSize: density === "compact" ? "0 36px" : density === "comfortable" ? "0 56px" : "0 48px"
                         },
                         children: leafColumns.map((col, colIdx) => {
                           const value = col.dataIndex ? row[col.dataIndex] : void 0;
-                          const isStripedRow = striped && idx % 2 === 0;
                           const prevCol = colIdx > 0 ? leafColumns[colIdx - 1] : null;
                           const isAfterFixedLeft = prevCol?.fixed === "left";
                           const showBorderLeft = columnDividers && colIdx > 0 && !isAfterFixedLeft && !col.fixed;
@@ -19814,8 +19836,7 @@ function DataTable({
                                 col.align === "right" && "text-right",
                                 col.align === "center" && "text-center",
                                 showBorderLeft && "border-l border-border/60",
-                                getStickyCellClass(col, isStripedRow),
-                                !col.fixed && isStripedRow && "bg-muted/50"
+                                getStickyCellClass(col, isStripedRow)
                               ),
                               children: col.render ? col.render(value, row, idx) : String(value ?? "")
                             },