@versini/ui-table 3.1.11 → 3.1.13

package/dist/index.js

@@ -1,14 +1,14 @@
-import o from "clsx";
+import l from "clsx";
 import { jsx as i, jsxs as _, Fragment as se } from "react/jsx-runtime";
-import I, { useRef as w, useLayoutEffect as D, useMemo as q, useState as oe, useEffect as G, useCallback as le, useContext as N } from "react";
+import I, { useRef as w, useLayoutEffect as D, useMemo as q, useState as le, useEffect as G, useCallback as oe, useContext as N } from "react";
 /*!
-  @versini/ui-table v3.1.11
+  @versini/ui-table v3.1.13
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "3.1.11",
-    buildTime: "03/10/2025 02:05 PM EDT",
+    version: "3.1.13",
+    buildTime: "03/14/2025 05:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -24,7 +24,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   stickyHeader: r,
   stickyFooter: s
 }) => ({
-  wrapper: o(
+  wrapper: l(
     "not-prose relative w-full rounded-lg shadow-md",
     {
       "overflow-x-auto": !r && !s,
@@ -40,13 +40,13 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
     },
     t
   ),
-  table: o("my-0 w-full text-left text-sm", a, {
+  table: l("my-0 w-full text-left text-sm", a, {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   }),
-  caption: o("py-2 text-sm font-bold", {
+  caption: l("py-2 text-sm font-bold", {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
@@ -56,7 +56,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   className: e,
   stickyHeader: a,
   mode: t
-}) => o(
+}) => l(
   {
     "sticky top-0 z-10": a,
     "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && t === "dark",
@@ -69,7 +69,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   className: e,
   stickyFooter: a,
   mode: t
-}) => o(
+}) => l(
   {
     "sticky bottom-0 z-10": a,
     "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && t === "dark",
@@ -82,7 +82,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   mode: e,
   className: a,
   cellWrapper: t
-}) => t === R || t === P ? o(
+}) => t === R || t === P ? l(
   {
     "bg-table-head-dark": e === "dark" || e === "system",
     "bg-table-head-light": e === "light" || e === "alt-system",
@@ -90,7 +90,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
     "dark:bg-table-head-dark": e === "alt-system"
   },
   a
-) : o(
+) : l(
   "border-b last:border-0",
   {
     "border-table-dark": e === "dark" || e === "system",
@@ -110,12 +110,12 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   mode: r,
   align: s
 }) => ({
-  alignClasses: o({
+  alignClasses: l({
     "flex justify-start text-left": s === "left",
     "flex justify-center text-center": s === "center",
     "flex justify-end text-right": s === "right"
   }),
-  mainClasses: o(
+  mainClasses: l(
     {
       "text-copy-light": r === "dark" || r === "system",
       "text-copy-dark": r === "light" || r === "alt-system",
@@ -129,40 +129,40 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   )
 }), he = ({
   buttonClassName: e
-}) => o("rounded-none text-sm", e), F = "av-button", E = "icon", $ = "button", O = "link", be = ({
+}) => l("rounded-none text-sm", e), F = "av-button", E = "icon", $ = "button", O = "link", be = ({
   type: e,
   size: a,
   labelRight: t,
   labelLeft: r,
   align: s,
-  animated: l
+  animated: o
 }) => {
   const n = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case $:
     case O:
-      return o({
+      return l({
         [n]: a === "small",
         [d]: a === "medium",
         [c]: a === "large"
       });
     case E:
-      return o("flex items-center", {
+      return l("flex items-center", {
         "justify-center": s === "center",
         "justify-start": s === "left",
         "justify-end": s === "right",
-        "h-6 w-6 p-0": a === "small" && !l && !(t || r),
-        "h-6 px-2": a === "small" && !l && (t || r),
-        "h-8 w-8 p-1": a === "medium" && !l && !(t || r),
-        "h-8 px-3": a === "medium" && !l && (t || r),
-        "h-12 w-12 p-2": a === "large" && !l && !(t || r),
-        "h-12 px-4": a === "large" && !l && (t || r),
-        "h-6 py-0": a === "small" && l && !(t || r),
-        "h-6": a === "small" && l && (t || r),
-        "h-8 py-1": a === "medium" && l && !(t || r),
-        "h-8": a === "medium" && l && (t || r),
-        "h-12 py-2": a === "large" && l && !(t || r),
-        "h-12": a === "large" && l && (t || r)
+        "h-6 w-6 p-0": a === "small" && !o && !(t || r),
+        "h-6 px-2": a === "small" && !o && (t || r),
+        "h-8 w-8 p-1": a === "medium" && !o && !(t || r),
+        "h-8 px-3": a === "medium" && !o && (t || r),
+        "h-12 w-12 p-2": a === "large" && !o && !(t || r),
+        "h-12 px-4": a === "large" && !o && (t || r),
+        "h-6 py-0": a === "small" && o && !(t || r),
+        "h-6": a === "small" && o && (t || r),
+        "h-8 py-1": a === "medium" && o && !(t || r),
+        "h-8": a === "medium" && o && (t || r),
+        "h-12 py-2": a === "large" && o && !(t || r),
+        "h-12": a === "large" && o && (t || r)
       });
   }
 }, me = ({
@@ -171,58 +171,58 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   labelRight: t,
   labelLeft: r
 }) => {
-  const s = "text-sm font-medium", l = "text-base font-medium", n = "text-lg font-medium";
+  const s = "text-sm font-medium", o = "text-base font-medium", n = "text-lg font-medium";
   switch (e) {
     case $:
     case O:
-      return o({
+      return l({
         "text-center": e === O,
         [s]: a === "small",
-        [l]: a === "medium",
+        [o]: a === "medium",
         [n]: a === "large"
       });
     case E:
-      return o({
+      return l({
         [s]: a === "small" && (t || r),
-        [l]: a === "medium" && (t || r),
+        [o]: a === "medium" && (t || r),
         [n]: a === "large" && (t || r)
       });
   }
 }, ue = ({
   mode: e,
   noBackground: a,
-  noTruncate: t,
+  truncate: t,
   variant: r
 }) => {
   if (a)
     return "not-prose";
   if (r === "primary")
-    return o("not-prose", {
-      truncate: !t,
+    return l("not-prose", {
+      truncate: t,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
       "dark:text-copy-lighter": e === "system",
       "dark:text-copy-light": e === "alt-system"
     });
   if (r === "secondary")
-    return o("not-prose", {
-      truncate: !t,
+    return l("not-prose", {
+      truncate: t,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
       "dark:text-copy-lighter": e === "alt-system",
       "dark:text-copy-light": e === "system"
     });
   if (r === "danger")
-    return o("not-prose", {
-      truncate: !t,
+    return l("not-prose", {
+      truncate: t,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
       "dark:text-copy-lighter": e === "system",
       "dark:text-copy-light": e === "alt-system"
     });
   if (r === "selected")
-    return o("not-prose text-copy-lighter", {
-      truncate: !t
+    return l("not-prose text-copy-lighter", {
+      truncate: t
     });
 }, ye = ({
   mode: e,
@@ -231,21 +231,21 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
 }) => {
   if (!a) {
     if (t === "primary")
-      return o({
+      return l({
         "bg-action-dark": e === "dark",
         "bg-action-light": e === "light",
         "bg-action-dark dark:bg-action-light": e === "system",
         "bg-action-light dark:bg-action-dark": e === "alt-system"
       });
     if (t === "secondary")
-      return o({
+      return l({
         "bg-action-dark": e === "light",
         "bg-action-light": e === "dark",
         "bg-action-dark dark:bg-action-light": e === "alt-system",
         "bg-action-light dark:bg-action-dark": e === "system"
       });
     if (t === "danger")
-      return o({
+      return l({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -256,7 +256,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   }
 }, ke = ({
   radius: e
-}) => o({
+}) => l({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -268,21 +268,21 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   if (a)
     return "";
   if (t === "primary")
-    return o("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (t === "secondary")
-    return o("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (t === "danger")
-    return o("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -298,21 +298,21 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   if (a)
     return "";
   if (t === "primary")
-    return o("active:text-copy-light-active", {
+    return l("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (t === "secondary")
-    return o("active:text-copy-light-active", {
+    return l("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (t === "danger")
-    return o("active:text-copy-lighter-active", {
+    return l("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -328,21 +328,21 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   if (a)
     return "border border-transparent";
   if (t === "primary")
-    return o("border", {
+    return l("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (t === "secondary")
-    return o("border", {
+    return l("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (t === "danger")
-    return o("border", {
+    return l("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -352,7 +352,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
     return "border border-border-selected-dark";
 }, _e = ({
   focusMode: e
-}) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
@@ -361,7 +361,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   mode: e,
   raw: a,
   iconClassName: t
-}) => a ? "" : o(
+}) => a ? "" : l(
   {
     "text-copy-accent-dark": e === "light" || e === "alt-system",
     "text-copy-light": e === "dark" || e === "system",
@@ -371,7 +371,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   t
 ), we = ({
   animated: e
-}) => o({
+}) => l({
   "transition-opacity duration-300 ease-in": e
 }), Ne = ({
   type: e,
@@ -379,7 +379,7 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   raw: t,
   mode: r,
   focusMode: s,
-  disabled: l,
+  disabled: o,
   fullWidth: n,
   size: d,
   noBorder: c,
@@ -387,17 +387,17 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   labelLeft: m,
   noBackground: h,
   variant: b,
-  noTruncate: y,
+  truncate: y,
   align: S,
   radius: z,
   animated: C
-}) => (b || (b = "primary"), t ? o(F, a) : o(
+}) => (b || (b = "primary"), t ? l(F, a) : l(
   F,
   ue({
     mode: r,
     variant: b,
     noBackground: h,
-    noTruncate: y
+    truncate: y
   }),
   ye({ mode: r, noBackground: h, variant: b }),
   ke({ radius: z }),
@@ -412,13 +412,13 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
   me({ type: e, size: d, labelRight: g, labelLeft: m }),
   pe({ mode: r, variant: b, noBorder: c }),
   _e({ focusMode: s }),
-  fe({ mode: r, variant: b, disabled: l }),
-  ve({ mode: r, variant: b, disabled: l }),
+  fe({ mode: r, variant: b, disabled: o }),
+  ve({ mode: r, variant: b, disabled: o }),
   {
     "w-full": n,
-    "disabled:cursor-not-allowed disabled:opacity-50": l
+    "disabled:cursor-not-allowed disabled:opacity-50": o
   },
-  o({
+  l({
     "transition-[width] duration-300 ease-in-out": e === E && C
   }),
   a
@@ -431,8 +431,8 @@ const R = "thead", P = "tfoot", p = "tbody", B = {
     "button",
     {
       ref: a,
-      onClick: (l) => {
-        Ce(l, r, t);
+      onClick: (o) => {
+        Ce(o, r, t);
       },
       ...s
     }
@@ -443,7 +443,7 @@ function Te() {
   const e = w(!1);
   return G(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), le(() => e.current, []);
+  }), []), oe(() => e.current, []);
 }
 function Be(e) {
   return q(() => e.every((a) => a == null) ? () => {
@@ -464,10 +464,10 @@ const Ie = {
   right: 0
 };
 function A(e) {
-  const a = Te(), t = w(0), r = w(null), [s, l] = oe(Ie), n = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+  const a = Te(), t = w(0), r = w(null), [s, o] = le(Ie), n = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const c = d[0];
     c && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      r.current && a() && l(c.contentRect);
+      r.current && a() && o(c.contentRect);
     }));
   }), [a]);
   return G(() => (r.current && (n == null || n.observe(r.current, e)), () => {
@@ -495,7 +495,7 @@ const Re = {
     mode: t = "system",
     focusMode: r = "system",
     fullWidth: s = !1,
-    className: l,
+    className: o,
     type: n = "button",
     raw: d = !1,
     noBorder: c = !1,
@@ -519,7 +519,7 @@ const Re = {
       fullWidth: s,
       disabled: a,
       raw: d,
-      className: l,
+      className: o,
       noBorder: c,
       size: h,
       labelRight: b,
@@ -584,13 +584,13 @@ const Re = {
 }) => /* @__PURE__ */ i("span", { ref: e, className: a, children: t && /* @__PURE__ */ i("span", { className: r, children: t }) });
 Y.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.2.11
