@base-framework/ui 1.0.106 → 1.0.107

package/dist/index.es.js

@@ -6,8 +6,8 @@ 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-BgNcRIp-.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-B_jcSUF6.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-DPYBoBP2.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-CYRHmsnS.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-Cyujdnz0.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-CzfSCjzN.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-2UbHpAV7.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-CYRHmsnS.js → mobile-nav-wrapper-CzfSCjzN.js}

@@ -1,5 +1,5 @@
-import { I as b, Label as w, Span as S, Ul as o, H4 as N, Nav as d, Div as l, Header as B, H1 as L, H3 as p, OnState as C } from "@base-framework/atoms";
-import { Component as n, Atom as i, NavLink as y, router as u } from "@base-framework/base";
+import { I as b, Label as w, Span as S, Ul as o, H4 as N, Nav as u, Div as l, Header as B, H1 as L, H3 as p, OnState as C } from "@base-framework/atoms";
+import { Component as n, Atom as i, NavLink as y, router as d } from "@base-framework/base";
 import { I as h, B as f } from "./buttons-CVEwmPAi.js";
 import { Icons as r } from "./icons.es.js";
 class I extends n {
@@ -18,7 +18,7 @@ class I extends n {
    * @returns {object}
    */
   render() {
-    const t = this.state;
+    const e = this.state;
     return {
       class: this.class || "",
       onState: [
@@ -30,10 +30,10 @@ class I extends n {
         }]
       ],
       click: () => {
-        if (t.toggle("active"), !this.checkCallBack)
+        if (e.toggle("active"), !this.checkCallBack)
           return;
-        const e = t.active ? this : null;
-        this.checkCallBack(e);
+        const t = e.active ? this : null;
+        this.checkCallBack(t);
       },
       children: this.children
     };
@@ -57,30 +57,30 @@ class I extends n {
    * @param {object} selected
    * @returns {void}
    */
-  update(t) {
+  update(e) {
     this.state.set({
-      selected: t,
-      active: t
+      selected: e,
+      active: e
     });
   }
 }
-const P = i(({ options: s, click: t }, e) => ({
+const P = i(({ options: s, click: e }, t) => ({
   tag: "li",
   ...{
     class: `relative flex flex-row w-auto text-left p-0 overflow-hidden transition-all cursor-pointer min-w-[48px] rounded-md option${s ? " sub" : ""}`,
-    click: t
+    click: e
   },
-  children: e
-})), $ = (s, t = null, e = !1) => [
-  t && b({
+  children: t
+})), $ = (s, e = null, t = !1) => [
+  e && b({
     class: "icon w-12 rounded-md flex items-center justify-center",
     onState: ["selected", {
       selected: !0
     }],
-    html: t
+    html: e
   }),
   w({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
-  e && S(
+  t && S(
     {
       class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
       onState: [
@@ -113,9 +113,9 @@ class x extends n {
    * @returns {object}
    */
   render() {
-    const t = !this.options && this.callBack;
+    const e = !this.options && this.callBack;
     return P(
-      { options: this.options, click: t },
+      { options: this.options, click: e },
       [
         this.addLink()
       ]
@@ -128,21 +128,21 @@ class x extends n {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, e = this.content || $(this.label, this.icon, t);
+    const e = this.options && this.options.length > 0, t = this.content || $(this.label, this.icon, e);
     return this.href ? new y(
       {
-        class: "flex flex-auto flex-row transition-colors duration-200",
+        class: "flex flex-auto flex-row rounded-md",
         cache: "link",
         href: this.href,
         activeClass: "selected",
         exact: this.exact || !1
       },
-      e
+      t
     ) : new I({
-      class: "flex flex-auto flex-row transition-colors duration-200",
+      class: "flex flex-auto flex-row rounded-md",
       cache: "link",
       checkCallBack: this.checkCallBack
-    }, e);
+    }, t);
   }
   /**
    * This will check if the link is selected.
@@ -152,12 +152,12 @@ class x extends n {
   isSelected() {
     return this.link.state.get("selected");
   }
-  update(t) {
-    this.link.update(t);
+  update(e) {
+    this.link.update(e);
   }
 }
-const H = i(({ map: s }, t) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
-  N({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
+const H = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
+  N({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
 ]));
 class M extends n {
   /**
@@ -174,11 +174,11 @@ class M extends n {
    * @returns {object}
    */
   render() {
-    const t = this.mapOptions(this.options), e = this.class || "", a = this.mobileBorder ? "border md:border-0 rounded-md" : "";
-    return d({ class: `navigation flex flex-auto flex-col ${e}` }, [
+    const e = this.mapOptions(this.options), t = this.class || "", a = this.mobileBorder ? "border md:border-0 rounded-md" : "";
+    return u({ class: `navigation flex flex-auto flex-col ${t}` }, [
       o({
         class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${a}`,
-        map: t
+        map: e
       }),
       ...this.addSubs()
     ]);
@@ -189,8 +189,8 @@ class M extends n {
    * @param {array} options
    * @returns {array}
    */
-  mapOptions(t = []) {
-    return [t.map((a) => a.group ? this.addGroup(a) : this.addLink(a)), (a) => a];
+  mapOptions(e = []) {
+    return [e.map((a) => a.group ? this.addGroup(a) : this.addLink(a)), (a) => a];
   }
   /**
    * This will get the subs.
@@ -206,9 +206,9 @@ class M extends n {
    * @param {object} option
    * @returns {object}
    */
-  addGroup(t) {
-    const e = this.mapOptions(t.options);
-    return H({ map: e }, t.group);
+  addGroup(e) {
+    const t = this.mapOptions(e.options);
+    return H({ map: t }, e.group);
   }
   /**
    * This will add a link.
@@ -216,8 +216,8 @@ class M extends n {
    * @param {object} option
    * @returns {object}
    */
-  addLink(t) {
-    return new x(t);
+  addLink(e) {
+    return new x(e);
   }
 }
 class c extends M {
@@ -230,11 +230,11 @@ class c extends M {
    * @param {object} link
    * @returns {object}
    */
-  setupSubNav(t) {
+  setupSubNav(e) {
     return new E(
       {
-        parentLink: t,
-        options: t.options
+        parentLink: e,
+        options: e.options
       }
     );
   }
@@ -244,9 +244,9 @@ class c extends M {
    * @param {object} link
    * @returns {object}
    */
-  addSubNav(t) {
-    const e = this.setupSubNav(t);
-    return t.sub = e, e;
+  addSubNav(e) {
+    const t = this.setupSubNav(e);
+    return e.sub = t, t;
   }
   /**
    * This will add a link.
@@ -254,21 +254,21 @@ class c extends M {
    * @param {object} option
    * @returns {object}
    */
-  addLink(t) {
-    const e = new x(t);
-    if (this.links.push(e), !e.options)
-      return e;
-    const a = this.addSubNav(e);
+  addLink(e) {
+    const t = new x(e);
+    if (this.links.push(t), !t.options)
+      return t;
+    const a = this.addSubNav(t);
     return {
       class: "child-group",
-      link: e,
+      link: t,
       sub: a
     };
   }
 }
-const O = (s, t) => new RegExp(`${s}($|/|\\.).*`).test(t), z = (s, t) => {
-  const e = s.link.panel.pathname;
-  return !e && s.isSelected() ? !0 : s.exact ? t === e : O(e, t);
+const O = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), z = (s, e) => {
+  const t = s.link.panel.pathname;
+  return !t && s.isSelected() ? !0 : s.exact ? e === t : O(t, e);
 };
 class E extends c {
   /**
@@ -285,9 +285,9 @@ class E extends c {
    * @returns {object}
    */
   render() {
-    const t = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, e = this.mapOptions(this.options);
-    return d({ class: t, onState: this.onState() }, [
-      o({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...e, ...this.addSubs(), this.addWatcher()])
+    const e = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, t = this.mapOptions(this.options);
+    return u({ class: e, onState: this.onState() }, [
+      o({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...t, ...this.addSubs(), this.addWatcher()])
     ]);
   }
   /**
@@ -299,7 +299,7 @@ class E extends c {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", u.data],
+        value: ["[[path]]", d.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -340,8 +340,8 @@ class E extends c {
    * @returns {void}
    */
   afterSetup() {
-    const t = u.data.get("path");
-    this.updateLinks(t);
+    const e = d.data.get("path");
+    this.updateLinks(e);
   }
   /**
    * This will update the links.
@@ -349,24 +349,24 @@ class E extends c {
    * @param {string} value
    * @returns {void}
    */
-  updateLinks(t) {
-    let e = !1;
+  updateLinks(e) {
+    let t = !1;
     for (const a of this.links)
-      if (a.rendered && (e = z(a, t), e === !0))
+      if (a.rendered && (t = z(a, e), t === !0))
         break;
-    this.parentLink.update(e);
+    this.parentLink.update(t);
   }
 }
-const F = ({ title: s, options: t, class: e = "", mobileBorder: a = !1, sticky: v = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${e}` }, [
+const F = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: v = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${t}` }, [
   s && B({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
     L({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
   ]),
-  new c({ options: t, mobileBorder: a, class: v ? "sticky top-0" : "" })
+  new c({ options: e, mobileBorder: a, class: v ? "sticky top-0" : "" })
 ]), T = (s) => p({ class: "text-lg ml-2" }, s), A = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
   f({
     variant: "icon",
     class: "m-2",
-    click: (t, { state: e }) => e.toggle("open"),
+    click: (e, { state: t }) => t.toggle("open"),
     icon: r.arrows.left
   }),
   s.title && T(s.title)
@@ -375,7 +375,7 @@ const F = ({ title: s, options: t, class: e = "", mobileBorder: a = !1, sticky:
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
-  click: (s, { state: t }) => t.open = !1
+  click: (s, { state: e }) => e.open = !1
 });
 class W extends n {
   /**
@@ -439,7 +439,7 @@ class W extends n {
    *
    * @param {object} container
    */
-  setContainer(t) {
+  setContainer(e) {
     this.container = app.root;
   }
 }
@@ -447,25 +447,25 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
-}, click: (t, { state: e }) => e.toggle("open") }, [
+}, click: (e, { state: t }) => t.toggle("open") }, [
   h(r.bar.three)
 ]), j = (s) => p({ class: "text-lg ml-2" }, s), Y = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
   m(),
   s.title && j(s.title)
-]), g = (s, t) => {
-  s.forEach((e) => {
-    if (e.options) {
-      g(e.options, t);
+]), g = (s, e) => {
+  s.forEach((t) => {
+    if (t.options) {
+      g(t.options, e);
       return;
     }
-    e.callBack = t;
+    t.callBack = e;
   });
 }, k = (s) => {
-  const t = (e, { parent: a }) => a.parent.state.open = !1;
-  return g(s.options, t), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+  const e = (t, { parent: a }) => a.parent.state.open = !1;
+  return g(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
     C(
       "open",
-      (e) => e ? [
+      (t) => t ? [
         new W({ title: s.title }, [
           new c(
             {

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-DPYBoBP2.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-B_jcSUF6.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-CYRHmsnS.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-CzfSCjzN.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-Cyujdnz0.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-2UbHpAV7.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{sidebar-menu-page-Cyujdnz0.js → sidebar-menu-page-2UbHpAV7.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-CYRHmsnS.js";
+import { c as u, e as p } from "./mobile-nav-wrapper-CzfSCjzN.js";
 class c extends x {
   /**
    * This will declare the props for the compiler.

package/package.json

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