@underverse-ui/underverse 1.0.162 → 1.0.163

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.162",
+  "version": "1.0.163",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -23149,6 +23149,16 @@ function getHeaderBgColor(colorTag) {
   if (!rgb) return colorTag;
   return toRgba(rgb[0], rgb[1], rgb[2], 1);
 }
+function getReadableForeground(colorTag) {
+  const rgb = parseColor(colorTag);
+  if (!rgb) return void 0;
+  const toLinear = (c) => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+  };
+  const L = 0.2126 * toLinear(rgb[0]) + 0.7152 * toLinear(rgb[1]) + 0.0722 * toLinear(rgb[2]);
+  return L > 0.5 ? "rgba(15, 23, 42, 0.92)" : "rgba(255, 255, 255, 0.95)";
+}
 function groupColumnsByColorTag(leafCols, colorGroups) {
   const groupsMap = /* @__PURE__ */ new Map();
   const ungrouped = [];
@@ -23210,7 +23220,8 @@ function DataTableHeader({
   getStickyHeaderClass,
   getStickyHeaderCellStyle,
   sortByLabel,
-  t
+  t,
+  columnColorGroups
 }) {
   const gi18n = useGlobalI18n();
   const renderFilterControl = import_react30.default.useCallback(
@@ -23359,7 +23370,7 @@ function DataTableHeader({
                   title: gi18n.filterByColumn ? gi18n.filterByColumn(columnLabel) : `Filter by ${columnLabel}`,
                   className: cn(
                     "p-1.5 rounded-lg transition-all duration-200 hover:bg-accent",
-                    filters[col.key] ? "bg-accent text-primary" : "text-muted-foreground"
+                    filters[col.key] ? "bg-accent opacity-100" : "opacity-60 hover:opacity-100"
                   ),
                   "aria-label": gi18n.filterByColumn ? gi18n.filterByColumn(columnLabel) : `Filter by ${columnLabel}`,
                   children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react36.Filter, { className: "w-4 h-4" })
@@ -23428,6 +23439,7 @@ function DataTableHeader({
     const showBorderLeft = columnDividers && cellIndex > 0 && !isAfterFixedLeft && !col.fixed;
     const isLastCell = cellIndex === row.length - 1;
     const headerBackgroundColor = isLeaf && col.colorTag ? getHeaderBgColor(col.colorTag) : "var(--muted)";
+    const headerColor = isLeaf && col.colorTag ? columnColorGroups?.[col.colorTag]?.headerTextColor ?? getReadableForeground(col.colorTag) : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       TableHead,
       {
@@ -23437,6 +23449,7 @@ function DataTableHeader({
         style: {
           width: col.width,
           backgroundColor: headerBackgroundColor,
+          color: headerColor,
           ...getStickyHeaderCellStyle(headerCell)
         },
         className: cn(
@@ -24484,7 +24497,8 @@ function DataTable({
                       getStickyHeaderClass,
                       getStickyHeaderCellStyle,
                       sortByLabel: labels?.sortBy,
-                      t
+                      t,
+                      columnColorGroups
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(