+  @versini/ui-button v5.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.2.11",
-    buildTime: "03/10/2025 02:04 PM EDT",
+    version: "5.0.1",
+    buildTime: "03/14/2025 05:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -603,8 +603,8 @@ const Z = I.forwardRef(
     className: t,
     active: r = !1,
     ...s
-  }, l) => {
-    const n = r ? o(
+  }, o) => {
+    const n = r ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -624,8 +624,8 @@ const Z = I.forwardRef(
     return /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i(
       Y,
       {
-        className: o("justify-center", t),
-        ref: l,
+        className: l("justify-center", t),
+        ref: o,
         mode: a,
         radius: "small",
         ...s,
@@ -641,12 +641,12 @@ const U = ({
   viewBox: t,
   className: r,
   defaultViewBox: s,
-  size: l,
+  size: o,
   title: n,
   semantic: d = !1,
   ...c
 }) => {
-  const g = o(l, r);
+  const g = l(o, r);
   return /* @__PURE__ */ i(se, { children: /* @__PURE__ */ _(
     "svg",
     {
@@ -782,7 +782,7 @@ const x = I.createContext({
   caption: t,
   compact: r,
   summary: s,
-  className: l,
+  className: o,
   wrapperClassName: n,
   maxHeight: d,
   stickyHeader: c,
@@ -791,7 +791,7 @@ const x = I.createContext({
 }) => {
   const h = ie({
     mode: a,
-    className: l,
+    className: o,
     wrapperClassName: n,
     stickyHeader: c,
     stickyFooter: g
@@ -862,11 +862,11 @@ const x = I.createContext({
   align: r,
   ...s
 }) => {
-  const l = N(x), n = a || (l.cellWrapper === R ? "th" : "td"), { mainClasses: d, alignClasses: c } = ge({
-    cellWrapper: l.cellWrapper,
+  const o = N(x), n = a || (o.cellWrapper === R ? "th" : "td"), { mainClasses: d, alignClasses: c } = ge({
+    cellWrapper: o.cellWrapper,
     className: t,
-    mode: l.mode,
-    compact: l.compact,
+    mode: o.mode,
+    compact: o.compact,
     align: r
   });
   return r ? /* @__PURE__ */ i(n, { className: d, ...s, children: /* @__PURE__ */ i("div", { className: c, children: e }) }) : /* @__PURE__ */ i(n, { className: d, ...s, children: e });
@@ -876,7 +876,7 @@ const x = I.createContext({
   buttonClassName: t,
   className: r,
   component: s,
-  focusMode: l = "alt-system",
+  focusMode: o = "alt-system",
   mode: n = "alt-system",
   onClick: d,
   sortDirection: c,
@@ -901,7 +901,7 @@ const x = I.createContext({
           onClick: d,
           align: e,
           noBorder: !0,
-          focusMode: l,
+          focusMode: o,
           mode: n,
           fullWidth: !0,
           labelRight: a,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-table",
-	"version": "3.1.11",
+	"version": "3.1.13",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,11 +39,11 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.5.3"
+		"@versini/ui-types": "5.0.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "4.2.11",
+		"@versini/ui-button": "5.0.1",
 		"@versini/ui-icons": "4.8.1",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
@@ -51,5 +51,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "fc7e720b770c5ee2e8537eabf9b2f458dba07696"
+	"gitHead": "37955472858096264438083d812d3b12585b0253"
 }