@base-framework/ui 1.2.41 → 1.2.43

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-import { c as t, f as e, h as n, i as o, k as l, l as i, m as u, n as r, t as p, w as I, J as g, L as c, M as d, N as m, O as F, P as T, Q as B, R as S, S as b, T as C, U as x, a0 as f, a7 as P, a8 as h, a9 as k, ac as M, ad as U, ae as w, ai as E, an as G, au as L, ax as N, aB as R, aC as Z, aE as D, aF as H, aG as J, aK as Q, aP as V, aQ as W, aS as v, aW as K, aX as O, aY as X, aZ as Y, b0 as j, b1 as q, b2 as y, b5 as z, b6 as A } from "./full-page-4f7_qOkb.js";
+import { c as t, f as e, h as n, i as o, k as l, l as i, m as u, n as r, t as p, w as I, J as g, L as c, M as d, N as m, O as F, P as T, Q as B, R as S, S as b, T as C, U as x, a0 as f, a7 as P, a8 as h, a9 as k, ac as M, ad as U, ae as w, ai as E, an as G, au as L, ax as N, aB as R, aC as Z, aE as D, aF as H, aG as J, aK as Q, aP as V, aQ as W, aS as v, aW as K, aX as O, aY as X, aZ as Y, b0 as j, b1 as q, b2 as y, b5 as z, b6 as A } from "./full-page-Bnweb6Sc.js";
 import { S as $ } from "./skeleton-BlY3opxG.js";
 export {
   t as Badge,

package/dist/{confirmation-B34b53JC.js → confirmation-8zD2a5hB.js}

@@ -1,6 +1,6 @@
 import { Component as d, Html as m, Dom as y, base as v, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
 import { Li as S, Span as p, Div as a, Ul as w, Button as D, I as x, OnState as Y, Time as B } from "@base-framework/atoms";
-import { az as k, b8 as C, f as c, at as E, F as L } from "./full-page-4f7_qOkb.js";
+import { az as k, b8 as C, f as c, at as E, F as L } from "./full-page-Bnweb6Sc.js";
 import { List as N, DynamicTime as M } from "@base-framework/organisms";
 class X extends d {
   /**

package/dist/{full-page-4f7_qOkb.js → full-page-Bnweb6Sc.js}

@@ -1,4 +1,4 @@
-import { I as j, Span as u, Button as w, OnState as M, Div as o, Legend as ft, Fieldset as gt, H4 as qe, P as k, Label as E, Checkbox as he, Input as p, Textarea as Ge, UseParent as V, Img as fe, H5 as mt, H2 as J, Form as bt, Header as X, Footer as ge, A as Ke, H3 as me, Nav as be, Ul as Z, Li as xe, OnStateOpen as pe, On as Q, Dialog as xt, Th as Qe, Thead as pt, Tr as yt, Table as ye, Time as wt, H1 as vt } from "@base-framework/atoms";
+import { I as j, Span as u, Button as v, OnState as M, Div as o, Legend as ft, Fieldset as gt, H4 as qe, P as k, Label as E, Checkbox as he, Input as p, Textarea as Ge, UseParent as V, Img as fe, H5 as mt, H2 as J, Form as bt, Header as X, Footer as ge, A as Ke, H3 as me, Nav as be, Ul as Z, Li as xe, OnStateOpen as pe, On as Q, Dialog as xt, Th as Qe, Thead as pt, Tr as yt, Table as ye, Time as wt, H1 as vt } from "@base-framework/atoms";
 import { Atom as r, Jot as P, Component as S, Html as Je, Data as z, Events as R, DateTime as ee, NavLink as kt, router as De, DataTracker as Xe } from "@base-framework/base";
 import { Icons as h } from "./icons.es.js";
 import { Timer as Ct, TableBody as St, DataTableBody as $t, ScrollableTableBody as Dt, List as It } from "@base-framework/organisms";
@@ -183,7 +183,7 @@ class Ma extends Ze {
    * Declare public props and their defaults.
    */
   declareProps() {
-    this.icon = null, this.activeIcon = null, this.value = null, this.dataKey = null, this.active = !1, this.toggle = null, this.size = "sm", this.formatType = "number";
+    this.icon = null, this.activeIcon = null, this.value = null, this.dataKey = null, this.active = !1, this.toggle = null, this.size = "sm", this.fill = !1, this.formatType = "number";
   }
   /**
    * Set up internal states.
@@ -211,19 +211,19 @@ class Ma extends Ze {
   render() {
     const t = this.size, s = this.icon, n = this.activeIcon || this.icon, a = (() => {
       if (this.dataKey) {
-        let l = `[[${this.dataKey}]]`;
-        return this.formatType === "number" ? l = _.number(l, "0") : this.formatType === "money" ? l = _.roundMoney(l) : this.formatType === "date" ? l = _.date(l) : this.formatType === "percent" && (l = _.percentage(l)), u({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, l);
+        let i = `[[${this.dataKey}]]`;
+        return this.formatType === "number" ? i = _.number(i, "0") : this.formatType === "money" ? i = _.roundMoney(i) : this.formatType === "date" ? i = _.date(i) : this.formatType === "percent" && (i = _.percentage(i)), u({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, i);
       }
       return this.value !== null && this.value !== void 0 ? u({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
-    })();
-    return w({
+    })(), l = this.fill;
+    return v({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `toggle-btn inline-flex items-center gap-1.5 bg-transparent border-0 p-0 cursor-pointer text-foreground/70 hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${this.class || ""}`
     }, [
       M(
         "active",
-        (l) => x({ size: t }, l ? n : s)
+        (i) => x({ size: t, variant: i && l ? "filled" : "outlined" }, i ? n : s)
       ),
       a
     ]);
@@ -242,7 +242,7 @@ class Pa extends S {
    * Declare public props.
    */
   declareProps() {
-    this.icon = null, this.activeIcon = null, this.active = !1, this.size = "md", this.activeClass = "", this.toggle = null;
+    this.icon = null, this.activeIcon = null, this.active = !1, this.size = "md", this.activeClass = "", this.fill = !1, this.toggle = null;
   }
   /**
    * Set up internal states.
@@ -268,24 +268,25 @@ class Pa extends S {
    * @returns {object}
    */
   render() {
-    const t = this.icon, s = this.activeIcon || this.icon, n = ae[this.size] || ae.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", i = "text-foreground", c = this.activeClass || i, f = this.circle ?? !1;
-    return w({
+    const t = this.icon, s = this.activeIcon || this.icon, n = ae[this.size] || ae.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", i = "text-foreground", c = this.activeClass || i, f = this.circle ?? !1, m = this.fill;
+    return v({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${l}${f ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
     }, [
-      M("active", (m) => [
+      M("active", (w) => [
         x({
           size: a,
-          class: `transition-colors ${m ? c : i}`
-        }, m ? s : t)
+          variant: w && m ? "filled" : "outlined",
+          class: `transition-colors ${w ? c : i}`
+        }, w ? s : t)
       ])
     ]);
   }
 }
 const Ba = r((e, t) => {
   const s = e.size || "md", n = ae[s] || ae.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
-  return w({
+  return v({
     ...e,
     // @ts-ignore
     class: `circle-btn inline-flex items-center justify-center rounded-full border-0 bg-background/40 backdrop-blur-sm text-foreground cursor-pointer transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${e.class || ""}`
@@ -317,13 +318,13 @@ const et = (e) => {
   return ue.set(t, a), a;
 }, tt = (e) => {
   ue.delete(e || "");
-}, L = (e) => r((t, s) => w({
+}, L = (e) => r((t, s) => v({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
 }, s)), we = r(
-  (e, t) => w({
+  (e, t) => v({
     ...e,
     // @ts-ignore
     class: e.class
@@ -375,7 +376,7 @@ const et = (e) => {
     lg: "w-12 h-12",
     xl: "w-14 h-14"
   }, a = e.backgroundClass || "bg-background/30 hover:bg-background/50";
-  return w({
+  return v({
     ...e,
     // @ts-ignore
     class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${a} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${n[s] || n.md} ${e.class || ""}`
@@ -1075,8 +1076,8 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 }), gs = (e, t) => {
   const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, l = globalThis.scrollX, i = globalThis.scrollY;
   let c = s.left + l, f = s.bottom + i;
-  const m = globalThis.innerHeight - s.bottom, v = s.top;
-  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), m < n.height && v > m ? f = s.top + i - n.height - a : m < n.height && (f = s.bottom + i - (n.height - m) - a), { x: c, y: f };
+  const m = globalThis.innerHeight - s.bottom, w = s.top;
+  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), m < n.height && w > m ? f = s.top + i - n.height - a : m < n.height && (f = s.bottom + i - (n.height - m) - a), { x: c, y: f };
 };
 class se extends S {
   /**
@@ -1297,7 +1298,7 @@ const ms = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 ]), po = (e, t) => o({ class: "flex" }, [
   u({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
   u(t)
-]), ks = r(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => X({ class: "modal-header bg-background/80 backdrop-blur-md sticky top-safe flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
+]), ks = r(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => X({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
   /**
    * Back Button (Mobile Only)
    */
@@ -1484,7 +1485,7 @@ class wo extends S {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w({
+const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => v({
   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"]],
@@ -1556,7 +1557,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
      * @returns {object}
      */
     render() {
-      return w({
+      return v({
         class: "relative inline-flex h-6 w-11 min-w-11 items-center rounded-full bg-muted transition-colors focus:outline-none",
         onState: ["active", { "bg-primary": !0, "bg-muted": !1 }],
         click: (t, { state: s }) => {
@@ -1893,7 +1894,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       );
     }
   }
-), Es = ({ toggleDropdown: e }) => w(
+), Es = ({ toggleDropdown: e }) => v(
   {
     cache: "button",
     class: "relative z-2 inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-input hover:bg-muted h-10 px-4 py-2 justify-between",
@@ -2113,7 +2114,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     select: i,
     disabled: c
   } = e;
-  return w(
+  return v(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
@@ -2129,10 +2130,10 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
     t.toString()
   );
 }, ie = (e, t, s, n) => e === n.date && t === n.month && s === n.year, en = (e, t, s, n = !1) => {
-  const { year: a, month: l } = e, i = A(a, l, e.date), c = new Date(a, l, 1).getDay(), f = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], W = l === 0 ? 11 : l - 1, U = l === 0 ? a - 1 : a;
+  const { year: a, month: l } = e, i = A(a, l, e.date), c = new Date(a, l, 1).getDay(), f = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), w = [], W = l === 0 ? 11 : l - 1, U = l === 0 ? a - 1 : a;
   for (let d = c - 1; d >= 0; d--) {
     const y = m - d, I = ie(y, W, U, t), T = new Date(U, W, y) < new Date(t.year, t.month, t.date), F = n && T;
-    v.push(
+    w.push(
       re({
         day: y,
         currentDate: i,
@@ -2146,7 +2147,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
   }
   for (let d = 1; d <= f; d++) {
     const y = ie(d, l, a, t), I = new Date(a, l, d) < new Date(t.year, t.month, t.date), T = n && I;
-    v.push(
+    w.push(
       re({
         day: d,
         currentDate: i,
@@ -2158,10 +2159,10 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  const Y = l === 11 ? 0 : l + 1, ne = l === 11 ? a + 1 : a, g = (7 - v.length % 7) % 7;
+  const Y = l === 11 ? 0 : l + 1, ne = l === 11 ? a + 1 : a, g = (7 - w.length % 7) % 7;
   for (let d = 1; d <= g; d++) {
     const y = ie(d, Y, ne, t), I = new Date(ne, Y, d) < new Date(t.year, t.month, t.date), T = n && I;
-    v.push(
+    w.push(
       re({
         day: d,
         currentDate: i,
@@ -2173,7 +2174,7 @@ const Re = globalThis.matchMedia, le = r(({ value: e, label: t, icon: s }) => w(
       })
     );
   }
-  return v;
+  return w;
 }, Ye = ({ label: e, click: t }) => b(
   {
     class: `
@@ -2423,7 +2424,7 @@ const rn = (e) => {
   [
     dn({ bind: e, required: t }),
     un({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
-    w(
+    v(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
         click: s
@@ -2557,16 +2558,16 @@ const rn = (e) => {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${m}`,
       variant: f,
       disabled: s,
-      click: (v) => {
-        v.preventDefault(), v.stopPropagation(), s || c();
+      click: (w) => {
+        w.preventDefault(), w.stopPropagation(), s || c();
       }
     },
     e.toString()
   );
 }, pn = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
-  const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), f = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, W = new Date(v, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
+  const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), f = [], m = t.month === 0 ? 11 : t.month - 1, w = t.month === 0 ? t.year - 1 : t.year, W = new Date(w, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
   for (let g = i - 1; g >= 0; g--) {
-    const d = W - g, y = A(v, m, d), I = new Date(v, m, d), T = new Date(e.year, e.month, e.date), F = I < T, q = s && F, G = a === y, K = l === y, ht = a && l && y > a && y < l;
+    const d = W - g, y = A(w, m, d), I = new Date(w, m, d), T = new Date(e.year, e.month, e.date), F = I < T, q = s && F, G = a === y, K = l === y, ht = a && l && y > a && y < l;
     f.push({
       day: d,
       iso: y,
@@ -2865,7 +2866,7 @@ const $n = ({ bind: e, required: t }) => p({
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), Dn = ({ bind: e, required: t, toggleOpen: s }) => w({
+}), Dn = ({ bind: e, required: t, toggleOpen: s }) => v({
   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
 }, [
@@ -2981,7 +2982,7 @@ function zn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleI
     [
       Pn({ bind: e, required: t }),
       Bn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
-      w(
+      v(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
           click: s
@@ -2998,7 +2999,7 @@ function ce({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
     e.map((l) => {
       let i = a ? l.toString().padStart(2, "0") : l.toString();
-      return w({
+      return v({
         text: i,
         class: "hover:bg-muted/50 rounded-md pr-2 py-1",
         click: () => t({ [n]: i }),
@@ -3222,7 +3223,7 @@ r((e, t) => ({
   ...e,
   children: t
 }));
-r(({ value: e, label: t }) => w({
+r(({ value: e, label: t }) => v({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 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-background data-[state=active]:text-foreground data-[state=active]:shadow",
   onState: ["performance", { active: e }],
   dataSet: ["performance", ["state", e, "active"]],
@@ -3685,7 +3686,7 @@ class Jn extends S {
    */
   render() {
     const t = this.state;
-    return w({
+    return v({
       class: this.class || "",
       onState: [
         ["selected", {

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-4f7_qOkb.js";
+import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-Bnweb6Sc.js";
 import { S as De } from "./skeleton-BlY3opxG.js";
 import { Icons as Pe, MaterialSymbols as ke } from "./icons.es.js";
-import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-B34b53JC.js";
-import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-ClU6uDct.js";
-import { S as ms } from "./sidebar-menu-DHQ0LZEC.js";
-import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-B8VlixG8.js";
+import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-8zD2a5hB.js";
+import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-BWHC9V2v.js";
+import { S as ms } from "./sidebar-menu-BHHp2hXa.js";
+import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-D12NEBpp.js";
 import { A as Ss, B as Fs, F as Ds, M as Bs, T as Ps, a as ks } from "./bside-template-C7AQgQ6H.js";
 import { F as vs, c as Ns } from "./format-DE4rFWuD.js";
 import { I as xs } from "./image-scaler-1G-JzJVG.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-4f7_qOkb.js";
-import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-B34b53JC.js";
+import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-Bnweb6Sc.js";
+import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-8zD2a5hB.js";
 export {
   s as Alert,
   t as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-4f7_qOkb.js";
-import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-ClU6uDct.js";
-import { S as da } from "./sidebar-menu-DHQ0LZEC.js";
+import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-Bnweb6Sc.js";
+import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-BWHC9V2v.js";
+import { S as da } from "./sidebar-menu-BHHp2hXa.js";
 export {
   s as BackButton,
   n as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
-import { d as s, a5 as g, ah as n, aw as P } from "./full-page-4f7_qOkb.js";
-import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-B8VlixG8.js";
+import { d as s, a5 as g, ah as n, aw as P } from "./full-page-Bnweb6Sc.js";
+import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-D12NEBpp.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-DHQ0LZEC.js → sidebar-menu-BHHp2hXa.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { ab as n } from "./full-page-4f7_qOkb.js";
+import { ab as n } from "./full-page-Bnweb6Sc.js";
 const b = ({ title: l, options: a, class: s = "", mobileBorder: t = !1, sticky: e = !1, topNav: o = null, bottomNav: p = null }) => r({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${s}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-B8VlixG8.js → sidebar-menu-page-D12NEBpp.js}

@@ -1,7 +1,7 @@
 import { Div as s } from "@base-framework/atoms";
-import { d as a, ah as i, aw as r, al as n } from "./full-page-4f7_qOkb.js";
+import { d as a, ah as i, aw as r, al as n } from "./full-page-Bnweb6Sc.js";
 import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
-import { S as c } from "./sidebar-menu-DHQ0LZEC.js";
+import { S as c } from "./sidebar-menu-BHHp2hXa.js";
 class f extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-ClU6uDct.js → signature-panel-BWHC9V2v.js}

@@ -1,6 +1,6 @@
 import { Div as r, Button as v, On as j, Span as T, Nav as f, Ul as p, Section as y, Li as w, Canvas as z } from "@base-framework/atoms";
 import { Component as k, Data as I, DateTime as U, router as b, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { f as C, av as A, b0 as u, a7 as F } from "./full-page-4f7_qOkb.js";
+import { f as C, av as A, b0 as u, a7 as F } from "./full-page-Bnweb6Sc.js";
 import { Icons as D } from "./icons.es.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Lt extends k {

package/dist/types/components/atoms/buttons/toggle-button.d.ts

@@ -29,6 +29,8 @@ export class ToggleButton extends Veil {
     toggle: Function | null;
     /** @type {string} Icon size: xs | sm | md | lg */
     size: string;
+    /** @type {boolean} When true, renders the icon with variant: 'filled' in the active state (Material Symbols) */
+    fill: boolean;
     /** @type {string} the format type for the value: 'number' | 'string' */
     formatType: string;
     /**
@@ -72,6 +74,8 @@ export class CircleToggleButton extends Component {
     size: string;
     /** @type {string} Extra Tailwind classes applied when active */
     activeClass: string;
+    /** @type {boolean} When true, renders the icon with variant: 'filled' in the active state (Material Symbols) */
+    fill: boolean;
     /** @type {Function|null} Called with the new boolean state on each click */
     toggle: Function | null;
     /**

package/package.json

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