@underverse-ui/underverse 1.0.188 → 1.0.190

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.188",
+  "version": "1.0.190",
   "sourceEntry": "src/index.ts",
   "totalExports": 248,
   "exports": [

package/dist/index.cjs

@@ -25859,7 +25859,8 @@ function DataTableHeader({
       const columnLabel = getColumnLabel(col.title) || col.key;
       const sortByText = sortByLabel ?? gi18n.sortBy ?? "Sort by";
       const sortLabel = `${sortByText} ${columnLabel}`;
-      const titleContent = /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1", children: [
+      const useEndIcon = (col.iconPosition ?? "end") === "end";
+      const titleContent = /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cn("flex items-center gap-1", useEndIcon && "flex-1 justify-between"), children: [
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: cn("font-medium whitespace-nowrap select-text", headerTitleClass), children: col.title }),
         col.sortable && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           Tooltip,
@@ -25872,8 +25873,8 @@ function DataTableHeader({
                 type: "button",
                 title: sortLabel,
                 className: cn(
-                  "p-1 rounded-lg transition-all duration-200 hover:bg-accent",
-                  sort?.key === col.key ? "opacity-100 bg-accent" : "opacity-60 hover:opacity-100"
+                  "p-1 rounded-lg transition-all duration-200 hover:bg-foreground/10",
+                  sort?.key === col.key ? "opacity-100 bg-foreground/10" : "opacity-60 hover:opacity-100"
                 ),
                 onClick: () => {
                   setCurPage(1);
@@ -25888,7 +25889,7 @@ function DataTableHeader({
                   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     "path",
                     {
-                      d: "M7 8l3-3 3 3",
+                      d: "M5 7.5l5-5 5 5",
                       stroke: "currentColor",
                       strokeWidth: "1.5",
                       strokeLinecap: "round",
@@ -25899,7 +25900,7 @@ function DataTableHeader({
                   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     "path",
                     {
-                      d: "M7 12l3 3 3-3",
+                      d: "M5 12.5l5 5 5-5",
                       stroke: "currentColor",
                       strokeWidth: "1.5",
                       strokeLinecap: "round",
@@ -25928,8 +25929,8 @@ function DataTableHeader({
                   type: "button",
                   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 opacity-100" : "opacity-60 hover:opacity-100"
+                    "p-1.5 rounded-lg transition-all duration-200 hover:bg-foreground/10",
+                    filters[col.key] ? "bg-foreground/10 opacity-100" : "opacity-60 hover:opacity-100"
                   ),
                   "aria-label": gi18n.filterByColumn ? gi18n.filterByColumn(columnLabel) : `Filter by ${columnLabel}`,
                   children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Filter, { className: "w-4 h-4" })
@@ -25964,7 +25965,8 @@ function DataTableHeader({
             headerMinHeightClass,
             isRightAlign && "justify-end",
             isCenterAlign && "justify-center",
-            !isRightAlign && !isCenterAlign && "justify-start"
+            !isRightAlign && !isCenterAlign && "justify-start",
+            useEndIcon && "w-full"
           ),
           children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
             filterContent,