@base-framework/ui 1.2.1 → 1.2.2

package/dist/{empty-state-BeE1e4GL.js → empty-state-CWha-IxF.js}

@@ -7,7 +7,7 @@ import { C as ft, b as pt } from "./tooltip-BFST5Fcz.js";
 import { f as C } from "./image-T4fJLqgd.js";
 import { Icons as u } from "./icons.es.js";
 import { F as z } from "./format-DE4rFWuD.js";
-import "./mobile-nav-wrapper-0Aq2acIa.js";
+import "./mobile-nav-wrapper-DxcNwPu2.js";
 import "./aside-template-B9V-0xle.js";
 import "./full-page-CgVI1G7F.js";
 import "./bside-template-oLChzjxQ.js";

package/dist/index.es.js

@@ -3,13 +3,13 @@ import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./button
 import { C as B, a as F, D as P, b as M, E as f, F as k, H as x, I as v, c as N, M as U, N as h, P as y, R as L, T as W, d as H, e as R, U as w, V as A, f as G, W as O } from "./image-T4fJLqgd.js";
 import { S as j } from "./skeleton-BlY3opxG.js";
 import { Icons as J, MaterialSymbols as q } from "./icons.es.js";
-import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-BeE1e4GL.js";
+import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-CWha-IxF.js";
 import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-Dbk3_QiK.js";
-import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-o4xFn_he.js";
-import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-0Aq2acIa.js";
-import { S as Ze } from "./sidebar-menu-BFlRN7Am.js";
+import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-DIUiqroE.js";
+import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-DxcNwPu2.js";
+import { S as Ze } from "./sidebar-menu-BwgM82AG.js";
 import { B as as, F as es, M as ss, P as os } from "./full-page-CgVI1G7F.js";
-import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-CmgdfPy4.js";
+import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-DVgAv5ZY.js";
 import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-B9V-0xle.js";
 import { B as Is } from "./bside-template-oLChzjxQ.js";
 import { F as bs, c as Ds } from "./format-DE4rFWuD.js";

package/dist/{mobile-nav-wrapper-0Aq2acIa.js → mobile-nav-wrapper-DxcNwPu2.js}

