@base-framework/ui 1.0.2011 → 1.0.2014

package/dist/{empty-state-DJncaDM9.js → empty-state-CkoAZpy0.js}

@@ -6,7 +6,7 @@ import { B as h, I as g } from "./buttons-CHEs54Wl.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as de, List as he, DynamicTime as fe } from "@base-framework/organisms";
 import { a as C } from "./veil-CqnAmj-D.js";
-import { F as j } from "./format-BLolnx9j.js";
+import { F as j } from "./format-BmrNQptv.js";
 const z = {
   info: {
     borderColor: "border-blue-500",

package/dist/format-BmrNQptv.js

@@ -0,0 +1,227 @@
+import { DateTime as i } from "@base-framework/base";
+const s = (t, r) => (typeof t == "string" && (t = [t]), Array.isArray(t) ? (t.push(r), t) : {
+  ...t,
+  callBack: r
+}), B = (t, r = "") => t != null && t !== "" ? t : r, p = {
+  /**
+   * Formats a number with commas.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string|null} defaultValue - Value if original is null or undefined.
+   * @returns {object|array}
+   */
+  number(t, r = null) {
+    return s(t, (n) => {
+      if (!isNaN(n)) {
+        const l = /\B(?=(\d{3})+(?!\d))/g;
+        return n.toString().replace(l, ",");
+      }
+      return r || "";
+    });
+  },
+  /**
+   * Formats a boolean value as a yes/no string.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string} yes - Text for true values.
+   * @param {string} no - Text for false values.
+   * @returns {object|array}
+   */
+  yesno(t, r = "Yes", c = "No") {
+    return s(t, (l) => l ? r : c);
+  },
+  /**
+   * Formats a value as money with two decimals.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string} currency - Currency symbol.
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  money(t, r = "$", c = null) {
+    return s(t, (l) => {
+      const e = parseFloat(l);
+      if (isNaN(e))
+        return r + c || "";
+      const a = /\B(?=(\d{3})+(?!\d))/g;
+      return r + e.toFixed(2).toString().replace(a, ",");
+    });
+  },
+  /**
+   * Formats a value as a US phone number (10 digits).
+   *
+   * @param {string|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  phone(t, r = null) {
+    return s(t, (n) => {
+      n = n || "";
+      const l = String(n.toString()).replace(/\D/g, "");
+      return l.length === 10 ? "(" + l.slice(0, 3) + ") " + l.slice(3, 6) + "-" + l.slice(6) : n || r;
+    });
+  },
+  /**
+   * Formats a value as an integer (rounds down).
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  integer(t, r = null) {
+    return s(t, (n) => {
+      n = B(n, r);
+      const l = parseInt(n, 10);
+      return isNaN(l) ? r : l.toString();
+    });
+  },
+  /**
+   * Formats a date value to a standard date format.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  date(t, r = null) {
+    return s(t, (n) => n ? i.format("standard", n) : r || "");
+  },
+  /**
+   * Formats a date and time value to a standard date and time format.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  dateTime(t, r = null) {
+    return s(t, (n) => n ? i.format("standard", n) + " " + i.formatTime(n, 12) : r || "");
+  },
+  /**
+   * Formats a time value to a standard time format.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  time(t, r = null) {
+    return s(t, (n) => n ? i.formatTime(n, 12) : r || "");
+  },
+  /**
+   * Formats a value with a default value if null or undefined.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string|null} defaultValue - Value if original is null or undefined.
+   * @returns {object|array}
+   */
+  default(t, r = null) {
+    return s(t, (n) => B(n, r));
+  },
+  /**
+   * Formats a number as a percentage.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {number} decimals - Number of decimal places (default: 0).
+   * @param {boolean} isDecimal - Whether input is decimal (0.85) or whole number (85).
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  percentage(t, r = 0, c = !1, n = null) {
+    return s(t, (e) => {
+      const a = parseFloat(e);
+      return isNaN(a) ? n || "" : (c ? a * 100 : a).toFixed(r) + "%";
+    });
+  },
+  /**
+   * Capitalizes the first letter of each word.
+   *
+   * @param {string|object|array} watcher
+   * @param {boolean} allWords - Capitalize all words (true) or just first word (false).
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  capitalize(t, r = !0, c = null) {
+    return s(t, (l) => {
+      if (!l)
+        return c || "";
+      const e = String(l);
+      return r ? e.replace(/\b\w/g, (a) => a.toUpperCase()) : e.charAt(0).toUpperCase() + e.slice(1);
+    });
+  },
+  /**
+   * Converts a string to uppercase.
+   *
+   * @param {string|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  uppercase(t, r = null) {
+    return s(t, (n) => n ? String(n).toUpperCase() : r || "");
+  },
+  /**
+   * Converts a string to lowercase.
+   *
+   * @param {string|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  lowercase(t, r = null) {
+    return s(t, (n) => n ? String(n).toLowerCase() : r || "");
+  },
+  /**
+   * Truncates a string to a maximum length with ellipsis.
+   *
+   * @param {string|object|array} watcher
+   * @param {number} maxLength - Maximum length before truncation.
+   * @param {string} suffix - Suffix to append (default: '...').
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  truncate(t, r = 50, c = "...", n = null) {
+    return s(t, (e) => {
+      if (!e)
+        return n || "";
+      const a = String(e);
+      return a.length <= r ? a : a.slice(0, r - c.length) + c;
+    });
+  },
+  /**
+   * Formats bytes to a human-readable file size.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {number} decimals - Number of decimal places (default: 2).
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  fileSize(t, r = 2, c = null) {
+    return s(t, (l) => {
+      const e = parseFloat(l);
+      if (isNaN(e) || e < 0)
+        return c || "";
+      if (e === 0)
+        return "0 Bytes";
+      const a = 1024, o = ["Bytes", "KB", "MB", "GB", "TB", "PB"], u = Math.floor(Math.log(e) / Math.log(a));
+      return parseFloat((e / Math.pow(a, u)).toFixed(r)) + " " + o[u];
+    });
+  },
+  /**
+   * Handles pluralization of words based on count.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string} singular - Singular form of the word.
+   * @param {string} plural - Plural form of the word (optional, adds 's' by default).
+   * @param {boolean} includeCount - Whether to include the count in output.
+   * @returns {object|array}
+   */
+  plural(t, r, c = null, n = !0) {
+    return s(t, (e) => {
+      const a = parseInt(e, 10);
+      if (isNaN(a))
+        return "";
+      const o = a === 1 ? r : c || r + "s";
+      return n ? `${a} ${o}` : o;
+    });
+  }
+};
+export {
+  p as F,
+  s as c
+};

package/dist/icons.es.js

@@ -101,6 +101,14 @@ const o = {
     upDown: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
   <path stroke-linecap="round" stroke-linejoin="round" d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" />
 </svg>`,
+    trending: {
+      up: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941" />
+</svg>`,
+      down: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6 9 12.75l4.286-4.286a11.948 11.948 0 0 1 4.306 6.43l.776 2.898m0 0 3.182-5.511m-3.182 5.51-5.511-3.181" />
+</svg>`
+    },
     uturn: {
       right: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
   <path stroke-linecap="round" stroke-linejoin="round" d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" />

package/dist/index.es.js

@@ -4,14 +4,14 @@ import { C as T, F as b } from "./form-group-CJzpq9Us.js";
 import { C as I, d as S, D as F, c as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, a as U, b as L, U as W, W as H } from "./inputs-9udyzkHR.js";
 import { V as w, a as A } from "./veil-CqnAmj-D.js";
 import { Icons as O } from "./icons.es.js";
-import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-DJncaDM9.js";
+import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-CkoAZpy0.js";
 import { A as Ha, b as Ra, C as wa, D as Aa, a as Ga, F as Oa, M as Ea, P as Va, R as ja, c as qa, g as Ja, p as za } from "./range-calendar-CCVC3e9d.js";
 import { B as Qa, p as _a, C as Xa, j as Ya, D as Za, m as $a, k as ae, H as ee, I as se, N as oe, O as te, P as re, S as ne, n as le, o as ie, x as pe, s as de, q as me, r as ue, T as ge, t as Ce, w as ce, u as Te, v as be, l as De, U as Ie, W as Se, f as Fe, h as Be, i as Pe, c as ke, d as Me, b as xe, e as fe, a as ve, g as Ne } from "./signature-panel-DIFmtS0f.js";
 import { B as he, I as Ue, M as Le, d as We, e as He, g as Re, N as we, b as Ae, a as Ge, f as Oe, P as Ee, c as Ve, S as je, T as qe } from "./mobile-nav-wrapper-Dm9DinRD.js";
 import { B as ze, a as Ke, C as Qe, F as _e, b as Xe, c as Ye, M as Ze, P as $e, S as as } from "./sidebar-menu-page-D4WMgz5U.js";
 import { A as ss, F as os, M as ts, a as rs, T as ns } from "./aside-template-sUm-F2f0.js";
 import { B as is } from "./bside-template-do_hXebn.js";
-import { F as ds, c as ms } from "./format-BLolnx9j.js";
+import { F as ds, c as ms } from "./format-BmrNQptv.js";
 import { I as gs } from "./image-scaler-1G-JzJVG.js";
 export {
   V as Alert,

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-DJncaDM9.js";
+import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-CkoAZpy0.js";
 import { A as W, P as X, g as Y } from "./range-calendar-CCVC3e9d.js";
 export {
   s as Alert,

package/dist/types/utils/format/format.d.ts

@@ -75,4 +75,68 @@ export namespace Format {
      */
     function _default(watcher: string | number | object | any[], defaultValue?: string | null): object | any[];
     export { _default as default };
+    /**
+     * Formats a number as a percentage.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {number} decimals - Number of decimal places (default: 0).
+     * @param {boolean} isDecimal - Whether input is decimal (0.85) or whole number (85).
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function percentage(watcher: string | number | object | any[], decimals?: number, isDecimal?: boolean, defaultValue?: any): object | any[];
+    /**
+     * Capitalizes the first letter of each word.
+     *
+     * @param {string|object|array} watcher
+     * @param {boolean} allWords - Capitalize all words (true) or just first word (false).
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function capitalize(watcher: string | object | any[], allWords?: boolean, defaultValue?: any): object | any[];
+    /**
+     * Converts a string to uppercase.
+     *
+     * @param {string|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function uppercase(watcher: string | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Converts a string to lowercase.
+     *
+     * @param {string|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function lowercase(watcher: string | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Truncates a string to a maximum length with ellipsis.
+     *
+     * @param {string|object|array} watcher
+     * @param {number} maxLength - Maximum length before truncation.
+     * @param {string} suffix - Suffix to append (default: '...').
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function truncate(watcher: string | object | any[], maxLength?: number, suffix?: string, defaultValue?: any): object | any[];
+    /**
+     * Formats bytes to a human-readable file size.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {number} decimals - Number of decimal places (default: 2).
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function fileSize(watcher: string | number | object | any[], decimals?: number, defaultValue?: any): object | any[];
+    /**
+     * Handles pluralization of words based on count.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string} singular - Singular form of the word.
+     * @param {string} plural - Plural form of the word (optional, adds 's' by default).
+     * @param {boolean} includeCount - Whether to include the count in output.
+     * @returns {object|array}
+     */
+    export function plural(watcher: string | number | object | any[], singular: string, plural?: string, includeCount?: boolean): object | any[];
 }

package/dist/utils.es.js

@@ -1,4 +1,4 @@
-import { F as e, c } from "./format-BLolnx9j.js";
+import { F as e, c } from "./format-BmrNQptv.js";
 import { I as t } from "./image-scaler-1G-JzJVG.js";
 export {
   e as Format,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.2011",
+	"version": "1.0.2014",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {

package/dist/format-BLolnx9j.js

@@ -1,122 +0,0 @@
-import { DateTime as e } from "@base-framework/base";
-const a = (t, n) => (typeof t == "string" && (t = [t]), Array.isArray(t) ? (t.push(n), t) : {
-  ...t,
-  callBack: n
-}), s = (t, n = "") => t != null && t !== "" ? t : n, B = {
-  /**
-   * Formats a number with commas.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {string|null} defaultValue - Value if original is null or undefined.
-   * @returns {object|array}
-   */
-  number(t, n = null) {
-    return a(t, (r) => {
-      if (!isNaN(r)) {
-        const c = /\B(?=(\d{3})+(?!\d))/g;
-        return r.toString().replace(c, ",");
-      }
-      return n || "";
-    });
-  },
-  /**
-   * Formats a boolean value as a yes/no string.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {string} yes - Text for true values.
-   * @param {string} no - Text for false values.
-   * @returns {object|array}
-   */
-  yesno(t, n = "Yes", l = "No") {
-    return a(t, (c) => c ? n : l);
-  },
-  /**
-   * Formats a value as money with two decimals.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {string} currency - Currency symbol.
-   * @param {*} defaultValue - Value if original is invalid.
-   * @returns {object|array}
-   */
-  money(t, n = "$", l = null) {
-    return a(t, (c) => {
-      const o = parseFloat(c);
-      if (isNaN(o))
-        return n + l || "";
-      const i = /\B(?=(\d{3})+(?!\d))/g;
-      return n + o.toFixed(2).toString().replace(i, ",");
-    });
-  },
-  /**
-   * Formats a value as a US phone number (10 digits).
-   *
-   * @param {string|object|array} watcher
-   * @param {*} defaultValue - Value if original is invalid.
-   * @returns {object|array}
-   */
-  phone(t, n = null) {
-    return a(t, (r) => {
-      r = r || "";
-      const c = String(r.toString()).replace(/\D/g, "");
-      return c.length === 10 ? "(" + c.slice(0, 3) + ") " + c.slice(3, 6) + "-" + c.slice(6) : r || n;
-    });
-  },
-  /**
-   * Formats a value as an integer (rounds down).
-   *
-   * @param {string|number|object|array} watcher
-   * @param {*} defaultValue - Value if original is invalid.
-   * @returns {object|array}
-   */
-  integer(t, n = null) {
-    return a(t, (r) => {
-      r = s(r, n);
-      const c = parseInt(r, 10);
-      return isNaN(c) ? n : c.toString();
-    });
-  },
-  /**
-   * Formats a date value to a standard date format.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {*} defaultValue - Value if original is invalid.
-   * @returns {object|array}
-   */
-  date(t, n = null) {
-    return a(t, (r) => r ? e.format("standard", r) : n || "");
-  },
-  /**
-   * Formats a date and time value to a standard date and time format.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {*} defaultValue - Value if original is invalid.
-   * @returns {object|array}
-   */
-  dateTime(t, n = null) {
-    return a(t, (r) => r ? e.format("standard", r) + " " + e.formatTime(r, 12) : n || "");
-  },
-  /**
-   * Formats a time value to a standard time format.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {*} defaultValue - Value if original is invalid.
-   * @returns {object|array}
-   */
-  time(t, n = null) {
-    return a(t, (r) => r ? e.formatTime(r, 12) : n || "");
-  },
-  /**
-   * Formats a value with a default value if null or undefined.
-   *
-   * @param {string|number|object|array} watcher
-   * @param {string|null} defaultValue - Value if original is null or undefined.
-   * @returns {object|array}
-   */
-  default(t, n = null) {
-    return a(t, (r) => s(r, n));
-  }
-};
-export {
-  B as F,
-  a as c
-};