@base-framework/ui 1.0.24 → 1.0.26

package/dist/atoms.es.js

@@ -1,6 +1,6 @@
-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-BycfNakY.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-BfjS2tiN.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-C1dvFQuB.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-CzHSmZKP.js";
 import { V as W, a as w } from "./veil-DSQdR6CM.js";
 export {
   e as Badge,

package/dist/{calendar-cfaISqs6.js → calendar-CYExSMEO.js}

@@ -163,10 +163,10 @@ const H = k(({ src: e, alt: t }) => e ? I({
   return i(
     {
       class: `
-            flex items-center justify-center w-full h-full rounded-full
-            bg-muted text-muted-foreground font-medium
-            ${o}
-        `
+			flex items-center justify-center w-full h-full rounded-full
+			bg-muted text-muted-foreground font-medium
+			${o}
+		`
     },
     [
       t ? X(t) : M(s)
@@ -263,11 +263,11 @@ const H = k(({ src: e, alt: t }) => e ? I({
 ), $ = ({ label: e, click: t }) => A(
   {
     class: `
-            inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
-            opacity-50 hover:opacity-100 text-muted-foreground absolute
-            ${e === "Previous" ? "left-1" : "right-1"}
-            focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
-          `,
+			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
+			opacity-50 hover:opacity-100 text-muted-foreground absolute
+			${e === "Previous" ? "left-1" : "right-1"}
+			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
+		  `,
     click: t,
     "aria-label": `${e} month`,
     variant: "icon",
@@ -309,10 +309,10 @@ const H = k(({ src: e, alt: t }) => e ? I({
 ]);
 class ut extends N {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.selectedDate = null, this.selectedCallBack = null, this.blockPriorDates = !1;
   }

package/dist/{confirmation-BR9Nfflx.js → confirmation-WhNImSlG.js}

@@ -1,6 +1,6 @@
 import { Div as n, I as f, H5 as _, P as b, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
 import { Atom as c, Component as p, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
-import { P as D, b as te } from "./calendar-cfaISqs6.js";
+import { P as D, b as te } from "./calendar-CYExSMEO.js";
 import { B as u, I as x } from "./buttons-CVEwmPAi.js";
 import { Icons as d } from "./icons.es.js";
 import { a as w } from "./veil-DSQdR6CM.js";
@@ -46,10 +46,10 @@ const P = {
 });
 class ae extends p {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.removingClass = "";
   }
@@ -85,8 +85,8 @@ const ce = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
 ]), ge = ({ label: e, icon: t, toggleDropdown: s }) => h({
   cache: "button",
   class: `inline-flex items-center justify-between rounded-md border border-input
-            bg-background px-2 py-2 text-sm font-medium hover:bg-muted
-            focus:outline-none transition duration-150 ease-in-out`,
+			bg-background px-2 py-2 text-sm font-medium hover:bg-muted
+			focus:outline-none transition duration-150 ease-in-out`,
   click: s
 }, [
   e && a(e),
@@ -105,10 +105,10 @@ const ce = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
 ]);
 class mt extends p {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.label = null, this.icon = null, this.onSelect = null, this.groups = [];
   }
@@ -298,10 +298,10 @@ class xt extends p {
     );
   }
   /**
-      * This will setup the states.
-      *
-      * @returns {object}
-      */
+   * This will setup the states.
+   *
+   * @returns {object}
+   */
   setupStates() {
     return {
       open: {
@@ -321,10 +321,10 @@ class xt extends p {
     return [];
   }
   /**
-      * This will get the buttons for the modal.
-      *
-      * @returns {array}
-      */
+   * This will get the buttons for the modal.
+   *
+   * @returns {array}
+   */
   getButtons() {
     return [
       u({ variant: "outline", click: () => this.destroy() }, "Cancel"),
@@ -332,11 +332,11 @@ class xt extends p {
     ];
   }
   /**
-      * This will check if the click was outside the component.
-      *
-      * @param {object} element
-      * @returns {boolean}
-      */
+   * This will check if the click was outside the component.
+   *
+   * @param {object} element
+   * @returns {boolean}
+   */
   isOutsideClick(t) {
     return !this.panel.contains(t);
   }
@@ -379,10 +379,10 @@ class xt extends p {
     return this.getSizeClass() + " " + this.getTypeClass();
   }
   /**
-      * This will override the set up to use the app shell.
-      *
-      * @param {object} container
-      */
+   * This will override the set up to use the app shell.
+   *
+   * @param {object} container
+   */
   setContainer(t) {
     this.container = app.root;
   }
@@ -452,10 +452,10 @@ const z = {
 }, s));
 class Me extends ae {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.removingClass = "pullRight", this.secondaryAction = null, this.primaryAction = null, this.primary = !1, this.secondary = !1, this.title = null, this.description = null, this.icon = null, this.onClick = null;
   }
@@ -1227,8 +1227,8 @@ const $t = w(
 ]), st = c((e, t) => X(
   {
     class: `fixed pullUpIn z-30 w-[98%] border md:w-full max-w-lg bg-popover text-foreground shadow-lg duration-200
-                rounded-lg flex flex-auto flex-col
-                bottom-4 top-auto inset-auto m-auto md:bottom-0 md:top-0 left-0 right-0 ${e.class}`,
+				rounded-lg flex flex-auto flex-col
+				bottom-4 top-auto inset-auto m-auto md:bottom-0 md:top-0 left-0 right-0 ${e.class}`,
     click: e.click,
     aria: { expanded: ["open"] }
   },
@@ -1275,10 +1275,10 @@ const $t = w(
 };
 class nt extends p {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.title = null, this.description = null, this.type = "", this.icon = null, this.onClose = null, this.hideFooter = !1, this.buttons = null;
   }
@@ -1322,10 +1322,10 @@ class nt extends p {
     };
   }
   /**
-  * This will get the modal class.
-  *
-  * @returns {string}
-  */
+   * This will get the modal class.
+   *
+   * @returns {string}
+   */
   getMainClass() {
     return "";
   }
@@ -1348,18 +1348,18 @@ class nt extends p {
 }
 class Mt extends nt {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.confirmTextLabel = null, this.confirmed = null;
   }
   /**
-      * This will get the buttons for the modal.
-      *
-      * @returns {array}
-      */
+   * This will get the buttons for the modal.
+   *
+   * @returns {array}
+   */
   getButtons() {
     const t = this.confirmTextLabel || "Confirm";
     return [

package/dist/icons.es.js

@@ -640,7 +640,7 @@ const o = {
 </svg>`,
   companies: {
     gitHub: `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="size-6">
-    <path d="M12 2C6.48 2 2 6.48 2 12c0 4.42 2.87 8.16 6.84 9.49.5.09.66-.22.66-.49 0-.24-.01-.87-.01-1.71-2.78.61-3.37-1.34-3.37-1.34-.45-1.16-1.1-1.47-1.1-1.47-.9-.61.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.89 1.53 2.34 1.09 2.91.83.09-.65.35-1.09.64-1.34-2.22-.25-4.55-1.11-4.55-4.93 0-1.09.39-1.98 1.02-2.68-.1-.25-.45-1.27.1-2.64 0 0 .84-.27 2.75 1.02A9.6 9.6 0 0 1 12 6.8c.85.004 1.71.11 2.5.33 1.9-1.3 2.75-1.02 2.75-1.02.56 1.37.21 2.39.11 2.64.63.7 1.02 1.59 1.02 2.68 0 3.83-2.34 4.68-4.57 4.92.36.31.68.91.68 1.84 0 1.33-.01 2.41-.01 2.74 0 .27.16.59.67.49C19.14 20.16 22 16.42 22 12c0-5.52-4.48-10-10-10z"/>
+	<path d="M12 2C6.48 2 2 6.48 2 12c0 4.42 2.87 8.16 6.84 9.49.5.09.66-.22.66-.49 0-.24-.01-.87-.01-1.71-2.78.61-3.37-1.34-3.37-1.34-.45-1.16-1.1-1.47-1.1-1.47-.9-.61.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.89 1.53 2.34 1.09 2.91.83.09-.65.35-1.09.64-1.34-2.22-.25-4.55-1.11-4.55-4.93 0-1.09.39-1.98 1.02-2.68-.1-.25-.45-1.27.1-2.64 0 0 .84-.27 2.75 1.02A9.6 9.6 0 0 1 12 6.8c.85.004 1.71.11 2.5.33 1.9-1.3 2.75-1.02 2.75-1.02.56 1.37.21 2.39.11 2.64.63.7 1.02 1.59 1.02 2.68 0 3.83-2.34 4.68-4.57 4.92.36.31.68.91.68 1.84 0 1.33-.01 2.41-.01 2.74 0 .27.16.59.67.49C19.14 20.16 22 16.42 22 12c0-5.52-4.48-10-10-10z"/>
 </svg>`,
     apple: `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="size-6">
 <path d="M16.36 1.43c.55-.65.96-1.53.86-2.43-.83.04-1.83.52-2.42 1.18-.53.6-.99 1.52-.87 2.39.95.08 1.88-.5 2.43-1.14zM20.36 13.2c-.14-.13-2.68-1.36-2.68-4.06 0-2.59 2.08-3.69 2.18-3.76-.69-1.02-1.8-1.68-3.04-1.7-1.31-.01-2.56.77-3.21.77-.69 0-1.78-.75-2.92-.73-1.5.02-2.91.89-3.69 2.26-1.56 2.7-.4 6.67 1.11 8.85.72 1.08 1.58 2.3 2.72 2.25.89-.04 1.23-.57 2.3-.57 1.06 0 1.37.57 2.27.55 1.08-.02 1.75-1.1 2.44-2.19.75-1.16 1.06-2.28 1.08-2.33-.03-.01-2.32-.91-2.38-3.23z"/>

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-BycfNakY.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-BfjS2tiN.js";
 import { B as g, I as C, L as T } from "./buttons-CVEwmPAi.js";
-import { C as D, d as I, D as S, c as b, 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-C1dvFQuB.js";
+import { C as D, d as I, D as S, c as b, 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-CzHSmZKP.js";
 import { V as w, a as U } from "./veil-DSQdR6CM.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 Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BR9Nfflx.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-cfaISqs6.js";
-import { B as Oa, m 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, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-SQtHILAM.js";
-import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-DyNFnla-.js";
-import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-lAu74WTl.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 Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-WhNImSlG.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-CYExSMEO.js";
+import { B as Oa, m 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, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-dqDinVVp.js";
+import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-BE_hr65B.js";
+import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-nCAVFk3R.js";
 import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-McEj_Gxc.js";
 import { B as zs } from "./bside-template-Du2m3rsE.js";
 export {

package/dist/{inputs-C1dvFQuB.js → inputs-CzHSmZKP.js}

@@ -1,7 +1,6 @@
 import { Div as l, Label as d, Checkbox as u, Span as g, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
-import { Icons as y } from "./icons.es.js";
-import { a as $ } from "./veil-DSQdR6CM.js";
-import { Atom as t } from "@base-framework/base";
+import { Jot as y, Atom as t } from "@base-framework/base";
+import { Icons as $ } from "./icons.es.js";
 const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-input bg-background", n = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", i = "disabled:cursor-not-allowed disabled:opacity-50", f = "placeholder:text-muted-foreground", h = `${v} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: s, required: a }) => u({
   id: e,
   cache: "checkbox",
@@ -17,7 +16,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
     "checked",
     (e) => e ? x({
       class: "w-2 h-2 pointer-events-none",
-      html: y.check
+      html: $.check
     }) : null
   )
 ]), w = ({ id: e, bind: o, checked: s, required: a, clickHandler: m }) => l({
@@ -46,7 +45,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, o), F = $(
+}, o), q = y(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -55,6 +54,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
      */
     state() {
       return {
+        // @ts-ignore
         checked: this.checked ?? !1
       };
     },
@@ -86,11 +86,16 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
       return l({ class: `flex items-center space-x-2 cursor-pointer ${this.class || ""}` }, [
         w({
           id: e,
+          // @ts-ignore
           bind: this.bind,
+          // @ts-ignore
           checked: this.state.checked,
+          // @ts-ignore
           required: this.required,
+          // @ts-ignore
           clickHandler: (o) => this.clickHandler(o)
         }),
+        // @ts-ignore
         this.label && H({ id: e, label: this.label, clickHandler: () => this.clickHandler() })
       ]);
     }
@@ -105,7 +110,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
 }, c = t((e) => r({
   ...e,
   class: `${h} ${e.class || ""}`.trim()
-})), L = t((e) => c({
+})), F = t((e) => c({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -114,50 +119,50 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   required: !0,
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: E
-})), M = t((e) => c({
+})), L = t((e) => c({
   ...e,
   type: "email",
   name: e.name || "Email",
   label: e.label || "Email",
   placeholder: "Email address"
-})), R = t((e) => k({
+})), M = t((e) => k({
   ...e,
   as: "textarea",
   class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border border-input bg-background ${n} ${f} ${i} ${e.class || ""}`.trim()
-})), U = (e = {}) => l({ class: "flex items-center space-x-2" }, [
+})), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
   r({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
   e.label && d({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), W = t((e) => r({
+]), U = t((e) => r({
   ...e,
   type: "date",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), j = t((e) => r({
+})), W = t((e) => r({
   ...e,
   type: "time",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), z = t((e) => r({
+})), j = t((e) => r({
   ...e,
   type: "datetime-local",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), A = t((e) => r({
+})), z = t((e) => r({
   ...e,
   type: "month",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), B = t((e) => r({
+})), A = t((e) => r({
   ...e,
   type: "week",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), J = t((e) => c({
+})), B = t((e) => c({
   ...e,
   type: "number"
-})), O = t((e) => c({
+})), J = t((e) => c({
   ...e,
   type: "password"
-})), V = t((e) => c({
+})), O = t((e) => c({
   ...e,
   type: "search"
 })), G = t((e) => c({
@@ -175,29 +180,29 @@ t((e) => u({
   ...e,
   class: `flex h-4 w-4 rounded-md border border-input bg-background text-foreground ${n} ${i} ${e.class || ""}`.trim()
 }));
-const D = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", X = t((e) => r({
+const D = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", V = t((e) => r({
   ...e,
   type: "file",
   class: `${h} ${D} ${e.class || ""}`.trim()
 }));
 export {
-  F as C,
-  W as D,
-  M as E,
-  X as F,
+  q as C,
+  U as D,
+  L as E,
+  V as F,
   K as H,
   c as I,
-  A as M,
-  J as N,
-  O as P,
-  U as R,
-  V as S,
-  L as T,
+  z as M,
+  B as N,
+  J as P,
+  R,
+  O as S,
+  F as T,
   G as U,
-  B as W,
-  R as a,
-  j as b,
-  z as c,
+  A as W,
+  M as a,
+  W as b,
+  j as c,
   Q as d,
   i as e,
   n as f,

package/dist/{mobile-nav-wrapper-DyNFnla-.js → mobile-nav-wrapper-BE_hr65B.js}

@@ -372,25 +372,25 @@ const F = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky:
   s.title && T(s.title)
 ]), G = () => l({
   class: `
-            absolute inset-0 bg-black/40 z-[-1] fadeIn
-            transition-opacity duration-200
-        `,
+			absolute inset-0 bg-black/40 z-[-1] fadeIn
+			transition-opacity duration-200
+		`,
   click: (s, { state: e }) => e.open = !1
 });
 class W extends n {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.title = "";
   }
   /**
-  * This will render the modal component.
-  *
-  * @returns {object}
-  */
+   * This will render the modal component.
+   *
+   * @returns {object}
+   */
   render() {
     return l({
       class: "fixed inset-0 z-50",
@@ -400,8 +400,8 @@ class W extends n {
       // Popover Content
       l({
         class: `
-                    absolute popIn w-auto p-0 bg-popover m-auto shadow-lg rounded-md top-0 bottom-0 left-2 right-2 max-h-[85vh] text-inherit block
-                `,
+					absolute popIn w-auto p-0 bg-popover m-auto shadow-lg rounded-md top-0 bottom-0 left-2 right-2 max-h-[85vh] text-inherit block
+				`,
         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" }, [
@@ -435,10 +435,10 @@ class W extends n {
     document.documentElement.style.overflowY = "hidden";
   }
   /**
-      * This will override the set up to use the body.
-      *
-      * @param {object} container
-      */
+   * This will override the set up to use the body.
+   *
+   * @param {object} container
+   */
   setContainer(e) {
     this.container = app.root;
   }

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-BR9Nfflx.js";
-import { A as O, P as R, g as _ } from "./calendar-cfaISqs6.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-WhNImSlG.js";
+import { A as O, P as R, g as _ } from "./calendar-CYExSMEO.js";
 export {
   o as Alert,
   O as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-SQtHILAM.js";
-import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-cfaISqs6.js";
-import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-DyNFnla-.js";
+import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-dqDinVVp.js";
+import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-CYExSMEO.js";
+import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-BE_hr65B.js";
 export {
   s as BackButton,
   z 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-lAu74WTl.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-nCAVFk3R.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{sidebar-menu-page-lAu74WTl.js → sidebar-menu-page-nCAVFk3R.js}

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

package/dist/{signature-panel-SQtHILAM.js → signature-panel-dqDinVVp.js}

@@ -3,8 +3,8 @@ import { Atom as u, Component as g, Data as L, DateTime as K, Jot as R, router a
 import { B as C, I as z } from "./buttons-CVEwmPAi.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as _, List as G, IntervalTimer as V } from "@base-framework/organisms";
-import { C as J, I as Z, H as ee } from "./inputs-C1dvFQuB.js";
-import { A as te, P as se } from "./calendar-cfaISqs6.js";
+import { C as J, I as Z, H as ee } from "./inputs-CzHSmZKP.js";
+import { A as te, P as se } from "./calendar-CYExSMEO.js";
 u((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -86,10 +86,10 @@ const ne = (t) => {
     text: t || "",
     disabled: !t,
     class: `
-            px-2 py-1 text-center rounded-md
-            ${i ? "bg-accent text-accent-foreground" : ""}
-            hover:bg-primary hover:text-primary-foreground
-        `,
+			px-2 py-1 text-center rounded-md
+			${i ? "bg-accent text-accent-foreground" : ""}
+			hover:bg-primary hover:text-primary-foreground
+		`,
     click: () => a(n, s)
   });
 }, ce = (t, e) => {
@@ -159,11 +159,11 @@ const ne = (t) => {
 }), W = ({ label: t, click: e }) => C(
   {
     class: `
-            inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
-            opacity-50 hover:opacity-100 text-muted-foreground absolute
-            ${t === "Previous" ? "left-1" : "right-1"}
-            focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
-          `,
+			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
+			opacity-50 hover:opacity-100 text-muted-foreground absolute
+			${t === "Previous" ? "left-1" : "right-1"}
+			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
+		  `,
     click: e,
     "aria-label": `${t} month`,
     variant: "icon",
@@ -182,10 +182,10 @@ const ne = (t) => {
 ]);
 class Ze extends g {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.selectedDate = null, this.selectedWeek = null, this.selectedCallBack = null;
   }
@@ -519,10 +519,10 @@ const ue = (t, e) => {
 });
 class st extends g {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.options = [], this.class = "";
   }
@@ -635,10 +635,10 @@ const nt = u((t) => {
 });
 class N extends g {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.class = "";
   }
@@ -669,11 +669,11 @@ class N extends g {
     return "overlay fixed top-[0px] left-0 bottom-0 right-0 flex-col bg-background z-20 lg:z-10 flex flex-auto lg:left-[64px] lg:top-0 overflow-y-auto will-change-contents " + (this.class || "");
   }
   /**
-  * This will setup and render the component.
-  *
-  * @param {object} container
-  * @returns {void}
-  */
+   * This will setup and render the component.
+   *
+   * @param {object} container
+   * @returns {void}
+   */
   setContainer(e) {
     this.container = app.root;
   }
@@ -761,11 +761,11 @@ class at extends N {
     return "flex flex-auto flex-col bg-background flex will-change-contents " + (this.class || "");
   }
   /**
-  * This will setup and render the component.
-  *
-  * @param {object} container
-  * @returns {void}
-  */
+   * This will setup and render the component.
+   *
+   * @param {object} container
+   * @returns {void}
+   */
   setup(e) {
     this.container = e, this.initialize();
   }
@@ -833,11 +833,11 @@ class it extends N {
     return "overlay relative inline top-[0px] left-0 bottom-0 right-0 flex-col bg-background z-20 lg:left-[64px] lg:top-0 will-change-contents " + (this.class || "");
   }
   /**
-  * This will setup and render the component.
-  *
-  * @param {object} container
-  * @returns {void}
-  */
+   * This will setup and render the component.
+   *
+   * @param {object} container
+   * @returns {void}
+   */
   setup(e) {
     this.container = e, this.initialize();
   }
@@ -957,8 +957,8 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
       this.state.searchQuery = e.label, this.state.open = !1, typeof this.onSelect == "function" && this.onSelect(e);
     },
     /**
-        * Toggles the dropdown open state.
-        */
+     * Toggles the dropdown open state.
+     */
     toggleDropdown() {
       this.state.toggle("open"), this.state.open && this.setSelectedIndexByQuery();
     },
@@ -1019,10 +1019,10 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
 ]);
 class lt extends g {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.options = [], this.class = "", this.callBack = null;
   }
@@ -1123,10 +1123,10 @@ const ze = (t) => D(
 ]);
 class rt extends g {
   /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
+   * This will declare the props for the compiler.
+   *
+   * @returns {void}
+   */
   declareProps() {
     this.options = [], this.class = "", this.onSelect = null;
   }
@@ -1232,10 +1232,10 @@ class Ye extends g {
     s !== !0 && n && this.updateLink(n, !0);
   }
   /**
-      * This will deactivate all links.
-      *
-      * @returns {void}
-      */
+   * This will deactivate all links.
+   *
+   * @returns {void}
+   */
   deactivateAllLinks() {
     for (const e of this.links)
       this.updateLink(e, !1);

package/dist/{tooltip-BycfNakY.js → tooltip-BfjS2tiN.js}

@@ -1,7 +1,7 @@
 import { Span as c, Div as l, Legend as b, Fieldset as f, Input as x } from "@base-framework/atoms";
 import { Atom as s, Html as C } from "@base-framework/base";
 import { a as u } from "./veil-DSQdR6CM.js";
-import { f as p, e as h, g as y } from "./inputs-C1dvFQuB.js";
+import { f as p, e as h, g as y } from "./inputs-CzHSmZKP.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",
@@ -181,43 +181,43 @@ const a = {
   }
 })), v = (t) => !t || isNaN(t) ? null : t, i = (t, r) => {
   const e = t, o = 16, n = 2 * Math.PI * o, d = e / 100 * n, m = `
-    <svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-        <!-- Background Circle -->
-        <circle
-            cx="18"
-            cy="18"
-            r="${o}"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="4"
-            class="bg-muted"
-            stroke-opacity="0.2"
-        />
-        <!-- Progress Circle -->
-        <circle
-            cx="18"
-            cy="18"
-            r="${o}"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="4"
-            class="stroke-primary"
-            stroke-dasharray="${n}"
-            stroke-dashoffset="${n - d}"
-            stroke-linecap="round"
-            class="${r}"
-        />
-        <!-- Percentage Text -->
-        <text
-            x="18"
-            y="20"
-            class="text-[0.25em] font-medium fill-primary"
-            text-anchor="middle"
-            dominant-baseline="middle">
-            ${e}%
-        </text>
-    </svg>
-    `;
+	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+		<!-- Background Circle -->
+		<circle
+			cx="18"
+			cy="18"
+			r="${o}"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="4"
+			class="bg-muted"
+			stroke-opacity="0.2"
+		/>
+		<!-- Progress Circle -->
+		<circle
+			cx="18"
+			cy="18"
+			r="${o}"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="4"
+			class="stroke-primary"
+			stroke-dasharray="${n}"
+			stroke-dashoffset="${n - d}"
+			stroke-linecap="round"
+			class="${r}"
+		/>
+		<!-- Percentage Text -->
+		<text
+			x="18"
+			y="20"
+			class="text-[0.25em] font-medium fill-primary"
+			text-anchor="middle"
+			dominant-baseline="middle">
+			${e}%
+		</text>
+	</svg>
+	`;
   return l({
     class: "circle-graph text-inherit",
     html: m
@@ -304,9 +304,9 @@ const a = {
     // Tooltip box
     c({
       class: `
-                absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
-                group-hover:opacity-100 transition-opacity duration-200 ${o} pointer-events-none
-            `
+				absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
+				group-hover:opacity-100 transition-opacity duration-200 ${o} pointer-events-none
+			`
     }, r)
   ]);
 });

package/package.json

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