@@ -1,6 +1,6 @@
-import { Button as k, Div as l, Label as g, Span as b, Ul as r, H4 as w, Nav as u, H3 as d, OnState as S, UseParent as B } from "@base-framework/atoms";
-import { Component as n, Atom as i, NavLink as N, router as L } from "@base-framework/base";
-import { U as o, B as h } from "./buttons-Dxnuce2_.js";
+import { Button as g, Div as l, Label as b, Span as w, Ul as r, H4 as S, Nav as d, H3 as h, OnState as B, UseParent as N } from "@base-framework/atoms";
+import { Component as n, Atom as i, NavLink as L, router as u } from "@base-framework/base";
+import { U as o, B as p } from "./buttons-Dxnuce2_.js";
 import { Icons as c } from "./icons.es.js";
 class C extends n {
   /**
@@ -19,7 +19,7 @@ class C extends n {
    */
   render() {
     const e = this.state;
-    return k({
+    return g({
       class: this.class || "",
       onState: [
         ["selected", {
@@ -79,8 +79,8 @@ const y = i(({ options: s, click: e }, t) => ({
   }, [
     o({ size: "sm" }, e)
   ]),
-  g({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
-  t && b(
+  b({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
+  t && w(
     {
       class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
       onState: [
@@ -97,7 +97,7 @@ const y = i(({ options: s, click: e }, t) => ({
     ]
   )
 ];
-class p extends n {
+class f extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -128,8 +128,8 @@ class p extends n {
    * @protected
    */
   addLink() {
-    const e = this.options && this.options.length > 0, t = this.content || P(this.label, this.icon, e);
-    return this.href ? new N(
+    const e = this.options && this.options.length > 0, t = this.content || P(String(this.label), this.icon, e);
+    return this.href ? new L(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -157,7 +157,7 @@ class p extends n {
   }
 }
 const I = i(({ map: s }, e) => r({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
-  w({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
+  S({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
 ]));
 class $ extends n {
   /**
@@ -175,7 +175,7 @@ class $ extends n {
    */
   render() {
     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}` }, [
+    return d({ class: `navigation flex flex-auto flex-col ${t}` }, [
       r({
         class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${a}`,
         map: e
@@ -217,10 +217,10 @@ class $ extends n {
    * @returns {object}
    */
   addLink(e) {
-    return new p(e);
+    return new f(e);
   }
 }
-class f extends $ {
+class x extends $ {
   onCreated() {
     this.links = [];
   }
@@ -255,7 +255,7 @@ class f extends $ {
    * @returns {object}
    */
   addLink(e) {
-    const t = new p(e);
+    const t = new f(e);
     if (this.links.push(t), !t.options)
       return t;
     const a = this.addSubNav(t);
@@ -270,7 +270,7 @@ const z = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), M = (s, e) => {
   const t = s.link.panel.pathname;
   return !t && s.isSelected() ? !0 : s.exact ? e === t : z(t, e);
 };
-class O extends f {
+class O extends x {
   /**
    * This will declare the props for the compiler.
    *
@@ -286,7 +286,7 @@ class O extends f {
    */
   render() {
     const e = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, t = this.mapOptions(this.options);
-    return u({ class: e, onState: this.onState() }, [
+    return d({ class: e, onState: this.onState() }, [
       r({ 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 O extends f {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", L.data],
+        value: ["[[path]]", u.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -340,7 +340,8 @@ class O extends f {
    * @returns {void}
    */
   afterSetup() {
-    this.updateLinks(path);
+    const e = u.data.path;
+    this.updateLinks(e);
   }
   /**
    * This will update the links.
@@ -356,8 +357,8 @@ class O extends f {
     this.parentLink.update(t);
   }
 }
-const E = (s) => d({ class: "text-lg ml-2" }, s), H = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
-  h({
+const E = (s) => h({ class: "text-lg ml-2" }, s), H = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+  p({
     variant: "icon",
     class: "m-2",
     click: (e, { state: t }) => t.toggle("open"),
@@ -437,31 +438,31 @@ class U extends n {
     this.container = app.root;
   }
 }
-const x = () => h({ class: "m-2", variant: "ghost", addState() {
+const m = () => p({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (s, { state: e }) => e.toggle("open") }, [
   o({}, c.bar.three)
-]), A = (s) => d({ class: "text-lg ml-2" }, s), G = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  x(),
+]), A = (s) => h({ class: "text-lg ml-2" }, s), G = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  m(),
   s.title && A(s.title)
-]), m = (s, e) => {
+]), v = (s, e) => {
   s.forEach((t) => {
     if (t.options) {
-      m(t.options, e);
+      v(t.options, e);
       return;
     }
     t.callBack = e;
   });
-}, v = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
-  S(
+}, k = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+  B(
     "open",
     (e) => e ? [
       new U({ title: s.title }, [
-        B(({ state: t }) => {
+        N(({ state: t }) => {
           const a = (W) => t.open = !1;
-          return m(s.options, a), new f(
+          return v(s.options, a), new x(
             {
               options: s.options
             }
@@ -472,20 +473,20 @@ const x = () => h({ class: "m-2", variant: "ghost", addState() {
   )
 ]), q = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   l([
-    x(),
-    v(s)
+    m(),
+    k(s)
   ])
 ])), F = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   l({ class: "flex flex-auto flex-col w-full" }, [
     G(s),
-    v(s)
+    k(s)
   ])
 ]));
 export {
   T as B,
-  f as I,
-  p as M,
-  x as N,
+  x as I,
+  f as M,
+  m as N,
   H as P,
   O as S,
   G as T,

package/dist/molecules.es.js

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

package/dist/organisms.es.js

@@ -1,7 +1,7 @@
 import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-Dbk3_QiK.js";
-import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-o4xFn_he.js";
-import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-0Aq2acIa.js";
-import { S as ba } from "./sidebar-menu-BFlRN7Am.js";
+import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-DIUiqroE.js";
+import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-DxcNwPu2.js";
+import { S as ba } from "./sidebar-menu-BwgM82AG.js";
 export {
   s as BackButton,
   Y as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
 import { B as s, F as P, M as g, P as n } from "./full-page-CgVI1G7F.js";
-import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-CmgdfPy4.js";
+import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-DVgAv5ZY.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-BFlRN7Am.js → sidebar-menu-BwgM82AG.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { I as n } from "./mobile-nav-wrapper-0Aq2acIa.js";
+import { I as n } from "./mobile-nav-wrapper-DxcNwPu2.js";
 const g = ({ title: l, options: s, class: a = "", mobileBorder: t = !1, sticky: e = !1, topNav: o = null, bottomNav: p = null }) => r({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${a}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-CmgdfPy4.js → sidebar-menu-page-DVgAv5ZY.js}

@@ -1,8 +1,8 @@
 import { Div as s } from "@base-framework/atoms";
 import { B as a, M as i, P as r } from "./full-page-CgVI1G7F.js";
 import { F as l, A as n } from "./aside-template-B9V-0xle.js";
-import { b as d } from "./mobile-nav-wrapper-0Aq2acIa.js";
-import { S as o } from "./sidebar-menu-BFlRN7Am.js";
+import { b as d } from "./mobile-nav-wrapper-DxcNwPu2.js";
+import { S as o } from "./sidebar-menu-BwgM82AG.js";
 class p extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-o4xFn_he.js → signature-panel-DIUiqroE.js}

@@ -345,12 +345,13 @@ class Mt extends k {
   updateLinks(t) {
     let e = !1;
     this.deactivateAllLinks();
-    for (const i of this.links) {
-      if (!i.rendered)
+    for (const a of this.links) {
+      if (!a.rendered)
         continue;
-      K(i, i.getLinkPath(), t) ? (this.updateLink(i, !0), e = !0) : this.updateLink(i, !1);
+      K(a, a.getLinkPath(), t) ? (this.updateLink(a, !0), e = !0) : this.updateLink(a, !1);
     }
-    !e && this.links[0] && this.updateLink(this.links[0], !0);
+    const i = this?.links[0] ?? null;
+    !e && i && this.updateLink(i, !0);
   }
   /**
    * This will deactivate all links.

package/dist/types/components/organisms/navigation/inline-navigation.d.ts

@@ -9,6 +9,9 @@
  * @augments Navigation
  */
 export class InlineNavigation extends Navigation {
+    /**
+     * @type {array} links - This will hold the links for the navigation.
+     */
     links: any[];
     /**
      * This will set up the sub nav.

package/dist/types/components/organisms/navigation/navigation-menu/navigation-menu.d.ts

@@ -18,6 +18,9 @@ export class NavigationMenu extends Component {
      * @default ''
      */
     class: string;
+    /**
+     * @type {array} links - This will hold the links for the navigation.
+     */
     links: any[];
     /**
      * This will render the component.

package/package.json

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