@base-framework/ui 1.0.123 → 1.0.125

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
 import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DcnXGw52.js";
-import { B as m, I as T, L as c } from "./buttons-b7sffMwX.js";
+import { B as m, I as T, L as c } from "./buttons-DBxnNW9z.js";
 import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-Dmu4Z-7-.js";
 import { V as W, a as w } from "./veil-D4dRxILB.js";
 export {

package/dist/buttons-DBxnNW9z.js

@@ -0,0 +1,62 @@
+import { I as m, Button as r } from "@base-framework/atoms";
+import { Atom as i } from "@base-framework/base";
+import { Icons as h } from "./icons.es.js";
+const w = {
+  xs: "w-4 h-4",
+  sm: "w-6 h-6",
+  md: "w-8 h-8",
+  lg: "w-10 h-10",
+  xl: "w-12 h-12",
+  "2xl": "w-14 h-14",
+  "3xl": "w-16 h-16"
+}, l = i((n, t) => {
+  var c;
+  const a = w[n.size || "sm"];
+  return m({
+    ...n,
+    class: `stroke-current icon-size ${a} ${n.class || ""}`,
+    html: (c = t[0]) == null ? void 0 : c.textContent
+  });
+}), s = (n) => i((t, a) => r({
+  ...n,
+  ...t,
+  class: `bttn ${n.class} ${t.class || ""}`
+}, a)), u = i(
+  (n, t) => r({
+    ...n,
+    class: n.class
+  }, [
+    n.icon && n.position !== "right" ? l({ size: "sm", class: n.animation ?? null }, n.icon) : null,
+    ...t || [],
+    n.icon && n.position === "right" ? l({ size: "sm", class: n.animation ?? null }, n.icon) : null
+  ])
+), o = (n) => i((t, a) => u({
+  ...n,
+  ...t,
+  class: `bttn ${n.class} ${t.class || ""}`
+}, a)), g = (n) => () => {
+  if (n.allowHistory !== !1 && globalThis.history.length > 2) {
+    globalThis.history.back();
+    return;
+  }
+  n.backUrl && app.navigate(n.backUrl);
+}, k = (n) => i((t, a) => (t.icon = t.icon || h.arrows.left, t.click = t.click || g(t), u({
+  ...n,
+  ...t
+}, a))), e = {
+  primary: s({ class: "primary" }),
+  secondary: s({ class: "secondary" }),
+  destructive: s({ class: "destructive" }),
+  warning: s({ class: "warning" }),
+  outline: s({ class: "outline" }),
+  ghost: s({ class: "ghost" }),
+  link: s({ class: "link" }),
+  icon: o({ class: "icon" }),
+  withIcon: o({ class: "with-icon" }),
+  back: k({ class: "with-icon back-button" })
+}, b = i((n, t) => (e[n.variant] || e.primary)(n, t)), $ = i((n, t) => b({ ...n, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t));
+export {
+  b as B,
+  l as I,
+  $ as L
+};

package/dist/{calendar-CcG03Nuz.js → calendar-C-Q8HfEd.js}

@@ -1,6 +1,6 @@
 import { Div as i, Img as I, Span as M, Button as Y } from "@base-framework/atoms";
 import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-framework/base";
-import { B as A } from "./buttons-b7sffMwX.js";
+import { B as A } from "./buttons-DBxnNW9z.js";
 import { Icons as T } from "./icons.es.js";
 const W = (e, t) => {
   const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = globalThis.scrollX, l = globalThis.scrollY;

package/dist/{confirmation-DIBbSGy_.js → confirmation-CmraTk2b.js}

@@ -1,7 +1,7 @@
 import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as W, Form as R, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
 import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as U, Jot as S, DateTime as $ } from "@base-framework/base";
-import { P as D, b as se } from "./calendar-CcG03Nuz.js";
-import { B as h, I as x } from "./buttons-b7sffMwX.js";
+import { P as D, b as se } from "./calendar-C-Q8HfEd.js";
+import { B as h, I as x } from "./buttons-DBxnNW9z.js";
 import { Icons as u } from "./icons.es.js";
 import { a as w } from "./veil-D4dRxILB.js";
 import { Timer as oe, List as ne, DynamicTime as re } from "@base-framework/organisms";

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DcnXGw52.js";
-import { B as g, I as T, L as c } from "./buttons-b7sffMwX.js";
+import { B as g, I as T, L as c } from "./buttons-DBxnNW9z.js";
 import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-Dmu4Z-7-.js";
 import { V as w, a as U } from "./veil-D4dRxILB.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 Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-DIBbSGy_.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-CcG03Nuz.js";
-import { B as Oa, n 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, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-CuUlwQzE.js";
-import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-m9eu2YJR.js";
-import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-B1YSAs3o.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 Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-CmraTk2b.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-C-Q8HfEd.js";
+import { B as Oa, n 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, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-D79X5PfB.js";
+import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-D5dogVoU.js";
+import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-BwwTkxUW.js";
 import { A as Es, F as Gs, M as Vs, a as js, T as qs } from "./aside-template-McEj_Gxc.js";
 import { B as Js } from "./bside-template-Du2m3rsE.js";
 export {

package/dist/{mobile-nav-wrapper-m9eu2YJR.js → mobile-nav-wrapper-D5dogVoU.js}

@@ -1,6 +1,6 @@
 import { Button as w, I as S, Label as B, Span as N, Ul as o, H4 as L, Nav as p, Div as l, Header as C, H1 as y, H3 as h, OnState as P, UseParent as I } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as $, router as u } from "@base-framework/base";
-import { I as f, B as x } from "./buttons-b7sffMwX.js";
+import { I as f, B as x } from "./buttons-DBxnNW9z.js";
 import { Icons as r } from "./icons.es.js";
 class H extends n {
   /**

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-DIBbSGy_.js";
-import { A as O, P as R, g as _ } from "./calendar-CcG03Nuz.js";
+import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-CmraTk2b.js";
+import { A as O, P as R, g as _ } from "./calendar-C-Q8HfEd.js";
 export {
   o as Alert,
   O as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-CuUlwQzE.js";
-import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-CcG03Nuz.js";
-import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-m9eu2YJR.js";
+import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-D79X5PfB.js";
+import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-C-Q8HfEd.js";
+import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-D5dogVoU.js";
 export {
   s as BackButton,
   A as Backdrop,

package/dist/pages.es.js

@@ -1,4 +1,4 @@
-import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-B1YSAs3o.js";
+import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-BwwTkxUW.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{sidebar-menu-page-B1YSAs3o.js → sidebar-menu-page-BwwTkxUW.js}

@@ -1,7 +1,7 @@
 import { Div as t, Header as n, H1 as d, P as o } from "@base-framework/atoms";
 import { F as l, A as h } from "./aside-template-McEj_Gxc.js";
 import { Component as x, Atom as i } from "@base-framework/base";
-import { c as u, e as p } from "./mobile-nav-wrapper-m9eu2YJR.js";
+import { c as u, e as p } from "./mobile-nav-wrapper-D5dogVoU.js";
 class c extends x {
   /**
    * This will declare the props for the compiler.

package/dist/{signature-panel-CuUlwQzE.js → signature-panel-D79X5PfB.js}

@@ -1,10 +1,10 @@
-import { Button as y, Div as o, On as F, Span as v, Th as R, UseParent as E, I as H, Thead as Q, Tr as X, Table as W, P as p, Li as D, Time as q, Nav as S, Ul as w, Section as P, Canvas as K } from "@base-framework/atoms";
-import { Atom as d, Component as h, Data as L, DateTime as G, router as x, NavLink as O, DataTracker as z, Jot as V, base as I, Dom as T } from "@base-framework/base";
-import { B as C, I as N } from "./buttons-b7sffMwX.js";
-import { Icons as b } from "./icons.es.js";
+import { Button as y, Div as o, On as Y, Span as v, Th as R, UseParent as F, I as E, Thead as H, Tr as Q, Table as W, P as p, Li as D, Time as X, Nav as S, Ul as b, Section as P, Canvas as q } from "@base-framework/atoms";
+import { Atom as d, Component as h, Data as L, DateTime as K, router as x, NavLink as O, DataTracker as z, Jot as G, base as I, Dom as T } from "@base-framework/base";
+import { B as C, I as V } from "./buttons-DBxnNW9z.js";
+import { Icons as k } from "./icons.es.js";
 import { TableBody as _, ScrollableTableBody as J, List as Z, IntervalTimer as ee } from "@base-framework/organisms";
 import { C as te, I as se, H as ae } from "./inputs-Dmu4Z-7-.js";
-import { A as ie, P as ne } from "./calendar-CcG03Nuz.js";
+import { A as ie, P as ne } from "./calendar-C-Q8HfEd.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -95,15 +95,15 @@ const oe = (t) => {
 }, ue = (t, e) => {
   const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = re(t, e, s), n = Array.from({ length: a }, (r, m) => new Date(t, e, m + 1)), l = (i.length + n.length) % 7, u = l === 0 ? 0 : 7 - l, c = ce(t, e, u), f = [...i, ...n, ...c], g = [];
   for (let r = 0; r < f.length; r += 7) {
-    const m = f.slice(r, r + 7), k = m.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = le(k);
+    const m = f.slice(r, r + 7), w = m.find((U) => U) || new Date(t, e, 1), { weekNumber: j, year: A } = le(w);
     g.push({
-      weekNumber: A,
-      year: U,
+      weekNumber: j,
+      year: A,
       days: m
     });
   }
   return g;
-}, fe = ({ selectWeek: t }) => F("month", (e, s, { data: a }) => {
+}, fe = ({ selectWeek: t }) => Y("month", (e, s, { data: a }) => {
   const { year: i, month: n, currentDate: l } = a, u = ue(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
@@ -165,7 +165,7 @@ const oe = (t) => {
     click: e,
     "aria-label": `${t} month`,
     variant: "icon",
-    icon: t === "Previous" ? b.chevron.single.left : b.chevron.single.right
+    icon: t === "Previous" ? k.chevron.single.left : k.chevron.single.right
   }
 ), ge = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   v("[[monthName]] [[year]]"),
@@ -231,7 +231,7 @@ class at extends h {
    * @returns {string}
    */
   getMonthName(e) {
-    return G.monthNames[e];
+    return K.monthNames[e];
   }
   /**
    * Updates the calendar to show the previous month.
@@ -300,7 +300,7 @@ const me = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
 }, pe = (t) => R({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
-  E((e) => new te({ class: "mr-2", onChange: (s, a) => me(e, a) }))
+  F((e) => new te({ class: "mr-2", onChange: (s, a) => me(e, a) }))
 ]), be = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return R({
@@ -309,11 +309,11 @@ const me = (t, e) => {
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
       v(a),
-      e && H({ class: "ml-2", html: b.arrows.upDown })
+      e && E({ class: "ml-2", html: k.arrows.upDown })
     ])
   ]);
-}, $ = (t) => Q([
-  X({
+}, N = (t) => H([
+  Q({
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
@@ -333,7 +333,7 @@ const me = (t, e) => {
   rowItem: (i) => a(i, s),
   class: "divide-y divide-border"
 });
-class ke extends h {
+class xe extends h {
   /**
    * Initializes component data.
    *
@@ -404,7 +404,7 @@ class ke extends h {
       o({ class: `w-full rounded-md ${s} overflow-x-auto` }, [
         W({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && $({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && N({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
           we({
@@ -480,7 +480,7 @@ class ke extends h {
     this.data.selectedRows = [];
   }
 }
-const xe = (t) => new J({
+const ke = (t) => new J({
   cache: "list",
   scrollContainer: t.scrollContainer,
   loadMoreItems: t.loadMoreItems,
@@ -492,7 +492,7 @@ const xe = (t) => new J({
   rowItem: (e) => t.rowItem(e, t.selectRow),
   class: "divide-y divide-border"
 });
-class ye extends ke {
+class ye extends xe {
   /**
    * Renders the DataTable component.
    *
@@ -504,10 +504,10 @@ class ye extends ke {
       o({ class: `w-full rounded-md ${s} overflow-x-auto` }, [
         W({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && $({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && N({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          xe({
+          ke({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -567,7 +567,7 @@ const it = d((t) => new ye(
   p({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), Se = (t) => p({ class: "text-xs leading-5 text-muted-foreground" }, [
   v("Last seen "),
-  q({ datetime: t }, "3h ago")
+  X({ datetime: t }, "3h ago")
 ]), Le = (t, e) => t === "online" ? De() : Se(e), Ce = d(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   p({ class: "text-sm leading-6 m-0" }, t),
   Le(s, e)
@@ -619,7 +619,7 @@ class ot extends h {
     return S(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        w({
+        b({
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
@@ -696,22 +696,10 @@ class ot extends h {
 const lt = d((t) => {
   const e = t.margin || "m-4 ml-0";
   return o({ class: `flex-none ${e}` }, [
-    C({
-      variant: "icon",
-      class: "back-button",
-      click: () => {
-        if (globalThis.history.length > 2) {
-          globalThis.history.back();
-          return;
-        }
-        t.backUrl && app.navigate(t.backUrl);
-      }
-    }, [
-      N(b.arrows.left)
-    ])
+    C({ variant: "back", class: "ghost" })
   ]);
 });
-class j extends h {
+class $ extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -804,7 +792,7 @@ z.addType("dockableOverlay", (t) => {
   const e = t.component;
   e && e.rendered === !0 && e.state.docked === !1 && e.destroy();
 });
-class rt extends j {
+class rt extends $ {
   /**
    * This will stop presistence.
    *
@@ -913,7 +901,7 @@ class rt extends j {
     document.documentElement.style.overflowY = "auto";
   }
 }
-class ct extends j {
+class ct extends $ {
   /**
    * This will get the overlay type.
    *
@@ -941,7 +929,7 @@ const We = d(({ index: t, click: e, state: s }, a) => D({
     }]
   ],
   click: () => e(t)
-}, a)), Pe = d(({ selectOption: t, state: e }) => w({
+}, a)), Pe = d(({ selectOption: t, state: e }) => b({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => We({ index: a, click: t, state: e }, s.label)]
 })), Oe = d((t) => o({ class: "relative flex items-center" }, [
@@ -956,7 +944,7 @@ const We = d(({ index: t, click: e, state: s }, a) => D({
     keydown: (e) => typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
   }),
   t.icon && o({ class: "absolute right-0 mr-2" }, [
-    N(t.icon)
+    V(t.icon)
   ])
 ])), ze = (t) => o({
   class: "relative flex fle-auto flex-col",
@@ -971,7 +959,7 @@ const We = d(({ index: t, click: e, state: s }, a) => D({
         Pe(t)
       ]);
   }]
-}), dt = V(
+}), dt = G(
   {
     /**
      * This will set up the data object.
@@ -1104,7 +1092,7 @@ const We = d(({ index: t, click: e, state: s }, a) => D({
     }, t.label)
   ]
 ), $e = (t, e) => (t.callBack = e, Ne(t)), je = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => $e(e, t.callBack)] })
+  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => $e(e, t.callBack)] })
 ]);
 class ht extends h {
   /**
@@ -1208,7 +1196,7 @@ const Ae = (t) => D(
     }, t.label)
   ]
 ), Ue = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
+  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
 ]);
 class ut extends h {
   /**
@@ -1285,7 +1273,7 @@ class Qe extends h {
    */
   render() {
     return S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      w({
+      b({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
@@ -1422,7 +1410,7 @@ class Xe extends h {
    * @returns {object} Layout definition for the canvas.
    */
   render() {
-    return K({
+    return q({
       style: "touch-action: none; -webkit-user-select: none; -webkit-touch-callout: none;"
     });
   }
@@ -1553,8 +1541,8 @@ class Xe extends h {
     const e = this.canvas, s = this.container, a = T.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let u = n + "px", c = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const f = a.width, g = a.height, r = f / n, m = g / l, k = Math.min(r, m);
-      u = n * k + "px", c = l * k + "px";
+      const f = a.width, g = a.height, r = f / n, m = g / l, w = Math.min(r, m);
+      u = n * w + "px", c = l * w + "px";
     }
     e.style.width = u, e.style.height = c;
   }
@@ -1655,7 +1643,7 @@ class gt extends h {
       o({ class: "absolute top-2 right-2" }, [
         C({
           variant: "icon",
-          icon: b.circleX,
+          icon: k.circleX,
           click: this.reset.bind(this)
         })
       ]),
@@ -1715,10 +1703,10 @@ export {
   be as H,
   ct as I,
   ot as N,
-  j as O,
+  $ as O,
   et as P,
   it as S,
-  $ as T,
+  N as T,
   Te as U,
   at as W,
   ce as a,
@@ -1730,7 +1718,7 @@ export {
   re as g,
   fe as h,
   ge as i,
-  ke as j,
+  xe as j,
   nt as k,
   rt as l,
   dt as m,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.123",
+	"version": "1.0.125",
 	"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/buttons-b7sffMwX.js

@@ -1,47 +0,0 @@
-import { I as m, Button as r } from "@base-framework/atoms";
-import { Atom as a } from "@base-framework/base";
-import { Icons as u } from "./icons.es.js";
-const h = {
-  xs: "w-4 h-4",
-  sm: "w-6 h-6",
-  md: "w-8 h-8",
-  lg: "w-10 h-10",
-  xl: "w-12 h-12",
-  "2xl": "w-14 h-14",
-  "3xl": "w-16 h-16"
-}, o = a((t, n) => {
-  var c;
-  const i = h[t.size || "sm"];
-  return m({
-    ...t,
-    class: `stroke-current icon-size ${i} ${t.class || ""}`,
-    html: (c = n[0]) == null ? void 0 : c.textContent
-  });
-}), s = (t) => a((n, i) => r({
-  ...t,
-  ...n,
-  class: `bttn ${t.class} ${n.class || ""}`
-}, i)), l = (t) => a((n, i) => r({
-  ...t,
-  ...n,
-  class: `bttn ${t.class} ${n.class || ""}`
-}, [
-  n.icon && n.position !== "right" ? o({ size: "sm", class: n.animation ?? null }, n.icon) : null,
-  ...i || [],
-  n.icon && n.position === "right" ? o({ size: "sm", class: n.animation ?? null }, n.icon) : null
-])), e = {
-  primary: s({ class: "primary" }),
-  secondary: s({ class: "secondary" }),
-  destructive: s({ class: "destructive" }),
-  warning: s({ class: "warning" }),
-  outline: s({ class: "outline" }),
-  ghost: s({ class: "ghost" }),
-  link: s({ class: "link" }),
-  icon: l({ class: "icon" }),
-  withIcon: l({ class: "with-icon" })
-}, w = a((t, n) => (e[t.variant] || e.primary)(t, n)), $ = a((t, n) => w({ ...t, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, n));
-export {
-  w as B,
-  o as I,
-  $ as L
-};