@base-framework/ui 1.0.298 → 1.0.300

package/dist/atoms.es.js

@@ -1,7 +1,7 @@
-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-fLU0qdFi.js";
+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-DD5l7kTI.js";
 import { B as d, I as m, L as C } from "./buttons-CHEs54Wl.js";
 import { C as x, F as B, V as F, a as c } from "./veil-B1pwIy-D.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-DYxmO1rQ.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-DJhlHvWE.js";
 export {
   e as Badge,
   d as Button,

package/dist/{empty-state-CJGDcHyo.js → empty-state-KJX3HcJo.js}

@@ -1,12 +1,12 @@
 import { Div as n, H5 as Q, P as m, I as p, Li as V, Span as a, Ul as q, Button as f, OnState as A, Label as H, H2 as v, Form as X, Header as D, Footer as L, A as Y, H3 as Z, Checkbox as ee, Input as x, Img as te, Nav as se, UseParent as _, OnStateOpen as P, Time as oe, Dialog as ne } from "@base-framework/atoms";
 import { Atom as c, Component as w, Html as M, Dom as le, base as re, Data as I, Builder as W, Jot as C, Events as $, DateTime as F } from "@base-framework/base";
-import { P as k, b as ie, R as ae } from "./range-calendar-UXMh98a5.js";
+import { P as k, b as ie, R as ae } from "./range-calendar-CcFEHyEp.js";
 import { C as ce, F as ue, a as y } from "./veil-B1pwIy-D.js";
 import { B as h, I as g } from "./buttons-CHEs54Wl.js";
 import { Icons as d } from "./icons.es.js";
 import { Timer as de, List as he, DynamicTime as fe } from "@base-framework/organisms";
-import { F as N } from "./format-DnofNaaz.js";
-const z = {
+import { F as E } from "./format-DnofNaaz.js";
+const N = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -35,7 +35,7 @@ const z = {
 }, me = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   p({ html: e })
 ]), pe = (e) => Q({ class: "font-semibold" }, e), ge = (e) => m({ class: "text-sm text-muted-foreground" }, e), kt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
-  const { borderColor: l, bgColor: r, iconColor: i } = z[o] || z.default;
+  const { borderColor: l, bgColor: r, iconColor: i } = N[o] || N.default;
   return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
     // Icon and content
     s && me(s, i),
@@ -437,7 +437,7 @@ class Mt extends w {
     this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
   }
 }
