@base-framework/ui 1.0.265 → 1.0.267

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
 import { B as e, C as t, F as o, L as n, P as r, R as p, S as u, a as I, T as i } from "./tooltip-Pwsjx1Gp.js";
-import { B as d, I as m, L as C } from "./buttons-Cm9etaEG.js";
+import { B as d, I as m, L as C } from "./buttons-BKLL4I6r.js";
 import { C as x, F as B, V as F, a as c } from "./veil-tVDPinrr.js";
 import { C as f, d as L, D as P, c as R, E as S, F as b, H as h, I as k, M as D, N as V, P as E, R as G, T as H, a as M, b as N, U, W } from "./inputs-DscqfC6k.js";
 export {

package/dist/{buttons-Cm9etaEG.js → buttons-BKLL4I6r.js}

@@ -1,7 +1,7 @@
 import { I as m, Button as r } from "@base-framework/atoms";
-import { Atom as s } from "@base-framework/base";
-import { Icons as u } from "./icons.es.js";
-const w = {
+import { Atom as c } from "@base-framework/base";
+import { Icons as h } from "./icons.es.js";
+const g = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -9,19 +9,19 @@ const w = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, l = s((n, t) => {
-  var c;
-  const a = w[n.size || "sm"];
+}, l = c((n, t) => {
+  var s;
+  const a = g[n.size || "sm"];
   return m({
     ...n,
     class: `stroke-current icon-size ${a} ${n.class || ""}`,
-    html: (c = t[0]) == null ? void 0 : c.textContent
+    html: (s = t[0]) == null ? void 0 : s.textContent
   });
-}), i = (n) => s((t, a) => r({
+}), i = (n) => c((t, a) => r({
   ...n,
   ...t,
   class: `bttn ${n.class} ${t.class || ""}`
-}, a)), h = s(
+}, a)), u = c(
   (n, t) => r({
     ...n,
     class: n.class
@@ -30,17 +30,17 @@ const w = {
     ...t || [],
     n.icon && n.position === "right" ? l({ size: "sm", class: n.animation ?? null }, n.icon) : null
   ])
-), o = (n) => s((t, a) => h({
+), o = (n) => c((t, a) => u({
   ...n,
   ...t,
   class: `bttn ${n.class} ${t.class || ""}`
-}, a)), g = (n) => () => {
+}, a)), w = (n) => () => {
   if (n.allowHistory === !0 && globalThis.history.length > 2) {
     globalThis.history.back();
     return;
   }
   n.backUrl && app.navigate(n.backUrl);
-}, k = (n) => s((t, a) => (t.icon = t.icon || u.arrows.left, t.click = t.click || g(t), h({
+}, k = (n) => c((t, a) => (t.icon = t.icon || h.chevron.single.left, t.click = t.click || w(t), u({
   ...n,
   ...t
 }, a))), e = {
@@ -54,7 +54,7 @@ const w = {
   icon: o({ class: "icon" }),
   withIcon: o({ class: "with-icon" }),
   back: k({ class: "with-icon back-button" })
-}, b = s((n, t) => (e[n.variant] || e.primary)(n, t)), $ = s((n, t) => b({ ...n, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t));
+}, b = c((n, t) => (e[n.variant] || e.primary)(n, t)), $ = c((n, t) => b({ ...n, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t));
 export {
   b as B,
   l as I,

package/dist/{empty-state-CPFSCaH0.js → empty-state-D-3YYs2T.js}

@@ -1,8 +1,8 @@
-import { Div as l, H5 as J, P as m, I as p, Li as U, Span as i, Ul as V, Button as f, OnState as x, Label as R, H2 as v, Form as K, Header as I, Footer as A, A as q, H3 as Q, Checkbox as X, Input as w, Img as Z, Nav as ee, UseParent as H, Time as te, Dialog as se } from "@base-framework/atoms";
-import { Atom as c, Component as C, Html as L, Dom as oe, base as le, Data as $, Builder as Y, Jot as k, Events as ne, DateTime as F } from "@base-framework/base";
-import { P as S, b as re, R as ae } from "./range-calendar-BxLjYfrT.js";
+import { Div as n, H5 as J, P as m, I as p, Li as U, Span as i, Ul as V, Button as f, OnState as x, Label as R, H2 as v, Form as K, Header as I, Footer as A, A as q, H3 as Q, Checkbox as X, Input as w, Img as Z, Nav as ee, UseParent as H, Time as te, Dialog as se } from "@base-framework/atoms";
+import { Atom as c, Component as C, Html as L, Dom as oe, base as ne, Data as $, Builder as Y, Jot as k, Events as le, DateTime as F } from "@base-framework/base";
+import { P as S, b as re, R as ae } from "./range-calendar-DW0cMOJy.js";
 import { C as ie, F as ce, a as y } from "./veil-tVDPinrr.js";
-import { B as h, I as g } from "./buttons-Cm9etaEG.js";
+import { B as h, I as g } from "./buttons-BKLL4I6r.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as de, List as ue, DynamicTime as he } from "@base-framework/organisms";
 import { F as P } from "./format-DnofNaaz.js";
@@ -32,14 +32,14 @@ const M = {
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, fe = (e, t) => l({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, fe = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   p({ html: e })
 ]), me = (e) => J({ class: "font-semibold" }, e), pe = (e) => m({ class: "text-sm text-muted-foreground" }, e), kt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
-  const { borderColor: n, bgColor: r, iconColor: a } = M[o] || M.default;
-  return l({ class: `flex items-start p-4 border rounded-lg ${r} ${n}` }, [
+  const { borderColor: l, bgColor: r, iconColor: a } = M[o] || M.default;
+  return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
     // Icon and content
     s && fe(s, a),
-    l({ class: "flex flex-col" }, [
+    n({ class: "flex flex-col" }, [
       me(e),
       pe(t)
     ])
@@ -66,7 +66,7 @@ class ge extends C {
       L.removeElement(t);
       return;
     }
-    oe.addClass(t, s), le.on("animationend", t, (o) => L.removeElement(t));
+    oe.addClass(t, s), ne.on("animationend", t, (o) => L.removeElement(t));
   }
 }
 const be = (e) => i({ class: "ml-auto text-xs tracking-widest opacity-60" }, e), xe = (e) => i({ class: "flex w-4 h-4", html: e }), we = (e) => i({ class: "flex-auto" }, e), ye = (e, t) => U({
@@ -78,8 +78,8 @@ const be = (e) => i({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
   e.shortcut && be(e.shortcut)
 ]), ve = (e, t) => V({ class: "grid gap-2" }, [
   e.map((s) => ye(s, t))
-]), Ce = (e) => l({ class: "w-full z-10" }, [
-  l({
+]), Ce = (e) => n({ class: "w-full z-10" }, [
+  n({
     class: "max-h-60 border rounded-md overflow-y-auto p-1 grid gap-2 divide-y divide-border",
     for: ["groups", (t) => ve(t, e)]
   })
@@ -92,7 +92,7 @@ const be = (e) => i({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
 }, [
   e && i(e),
   t && p({ html: t })
-]), Se = ({ onSelect: e }) => l([
+]), Se = ({ onSelect: e }) => n([
   x(
     "open",
     (t, s, o) => t ? new S({
@@ -157,7 +157,7 @@ class St extends C {
    * @returns {object}
    */
   render() {
-    return l({ class: "relative" }, [
+    return n({ class: "relative" }, [
       ke({
         label: this.label,
         icon: this.icon,
@@ -167,15 +167,15 @@ class St extends C {
     ]);
   }
 }
-const De = c((e, t) => l({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), Ie = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), $e = c((e, t) => m({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Te = c((e, t) => m({ ...e, class: "text-sm text-destructive" }, t)), Dt = c((e, t = []) => ie({ class: "space-y-0", margin: "m-0", padding: "p-0" }, [
+const De = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), Ie = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), $e = c((e, t) => m({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Te = c((e, t) => m({ ...e, class: "text-sm text-destructive" }, t)), Dt = c((e, t = []) => ie({ class: "space-y-0", margin: "m-0", padding: "p-0" }, [
   e.title && v({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   e.description && m({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
   ...t
 ])), It = c((e, t = []) => ce({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
-  l({ class: "flex flex-col space-y-6" }, t)
+  n({ class: "flex flex-col space-y-6" }, t)
 ])), $t = c((e, t = []) => {
   const s = e.border ? "border-t" : "";
-  return l({ ...e, class: `flex flex-col pb-4 px-6 space-y-4 ${s} ${e.class || ""}` }, t);
+  return n({ ...e, class: `flex flex-col pb-4 px-6 space-y-4 ${s} ${e.class || ""}` }, t);
 }), Be = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", _ = (e, t, s) => e.map((o) => !o || (o.children && o.children.length > 0 && (o.children = _(o.children, t, s)), !o.required) ? o : Be(o) ? {
   ...o,
   aria: {
@@ -184,15 +184,15 @@ const De = c((e, t) => l({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   invalid: s,
   input: t
 } : o), Fe = c((e, t) => {
-  const n = _(t, (r) => {
+  const l = _(t, (r) => {
     r.target.checkValidity() && e.setError(null);
   }, (r) => {
     e.setError(r.target.validationMessage);
   });
-  return l({
+  return n({
     ...e,
     class: "w-full"
-  }, n);
+  }, l);
 }), Tt = y(
   {
     /**
@@ -214,20 +214,20 @@ const De = c((e, t) => l({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
      * @returns {object}
      */
     render() {
-      const e = this.name, t = this.getId(`${e}`), { label: s, description: o } = this, n = (r) => {
+      const e = this.name, t = this.getId(`${e}`), { label: s, description: o } = this, l = (r) => {
         this.state.error = r, this.state.hasError = !!r;
       };
-      return l({ class: "flex flex-auto space-y-4" }, [
+      return n({ class: "flex flex-auto space-y-4" }, [
         De([
           Ie({ htmlFor: t }, s),
           Fe({
             id: t,
             name: e,
             value: this.state.value,
-            setError: n
+            setError: l
           }, this.children),
           o && $e({ id: this.getId("description") }, o),
-          l({ onState: ["error", (r) => r && Te(r)] })
+          n({ onState: ["error", (r) => r && Te(r)] })
         ])
       ]);
     }
@@ -236,16 +236,16 @@ const De = c((e, t) => l({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
 }, W = c(
   (e, t) => K({ ...e, submit: (s, o) => Ae(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
-), Bt = c((e, t) => l({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), Ft = c((e, t = []) => l({ class: "space-y-3 py-4" }, [
+), Bt = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), Ft = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
   e.title && v({ class: "font-semibold" }, e.title),
   ...t
-])), At = (e, t) => l({ class: "flex justify-between" }, [
+])), At = (e, t) => n({ class: "flex justify-between" }, [
   i({ class: "text-muted-foreground" }, e),
   i(t)
-]), Lt = (e, t) => l({ class: "flex" }, [
+]), Lt = (e, t) => n({ class: "flex" }, [
   i({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   i(t)
-]), Le = ({ title: e, description: t, back: s, icon: o, options: n = [] }) => I({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
+]), Le = ({ title: e, description: t, back: s, icon: o, options: l = [] }) => I({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
   /**
    * Back Button
    */
@@ -253,18 +253,18 @@ const De = c((e, t) => l({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   /**
    * Icon
    */
-  o && l({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [g(o)]),
+  o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [g(o)]),
   /**
    * Title and Description
    */
-  l({ class: "flex flex-auto flex-row justify-between w-full ml-2 gap-2" }, [
-    l({ class: "flex flex-auto flex-col" }, [
+  n({ class: "flex flex-auto flex-row justify-between w-full ml-2 gap-2" }, [
+    n({ class: "flex flex-auto flex-col" }, [
       v({ class: "text-lg font-semibold m-0 truncate" }, e),
-      t && l({ class: "text-sm text-muted-foreground truncate" }, t)
+      t && n({ class: "text-sm text-muted-foreground truncate" }, t)
     ]),
-    ...n
+    ...l
   ])
-]), Pe = c((e, t) => l({
+]), Pe = c((e, t) => n({
   popover: "manual",
   class: `modal m-auto top-0 right-0 bottom-0 left-0 fixed z-20 grid w-full h-full max-h-screen gap-2 lg:border bg-background text-foreground shadow-xl break-words p-0 ${e.class}`,
   click: (s, o) => {
@@ -273,7 +273,7 @@ const De = c((e, t) => l({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
 }, [
   W({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col space-y-4", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
     Le(e),
-    l({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
+    n({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
     A({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
   ])
 ])), Me = (e) => Y.render(e, app.root);
@@ -300,9 +300,9 @@ class Pt extends C {
         description: o,
         options: this.headerOptions(),
         buttons: this.getButtons(),
-        onSubmit: (n) => {
+        onSubmit: (l) => {
           let r = !0;
-          this.onSubmit && (r = this.onSubmit(n)), r !== !1 && this.destroy();
+          this.onSubmit && (r = this.onSubmit(l)), r !== !1 && this.destroy();
         },
         icon: this.icon,
         back: this.back ?? !1,
@@ -469,7 +469,7 @@ const N = {
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   role: "alert"
-}, s)), Ee = c(({ close: e, class: t }, s) => l({
+}, s)), Ee = c(({ close: e, class: t }, s) => n({
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   click: () => e(),
   role: "alert"
@@ -497,9 +497,9 @@ class je extends ge {
    * @returns {object}
    */
   render() {
-    const { bgColor: t, borderColor: s, iconColor: o } = this.getTypeStyles(), n = this.href || null, r = this.getChildren(o);
-    return n ? ze({
-      href: n,
+    const { bgColor: t, borderColor: s, iconColor: o } = this.getTypeStyles(), l = this.href || null, r = this.getChildren(o);
+    return l ? ze({
+      href: l,
       class: `${t} ${s}`
     }, r) : Ee({
       close: this.close.bind(this),
@@ -531,7 +531,7 @@ class je extends ge {
    */
   getButtons() {
     return [
-      l({ class: "flex flex-row mt-6 gap-2" }, [
+      n({ class: "flex flex-row mt-6 gap-2" }, [
         this.secondary && h({ variant: "outline", click: () => this.secondaryAction && this.secondaryAction() }, this.secondary),
         this.primary && h({ click: () => this.primaryAction && this.primaryAction() }, this.primary)
       ])
@@ -545,10 +545,10 @@ class je extends ge {
    */
   getChildren(t) {
     return [
-      l({ class: "flex items-start" }, [
+      n({ class: "flex items-start" }, [
         this.icon && p({ class: `mr-4 ${t}`, html: this.icon }),
-        l({ class: "flex flex-auto flex-col" }, [
-          l({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
+        n({ class: "flex flex-auto flex-col" }, [
+          n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
             this.title && Ne(this.title)
           ]),
           m({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
@@ -581,7 +581,7 @@ class Mt extends C {
    * @returns {object}
    */
   render() {
-    return l({ class: "notification-container pointer-events-none inset-auto bg-transparent backdrop:bg-transparent overflow-visible fixed bottom-[80px] right-0 z-50 p-5", popover: "manual" }, [
+    return n({ class: "notification-container pointer-events-none inset-auto bg-transparent backdrop:bg-transparent overflow-visible fixed bottom-[80px] right-0 z-50 p-5", popover: "manual" }, [
       new ue({
         cache: "list",
         key: "id",
@@ -613,8 +613,8 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
-  click: (o, { state: n }) => {
-    n.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ue(e);
+  click: (o, { state: l }) => {
+    l.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ue(e);
   }
 }, [
   g(s),
@@ -636,8 +636,8 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      * @returns {object}
      */
     render() {
-      return l({ class: "flex flex-auto flex-col" }, [
-        l({ class: "grid grid-cols-3 gap-4" }, [
+      return n({ class: "flex flex-auto flex-col" }, [
+        n({ class: "grid grid-cols-3 gap-4" }, [
           T({ label: "System", value: "system", icon: u.adjustments.horizontal }),
           T({ label: "Light", value: "light", icon: u.sun }),
           T({ label: "Dark", value: "dark", icon: u.moon })
@@ -717,9 +717,9 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   OFFLINE: "bg-gray-500",
   BUSY: "bg-red-500",
   AWAY: "bg-yellow-500"
-}, Ve = (e = "") => (e = e.toUpperCase(), b[e] || b.OFFLINE), Et = (e) => l({
+}, Ve = (e = "") => (e = e.toUpperCase(), b[e] || b.OFFLINE), Et = (e) => n({
   class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${Ve(e)}`
-}), jt = ({ propName: e = "status" } = {}) => l({
+}), jt = ({ propName: e = "status" } = {}) => n({
   class: "absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full",
   onSet: [e, {
     [b.ONLINE]: D.ONLINE,
@@ -747,7 +747,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", ne.trigger("click", e));
+      e && (e.value = "", le.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -765,7 +765,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      */
     render() {
       const e = "logo-upload", t = this.onChange || null;
-      return l({ class: "flex flex-col items-center" }, [
+      return n({ class: "flex-none items-center" }, [
         w({
           id: e,
           cache: "input",
@@ -773,12 +773,12 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
           accept: "image/*",
           class: "hidden",
           change: (s) => {
-            var n;
-            const o = (n = s.target.files) == null ? void 0 : n[0];
+            var l;
+            const o = (l = s.target.files) == null ? void 0 : l[0];
             o && t && (this.state.loaded = !1, t(o, this.parent), this.src = this.getFileUrl(o), this.state.loaded = !0);
           }
         }),
-        l({
+        n({
           class: "relative w-32 h-32 rounded-full border flex items-center justify-center cursor-pointer hover:bg-muted transition-colors duration-150 overflow-hidden group",
           click: (s) => {
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
@@ -795,7 +795,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
               g(u.upload),
-              l("Upload logo")
+              n("Upload logo")
             ])
           )
         ])
@@ -814,7 +814,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, u.chevron.single.right), He = (e) => l({ class: "flex items-center" }, [
+}, u.chevron.single.right), He = (e) => n({ class: "flex items-center" }, [
   e.href ? Re(e.href, e.label) : i(e.label),
   e.separator && qe()
 ]), Ut = k(
@@ -843,7 +843,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
           class: "flex items-center space-x-1 text-sm"
         },
         [
-          l({
+          n({
             role: "list",
             class: "flex items-center",
             for: ["items", (t, s) => He({
@@ -865,15 +865,15 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, Ye = (e) => E[e] || E.default, _e = ({ index: e, size: t }) => l({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, Ye = (e) => E[e] || E.default, _e = ({ index: e, size: t }) => n({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   i({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
       "bg-primary": e,
       "shadow-md": e
     }],
-    click: (s, { data: o, onClick: n }) => {
-      o.activeIndex = e, n && n(e);
+    click: (s, { data: o, onClick: l }) => {
+      o.activeIndex = e, l && l(e);
     }
   })
 ]), We = (e, t) => Array.from({ length: e }, (s, o) => _e({
@@ -902,10 +902,10 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      */
     render() {
       const e = this.gap || "gap-2", t = Ye(this.size || "sm"), s = We(this.data.count, t);
-      return l(
+      return n(
         { class: "flex justify-center items-center py-2" },
         [
-          l({ class: `flex ${e}` }, s)
+          n({ class: `flex ${e}` }, s)
         ]
       );
     }
@@ -927,15 +927,15 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 }, [
   e.icon && i({ class: "mr-2 flex items-baseline" }, [g({ size: "xs" }, e.icon)]),
   i({ class: "text-base font-normal" }, e.label)
-]), Ke = (e, t) => l({ class: "w-full border rounded-md" }, [
+]), Ke = (e, t) => n({ class: "w-full border rounded-md" }, [
   V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Je(s, e, t)] })
-]), Qe = ({ onSelect: e, state: t }) => l({ class: "flex flex-auto flex-col" }, [
+]), Qe = ({ onSelect: e, state: t }) => n({ class: "flex flex-auto flex-col" }, [
   x(
     "open",
-    (s, o, n) => s ? new S({
+    (s, o, l) => s ? new S({
       cache: "dropdown",
-      parent: n,
-      button: n.button
+      parent: l,
+      button: l.button
     }, [
       Ke(e, t)
     ]) : null
@@ -1019,7 +1019,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      */
     render() {
       const e = this.class || "", t = this.maxWidth || "max-w-[250px]", s = this.width || "w-full";
-      return l({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
+      return n({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
         Ge({ toggleDropdown: this.toggleDropdown.bind(this) }),
         Qe({
@@ -1056,8 +1056,8 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   icon: u.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), et = ({ bind: e, min: t, max: s, readonly: o = !1 }) => H(({ state: n }) => w({
-  value: ["[[count]]", n],
+}), et = ({ bind: e, min: t, max: s, readonly: o = !1 }) => H(({ state: l }) => w({
+  value: ["[[count]]", l],
   bind: e,
   blur: (r, { state: a }) => {
     let d = parseInt(r.target.value, 10);
@@ -1091,7 +1091,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      */
     render() {
       const e = this.class ?? "";
-      return l({ class: `flex flex-auto items-center justify-between space-x-4 p-4 ${e}` }, [
+      return n({ class: `flex flex-auto items-center justify-between space-x-4 p-4 ${e}` }, [
         Xe({ click: () => this.state.decrement("count") }),
         et({
           bind: this.bind,
@@ -1119,14 +1119,14 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   p({ html: u.calendar.days })
 ]), ot = ({ handleDateSelect: e, blockPriorDates: t }) => x(
   "open",
-  (s, o, n) => s ? new S({
+  (s, o, l) => s ? new S({
     cache: "dropdown",
-    parent: n,
-    button: n.panel,
+    parent: l,
+    button: l.panel,
     size: "fit"
   }, [
     new re({
-      selectedDate: n.state.selectedDate,
+      selectedDate: l.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
@@ -1162,7 +1162,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
       const e = (s, { state: o }) => o.toggle("open"), t = (s) => {
         this.state.selectedDate = s, this.state.open = !1, this.input.value = s, typeof this.onChange == "function" && this.onChange(s);
       };
-      return l({ class: "relative w-full max-w-[320px]" }, [
+      return n({ class: "relative w-full max-w-[320px]" }, [
         st({
           toggleOpen: e,
           bind: this.bind,
@@ -1175,16 +1175,16 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
       ]);
     }
   }
-), lt = ({ bind: e, required: t }) => w({
+), nt = ({ bind: e, required: t }) => w({
   cache: "input",
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), nt = ({ bind: e, required: t, toggleOpen: s }) => f({
+}), lt = ({ bind: e, required: t, toggleOpen: s }) => f({
   class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
-  lt({ bind: e, required: t }),
+  nt({ bind: e, required: t }),
   H(({ state: o }) => [
     i(P.date(["[[start]]", o], "Start Date")),
     i(" - "),
@@ -1193,15 +1193,15 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   p({ html: u.calendar.days })
 ]), rt = ({ handleDateSelect: e, blockPriorDates: t }) => x(
   "open",
-  (s, o, n) => s ? new S({
+  (s, o, l) => s ? new S({
     cache: "dropdown",
-    parent: n,
-    button: n.panel,
+    parent: l,
+    button: l.panel,
     size: "xl"
   }, [
     new ae({
-      startDate: n.state.start,
-      endDate: n.state.end,
+      startDate: l.state.start,
+      endDate: l.state.end,
       onRangeSelect: e,
       blockPriorDates: t
     })
@@ -1241,8 +1241,8 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
       const e = (s, { state: o }) => o.toggle("open"), t = (s, o) => {
         this.state.start = s, this.state.end = o, this.state.open = !1, this.input.value = `${s}-${o}`, typeof this.onChange == "function" && this.onChange({ start: s, end: o }, this.parent);
       };
-      return l({ class: "relative w-full max-w-[320px]" }, [
-        nt({
+      return n({ class: "relative w-full max-w-[320px]" }, [
+        lt({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
@@ -1258,8 +1258,8 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   new he({
     dateTime: e,
     filter: s || ((o) => {
-      const n = F.getLocalTime(o, !0, !1, t);
-      return F.getTimeFrame(n);
+      const l = F.getLocalTime(o, !0, !1, t);
+      return F.getTimeFrame(l);
     })
   })
 ]);
@@ -1286,11 +1286,11 @@ function it({ bind: e, required: t, toggleOpen: s }) {
     ]
   );
 }
-function B({ items: e, handleTimeSelect: t, state: s, stateValue: o, pad: n = !1 }) {
-  return l(
+function B({ items: e, handleTimeSelect: t, state: s, stateValue: o, pad: l = !1 }) {
+  return n(
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
     e.map((r) => {
-      let a = n ? r.toString().padStart(2, "0") : r.toString();
+      let a = l ? r.toString().padStart(2, "0") : r.toString();
       return f({
         text: a,
         class: "hover:bg-muted/50 rounded-md px-2 py-1",
@@ -1311,15 +1311,15 @@ function ct({ handleTimeSelect: e }) {
         size: "fit"
       },
       [
-        l(
+        n(
           { class: "flex flex-auto flex-col border rounded-md shadow-md" },
           [
-            l(
+            n(
               { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
                 // Hours column
                 B({
-                  items: Array.from({ length: 12 }, (n, r) => r + 1),
+                  items: Array.from({ length: 12 }, (l, r) => r + 1),
                   handleTimeSelect: e,
                   state: o.state,
                   stateValue: "hour",
@@ -1327,7 +1327,7 @@ function ct({ handleTimeSelect: e }) {
                 }),
                 // Minutes column
                 B({
-                  items: Array.from({ length: 60 }, (n, r) => r),
+                  items: Array.from({ length: 60 }, (l, r) => r),
                   handleTimeSelect: e,
                   state: o.state,
                   stateValue: "minute",
@@ -1354,7 +1354,7 @@ function j(e) {
   const t = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?$/i, s = e.match(t);
   if (!s)
     return { hour: null, minute: null, meridian: null };
-  let [, o, n, , r] = s, a = parseInt(o, 10), d = parseInt(n, 10);
+  let [, o, l, , r] = s, a = parseInt(o, 10), d = parseInt(l, 10);
   return a < 0 || a > 23 || d < 0 || d > 59 ? { hour: null, minute: null, meridian: null } : (r ? (r = r.toUpperCase(), r === "PM" && a < 12 ? a += 12 : r === "AM" && a === 12 && (a = 12)) : a === 0 ? (r = "AM", a = 12) : a < 12 ? r = "AM" : a === 12 ? r = "PM" : (r = "PM", a -= 12), {
     hour: a.toString().padStart(2, "0"),
     minute: d.toString().padStart(2, "0"),
@@ -1400,13 +1400,13 @@ const Wt = y(
      * @returns {object}
      */
     render() {
-      const e = (s, { state: o }) => o.toggle("open"), t = ({ hour: s, minute: o, meridian: n }) => {
-        if (s && (this.state.hour = s), o && (this.state.minute = o), n && (this.state.meridian = n), this.state.hour && this.state.minute && this.state.meridian) {
+      const e = (s, { state: o }) => o.toggle("open"), t = ({ hour: s, minute: o, meridian: l }) => {
+        if (s && (this.state.hour = s), o && (this.state.minute = o), l && (this.state.meridian = l), this.state.hour && this.state.minute && this.state.meridian) {
           const r = `${this.state.hour}:${this.state.minute} ${this.state.meridian}`;
           this.state.selectedTime = r, this.state.open = !1, this.input.value = r, typeof this.change == "function" && this.change(r);
         }
       };
-      return l(
+      return n(
         { class: "relative w-full max-w-[320px]" },
         [
           it({
@@ -1421,7 +1421,7 @@ const Wt = y(
       );
     }
   }
-), dt = (e, t) => l({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+), dt = (e, t) => n({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
   g({ size: "lg" }, e)
 ]), ut = ({ title: e }) => I({ class: "flex flex-auto items-center" }, [
   v({ class: "text-lg font-semibold" }, e)
@@ -1434,14 +1434,14 @@ const Wt = y(
     aria: { expanded: ["open"] }
   },
   [
-    l({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
+    n({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       e.icon && dt(e.icon, e.iconColor),
-      l({ class: "flex flex-auto flex-col gap-4" }, [
-        l({ class: "flex flex-auto flex-col space-y-2" }, [
+      n({ class: "flex flex-auto flex-col gap-4" }, [
+        n({ class: "flex flex-auto flex-col space-y-2" }, [
           ut(e),
           e.description && m({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
-          l({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
+          n({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         e.buttons && A({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:space-x-2" }, e.buttons)
       ])
@@ -1491,13 +1491,13 @@ class mt extends C {
   render() {
     const t = (d) => {
       d.target === this.panel && this.close();
-    }, { borderColor: s, bgColor: o, iconColor: n } = O[this.type] || O.default, r = `${this.getMainClass()} ${o} ${s}`, a = this.title || "Dialog Title";
+    }, { borderColor: s, bgColor: o, iconColor: l } = O[this.type] || O.default, r = `${this.getMainClass()} ${o} ${s}`, a = this.title || "Dialog Title";
     return ht({
       class: r,
       title: a,
       click: t,
       icon: this.icon,
-      iconColor: n,
+      iconColor: l,
       description: this.description,
       buttons: this.getButtons()
     }, this.children);
@@ -1577,11 +1577,11 @@ class Gt extends mt {
     this.confirmed && this.confirmed(), this.close();
   }
 }
-const Jt = c((e, t = []) => l({ class: "w-full max-w-md p-6 m-auto" }, [
+const Jt = c((e, t = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
   W({ class: "flex flex-auto flex-col" }, [
-    l({ class: "flex flex-auto flex-col space-y-4" }, [
-      l({ class: "flex flex-auto items-center justify-center" }, [
-        e.icon && l({ class: "w-16 h-16 mb-2 text-primary" }, [
+    n({ class: "flex flex-auto flex-col space-y-4" }, [
+      n({ class: "flex flex-auto items-center justify-center" }, [
+        e.icon && n({ class: "w-16 h-16 mb-2 text-primary" }, [
           g(e.icon)
         ])
       ]),

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-Pwsjx1Gp.js";
-import { B as d, I as g, L as C } from "./buttons-Cm9etaEG.js";
+import { B as d, I as g, L as C } from "./buttons-BKLL4I6r.js";
 import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
 import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DscqfC6k.js";
 import { Icons as G } from "./icons.es.js";
-import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-CPFSCaH0.js";
-import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-BxLjYfrT.js";
-import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-obojbki5.js";
-import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-Dj67Pb8l.js";
-import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BVryQj2Z.js";
+import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-D-3YYs2T.js";
+import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
+import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-BRxjdz83.js";
+import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
+import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BtUJdw-T.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";
 import { B as ss } from "./bside-template-Du2m3rsE.js";
 import { F as ts, c as rs } from "./format-DnofNaaz.js";

package/dist/{mobile-nav-wrapper-Dj67Pb8l.js → mobile-nav-wrapper-C7RyGC5a.js}

@@ -1,6 +1,6 @@
 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-Cm9etaEG.js";
+import { I as f, B as x } from "./buttons-BKLL4I6r.js";
 import { Icons as r } from "./icons.es.js";
 class M extends n {
   /**

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-CPFSCaH0.js";
-import { A as V, P as W, g as X } from "./range-calendar-BxLjYfrT.js";
+import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-D-3YYs2T.js";
+import { A as V, P as W, g as X } from "./range-calendar-DW0cMOJy.js";
 export {
   s as Alert,
   V as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, p as t, C as o, j as r, D as n, m as l, k as i, H as b, I as d, N as g, O as p, P as u, S as v, n as D, o as N, t as k, s as C, q as c, r as T, T as M, l as m, U as y, W as B, f as W, h, i as S, c as H, d as P, b as I, e as f, a as x, g as L } from "./signature-panel-obojbki5.js";
-import { b as F, C as U, D as G, a as R, F as j, M as q, R as w, c as z, p as A } from "./range-calendar-BxLjYfrT.js";
-import { B as J, I as K, M as Q, d as V, e as X, g as Y, N as Z, b as _, a as $, f as aa, P as ea, c as sa, S as ta, T as oa } from "./mobile-nav-wrapper-Dj67Pb8l.js";
+import { B as s, p as t, C as o, j as r, D as n, m as l, k as i, H as b, I as d, N as g, O as p, P as u, S as v, n as D, o as N, t as k, s as C, q as c, r as T, T as M, l as m, U as y, W as B, f as W, h, i as S, c as H, d as P, b as I, e as f, a as x, g as L } from "./signature-panel-BRxjdz83.js";
+import { b as F, C as U, D as G, a as R, F as j, M as q, R as w, c as z, p as A } from "./range-calendar-DW0cMOJy.js";
+import { B as J, I as K, M as Q, d as V, e as X, g as Y, N as Z, b as _, a as $, f as aa, P as ea, c as sa, S as ta, T as oa } from "./mobile-nav-wrapper-C7RyGC5a.js";
 export {
   s as BackButton,
   J 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-BVryQj2Z.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-BtUJdw-T.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{range-calendar-BxLjYfrT.js → range-calendar-DW0cMOJy.js}

@@ -1,6 +1,6 @@
 import { Div as h, Img as _, Span as H, Button as L, OnState as J, On as z } from "@base-framework/atoms";
 import { Component as O, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
-import { B as f } from "./buttons-Cm9etaEG.js";
+import { B as f } from "./buttons-BKLL4I6r.js";
 import { Icons as P } from "./icons.es.js";
 const U = (n, t) => {
   const e = n ? n.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, c = globalThis.scrollY;

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

package/dist/{signature-panel-obojbki5.js → signature-panel-BRxjdz83.js}

@@ -1,10 +1,10 @@
 import { Button as k, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as L, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
 import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
-import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
+import { B as T, I as _ } from "./buttons-BKLL4I6r.js";
 import { Icons as x } from "./icons.es.js";
 import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
 import { C as ae, I as ie, H as ne } from "./inputs-DscqfC6k.js";
-import { A as oe, P as le } from "./range-calendar-BxLjYfrT.js";
+import { A as oe, P as le } from "./range-calendar-DW0cMOJy.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

package/package.json

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