@versini/ui-truncate 3.0.0 → 3.0.1

package/dist/components/Truncate/Truncate.js

@@ -1,120 +1,116 @@
 import { jsx as h, jsxs as B } from "react/jsx-runtime";
-import o from "clsx";
-import f, { useState as C } from "react";
-const w = "av-button", p = "icon", x = "button", v = "link", S = ({
+import i from "clsx";
+import y, { useState as C } from "react";
+const w = "av-button", p = "icon", x = "button", f = "link", S = ({
   type: e,
-  size: t,
+  size: a,
   labelRight: r,
-  labelLeft: a,
-  align: i
+  labelLeft: t,
+  align: o
 }) => {
-  const d = "max-h-8 py-0 px-2", l = "max-h-9 py-1 px-3", n = "max-h-12 py-2 px-4";
+  const d = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", n = "max-h-12 py-2 px-4";
   switch (e) {
     case x:
-    case v:
-      return o({
-        [d]: t === "small",
-        [l]: t === "medium",
-        [n]: t === "large"
+    case f:
+      return i({
+        [d]: a === "small",
+        [s]: a === "medium",
+        [n]: a === "large"
       });
     case p:
-      return o("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
-        "h-6 w-6 p-0": t === "small" && !(r || a),
-        "h-6 px-2": t === "small" && (r || a),
-        "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-3": t === "medium" && (r || a),
-        "h-12 w-12 p-2": t === "large" && !(r || a),
-        "h-12 px-4": t === "large" && (r || a)
+      return i("inline-flex items-center", {
+        "justify-center": o === "center",
+        "justify-start": o === "left",
+        "justify-end": o === "right",
+        "h-6 w-6 p-0": a === "small" && !(r || t),
+        "h-6 px-2": a === "small" && (r || t),
+        "h-8 w-8 p-1": a === "medium" && !(r || t),
+        "h-8 px-3": a === "medium" && (r || t),
+        "h-12 w-12 p-2": a === "large" && !(r || t),
+        "h-12 px-4": a === "large" && (r || t)
       });
   }
 }, U = ({
   type: e,
-  size: t,
+  size: a,
   labelRight: r,
-  labelLeft: a
+  labelLeft: t
 }) => {
-  const i = "text-sm font-medium", d = "text-base font-medium", l = "text-lg font-medium";
+  const o = "text-sm font-medium", d = "text-base font-medium", s = "text-lg font-medium";
   switch (e) {
     case x:
-    case v:
-      return o({
-        "text-center": e === v,
-        [i]: t === "small",
-        [d]: t === "medium",
-        [l]: t === "large"
+    case f:
+      return i({
+        "text-center": e === f,
+        [o]: a === "small",
+        [d]: a === "medium",
+        [s]: a === "large"
       });
     case p:
-      return o({
-        [i]: t === "small" && (r || a),
-        [d]: t === "medium" && (r || a),
-        [l]: t === "large" && (r || a)
+      return i({
+        [o]: a === "small" && (r || t),
+        [d]: a === "medium" && (r || t),
+        [s]: a === "large" && (r || t)
       });
   }
 }, W = ({
   mode: e,
-  noBackground: t,
+  noBackground: a,
   noTruncate: r,
-  variant: a
+  variant: t
 }) => {
-  if (t)
+  if (a)
     return "not-prose";
-  if (a === "primary")
-    return o("not-prose", {
+  if (t === "primary")
+    return i("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "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 (a === "secondary")
-    return o("not-prose", {
+  if (t === "secondary")
+    return i("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "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 (a === "danger")
-    return o("not-prose", {
+  if (t === "danger")
+    return i("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "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 (a === "selected")
-    return o("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+  if (t === "selected")
+    return i("not-prose text-copy-lighter", {
+      truncate: !r
     });
 }, A = ({
   mode: e,
-  noBackground: t,
+  noBackground: a,
   variant: r
 }) => {
-  if (!t) {
+  if (!a) {
     if (r === "primary")
-      return o({
+      return i({
         "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 (r === "secondary")
-      return o({
+      return i({
         "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 (r === "danger")
-      return o({
+      return i({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -125,33 +121,33 @@ const w = "av-button", p = "icon", x = "button", v = "link", S = ({
   }
 }, O = ({
   radius: e
-}) => o({
+}) => i({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
 }), D = ({
   mode: e,
-  disabled: t,
+  disabled: a,
   variant: r
 }) => {
-  if (t)
+  if (a)
     return "";
   if (r === "primary")
-    return o("hover:text-copy-light-hover", {
+    return i("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 (r === "secondary")
-    return o("hover:text-copy-light-hover", {
+    return i("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 (r === "danger")
-    return o("hover:text-copy-light-hover", {
+    return i("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",
@@ -161,27 +157,27 @@ const w = "av-button", p = "icon", x = "button", v = "link", S = ({
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
 }, V = ({
   mode: e,
-  disabled: t,
+  disabled: a,
   variant: r
 }) => {
-  if (t)
+  if (a)
     return "";
   if (r === "primary")
-    return o("active:text-copy-light-active", {
+    return i("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 (r === "secondary")
-    return o("active:text-copy-light-active", {
+    return i("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 (r === "danger")
-    return o("active:text-copy-lighter-active", {
+    return i("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",
@@ -191,27 +187,27 @@ const w = "av-button", p = "icon", x = "button", v = "link", S = ({
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
 }, F = ({
   mode: e,
-  noBorder: t,
+  noBorder: a,
   variant: r
 }) => {
-  if (t)
+  if (a)
     return "border border-transparent";
   if (r === "primary")
-    return o("border", {
+    return i("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 (r === "secondary")
-    return o("border", {
+    return i("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 (r === "danger")
-    return o("border", {
+    return i("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -221,99 +217,99 @@ const w = "av-button", p = "icon", x = "button", v = "link", S = ({
     return "border border-border-selected-dark";
 }, G = ({
   focusMode: e
-}) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => i("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",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
 }), N = ({
   type: e,
-  className: t,
+  className: a,
   raw: r,
-  mode: a,
-  focusMode: i,
+  mode: t,
+  focusMode: o,
   disabled: d,
-  fullWidth: l,
+  fullWidth: s,
   size: n,
   noBorder: b,
-  labelRight: s,
+  labelRight: l,
   labelLeft: u,
   noBackground: m,
   variant: c,
   noTruncate: g,
-  align: y,
+  align: v,
   radius: k
-}) => (c || (c = "primary"), r ? o(w, t) : o(
+}) => (c || (c = "primary"), r ? i(w, a) : i(
   w,
   W({
-    mode: a,
+    mode: t,
     variant: c,
     noBackground: m,
     noTruncate: g
   }),
-  A({ mode: a, noBackground: m, variant: c }),
+  A({ mode: t, noBackground: m, variant: c }),
   O({ radius: k }),
   S({
     type: e,
     size: n,
-    labelRight: s,
+    labelRight: l,
     labelLeft: u,
-    align: y
+    align: v
   }),
-  U({ type: e, size: n, labelRight: s, labelLeft: u }),
-  F({ mode: a, variant: c, noBorder: b }),
-  G({ focusMode: i }),
-  D({ mode: a, variant: c, disabled: d }),
-  V({ mode: a, variant: c, disabled: d }),
+  U({ type: e, size: n, labelRight: l, labelLeft: u }),
+  F({ mode: t, variant: c, noBorder: b }),
+  G({ focusMode: o }),
+  D({ mode: t, variant: c, disabled: d }),
+  V({ mode: t, variant: c, disabled: d }),
   {
-    "w-full": l,
+    "w-full": s,
     "disabled:cursor-not-allowed disabled:opacity-50": d
   },
-  t
-)), H = (e, t, r) => {
-  var a;
-  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, T = f.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+  a
+)), H = (e, a, r) => {
+  var t;
+  !a && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((t = e == null ? void 0 : e.currentTarget) == null ? void 0 : t.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
+}, T = y.forwardRef((e, a) => {
+  const { onClick: r, noInternalClick: t = !1, ...o } = e;
   return /* @__PURE__ */ h(
     "button",
     {
-      ref: t,
+      ref: a,
       onClick: (d) => {
-        H(d, a, r);
+        H(d, t, r);
       },
-      ...i
+      ...o
     }
   );
 });
 T.displayName = "BaseButton";
-const _ = f.forwardRef(
+const _ = y.forwardRef(
   ({
     children: e,
-    disabled: t = !1,
+    disabled: a = !1,
     mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: i = !1,
+    focusMode: t = "system",
+    fullWidth: o = !1,
     className: d,
-    size: l = "medium",
+    size: s = "medium",
     raw: n = !1,
     noBorder: b = !1,
-    variant: s = "primary",
+    variant: l = "primary",
     noTruncate: u = !1,
     radius: m = "large",
     ...c
   }, g) => {
-    const y = N({
+    const v = N({
       type: x,
       mode: r,
-      focusMode: a,
-      fullWidth: i,
-      disabled: t,
+      focusMode: t,
+      fullWidth: o,
+      disabled: a,
       raw: n,
       className: d,
-      size: l,
+      size: s,
       noBorder: b,
-      variant: s,
+      variant: l,
       noTruncate: u,
       radius: m
     });
@@ -321,8 +317,8 @@ const _ = f.forwardRef(
       T,
       {
         ref: g,
-        className: y,
-        disabled: t,
+        className: v,
+        disabled: a,
         ...c,
         children: e
       }
@@ -331,35 +327,35 @@ const _ = f.forwardRef(
 );
 _.displayName = "Button";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "4.0.1",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const $ = f.forwardRef(
+const $ = y.forwardRef(
   ({
     children: e,
-    disabled: t = !1,
+    disabled: a = !1,
     mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: i = !1,
+    focusMode: t = "system",
+    fullWidth: o = !1,
     className: d,
-    type: l = "button",
+    type: s = "button",
     raw: n = !1,
     noBorder: b = !1,
-    "aria-label": s,
+    "aria-label": l,
     label: u,
     size: m = "medium",
     labelRight: c,
     labelLeft: g,
-    noBackground: y = !1,
+    noBackground: v = !1,
     align: k = "center",
     active: E = !1,
     radius: R = "large",
@@ -368,24 +364,24 @@ const $ = f.forwardRef(
     const M = N({
       type: p,
       mode: r,
-      focusMode: a,
-      fullWidth: i,
-      disabled: t,
+      focusMode: t,
+      fullWidth: o,
+      disabled: a,
       raw: n,
       className: d,
       noBorder: b,
       size: m,
       labelRight: c,
       labelLeft: g,
-      noBackground: y,
+      noBackground: v,
       align: k,
       radius: R
-    }), L = o({
+    }), L = i({
       "text-copy-accent-dark": r === "light" && !n,
       "text-copy-light": r === "dark" && !n,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !n,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !n
-    }), j = E ? o(
+    }), j = E ? i(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -407,9 +403,9 @@ const $ = f.forwardRef(
       {
         ref: I,
         className: M,
-        disabled: t,
-        type: l,
-        "aria-label": s || u,
+        disabled: a,
+        type: s,
+        "aria-label": l || u,
         ...z,
         children: [
           g && /* @__PURE__ */ h("span", { className: "pr-2", children: g }),
@@ -423,43 +419,43 @@ const $ = f.forwardRef(
 $.displayName = "ButtonSort";
 const q = 200, J = ({
   string: e,
-  idealLength: t = q
+  idealLength: a = q
 }) => {
-  if (e.length <= t)
+  if (e.length <= a)
     return { string: e, isTruncated: !1 };
-  if (e.charAt(t) === " ")
-    return { string: e.slice(0, t), isTruncated: !0 };
-  const i = e.slice(t).search(" ");
+  if (e.charAt(a) === " ")
+    return { string: e.slice(0, a), isTruncated: !0 };
+  const o = e.slice(a).search(" ");
   return {
-    string: e.slice(0, t + i),
+    string: e.slice(0, a + o),
     isTruncated: !0
   };
 }, X = ({
   children: e,
-  length: t = 200,
+  length: a = 200,
   mode: r = "system",
-  focusMode: a = "system"
+  focusMode: t = "system"
 }) => {
-  const [i, d] = C(!1);
+  const [o, d] = C(!1);
   if (typeof e != "string")
     return e;
-  const { string: l, isTruncated: n } = J({
+  const { string: s, isTruncated: n } = J({
     string: e,
-    idealLength: t
+    idealLength: a
   });
   return /* @__PURE__ */ B("span", { style: { wordBreak: "break-word" }, children: [
-    i ? e : l,
+    o ? e : s,
     n && /* @__PURE__ */ h(
       _,
       {
         mode: r,
-        focusMode: a,
+        focusMode: t,
         className: "ml-2",
         size: "small",
-        onClick: (s) => {
-          s.preventDefault(), d(!i);
+        onClick: (l) => {
+          l.preventDefault(), d(!o);
         },
-        children: i ? "less..." : "more..."
+        children: o ? "less..." : "more..."
       }
     )
   ] });

package/dist/index.js

@@ -1,12 +1,12 @@
 import { Truncate as o } from "./components/Truncate/Truncate.js";
 /*!
-  @versini/ui-truncate v3.0.0
+  @versini/ui-truncate v3.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.1",
+    buildTime: "01/04/2025 10:03 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-truncate",
-	"version": "3.0.0",
+	"version": "3.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,11 +39,11 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "4.0.0",
+		"@versini/ui-button": "4.0.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "406bf426c5b3186ef7197e0b51d83ec0de689cde"
+	"gitHead": "8d426172a7405edff487d08c0fae260d4df0b56e"
 }