-const E = {
+const z = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -463,15 +463,15 @@ const E = {
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, Ne = (e) => D({ class: "flex justify-center" }, [
+}, Ee = (e) => D({ class: "flex justify-center" }, [
   Z({ class: "text-lg font-bold mb-0" }, e)
-]), ze = c(({ href: e, class: t }, s) => Y({
+]), Ne = c(({ href: e, class: t }, s) => Y({
   class: `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,
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
-}, s)), Ee = c(({ close: e, class: t }, s) => n({
+}, s)), ze = 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(),
   animateIn: "pullRightIn",
@@ -502,10 +502,10 @@ class je extends w {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: o } = this.getTypeStyles(), l = this.href || null, r = this.getChildren(o);
-    return l ? ze({
+    return l ? Ne({
       href: l,
       class: `${t} ${s}`
-    }, r) : Ee({
+    }, r) : ze({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, r);
@@ -526,7 +526,7 @@ class je extends w {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return E[t] || E.default;
+    return z[t] || z.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -553,7 +553,7 @@ class je extends w {
         this.icon && p({ class: `mr-4 ${t}`, html: this.icon }),
         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)
+            this.title && Ee(this.title)
           ]),
           m({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
           (this.primary || this.secondary) && L({ class: "margin-top-24 flex align-center" }, this.getButtons())
@@ -578,7 +578,7 @@ class je extends w {
   }
 }
 let Oe = 0;
-class Nt extends w {
+class Et extends w {
   /**
    * This will render the component.
    *
@@ -610,7 +610,7 @@ class Nt extends w {
    * @returns {void}
    */
   removeNotice(t) {
-    this.list.delete(t.id);
+    this.list.delete(t.id), this.list.isEmpty() && this.panel.hidePopover();
   }
 }
 const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
@@ -631,7 +631,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, zt = C(
+}, Nt = C(
   {
     /**
      * This will render the component.
@@ -658,7 +658,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
       };
     }
   }
-), Et = y(
+), zt = y(
   {
     /**
      * The initial state of the Toggle.
@@ -1187,9 +1187,9 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 }, [
   nt({ bind: e, required: t }),
   _(({ state: o }) => [
-    a(N.date(["[[start]]", o], "Start Date")),
+    a(E.date(["[[start]]", o], "Start Date")),
     a(" - "),
-    a(N.date(["[[end]]", o], "End Date"))
+    a(E.date(["[[end]]", o], "End Date"))
   ]),
   p({ html: d.calendar.days })
 ]), rt = ({ handleDateSelect: e, blockPriorDates: t }) => P((s, o, l) => new k({
@@ -1604,12 +1604,12 @@ export {
   ht as K,
   Ut as L,
   Mt as M,
-  Nt as N,
+  Et as N,
   mt as O,
   Ze as P,
   Kt as Q,
   Lt as S,
-  zt as T,
+  Nt as T,
   ye as a,
   Dt as b,
   Ce as c,
@@ -1625,7 +1625,7 @@ export {
   Ft as m,
   At as n,
   je as o,
-  Et as p,
+  zt as p,
   jt as q,
   Ot as r,
   S as s,

package/dist/index.es.js

@@ -1,11 +1,11 @@
-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-fLU0qdFi.js";
+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-DD5l7kTI.js";
 import { B as d, I as g, L as C } from "./buttons-CHEs54Wl.js";
 import { C as T, F as D, V as I, a as b } from "./veil-B1pwIy-D.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-DYxmO1rQ.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-DJhlHvWE.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-CJGDcHyo.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-UXMh98a5.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-vkcc6Dnu.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-KJX3HcJo.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-CcFEHyEp.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-C2lrBRBh.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-CWqhZ0qz.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-UmKsAvjb.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-sUm-F2f0.js";

package/dist/{inputs-DYxmO1rQ.js → inputs-DJhlHvWE.js}

@@ -1,7 +1,7 @@
-import { Div as u, Label as h, Checkbox as m, Span as $, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
+import { Div as u, Label as h, Checkbox as f, Span as $, OnState as p, I as x, Input as n, Textarea as k } from "@base-framework/atoms";
 import { Jot as g, Atom as s } from "@base-framework/base";
 import { Icons as y } from "./icons.es.js";
-const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", f = `${I} ${n} ${o} ${l} ${a}`, C = ({ id: e, checked: c, bind: t, required: d }) => m({
+const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", m = `${I} ${r} ${o} ${l} ${a}`, C = ({ id: e, checked: c, bind: t, required: d }) => f({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -28,7 +28,7 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-bo
     "checked",
     {
       "bg-primary": !0,
-      "text-primary-foreground": !0,
+      "text-foreground": !0,
       "border-primary": !0
     }
   ],
@@ -107,9 +107,9 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-bo
 }, D = (e) => {
   const c = e.target, t = H(c.value);
   t && (c.value = t);
-}, i = s((e) => r({
+}, i = s((e) => n({
   ...e,
-  class: `${f} ${e.class || ""}`.trim()
+  class: `${m} ${e.class || ""}`.trim()
 })), M = s((e) => i({
   ...e,
   type: "tel",
@@ -127,34 +127,34 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-bo
 })), q = s((e) => k({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm ${n} ${o} ${l} ${a} ${e.class || ""}`.trim()
+  class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${o} ${l} ${a} ${e.class || ""}`.trim()
 })), R = (e = {}) => u({ class: "flex items-center space-x-2" }, [
-  r({
+  n({
     ...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 && h({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), U = s((e) => r({
+]), U = s((e) => n({
   ...e,
   type: "date",
-  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), W = s((e) => r({
+  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), W = s((e) => n({
   ...e,
   type: "time",
-  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), j = s((e) => r({
+  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), j = s((e) => n({
   ...e,
   type: "datetime-local",
-  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), z = s((e) => r({
+  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), z = s((e) => n({
   ...e,
   type: "month",
-  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), A = s((e) => r({
+  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), A = s((e) => n({
   ...e,
   type: "week",
-  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), B = s((e) => i({
   ...e,
   type: "number"
@@ -172,19 +172,19 @@ const O = s((e) => i({
 })), G = s((e) => i({
   ...e,
   type: "hidden"
-})), K = s((e) => r({
+})), K = s((e) => n({
   ...e,
   type: "color",
-  class: `${n} text-foreground p-0 ${a} ${e.class || ""}`.trim()
+  class: `${r} text-foreground p-0 ${a} ${e.class || ""}`.trim()
 }));
-s((e) => m({
+s((e) => f({
   ...e,
-  class: `flex h-4 w-4 text-foreground ${n} ${o} ${a} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 text-foreground ${r} ${o} ${a} ${e.class || ""}`.trim()
 }));
-const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
+const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => n({
   ...e,
   type: "file",
-  class: `${f} ${E} ${e.class || ""}`.trim()
+  class: `${m} ${E} ${e.class || ""}`.trim()
 }));
 export {
   L as C,
@@ -206,5 +206,5 @@ export {
   K as d,
   a as e,
   o as f,
-  f as g
+  m as g
 };

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-CJGDcHyo.js";
-import { A as V, P as W, g as X } from "./range-calendar-UXMh98a5.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-KJX3HcJo.js";
+import { A as V, P as W, g as X } from "./range-calendar-CcFEHyEp.js";
 export {
   s as Alert,
   V as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-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-vkcc6Dnu.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-UXMh98a5.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-C2lrBRBh.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-CcFEHyEp.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-CWqhZ0qz.js";
 export {
   s as BackButton,

package/dist/{range-calendar-UXMh98a5.js → range-calendar-CcFEHyEp.js}

@@ -205,7 +205,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
       a.substring(0, 3)
     )
   )
-), D = (n) => (n *= 1, n < 10 ? `0${n}` : String(n)), nt = (n) => (n.indexOf("T") === -1 && n.indexOf(" ") === -1 && (n += "T00:00:01"), n.replace(" ", "T"), n), w = (n, t, e) => `${n}-${D(t + 1)}-${D(e)}`, at = (n) => n ? "bg-accent text-primary" : "", st = (n) => n ? "text-muted-foreground opacity-50" : "", rt = (n, t) => n === t, ot = (n, t) => rt(n, t) ? "bg-primary text-primary-foreground" : "", it = (n, t, e, a) => {
+), D = (n) => (n *= 1, n < 10 ? `0${n}` : String(n)), nt = (n) => (n.indexOf("T") === -1 && n.indexOf(" ") === -1 && (n += "T00:00:01"), n.replace(" ", "T"), n), w = (n, t, e) => `${n}-${D(t + 1)}-${D(e)}`, at = (n) => n ? "bg-accent text-primary" : "", st = (n) => n ? "text-muted-foreground opacity-50" : "", rt = (n, t) => n === t, ot = (n, t) => rt(n, t) ? "bg-primary text-foreground" : "", it = (n, t, e, a) => {
   const s = ot(t, a);
   return s || (n ? at(n) : e ? st(e) : "text-foreground");
 }, N = (n) => {
@@ -518,7 +518,7 @@ const W = ({ label: n, click: t }) => f(
   ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ft)
 ), yt = ({ day: n, iso: t, disabled: e, isStart: a, isEnd: s, isBetween: r, isOtherMonth: c, click: i }) => {
   let d = "ghost", g = "";
-  return a || s ? (d = "default", g = "bg-primary text-primary-foreground hover:bg-primary/90") : r && (g = "bg-accent text-accent-foreground hover:bg-accent/80"), e && (g += " opacity-50 cursor-not-allowed"), c && (g += " text-muted-foreground opacity-50"), f(
+  return a || s ? (d = "default", g = "bg-primary text-foreground hover:bg-primary/90") : r && (g = "bg-accent text-accent-foreground hover:bg-accent/80"), e && (g += " opacity-50 cursor-not-allowed"), c && (g += " text-muted-foreground opacity-50"), f(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${g}`,
       variant: d,

package/dist/{signature-panel-vkcc6Dnu.js → signature-panel-C2lrBRBh.js}

@@ -1,10 +1,10 @@
 import { Button as x, 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 I, P as p, Li as S, Time as q, Nav as C, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
-import { Atom as d, Component as u, Data as L, DateTime as G, router as b, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
+import { Atom as d, Component as u, Data as L, 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-CHEs54Wl.js";
 import { Icons as k } 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-DYxmO1rQ.js";
-import { A as oe, P as le } from "./range-calendar-UXMh98a5.js";
+import { C as ae, I as ie, H as ne } from "./inputs-DJhlHvWE.js";
+import { A as oe, P as le } from "./range-calendar-CcFEHyEp.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -88,23 +88,23 @@ const re = (t) => {
     class: `
 			px-2 py-1 text-center rounded-md
 			${n ? "bg-accent text-accent-foreground" : ""}
-			hover:bg-primary hover:text-primary-foreground
+			hover:bg-primary hover:text-foreground
 		`,
     click: () => i(a, s)
   });
-}, me = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (h, g) => new Date(t, e, g + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = he(t, e, c), f = [...i, ...n, ...r], m = [];
+}, ge = (t, e) => {
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (h, m) => new Date(t, e, m + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = he(t, e, c), f = [...i, ...n, ...r], g = [];
   for (let h = 0; h < f.length; h += 7) {
-    const g = f.slice(h, h + 7), y = g.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(y);
-    m.push({
+    const m = f.slice(h, h + 7), b = m.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(b);
+    g.push({
       weekNumber: A,
       year: U,
-      days: g
+      days: m
     });
   }
-  return m;
-}, ge = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
-  const { year: i, month: n, currentDate: l } = a, c = me(i, n);
+  return g;
+}, me = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
+  const { year: i, month: n, currentDate: l } = a, c = ge(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -120,7 +120,7 @@ const re = (t) => {
       ),
       // Render each "week" row
       ...c.map(
-        ({ weekNumber: r, days: f, year: m }) => o({
+        ({ weekNumber: r, days: f, year: g }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: r
@@ -129,10 +129,10 @@ const re = (t) => {
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => t(r, m),
+            click: () => t(r, g),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
-              "text-primary-foreground": r,
+              "text-foreground": r,
               "bg-primary": r
             }],
             text: r ? `W${r}` : ""
@@ -290,7 +290,7 @@ class ot extends u {
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
-      ge({
+      me({
         selectWeek: (e, s) => this.selectWeek(e, s)
       })
     ]);
@@ -299,9 +299,9 @@ class ot extends u {
 const we = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, ye = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+}, be = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   F((e) => new ae({ class: "mr-2", onChange: (s, a) => we(e, a) }))
-]), be = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return O({
     class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
@@ -317,7 +317,7 @@ const we = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? ye({ toggle: t.toggle }) : be({
+      (e) => e.label === "checkbox" ? be({ toggle: t.toggle }) : ye({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -705,7 +705,7 @@ const rt = d((t) => new Se(
   href: e,
   exact: s,
   dataSet: ["selected", ["state", !0, "active"]],
-  class: `${a ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-primary-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm`
+  class: `${a ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm`
 });
 class dt extends u {
   /**
@@ -735,7 +735,7 @@ class dt extends u {
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", b.data],
+            value: ["[[path]]", y.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -748,7 +748,7 @@ class dt extends u {
    * @returns {void}
    */
   afterSetup() {
-    const e = b.data.path;
+    const e = y.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1076,7 +1076,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
         $e(t)
       ]);
   }]
-}), mt = V(
+}), gt = V(
   {
     /**
      * This will set up the data object.
@@ -1198,7 +1198,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
   }
 ), je = (t) => S(
   {
-    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
+    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
@@ -1211,7 +1211,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
 ), Ae = (t, e) => (t.callBack = e, je(t)), Ue = (t) => C({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ae(e, t.callBack)] })
 ]);
-class gt extends u {
+class mt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -1300,7 +1300,7 @@ class gt extends u {
 }
 const Ye = (t) => S(
   {
-    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
+    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
@@ -1364,7 +1364,7 @@ const Qe = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), Xe = (t, e) => {
   href: e,
   exact: s,
   dataSet: ["selected", ["state", !0, "active"]],
-  class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm"
+  class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm"
 });
 class Ke extends u {
   /**
@@ -1392,7 +1392,7 @@ class Ke extends u {
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", b.data],
+          value: ["[[path]]", y.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1404,7 +1404,7 @@ class Ke extends u {
    * @returns {void}
    */
   afterSetup() {
-    const e = b.data.path;
+    const e = y.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1656,8 +1656,8 @@ class Ge extends u {
     const e = this.canvas, s = this.container, a = R.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let c = n + "px", r = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const f = a.width, m = a.height, h = f / n, g = m / l, y = Math.min(h, g);
-      c = n * y + "px", r = l * y + "px";
+      const f = a.width, g = a.height, h = f / n, m = g / l, b = Math.min(h, m);
+      c = n * b + "px", r = l * b + "px";
     }
     e.style.width = c, e.style.height = r;
   }
@@ -1733,7 +1733,7 @@ class Ge extends u {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class yt extends u {
+class bt extends u {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1813,9 +1813,9 @@ class yt extends u {
 }
 export {
   ht as B,
-  ye as C,
+  be as C,
   ke as D,
-  be as H,
+  ye as H,
   ft as I,
   dt as N,
   j as O,
@@ -1831,17 +1831,17 @@ export {
   nt as e,
   fe as f,
   de as g,
-  ge as h,
+  me as h,
   pe as i,
   H as j,
   lt as k,
   ct as l,
   ut as m,
-  mt as n,
+  gt as n,
   Ne as o,
-  gt as p,
+  mt as p,
   pt as q,
   Ke as r,
   wt as s,
-  yt as t
+  bt as t
 };

package/dist/{tooltip-fLU0qdFi.js → tooltip-DD5l7kTI.js}

@@ -1,7 +1,7 @@
 import { Span as c, Legend as b, Fieldset as p, Div as l, UseParent as u, Input as C } from "@base-framework/atoms";
 import { Atom as s, Html as x } from "@base-framework/base";
 import { a as d } from "./veil-B1pwIy-D.js";
-import { f as h, e as y, g as k } from "./inputs-DYxmO1rQ.js";
+import { f as h, e as y, g as k } from "./inputs-DJhlHvWE.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",
@@ -45,7 +45,7 @@ const a = {
   },
   primary: {
     backgroundColor: "bg-primary",
-    textColor: "text-primary-foreground",
+    textColor: "text-foreground",
     ringColor: "ring-primary/10"
   },
   secondary: {

package/package.json

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