@base-framework/ui 0.0.20 → 1.0.0

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { V as w, a as U } from "./veil-DSQdR6CM.js";
 import { Icons as R } from "./icons.es.js";
 import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BqQwYCFz.js";
 import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-B5TK6tLi.js";
-import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-C9kBM8qz.js";
+import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-DNMljrM5.js";
 import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-CguousG5.js";
 import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-22AUZwFc.js";
 import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-D0KANPjh.js";

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-C9kBM8qz.js";
+import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-DNMljrM5.js";
 import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-B5TK6tLi.js";
 import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-CguousG5.js";
 export {

package/dist/{signature-C9kBM8qz.js → signature-DNMljrM5.js}

@@ -1,5 +1,5 @@
 import { Button as v, Div as o, On as U, Span as y, Th as O, UseParent as Y, I as E, Thead as F, Tr as H, Table as Q, P as m, Li as D, Time as X, Nav as S, Ul as b, Section as P } from "@base-framework/atoms";
-import { Atom as u, Component as f, Data as L, DateTime as q, Jot as R, router as k, NavLink as M, base as B, Dom as I } from "@base-framework/base";
+import { Atom as u, Component as g, Data as L, DateTime as q, Jot as R, router as k, NavLink as M, base as B, Dom as I } from "@base-framework/base";
 import { B as C, I as z } from "./icon-B9QUT2NY.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as K, List as _, IntervalTimer as G } from "@base-framework/organisms";
@@ -16,7 +16,7 @@ u(({ value: t, label: e }) => v({
   dataSet: ["performance", ["state", t, "active"]],
   click: (s, { state: a }) => a.performance = t
 }, e));
-class Ke extends f {
+class Ke extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -93,16 +93,16 @@ const se = (t) => {
     click: () => n(a, s)
   });
 }, re = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), n = ne(t, e, s), i = Array.from({ length: a }, (r, p) => new Date(t, e, p + 1)), l = (n.length + i.length) % 7, d = l === 0 ? 0 : 7 - l, c = ie(t, e, d), h = [...n, ...i, ...c], g = [];
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), n = ne(t, e, s), i = Array.from({ length: a }, (r, p) => new Date(t, e, p + 1)), l = (n.length + i.length) % 7, d = l === 0 ? 0 : 7 - l, c = ie(t, e, d), h = [...n, ...i, ...c], f = [];
   for (let r = 0; r < h.length; r += 7) {
     const p = h.slice(r, r + 7), x = p.find((j) => j) || new Date(t, e, 1), { weekNumber: $, year: A } = ae(x);
-    g.push({
+    f.push({
       weekNumber: $,
       year: A,
       days: p
     });
   }
-  return g;
+  return f;
 }, ce = ({ selectWeek: t }) => U("month", (e, s, { data: a }) => {
   const { year: n, month: i, currentDate: l } = a, d = re(n, i);
   return o(
@@ -120,7 +120,7 @@ const se = (t) => {
       ),
       // Render each "week" row
       ...d.map(
-        ({ weekNumber: c, days: h, year: g }) => o({
+        ({ weekNumber: c, days: h, year: f }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: c
@@ -129,7 +129,7 @@ const se = (t) => {
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => t(c, g),
+            click: () => t(c, f),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
               "text-primary-foreground": c,
@@ -180,7 +180,7 @@ const se = (t) => {
     click: t
   })
 ]);
-class Ve extends f {
+class Ve extends g {
   /**
   * This will declare the props for the compiler.
   *
@@ -311,7 +311,7 @@ const he = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
       e && E({ class: "ml-2", html: w.arrows.upDown })
     ])
   ]);
-}, fe = (t) => F([
+}, ge = (t) => F([
   H({
     class: "text-muted-foreground border-b",
     map: [t.headers, (e) => e.label === "checkbox" ? he({ toggle: t.toggle }) : ue({
@@ -322,7 +322,7 @@ const he = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
       sort: t.sort
     })]
   })
-]), ge = ({ key: t, rows: e, selectRow: s, rowItem: a }) => new K({
+]), fe = ({ key: t, rows: e, selectRow: s, rowItem: a }) => new K({
   cache: "table",
   key: t,
   items: e,
@@ -400,10 +400,10 @@ const he = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
         o({ class: `w-full rounded-md ${e} overflow-x-auto` }, [
           Q({ class: "w-full" }, [
             // @ts-ignore
-            this.headers && fe({ headers: this.headers, sort: (s) => this.sortRows(s) }),
+            this.headers && ge({ headers: this.headers, sort: (s) => this.sortRows(s) }),
             // @ts-ignore
             this.customHeader ?? null,
-            ge({
+            fe({
               // @ts-ignore
               key: this.key,
               rows: t,
@@ -514,7 +514,7 @@ const he = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
   dataSet: ["selected", ["state", !0, "active"]],
   class: `${a ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-primary-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm`
 });
-class et extends f {
+class et extends g {
   /**
   * This will declare the props for the compiler.
   *
@@ -630,7 +630,7 @@ const tt = u((t) => {
     ])
   ]);
 });
-class N extends f {
+class N extends g {
   /**
   * This will declare the props for the compiler.
   *
@@ -1014,7 +1014,7 @@ const Le = u(({ index: t, click: e, state: s }, a) => D({
 ), Oe = (t, e) => (t.callBack = e, We(t)), Pe = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Oe(e, t.callBack)] })
 ]);
-class it extends f {
+class it extends g {
   /**
   * This will declare the props for the compiler.
   *
@@ -1118,7 +1118,7 @@ const Re = (t) => D(
 ), Me = (t, e) => (t.callBack = e, Re(t)), ze = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Me(e, t.callBack)] })
 ]);
-class ot extends f {
+class ot extends g {
   /**
   * This will declare the props for the compiler.
   *
@@ -1171,7 +1171,7 @@ const Ne = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), $e = (t, e) => {
   dataSet: ["selected", ["state", !0, "active"]],
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm"
 });
-class je extends f {
+class je extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -1266,7 +1266,7 @@ class je extends f {
     this.links = [];
   }
 }
-class lt extends f {
+class lt extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -1312,7 +1312,7 @@ class lt extends f {
     return s;
   }
 }
-class Ue extends f {
+class Ue extends g {
   /**
    * Runs before rendering, sets up defaults, a timer for drawing,
    * and basic canvas properties.
@@ -1461,7 +1461,7 @@ class Ue extends f {
     const e = this.canvas, s = this.container, a = I.getSize(s), n = this.targetSize, i = n.width, l = n.height;
     let d = i + "px", c = l + "px";
     if (this.width = e.width = i, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const h = a.width, g = a.height, r = h / i, p = g / l, x = Math.min(r, p);
+      const h = a.width, f = a.height, r = h / i, p = f / l, x = Math.min(r, p);
       d = i * x + "px", c = l * x + "px";
     }
     e.style.width = d, e.style.height = c;
@@ -1538,7 +1538,7 @@ class Ue extends f {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class rt extends f {
+class rt extends g {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1547,15 +1547,6 @@ class rt extends f {
   setupProps() {
     this.data = null, this.lineColor = null, this.lineWidth = null, this.baseLineWidth = null, this.baseStrokeColor = null, this.margin = null, this.targetSize = null, this.callBackData = null, this.pointerUp = null, this.path = null, this.canvasLayer = null;
   }
-  /**
-   * This will run once the component is created, before rendering.
-   * Sets a default line color if not provided.
-   *
-   * @returns {void}
-   */
-  onCreated() {
-    this.lineColor = this.lineColor || "#00aeef";
-  }
   /**
    * Renders the main layout for the signature panel,
    * including a hidden input and a reset button.
@@ -1628,14 +1619,14 @@ class rt extends f {
 export {
   tt as B,
   he as C,
-  ge as D,
+  fe as D,
   ue as H,
   at as I,
   et as N,
   N as O,
   Ke as P,
   nt as S,
-  fe as T,
+  ge as T,
   ve as U,
   Ve as W,
   ie as a,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "0.0.20",
+	"version": "1.0.0",
 	"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": {