@versini/ui-table 3.0.11 → 3.0.12

package/dist/index.js

@@ -1,14 +1,14 @@
 import o from "clsx";
-import { jsx as l, jsxs as y, Fragment as W } from "react/jsx-runtime";
+import { jsx as i, jsxs as y, Fragment as A } from "react/jsx-runtime";
 import T, { useContext as p } from "react";
 /*!
-  @versini/ui-table v3.0.11
+  @versini/ui-table v3.0.12
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "3.0.11",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "3.0.12",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -17,7 +17,7 @@ try {
 const _ = "thead", C = "tfoot", u = "tbody", f = {
   ASC: "asc",
   DESC: "desc"
-}, P = ({
+}, W = ({
   mode: e,
   className: a,
   wrapperClassName: t,
@@ -136,12 +136,12 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
   labelLeft: r,
   align: s
 }) => {
-  const i = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
+  const l = "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 S:
     case N:
       return o({
-        [i]: a === "small",
+        [l]: a === "small",
         [d]: a === "medium",
         [c]: a === "large"
       });
@@ -164,20 +164,20 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
   labelRight: t,
   labelLeft: r
 }) => {
-  const s = "text-sm font-medium", i = "text-base font-medium", d = "text-lg font-medium";
+  const s = "text-sm font-medium", l = "text-base font-medium", d = "text-lg font-medium";
   switch (e) {
     case S:
     case N:
       return o({
         "text-center": e === N,
         [s]: a === "small",
-        [i]: a === "medium",
+        [l]: a === "medium",
         [d]: a === "large"
       });
     case B:
       return o({
         [s]: a === "small" && (t || r),
-        [i]: a === "medium" && (t || r),
+        [l]: a === "medium" && (t || r),
         [d]: a === "large" && (t || r)
       });
   }
@@ -356,7 +356,7 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
   raw: t,
   mode: r,
   focusMode: s,
-  disabled: i,
+  disabled: l,
   fullWidth: d,
   size: c,
   noBorder: n,
@@ -387,11 +387,11 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
   J({ type: e, size: c, labelRight: g, labelLeft: b }),
   ee({ mode: r, variant: h, noBorder: n }),
   te({ focusMode: s }),
-  Z({ mode: r, variant: h, disabled: i }),
-  $({ mode: r, variant: h, disabled: i }),
+  Z({ mode: r, variant: h, disabled: l }),
+  $({ mode: r, variant: h, disabled: l }),
   {
     "w-full": d,
-    "disabled:cursor-not-allowed disabled:opacity-50": i
+    "disabled:cursor-not-allowed disabled:opacity-50": l
   },
   a
 )), re = (e, a, t) => {
@@ -399,12 +399,12 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
   !a && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((r = e == null ? void 0 : e.currentTarget) == null ? void 0 : r.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
 }, E = T.forwardRef((e, a) => {
   const { onClick: t, noInternalClick: r = !1, ...s } = e;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "button",
     {
       ref: a,
-      onClick: (i) => {
-        re(i, r, t);
+      onClick: (l) => {
+        re(l, r, t);
       },
       ...s
     }
@@ -412,13 +412,13 @@ const _ = "thead", C = "tfoot", u = "tbody", f = {
 });
 E.displayName = "BaseButton";
 /*!
-  @versini/ui-button v4.0.10
+  @versini/ui-button v4.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.1.0",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -431,7 +431,7 @@ const R = T.forwardRef(
     mode: t = "system",
     focusMode: r = "system",
     fullWidth: s = !1,
-    className: i,
+    className: l,
     type: d = "button",
     raw: c = !1,
     noBorder: n = !1,
@@ -445,15 +445,15 @@ const R = T.forwardRef(
     active: L = !1,
     radius: M = "large",
     ...V
-  }, A) => {
-    const U = ae({
+  }, U) => {
+    const O = ae({
       type: B,
       mode: t,
       focusMode: r,
       fullWidth: s,
       disabled: a,
       raw: c,
-      className: i,
+      className: l,
       noBorder: n,
       size: m,
       labelRight: h,
@@ -461,7 +461,7 @@ const R = T.forwardRef(
       noBackground: x,
       align: w,
       radius: M
-    }), O = o({
+    }), P = o({
       "text-copy-accent-dark": t === "light" && !c,
       "text-copy-light": t === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
@@ -483,19 +483,19 @@ const R = T.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: j, children: /* @__PURE__ */ y(
+    return /* @__PURE__ */ i("div", { className: j, children: /* @__PURE__ */ y(
       E,
       {
-        ref: A,
-        className: U,
+        ref: U,
+        className: O,
         disabled: a,
         type: d,
         "aria-label": g || b,
         ...V,
         children: [
-          v && /* @__PURE__ */ l("span", { className: "pr-2", children: v }),
-          /* @__PURE__ */ l("div", { className: O, children: e }),
-          h && /* @__PURE__ */ l("span", { className: "pl-2", children: h })
+          v && /* @__PURE__ */ i("span", { className: "pr-2", children: v }),
+          /* @__PURE__ */ i("div", { className: P, children: e }),
+          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
         ]
       }
     ) });
@@ -508,14 +508,14 @@ const z = ({
   viewBox: t,
   className: r,
   defaultViewBox: s,
-  size: i,
+  size: l,
   title: d,
   semantic: c = !1,
   ...n
 }) => {
-  const g = o(i, r);
-  return /* @__PURE__ */ y(W, { children: [
-    /* @__PURE__ */ l(
+  const g = o(l, r);
+  return /* @__PURE__ */ y(A, { children: [
+    /* @__PURE__ */ i(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -529,17 +529,17 @@ const z = ({
         children: e
       }
     ),
-    d && c && /* @__PURE__ */ l("span", { className: "sr-only", children: d })
+    d && c && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.3
+  @versini/ui-svgicon v4.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.3",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.0.4",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -561,7 +561,7 @@ const se = ({
     title: t || "Sort",
     ...s,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "path",
         {
           className: "fa-secondary",
@@ -569,7 +569,7 @@ const se = ({
           d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L384 141.3 384 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0c6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96C432.4 35.1 424.2 32 416 32s-16.4 3.1-22.6 9.4l-96 96z"
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "path",
         {
           className: "fa-primary",
@@ -594,7 +594,7 @@ const se = ({
     title: t || "Sort Down",
     ...s,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "path",
         {
           className: "fa-secondary",
@@ -602,7 +602,7 @@ const se = ({
           d: "M288 64c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L320 96c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32z"
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "path",
         {
           className: "fa-primary",
@@ -611,7 +611,7 @@ const se = ({
       )
     ]
   }
-), le = ({
+), ie = ({
   className: e,
   viewBox: a,
   title: t,
@@ -627,7 +627,7 @@ const se = ({
     title: t || "Sort Up",
     ...s,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "path",
         {
           className: "fa-secondary",
@@ -635,7 +635,7 @@ const se = ({
           d: "M288 64c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32z"
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "path",
         {
           className: "fa-primary",
@@ -646,13 +646,13 @@ const se = ({
   }
 );
 /*!
-  @versini/ui-icons v4.4.2
+  @versini/ui-icons v4.4.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.4.2",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.4.3",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -670,25 +670,25 @@ const k = T.createContext({
   caption: t,
   compact: r,
   summary: s,
-  className: i,
+  className: l,
   wrapperClassName: d,
   maxHeight: c,
   stickyHeader: n,
   stickyFooter: g,
   ...b
 }) => {
-  const m = P({
+  const m = W({
     mode: a,
-    className: i,
+    className: l,
     wrapperClassName: d,
     stickyHeader: n,
     stickyFooter: g
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     k.Provider,
     {
       value: { mode: a, stickyHeader: n, stickyFooter: g, compact: r },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ i(
         "div",
         {
           className: m.wrapper,
@@ -696,7 +696,7 @@ const k = T.createContext({
             style: { maxHeight: c }
           },
           children: /* @__PURE__ */ y("table", { className: m.table, summary: s, ...b, children: [
-            t && /* @__PURE__ */ l("caption", { className: m.caption, children: t }),
+            t && /* @__PURE__ */ i("caption", { className: m.caption, children: t }),
             e
           ] })
         }
@@ -715,7 +715,7 @@ const k = T.createContext({
     mode: r.mode,
     stickyHeader: r.stickyHeader
   });
-  return /* @__PURE__ */ l("thead", { className: s, ...t, children: e });
+  return /* @__PURE__ */ i("thead", { className: s, ...t, children: e });
 }, be = ({
   children: e,
   className: a,
@@ -728,10 +728,10 @@ const k = T.createContext({
     mode: r.mode,
     stickyFooter: r.stickyFooter
   });
-  return /* @__PURE__ */ l("tfoot", { className: s, ...t, children: e });
+  return /* @__PURE__ */ i("tfoot", { className: s, ...t, children: e });
 }, me = ({ children: e, ...a }) => {
   const t = p(k);
-  return t.cellWrapper = u, /* @__PURE__ */ l("tbody", { ...a, children: e });
+  return t.cellWrapper = u, /* @__PURE__ */ i("tbody", { ...a, children: e });
 }, ue = ({
   children: e,
   className: a,
@@ -742,29 +742,29 @@ const k = T.createContext({
     cellWrapper: r.cellWrapper,
     className: a
   });
-  return /* @__PURE__ */ l("tr", { className: s, ...t, children: e });
-}, ie = ({
+  return /* @__PURE__ */ i("tr", { className: s, ...t, children: e });
+}, le = ({
   children: e,
   component: a,
   className: t,
   align: r,
   ...s
 }) => {
-  const i = p(k), d = a || (i.cellWrapper === _ ? "th" : "td"), { mainClasses: c, alignClasses: n } = Y({
-    cellWrapper: i.cellWrapper,
+  const l = p(k), d = a || (l.cellWrapper === _ ? "th" : "td"), { mainClasses: c, alignClasses: n } = Y({
+    cellWrapper: l.cellWrapper,
     className: t,
-    mode: i.mode,
-    compact: i.compact,
+    mode: l.mode,
+    compact: l.compact,
     align: r
   });
-  return r ? /* @__PURE__ */ l(d, { className: c, ...s, children: /* @__PURE__ */ l("div", { className: n, children: e }) }) : /* @__PURE__ */ l(d, { className: c, ...s, children: e });
+  return r ? /* @__PURE__ */ i(d, { className: c, ...s, children: /* @__PURE__ */ i("div", { className: n, children: e }) }) : /* @__PURE__ */ i(d, { className: c, ...s, children: e });
 }, ye = ({
   align: e,
   children: a,
   buttonClassName: t,
   className: r,
   component: s,
-  focusMode: i = "alt-system",
+  focusMode: l = "alt-system",
   mode: d = "alt-system",
   onClick: c,
   sortDirection: n,
@@ -773,15 +773,15 @@ const k = T.createContext({
   ...m
 }) => {
   const h = q({ buttonClassName: t });
-  return /* @__PURE__ */ l(
-    ie,
+  return /* @__PURE__ */ i(
+    le,
     {
       component: s,
       className: r,
       role: "columnheader",
       "aria-sort": n === f.ASC && g === b ? "ascending" : n === f.DESC && g === b ? "descending" : "other",
       ...m,
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ i(
         R,
         {
           active: g === b,
@@ -789,11 +789,11 @@ const k = T.createContext({
           onClick: c,
           align: e,
           noBorder: !0,
-          focusMode: i,
+          focusMode: l,
           mode: d,
           fullWidth: !0,
           labelRight: a,
-          children: n === f.ASC && g === b ? /* @__PURE__ */ l(le, { className: "size-4", monotone: !0 }) : n === f.DESC && g === b ? /* @__PURE__ */ l(oe, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(se, { className: "size-4", monotone: !0 })
+          children: n === f.ASC && g === b ? /* @__PURE__ */ i(ie, { className: "size-4", monotone: !0 }) : n === f.DESC && g === b ? /* @__PURE__ */ i(oe, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ i(se, { className: "size-4", monotone: !0 })
         }
       )
     }
@@ -802,7 +802,7 @@ const k = T.createContext({
 export {
   ge as Table,
   me as TableBody,
-  ie as TableCell,
+  le as TableCell,
   ye as TableCellSort,
   f as TableCellSortDirections,
   be as TableFooter,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-table",
-	"version": "3.0.11",
+	"version": "3.0.12",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,17 +38,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.1.0"
+		"@versini/ui-types": "4.2.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "4.0.10",
-		"@versini/ui-icons": "4.4.2",
+		"@versini/ui-button": "4.1.0",
+		"@versini/ui-icons": "4.4.3",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "4c958ec69e74cca8bba692d7988f47151f39f2b7"
+	"gitHead": "2be4fd5fe7dd74804533efdedcc6cfa4023a739a"
 }