@base-framework/ui 1.1.13 → 1.1.15

package/dist/{mobile-nav-wrapper-C3Lvz7CH.js → mobile-nav-wrapper-1erstN34.js}

@@ -1,8 +1,8 @@
-import { Button as S, I as B, Label as N, Span as L, Ul as o, H4 as C, Nav as p, Div as l, Header as y, H1 as P, H3 as h, OnState as I, UseParent as $ } from "@base-framework/atoms";
-import { Component as n, Atom as i, NavLink as H, router as d } from "@base-framework/base";
-import { I as f, B as x } from "./buttons-Dr-bViom.js";
-import { Icons as r } from "./icons.es.js";
-class M extends n {
+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-snATS4J5.js";
+import { Icons as c } from "./icons.es.js";
+class C extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -19,7 +19,7 @@ class M extends n {
    */
   render() {
     const e = this.state;
-    return S({
+    return g({
       class: this.class || "",
       onState: [
         ["selected", {
@@ -63,23 +63,24 @@ class M extends n {
     });
   }
 }
-const O = i(({ options: s, click: e }, t) => ({
+const y = i(({ options: s, click: e }, t) => ({
   tag: "li",
   ...{
     class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${s ? " sub" : ""}`,
     click: e
   },
   children: t
-})), z = (s, e = null, t = !1) => [
-  e && B({
+})), P = (s, e = null, t = !1) => [
+  e && l({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
       selected: !0
-    }],
-    html: e
-  }),
-  N({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
-  t && L(
+    }]
+  }, [
+    o({ size: "sm" }, e)
+  ]),
+  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: [
@@ -92,11 +93,11 @@ const O = i(({ options: s, click: e }, t) => ({
       ]
     },
     [
-      f({ size: "xs" }, r.chevron.single.down)
+      o({ size: "xs" }, c.chevron.single.down)
     ]
   )
 ];
-class m extends n {
+class f extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -113,7 +114,7 @@ class m extends n {
    */
   render() {
     const e = !this.options && this.callBack;
-    return O(
+    return y(
       { options: this.options, click: e },
       [
         this.addLink()
@@ -127,8 +128,8 @@ class m extends n {
    * @protected
    */
   addLink() {
-    const e = this.options && this.options.length > 0, t = this.content || z(this.label, this.icon, e);
-    return this.href ? new H(
+    const e = this.options && this.options.length > 0, t = this.content || P(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",
@@ -137,7 +138,7 @@ class m extends n {
         exact: this.exact || !1
       },
       t
-    ) : new M({
+    ) : new C({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -155,10 +156,10 @@ class m extends n {
     this.link.update(e);
   }
 }
-const E = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
-  C({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
+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 }, [
+  S({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
 ]));
-class T extends n {
+class $ extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -174,8 +175,8 @@ class T extends n {
    */
   render() {
     const e = this.mapOptions(this.options), t = this.class || "", a = this.mobileBorder ? "border md:border-0 rounded-md" : "";
-    return p({ class: `navigation flex flex-auto flex-col ${t}` }, [
-      o({
+    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
       }),
@@ -207,7 +208,7 @@ class T extends n {
    */
   addGroup(e) {
     const t = this.mapOptions(e.options);
-    return E({ map: t }, e.group);
+    return I({ map: t }, e.group);
   }
   /**
    * This will add a link.
@@ -216,10 +217,10 @@ class T extends n {
    * @returns {object}
    */
   addLink(e) {
-    return new m(e);
+    return new f(e);
   }
 }
-class c extends T {
+class x extends $ {
   onCreated() {
     this.links = [];
   }
@@ -230,7 +231,7 @@ class c extends T {
    * @returns {object}
    */
   setupSubNav(e) {
-    return new W(
+    return new O(
       {
         parentLink: e,
         options: e.options
@@ -254,7 +255,7 @@ class c extends T {
    * @returns {object}
    */
   addLink(e) {
-    const t = new m(e);
+    const t = new f(e);
     if (this.links.push(t), !t.options)
       return t;
     const a = this.addSubNav(t);
@@ -265,11 +266,11 @@ class c extends T {
     };
   }
 }
-const A = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), G = (s, e) => {
+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 : A(t, e);
+  return !t && s.isSelected() ? !0 : s.exact ? e === t : z(t, e);
 };
-class W extends c {
+class O extends x {
   /**
    * This will declare the props for the compiler.
    *
@@ -285,8 +286,8 @@ class W extends c {
    */
   render() {
     const e = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, t = this.mapOptions(this.options);
-    return p({ 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()])
+    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()])
     ]);
   }
   /**
@@ -298,7 +299,7 @@ class W extends c {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", d.data],
+        value: ["[[path]]", u.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -339,7 +340,7 @@ class W extends c {
    * @returns {void}
    */
   afterSetup() {
-    const e = d.data.get("path");
+    const e = u.data.get("path");
     this.updateLinks(e);
   }
   /**
@@ -351,34 +352,27 @@ class W extends c {
   updateLinks(e) {
     let t = !1;
     for (const a of this.links)
-      if (a.rendered && (t = G(a, e), t === !0))
+      if (a.rendered && (t = M(a, e), t === !0))
         break;
     this.parentLink.update(t);
   }
 }
-const V = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: u = !1, topNav: b = null, bottomNav: w = null }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${t}` }, [
-  b,
-  s && y({ class: "pb-4 md:pb-2 px-6 flex" }, [
-    P({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
-  ]),
-  new c({ options: e, mobileBorder: a, class: u ? "sticky top-0" : "" }),
-  w
-]), j = (s) => h({ class: "text-lg ml-2" }, s), U = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
-  x({
+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"),
-    icon: r.arrows.left
+    icon: c.arrows.left
   }),
-  s.title && j(s.title)
-]), Y = () => l({
+  s.title && E(s.title)
+]), T = () => l({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (s, { state: e }) => e.open = !1
 });
-class D extends n {
+class U extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -397,7 +391,7 @@ class D extends n {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      Y(),
+      T(),
       // Popover Content
       l({
         class: `
@@ -406,7 +400,7 @@ class D extends n {
         dataSet: ["open", ["expanded", !0, "true"]]
       }, [
         l({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
-          U({ title: this.title }),
+          H({ title: this.title }),
           l({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -444,31 +438,31 @@ class D extends n {
     this.container = app.root;
   }
 }
-const v = (s) => x({ class: "m-2", variant: "ghost", addState() {
+const m = () => p({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
-}, click: (e, { state: t }) => t.toggle("open") }, [
-  f(r.bar.three)
-]), R = (s) => h({ class: "text-lg ml-2" }, s), q = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  v(),
-  s.title && R(s.title)
-]), g = (s, e) => {
+}, click: (s, { state: e }) => e.toggle("open") }, [
+  o({}, c.bar.three)
+]), 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)
+]), v = (s, e) => {
   s.forEach((t) => {
     if (t.options) {
-      g(t.options, e);
+      v(t.options, e);
       return;
     }
     t.callBack = e;
   });
 }, k = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
-  I(
+  B(
     "open",
     (e) => e ? [
-      new D({ title: s.title }, [
-        $(({ state: t }) => {
-          const a = (u) => t.open = !1;
-          return g(s.options, a), new c(
+      new U({ title: s.title }, [
+        N(({ state: t }) => {
+          const a = (W) => t.open = !1;
+          return v(s.options, a), new x(
             {
               options: s.options
             }
@@ -477,30 +471,29 @@ const v = (s) => x({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), X = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), q = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   l([
-    v(),
+    m(),
     k(s)
   ])
-])), Z = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), 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" }, [
-    q(s),
+    G(s),
     k(s)
   ])
 ]));
 export {
-  Y as B,
-  c as I,
-  m as M,
-  v as N,
-  U as P,
-  V as S,
-  q as T,
-  X as a,
-  Z as b,
-  M as c,
-  T as d,
-  E as e,
-  D as f,
-  W as g
+  T as B,
+  x as I,
+  f as M,
+  m as N,
+  H as P,
+  O as S,
+  G as T,
+  q as a,
+  F as b,
+  C as c,
+  $ as d,
+  I as e,
+  U as f
 };

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-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 g, k as u, l as c, 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-CxSSx4bC.js";
-import { A as X, P as Y, g as Z } from "./range-calendar-BZW1R_D_.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-BR5Aa8lA.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-CuC8q0fJ.js";
 export {
   s as Alert,
   X as Avatar,
@@ -15,9 +15,9 @@ export {
   p as DetailBody,
   D as DetailSection,
   S as Dialog,
-  g as DialogContainer,
-  u as DotsIndicator,
-  c as Drawer,
+  u as DialogContainer,
+  c as DotsIndicator,
+  g as Drawer,
   F as Dropdown,
   T as DropdownItem,
   P as DropdownMenu,

package/dist/organisms.es.js

@@ -1,65 +1,66 @@
-import { B as s, a as n, C as t, D as r, b as o, c as l, d as i, H as d, I as b, N as u, O as p, P as v, S as g, e as T, f as D, g as N, h as c, T as k, i as C, j as m, k as y, U as B, l as M, m as S, n as h, o as W, p as H, W as I, q as P, r as U, s as x, t as f, u as L, v as O, w as F, x as G, y as w } from "./signature-panel-CErd4IW_.js";
-import { C as j, a as q, D as z, b as A, F as E, M as J, R as K, c as Q, p as V } from "./range-calendar-BZW1R_D_.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, g as ia, T as da } from "./mobile-nav-wrapper-C3Lvz7CH.js";
+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-CuC8q0fJ.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-CVq5N5M1.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-1erstN34.js";
+import { S as ba } from "./sidebar-menu-CVyJBcHE.js";
 export {
   s as BackButton,
   Y as Backdrop,
-  n as ButtonTab,
-  j as Calendar,
-  q as CalendarCells,
-  t as CheckboxCol,
-  r as DataTable,
-  o as DataTableBody,
-  z as DayCell,
-  A as DayHeader,
-  l as DockableOverlay,
-  i as DynamicDataTable,
-  E as FormatDate,
-  d as HeaderCol,
+  W as ButtonTab,
+  n as Calendar,
+  t as CalendarCells,
+  r as CheckboxCol,
+  o as DataTable,
+  l as DataTableBody,
+  i as DayCell,
+  d as DayHeader,
+  b as DockableOverlay,
+  p as DynamicDataTable,
+  u as FormatDate,
+  T as HeaderCol,
   Z as InlineNavigation,
-  b as InlineOverlay,
+  U as InlineOverlay,
   _ as MainLink,
   $ as MobileNavButton,
   aa as MobileNavWrapper,
-  J as MonthCalendar,
+  g as MonthCalendar,
   ea as NavButton,
   sa as NavButtonLink,
   na as Navigation,
   ta as NavigationGroup,
-  u as NavigationMenu,
+  f as NavigationMenu,
   ra as NavigationPopover,
-  p as Overlay,
-  v as Panel,
+  v as Overlay,
+  H as Panel,
   oa as PopupHeader,
-  K as RangeCalendar,
-  g as ScrollableDataTable,
-  T as SearchDropdown,
-  D as SearchInput,
-  la as SidebarMenu,
-  N as SignaturePanel,
-  c as SimpleSearchInput,
-  ia as SubNavigation,
-  k as Tab,
-  C as TabGroup,
-  m as TabNavigation,
-  y as TableHeader,
-  da as TitleHeader,
-  B as UnderlinedButtonTab,
-  M as UnderlinedTab,
-  S as UnderlinedTabGroup,
-  h as UnderlinedTabNavigation,
-  W as UserList,
-  H as UserListItem,
-  I as WeekCalendar,
-  P as WeekCell,
-  U as WeekCells,
-  x as WeekHeader,
-  Q as addTime,
-  f as calculateWeekNumber,
-  L as generateWeeks,
-  O as getDateFromWeek,
-  F as getMonthDays,
-  G as getNextMonthDays,
-  w as getPreviousMonthDays,
-  V as pad
+  N as RangeCalendar,
+  k as ScrollableDataTable,
+  D as SearchDropdown,
+  c as SearchInput,
+  ba as SidebarMenu,
+  I as SignaturePanel,
+  C as SimpleSearchInput,
+  la as SubNavigation,
+  P as Tab,
+  x as TabGroup,
+  L as TabNavigation,
+  m as TableHeader,
+  ia as TitleHeader,
+  O as UnderlinedButtonTab,
+  F as UnderlinedTab,
+  G as UnderlinedTabGroup,
+  j as UnderlinedTabNavigation,
+  B as UserList,
+  S as UserListItem,
+  R as WeekCalendar,
+  w as WeekCell,
+  q as WeekCells,
+  z as WeekHeader,
+  M as addTime,
+  A as calculateWeekNumber,
+  E as generateWeeks,
+  J as getDateFromWeek,
+  K as getMonthDays,
+  Q as getNextMonthDays,
+  V as getPreviousMonthDays,
+  h as pad
 };

package/dist/pages.es.js

@@ -1,12 +1,13 @@
-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-BtuUB_XB.js";
+import { B as s, F as P, M as g, P as n } from "./full-page-DccgwWsM.js";
+import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-Db-6HPoS.js";
 export {
   s as BasicPage,
-  P as BlankPage,
-  g as CenterPage,
-  n as FullContainPage,
-  l as FullPage,
-  i as FullscreenPage,
-  r as MainSection,
-  c as Page,
-  o as SidebarMenuPage
+  r as BlankPage,
+  o as CenterPage,
+  i as FullContainPage,
+  P as FullPage,
+  t as FullscreenPage,
+  g as MainSection,
+  n as Page,
+  F as SidebarMenuPage
 };

package/dist/sidebar-menu-CVyJBcHE.js

@@ -0,0 +1,13 @@
+import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
+import { I as n } from "./mobile-nav-wrapper-1erstN34.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" }, [
+    c({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, l)
+  ]),
+  new n({ options: s, mobileBorder: t, class: e ? "sticky top-0" : "" }),
+  p
+]);
+export {
+  g as S
+};

package/dist/sidebar-menu-page-Db-6HPoS.js

@@ -0,0 +1,153 @@
+import { Div as s } from "@base-framework/atoms";
+import { B as a, M as i, P as r } from "./full-page-DccgwWsM.js";
+import { F as l, A as n } from "./aside-template-BDvEMLnk.js";
+import { b as d } from "./mobile-nav-wrapper-1erstN34.js";
+import { S as o } from "./sidebar-menu-CVyJBcHE.js";
+class p extends a {
+  /**
+   * This will render the page.
+   *
+   * @returns {object}
+   */
+  render() {
+    const e = this.class != "" ? this.class : "pt-[80px] sm:pt-0";
+    return l([
+      s({ class: `flex flex-auto flex-col ${e}` }, this.children)
+    ]);
+  }
+}
+class m extends a {
+  /**
+   * This will render the page.
+   *
+   * @returns {object}
+   */
+  render() {
+    return l([
+      s({ class: "contained px-4 flex flex-auto flex-col" }, this.children)
+    ]);
+  }
+}
+class g extends a {
+  /**
+   * This will render the page.
+   *
+   * @returns {object}
+   */
+  render() {
+    return i([
+      l([
+        s({ class: "contained px-4 flex flex-auto flex-col" }, this.children)
+      ])
+    ]);
+  }
+}
+class P extends r {
+  /**
+   * This will render the page.
+   *
+   * @returns {object}
+   */
+  render() {
+    const e = this.class ?? "";
+    return s({ class: `flex flex-col flex-auto ${e}` }, this.children);
+  }
+}
+class S extends a {
+  /**
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
+  declareProps() {
+    super.declareProps(), this.routes = [], this.switch = [], this.links = [], this.title = "";
+  }
+  /**
+   * This will render the page.
+   *
+   * @returns {object}
+   */
+  render() {
+    return i(
+      {
+        route: this.addRoutes()
+      },
+      [
+        n({
+          left: this.addSidebar(),
+          right: this.addBody()
+        })
+      ]
+    );
+  }
+  /**
+   * This will add the routes.
+   *
+   * @returns {array}
+   */
+  addRoutes() {
+    return this.routes || [];
+  }
+  /**
+   * This will add the sidebar of the page.
+   *
+   * @returns {object}
+   */
+  addSidebar() {
+    return s({ class: "flex flex-auto flex-col" }, this.addNavigation());
+  }
+  /**
+   * This will add the body of the page.
+   *
+   * @returns {object}
+   */
+  addBody() {
+    return s({ class: "flex flex-auto flex-col" }, [
+      {
+        class: "contained",
+        switch: this.addSwitch()
+      }
+    ]);
+  }
+  /**
+   * This will add the switch of the page.
+   *
+   * @returns {array}
+   */
+  addSwitch() {
+    return this.switch || [];
+  }
+  /**
+   * This will add the navigation of the page.
+   *
+   * @returns {object}
+   */
+  addNavigation() {
+    const e = this.getLinks();
+    return [
+      o(
+        {
+          title: this.title,
+          options: e,
+          class: "hidden lg:flex"
+        }
+      ),
+      d({ title: this.title, options: e })
+    ];
+  }
+  /**
+   * This will get the links.
+   *
+   * @returns {array}
+   */
+  getLinks() {
+    return this.links || [];
+  }
+}
+export {
+  p as B,
+  m as C,
+  g as F,
+  S,
+  P as a
+};