@base-framework/ui 1.0.113 → 1.0.115

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-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-CxYLh_yj.js";
+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-DFe_Pzhn.js";
 import { B as m, I as T, L as c } from "./buttons-CVEwmPAi.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";

package/dist/index.es.js

@@ -1,4 +1,4 @@
-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-CxYLh_yj.js";
+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-DFe_Pzhn.js";
 import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.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";
@@ -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-CM2qKExU.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-B7LCME_T.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-Dl_Tkisq.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-CHGsD0xe.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-RXqfmxT9.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-Cm7yI-xw.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-D2Oi9-P4.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-CHGsD0xe.js → mobile-nav-wrapper-Cm7yI-xw.js}

@@ -1,8 +1,8 @@
-import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as u, Div as l, Header as L, H1 as C, H3 as p, OnState as y } from "@base-framework/atoms";
+import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as u, Div as l, Header as C, H1 as L, H3 as p, UseParent as y, OnState as P } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as I, 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 P extends n {
+class $ extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -63,14 +63,14 @@ class P extends n {
     });
   }
 }
-const $ = i(({ options: s, click: e }, t) => ({
+const H = 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
-})), H = (s, e = null, t = !1) => [
+})), M = (s, e = null, t = !1) => [
   e && w({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
@@ -113,7 +113,7 @@ class x extends n {
    */
   render() {
     const e = !this.options && this.callBack;
-    return $(
+    return H(
       { options: this.options, click: e },
       [
         this.addLink()
@@ -127,7 +127,7 @@ class x extends n {
    * @protected
    */
   addLink() {
-    const e = this.options && this.options.length > 0, t = this.content || H(this.label, this.icon, e);
+    const e = this.options && this.options.length > 0, t = this.content || M(this.label, this.icon, e);
     return this.href ? new I(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
@@ -137,7 +137,7 @@ class x extends n {
         exact: this.exact || !1
       },
       t
-    ) : new P({
+    ) : new $({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -155,10 +155,10 @@ class x extends n {
     this.link.update(e);
   }
 }
-const M = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
+const O = 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 O extends n {
+class z extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -207,7 +207,7 @@ class O extends n {
    */
   addGroup(e) {
     const t = this.mapOptions(e.options);
-    return M({ map: t }, e.group);
+    return O({ map: t }, e.group);
   }
   /**
    * This will add a link.
@@ -219,7 +219,7 @@ class O extends n {
     return new x(e);
   }
 }
-class c extends O {
+class c extends z {
   onCreated() {
     this.links = [];
   }
@@ -230,7 +230,7 @@ class c extends O {
    * @returns {object}
    */
   setupSubNav(e) {
-    return new T(
+    return new A(
       {
         parentLink: e,
         options: e.options
@@ -265,11 +265,11 @@ class c extends O {
     };
   }
 }
-const z = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), E = (s, e) => {
+const E = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), T = (s, e) => {
   const t = s.link.panel.pathname;
-  return !t && s.isSelected() ? !0 : s.exact ? e === t : z(t, e);
+  return !t && s.isSelected() ? !0 : s.exact ? e === t : E(t, e);
 };
-class T extends c {
+class A extends c {
   /**
    * This will declare the props for the compiler.
    *
@@ -351,32 +351,32 @@ class T extends c {
   updateLinks(e) {
     let t = !1;
     for (const a of this.links)
-      if (a.rendered && (t = E(a, e), t === !0))
+      if (a.rendered && (t = T(a, e), t === !0))
         break;
     this.parentLink.update(t);
   }
 }
-const J = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: k = !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 && L({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
-    C({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
+const K = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: g = !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 && C({ 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: e, mobileBorder: a, class: k ? "sticky top-0" : "" })
-]), A = (s) => p({ class: "text-lg ml-2" }, s), G = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+  new c({ options: e, mobileBorder: a, class: g ? "sticky top-0" : "" })
+]), G = (s) => p({ class: "text-lg ml-2" }, s), W = (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: (e, { state: t }) => t.toggle("open"),
     icon: r.arrows.left
   }),
-  s.title && A(s.title)
-]), W = () => l({
+  s.title && G(s.title)
+]), j = () => l({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (s, { state: e }) => e.open = !1
 });
-class j extends n {
+class U extends n {
   /**
    * This will declare the props for the compiler.
    *
@@ -395,7 +395,7 @@ class j extends n {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      W(),
+      j(),
       // Popover Content
       l({
         class: `
@@ -404,7 +404,7 @@ class j 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" }, [
-          G({ title: this.title }),
+          W({ title: this.title }),
           l({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -451,21 +451,21 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
 ]), Y = (s) => p({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
   m(),
   s.title && Y(s.title)
-]), v = (s, e) => {
+]), k = (s, e) => {
   s.forEach((t) => {
     if (t.options) {
-      v(t.options, e);
+      k(t.options, e);
       return;
     }
     t.callBack = e;
   });
-}, g = (s) => {
-  const e = (t, { parent: a }) => a.parent.state.open = !1;
-  return v(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
-    y(
+}, v = (s) => {
+  const e = s.closeCallBack;
+  return k(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+    P(
       "open",
       (t) => t ? [
-        new j({ title: s.title }, [
+        new U({ title: s.title }, [
           new c(
             {
               options: s.options
@@ -475,30 +475,30 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
       ] : null
     )
   ]);
-}, K = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+}, Q = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   l([
     m(),
-    g(s)
+    v(s)
   ])
-])), Q = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), V = i((s) => y(({ parent: e }) => (s.closeCallBack = (t) => e.parent.state.open = !1, l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   l({ class: "flex flex-auto flex-col w-full" }, [
     D(s),
-    g(s)
+    v(s)
   ])
-]));
+]))));
 export {
-  W as B,
+  j as B,
   c as I,
   x as M,
-  P as N,
-  G as P,
-  T as S,
+  $ as N,
+  W as P,
+  A as S,
   D as T,
-  M as a,
-  O as b,
-  J as c,
-  K as d,
-  Q as e,
-  j as f,
+  O as a,
+  z as b,
+  K as c,
+  Q as d,
+  V as e,
+  U as f,
   m as g
 };

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-Dl_Tkisq.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-B7LCME_T.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-CHGsD0xe.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-Cm7yI-xw.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-RXqfmxT9.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-D2Oi9-P4.js";
 export {
   s as BasicPage,
   P as BlankPage,

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

package/dist/{tooltip-CxYLh_yj.js → tooltip-DFe_Pzhn.js}

@@ -1,6 +1,6 @@
-import { Span as c, Div as l, Legend as b, Fieldset as f, UseParent as x, Input as C } from "@base-framework/atoms";
+import { Span as c, Div as l, Legend as f, Fieldset as x, UseParent as u, Input as C } from "@base-framework/atoms";
 import { Atom as s, Html as p } from "@base-framework/base";
-import { a as u } from "./veil-D4dRxILB.js";
+import { a as d } from "./veil-D4dRxILB.js";
 import { f as h, e as y, g as k } from "./inputs-Dmu4Z-7-.js";
 const a = {
   gray: {
@@ -90,19 +90,19 @@ const a = {
     ...t,
     class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${r} ${o} ${t.class || ""}`
   }, e);
-}), v = s((t, e) => b({
+}), v = s((t, e) => f({
   ...t,
   class: ` font-medium bg-background -mt-4 -mx-1 px-2 py-2 ${t.class || ""}`
 }, e)), I = s((t, e) => {
   const r = t.border === "full" ? "border rounded-md" : "border-t";
-  return f({
+  return x({
     ...t,
     class: `p-6 ${r} ${t.class || ""}`
   }, [
     t.legend && v(t.legend),
     l({ class: "flex flex-auto flex-col space-y-6" }, e)
   ]);
-}), G = u(
+}), G = d(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -135,7 +135,7 @@ const a = {
       return l({ class: "relative w-full h-4 flex items-center" }, [
         // Track
         l({ class: "absolute h-2 w-full rounded-full bg-muted" }),
-        x(({ state: t }) => [
+        u(({ state: t }) => [
           // Filled Track
           l({
             class: "absolute h-2 bg-primary rounded-full",
@@ -182,7 +182,7 @@ const a = {
     t.options && p.setupSelectOptions(e, t.options);
   }
 })), P = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
-  const r = t, o = 16, n = 2 * Math.PI * o, d = r / 100 * n, m = `
+  const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, b = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
 		<circle
@@ -205,7 +205,7 @@ const a = {
 			stroke-width="4"
 			class="stroke-primary"
 			stroke-dasharray="${n}"
-			stroke-dashoffset="${n - d}"
+			stroke-dashoffset="${n - m}"
 			stroke-linecap="round"
 			class="${e}"
 		/>
@@ -222,7 +222,7 @@ const a = {
 	`;
   return l({
     class: "circle-graph text-inherit",
-    html: m
+    html: b
   });
 }, O = s((t) => {
   const e = t.progress || 0, r = t.class || "", o = i(e, r);
@@ -233,10 +233,10 @@ const a = {
       (n) => (n = P(n), n ? i(n, r) : o)
     ]
   }, [o]);
-}), S = () => l({
+}), S = () => u(({ state: t }) => l({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
-  style: "width: [[progress]]%;"
-}), V = u(
+  style: ["width: [[progress]]%;", t]
+})), V = d(
   {
     /**
      * This will render the progress bar component.

package/package.json

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