@versini/ui-truncate 1.1.1 → 1.1.3

package/dist/components/Truncate/Truncate.js

@@ -1,7 +1,21 @@
 import { jsx as h, jsxs as x } from "react/jsx-runtime";
 import o from "clsx";
-import k, { useState as L } from "react";
-const p = "av-button", S = (e) => {
+import k, { useState as U } from "react";
+const y = "av-button";
+/*!
+  @versini/ui-spacing v1.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.0.0",
+    buildTime: "12/24/2024 06:47 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const C = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -10,7 +24,7 @@ const p = "av-button", S = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, T = "icon", w = "button", U = "link", C = ({
+}, T = "icon", w = "button", j = "link", L = ({
   type: e,
   size: t,
   labelRight: r,
@@ -25,7 +39,7 @@ const p = "av-button", S = (e) => {
         [l]: t === "medium",
         [n]: t === "large"
       });
-    case U:
+    case j:
       return o("px-4 text-center", {
         [d]: t === "small",
         [l]: t === "medium",
@@ -76,7 +90,7 @@ const p = "av-button", S = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, $ = ({
+}, A = ({
   mode: e,
   disabled: t,
   variant: r
@@ -104,7 +118,7 @@ const p = "av-button", S = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, A = ({
+}, P = ({
   mode: e,
   disabled: t,
   variant: r
@@ -132,7 +146,7 @@ const p = "av-button", S = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, D = ({
+}, V = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -160,12 +174,12 @@ const p = "av-button", S = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, O = ({ focusMode: e }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, $ = ({ focusMode: e }) => o("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"
-}), B = ({
+}), _ = ({
   type: e,
   className: t,
   raw: r,
@@ -182,37 +196,37 @@ const p = "av-button", S = (e) => {
   variant: c,
   noTruncate: v,
   align: f
-}) => (c || (c = "primary"), r ? o(p, t) : o(
-  p,
+}) => (c || (c = "primary"), r ? o(y, t) : o(
+  y,
   t,
-  S(m),
+  C(m),
   W({ mode: a, variant: c, noBackground: g, noTruncate: v }),
-  C({ type: e, size: n, labelRight: s, labelLeft: b, align: f }),
-  D({ mode: a, variant: c, noBorder: u }),
-  O({ focusMode: i }),
-  $({ mode: a, variant: c, disabled: d }),
+  L({ type: e, size: n, labelRight: s, labelLeft: b, align: f }),
+  V({ mode: a, variant: c, noBorder: u }),
+  $({ focusMode: i }),
   A({ mode: a, variant: c, disabled: d }),
+  P({ mode: a, variant: c, disabled: d }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": d
   }
-)), V = (e, t, r) => {
+)), G = (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);
-}, y = k.forwardRef((e, t) => {
+}, p = k.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...i } = e;
   return /* @__PURE__ */ h(
     "button",
     {
       ref: t,
       onClick: (d) => {
-        V(d, a, r);
+        G(d, a, r);
       },
       ...i
     }
   );
 });
-y.displayName = "BaseButton";
+p.displayName = "BaseButton";
 const N = k.forwardRef(
   ({
     children: e,
@@ -229,7 +243,7 @@ const N = k.forwardRef(
     noTruncate: m = !1,
     ...g
   }, c) => {
-    const v = B({
+    const v = _({
       type: w,
       mode: r,
       focusMode: a,
@@ -244,7 +258,7 @@ const N = k.forwardRef(
       noTruncate: m
     });
     return /* @__PURE__ */ h(
-      y,
+      p,
       {
         ref: c,
         className: v,
@@ -257,19 +271,19 @@ const N = k.forwardRef(
 );
 N.displayName = "Button";
 /*!
-  @versini/ui-button v1.2.1
+  @versini/ui-button v1.3.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.2.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.3.0",
+    buildTime: "12/24/2024 06:47 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const F = k.forwardRef(
+const D = k.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -287,11 +301,11 @@ const F = k.forwardRef(
     labelLeft: c,
     spacing: v,
     noBackground: f = !1,
-    align: _ = "center",
-    active: E = !1,
-    ...R
-  }, I) => {
-    const M = B({
+    align: B = "center",
+    active: I = !1,
+    ...E
+  }, R) => {
+    const M = _({
       type: T,
       mode: r,
       focusMode: a,
@@ -305,13 +319,13 @@ const F = k.forwardRef(
       labelLeft: c,
       spacing: v,
       noBackground: f,
-      align: _
-    }), z = o({
+      align: B
+    }), S = o({
       "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(
+    }), z = I ? o(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -328,28 +342,28 @@ const F = k.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ h("div", { className: j, children: /* @__PURE__ */ x(
-      y,
+    return /* @__PURE__ */ h("div", { className: z, children: /* @__PURE__ */ x(
+      p,
       {
-        ref: I,
+        ref: R,
         className: M,
         disabled: t,
         type: l,
         "aria-label": s || b,
-        ...R,
+        ...E,
         children: [
           c && /* @__PURE__ */ h("span", { className: "pr-2", children: c }),
-          /* @__PURE__ */ h("div", { className: z, children: e }),
+          /* @__PURE__ */ h("div", { className: S, children: e }),
           g && /* @__PURE__ */ h("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-F.displayName = "ButtonSort";
-const G = 200, H = ({
+D.displayName = "ButtonSort";
+const O = 200, F = ({
   string: e,
-  idealLength: t = G
+  idealLength: t = O
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -366,14 +380,14 @@ const G = 200, H = ({
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [i, d] = L(!1);
+  const [i, d] = U(!1);
   if (typeof e != "string")
     return e;
-  const { string: l, isTruncated: n } = H({
+  const { string: l, isTruncated: n } = F({
     string: e,
     idealLength: t
   });
-  return /* @__PURE__ */ x("span", { children: [
+  return /* @__PURE__ */ x("span", { style: { wordBreak: "break-word" }, children: [
     i ? e : l,
     n && /* @__PURE__ */ h(
       N,

package/dist/index.d.ts

@@ -8,15 +8,18 @@ type TruncateProps = {
 	children: React.ReactNode;
 	/**
 	 * The maximum length of the text.
+	 * @default 200
 	 */
 	length?: number;
 	/**
 	 * The mode of Button. This will change the color of the Button.
+	 * @default "system"
 	 */
 	mode?: "dark" | "light" | "system" | "alt-system";
 	/**
 	 * The type of focus for the Button. This will change the color
 	 * of the focus ring around the Button.
+	 * @default "system"
 	 */
 	focusMode?: "dark" | "light" | "system" | "alt-system";
 };

package/dist/index.js

@@ -1,12 +1,12 @@
 import { Truncate as o } from "./components/Truncate/Truncate.js";
 /*!
-  @versini/ui-truncate v1.1.1
+  @versini/ui-truncate v1.1.3
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "1.1.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.1.3",
+    buildTime: "12/24/2024 06:47 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-truncate",
-	"version": "1.1.1",
+	"version": "1.1.3",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,11 +39,11 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "1.2.1",
+		"@versini/ui-button": "1.3.0",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "123c2555b25210da73697c4fdd3b6a5f67a3b993"
+	"gitHead": "cb948414a675c01f3328ed6470ccf4b58f73534f"
 }