@base-framework/ui 1.0.292 → 1.0.294

package/dist/atoms.es.js

@@ -1,6 +1,6 @@
-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-Cok_NM7z.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 { 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 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";
 export {
   e as Badge,

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

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

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

@@ -1,8 +1,8 @@
 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-DW0cMOJy.js";
-import { C as ce, F as ue, a as y } from "./veil-tVDPinrr.js";
-import { B as h, I as g } from "./buttons-BKLL4I6r.js";
+import { P as k, b as ie, R as ae } from "./range-calendar-UXMh98a5.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";
@@ -624,9 +624,8 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   g(s),
   a(t)
 ])), Ue = (e) => {
-  var o;
   const t = document.documentElement;
-  if (e === "system" && (e = (o = globalThis.matchMedia) != null && o.call(globalThis, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), j && !j("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), j && !j("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
@@ -777,8 +776,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
           accept: "image/*",
           class: "hidden",
           change: (s) => {
-            var l;
-            const o = (l = s.target.files) == null ? void 0 : l[0];
+            const o = s.target.files?.[0];
             o && t && (this.state.loaded = !1, t(o, this.parent), this.src = this.getFileUrl(o), this.state.loaded = !0);
           }
         }),

package/dist/{image-scaler-DNyRgMye.js → image-scaler-1G-JzJVG.js}

@@ -1,8 +1,5 @@
-var m = Object.defineProperty;
-var x = (l, t, e) => t in l ? m(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var f = (l, t, e) => x(l, typeof t != "symbol" ? t + "" : t, e);
 import { base as r } from "@base-framework/base";
-class v {
+class g {
   /**
    * Creates an instance of ElementScaler.
    *
@@ -73,7 +70,7 @@ class v {
     this.setBoundingBox(), this.containerSize = this.container.getBoundingClientRect();
   }
 }
-class y {
+class m {
   /**
    * Creates an EventController instance.
    *
@@ -82,77 +79,6 @@ class y {
    * @param {HTMLElement} container - The DOM element to attach events to.
    */
   constructor(t, e) {
-    /**
-     * Tracks and measures distances between touches for pinch gestures.
-     */
-    f(this, "pinchTracker", {
-      /** @type {number|null} */
-      previousDistance: null,
-      /** @type {number|null} */
-      currentDistance: null,
-      /**
-       * Calculates Euclidean distance between two points.
-       *
-       * @param {number} x1
-       * @param {number} y1
-       * @param {number} x2
-       * @param {number} y2
-       * @returns {number}
-       */
-      distance(t, e, s, n) {
-        return Math.sqrt(
-          (t - s) * (t - s) + (e - n) * (e - n)
-        );
-      },
-      /**
-       * If currentDistance is set, store it as previousDistance.
-       *
-       * @returns {void}
-       */
-      setPreviousDistance() {
-        this.currentDistance !== null && (this.previousDistance = this.currentDistance);
-      },
-      /**
-       * Sets the current distance between two touch points.
-       *
-       * @param {object} touch1
-       * @param {object} touch2
-       * @returns {void}
-       */
-      setCurrentDistance(t, e) {
-        this.currentDistance = this.distance(t.x, t.y, e.x, e.y);
-      },
-      /**
-       * Updates currentDistance and keeps track of the previous distance.
-       *
-       * @param {object} touch1
-       * @param {object} touch2
-       * @returns {number} The updated current distance.
-       */
-      updateCurrentDistance(t, e) {
-        return this.setPreviousDistance(), this.setCurrentDistance(t, e), this.currentDistance;
-      },
-      /**
-       * Determines the scale direction (zoom in/out) based on distance changes.
-       *
-       * @param {object} touch1
-       * @param {object} touch2
-       * @returns {number} 1 for zoom in, -1 for zoom out, 0 if below threshold.
-       */
-      getScale(t, e) {
-        let s = 0;
-        const n = this.updateCurrentDistance(t, e), i = this.previousDistance;
-        return i === null || Math.abs(n - i) < 2 || (n > i ? s = 1 : n < i && (s = -1)), s;
-      },
-      /**
-       * Resets the distance measurements.
-       *
-       * @returns {void}
-       */
-      reset() {
-        this.previousDistance = null, this.currentDistance = null;
-      }
-    });
     this.parent = t, this.container = e, this.pointer = { x: 0, y: 0, status: "up" }, this.setup();
   }
   /**
@@ -236,6 +162,77 @@ class y {
   resize() {
     this.parent.resize();
   }
+  /**
+   * Tracks and measures distances between touches for pinch gestures.
+   */
+  pinchTracker = {
+    /** @type {number|null} */
+    previousDistance: null,
+    /** @type {number|null} */
+    currentDistance: null,
+    /**
+     * Calculates Euclidean distance between two points.
+     *
+     * @param {number} x1
+     * @param {number} y1
+     * @param {number} x2
+     * @param {number} y2
+     * @returns {number}
+     */
+    distance(t, e, s, n) {
+      return Math.sqrt(
+        (t - s) * (t - s) + (e - n) * (e - n)
+      );
+    },
+    /**
+     * If currentDistance is set, store it as previousDistance.
+     *
+     * @returns {void}
+     */
+    setPreviousDistance() {
+      this.currentDistance !== null && (this.previousDistance = this.currentDistance);
+    },
+    /**
+     * Sets the current distance between two touch points.
+     *
+     * @param {object} touch1
+     * @param {object} touch2
+     * @returns {void}
+     */
+    setCurrentDistance(t, e) {
+      this.currentDistance = this.distance(t.x, t.y, e.x, e.y);
+    },
+    /**
+     * Updates currentDistance and keeps track of the previous distance.
+     *
+     * @param {object} touch1
+     * @param {object} touch2
+     * @returns {number} The updated current distance.
+     */
+    updateCurrentDistance(t, e) {
+      return this.setPreviousDistance(), this.setCurrentDistance(t, e), this.currentDistance;
+    },
+    /**
+     * Determines the scale direction (zoom in/out) based on distance changes.
+     *
+     * @param {object} touch1
+     * @param {object} touch2
+     * @returns {number} 1 for zoom in, -1 for zoom out, 0 if below threshold.
+     */
+    getScale(t, e) {
+      let s = 0;
+      const n = this.updateCurrentDistance(t, e), i = this.previousDistance;
+      return i === null || Math.abs(n - i) < 2 || (n > i ? s = 1 : n < i && (s = -1)), s;
+    },
+    /**
+     * Resets the distance measurements.
+     *
+     * @returns {void}
+     */
+    reset() {
+      this.previousDistance = null, this.currentDistance = null;
+    }
+  };
   /**
    * Extracts all touches from the event object.
    *
@@ -339,7 +336,7 @@ class y {
     this.getEventPosition(t), this.isGesture(t) === !1 && this.parent.callAction("pointerMove", t);
   }
 }
-class B {
+class v {
   /**
    * Creates an instance of ImageScaler.
    *
@@ -347,9 +344,7 @@ class B {
    * @param {HTMLImageElement} element - The image element to scale.
    */
   constructor(t) {
-    /** @type {number} Minimum allowed scale factor. */
-    f(this, "minScale", 0.2);
-    this.elementScaler = new v(t), this.scale = this.getImageScale(t), this.panning = !1, this.events = null, this.start = { x: 0, y: 0 }, this.delta = { x: 0, y: 0 }, this.setup();
+    this.elementScaler = new g(t), this.scale = this.getImageScale(t), this.panning = !1, this.events = null, this.start = { x: 0, y: 0 }, this.delta = { x: 0, y: 0 }, this.setup();
   }
   /**
    * Initializes event handling and centers the image.
@@ -384,7 +379,7 @@ class B {
    * @returns {void}
    */
   setupEvents() {
-    this.events = new y(this, this.elementScaler.element);
+    this.events = new m(this, this.elementScaler.element);
   }
   /**
    * Calculates an initial scale based on the element's offsetWidth vs. naturalWidth.
@@ -431,25 +426,27 @@ class B {
     const s = this.elementScaler, n = s.containerSize, i = s.elementBoundingBox, o = this.delta;
     t = t || i.width, e = e || i.height;
     let c, h;
-    const u = n.width;
-    if (t < u)
-      c = u / 2 - t / 2, c = c > 0 ? c : 0;
+    const a = n.width;
+    if (t < a)
+      c = a / 2 - t / 2, c = c > 0 ? c : 0;
     else {
       c = o.x;
-      const a = t + o.x;
-      a < u && (c = a + (u - a) - t), o.x > 0 && (c = 0);
+      const l = t + o.x;
+      l < a && (c = l + (a - l) - t), o.x > 0 && (c = 0);
     }
-    const p = n.height;
-    if (e < p)
-      h = p / 2 - e / 2, h = h > 0 ? h : 0;
+    const u = n.height;
+    if (e < u)
+      h = u / 2 - e / 2, h = h > 0 ? h : 0;
     else {
       h = o.y;
-      const a = e + o.y;
-      a < p && (h = a + (p - a) - e), o.y > 0 && (h = 0);
+      const l = e + o.y;
+      l < u && (h = l + (u - l) - e), o.y > 0 && (h = 0);
     }
-    const d = s.element.style;
-    d.left = c + "px", d.top = h + "px", this.delta = { x: c, y: h };
+    const f = s.element.style;
+    f.left = c + "px", f.top = h + "px", this.delta = { x: c, y: h };
   }
+  /** @type {number} Minimum allowed scale factor. */
+  minScale = 0.2;
   /**
    * Updates the current scale (zoom) value based on scroll delta.
    *
@@ -529,5 +526,5 @@ class B {
   }
 }
 export {
-  B as I
+  v as I
 };

package/dist/index.es.js

@@ -1,17 +1,17 @@
-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-Cok_NM7z.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 { 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 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 { 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-D09aUoDA.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-BEO99NlI.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 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 { 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-Ddz2TltV.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";
-import { I as ls } from "./image-scaler-DNyRgMye.js";
+import { I as ls } from "./image-scaler-1G-JzJVG.js";
 export {
   E as Alert,
   Xe as AsideTemplate,

package/dist/{mobile-nav-wrapper-C7RyGC5a.js → mobile-nav-wrapper-CWqhZ0qz.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-BKLL4I6r.js";
+import { I as f, B as x } from "./buttons-CHEs54Wl.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-D09aUoDA.js";
-import { A as V, P as W, g as X } from "./range-calendar-DW0cMOJy.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-CJGDcHyo.js";
+import { A as V, P as W, g as X } from "./range-calendar-UXMh98a5.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-BEO99NlI.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";
+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 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,
   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-BtUJdw-T.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-Ddz2TltV.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{range-calendar-DW0cMOJy.js → range-calendar-UXMh98a5.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-BKLL4I6r.js";
+import { B as f } from "./buttons-CHEs54Wl.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-BtUJdw-T.js → sidebar-menu-page-Ddz2TltV.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-C7RyGC5a.js";
+import { c as u, e as p } from "./mobile-nav-wrapper-CWqhZ0qz.js";
 class c extends x {
   /**
    * This will declare the props for the compiler.

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

@@ -1,16 +1,16 @@
 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 h, 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-BKLL4I6r.js";
+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 { 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-DW0cMOJy.js";
-h((t, e) => ({
+import { A as oe, P as le } from "./range-calendar-UXMh98a5.js";
+d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
   children: e
 }));
-h(({ value: t, label: e }) => x({
+d(({ value: t, label: e }) => x({
   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: t }],
   dataSet: ["performance", ["state", t, "active"]],
@@ -67,8 +67,8 @@ const re = (t) => {
   const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = [];
   let n = [];
   for (let l = 1 - s; l <= a; l++) {
-    const d = new Date(t, e, l);
-    n.push(l > 0 ? d : null), (n.length === 7 || l === a) && (i.push([...n]), n = []);
+    const c = new Date(t, e, l);
+    n.push(l > 0 ? c : null), (n.length === 7 || l === a) && (i.push([...n]), n = []);
   }
   return i;
 }, nt = (t, e) => {
@@ -93,18 +93,18 @@ const re = (t) => {
     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 }, (r, g) => new Date(t, e, g + 1)), l = (i.length + n.length) % 7, d = l === 0 ? 0 : 7 - l, c = he(t, e, d), f = [...i, ...n, ...c], m = [];
-  for (let r = 0; r < f.length; r += 7) {
-    const g = f.slice(r, r + 7), b = g.find((Y) => Y) || new Date(t, e, 1), { weekNumber: H, year: U } = ce(b);
+  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 = [];
+  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({
-      weekNumber: H,
+      weekNumber: A,
       year: U,
       days: g
     });
   }
   return m;
 }, ge = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
-  const { year: i, month: n, currentDate: l } = a, d = me(i, n);
+  const { year: i, month: n, currentDate: l } = a, c = me(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -115,37 +115,37 @@ const re = (t) => {
           class: "grid grid-cols-7 col-span-7 text-center text-muted-foreground items-center"
         },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (c) => D({ class: "px-1 py-1", text: c })
+          (r) => D({ class: "px-1 py-1", text: r })
         )
       ),
       // Render each "week" row
-      ...d.map(
-        ({ weekNumber: c, days: f, year: m }) => o({
+      ...c.map(
+        ({ weekNumber: r, days: f, year: m }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
-            ring: c
+            ring: r
           }]
         }, [
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => t(c, m),
+            click: () => t(r, m),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
-              "text-primary-foreground": c,
-              "bg-primary": c
+              "text-primary-foreground": r,
+              "bg-primary": r
             }],
-            text: c ? `W${c}` : ""
+            text: r ? `W${r}` : ""
           }),
           // The 7 cells for each day in the row
           o(
             { class: "grid grid-cols-7 col-span-7 text-center" },
             f.map(
-              (r) => fe({
-                year: (r == null ? void 0 : r.getFullYear()) || null,
-                month: (r == null ? void 0 : r.getMonth()) || null,
-                day: (r == null ? void 0 : r.getDate()) || null,
-                weekNumber: c,
+              (h) => fe({
+                year: h?.getFullYear() || null,
+                month: h?.getMonth() || null,
+                day: h?.getDate() || null,
+                weekNumber: r,
                 selectWeek: t
               })
             )
@@ -299,9 +299,9 @@ class ot extends u {
 const we = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, be = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+}, ye = (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) }))
-]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+]), be = ({ 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" ? be({ toggle: t.toggle }) : ye({
+      (e) => e.label === "checkbox" ? ye({ toggle: t.toggle }) : be({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -330,13 +330,13 @@ const we = (t, e) => {
   cache: "list",
   key: t,
   items: e,
-  rowItem: (d) => a(d, s),
+  rowItem: (c) => a(c, s),
   class: "divide-y divide-border",
   emptyState: i,
   skeleton: n,
   columnCount: l
 });
-class j extends u {
+class H extends u {
   /**
    * Initializes component data.
    *
@@ -405,12 +405,7 @@ class j extends u {
    * @returns {number}
    */
   getHeaderColCount() {
-    var e;
-    if (this.customHeader) {
-      const s = this.customHeader, a = s == null ? void 0 : s.children[0];
-      return (e = a == null ? void 0 : a.children) == null ? void 0 : e.length;
-    }
-    return this.headers ? this.headers.length : 3;
+    return this.customHeader ? this.customHeader?.children[0]?.children?.length : this.headers ? this.headers.length : 3;
   }
   /**
    * Renders the DataTable component.
@@ -519,7 +514,7 @@ const xe = (t) => new Z({
   skeleton: t.skeleton,
   columnCount: t.columnCount
 });
-class ve extends j {
+class ve extends H {
   /**
    * Renders the DataTable component.
    *
@@ -571,7 +566,7 @@ class ve extends j {
     this.list.refresh();
   }
 }
-const lt = h((t) => new ve(
+const lt = d((t) => new ve(
   {
     cache: t.cache ?? "list",
     tableData: t.data,
@@ -602,7 +597,7 @@ const lt = h((t) => new ve(
   skeleton: t.skeleton,
   columnCount: t.columnCount
 });
-class Se extends j {
+class Se extends H {
   /**
    * Renders the DataTable component.
    *
@@ -656,7 +651,7 @@ class Se extends j {
     this.list.refresh();
   }
 }
-const rt = h((t) => new Se(
+const rt = d((t) => new Se(
   {
     cache: t.cache ?? "list",
     tableData: t.data,
@@ -674,7 +669,7 @@ const rt = h((t) => new Se(
     emptyState: t.emptyState,
     skeleton: t.skeleton
   }
-)), Ce = h(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
+)), Ce = d(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
   p({ class: "text-base font-semibold leading-6 m-0" }, t),
   p({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
 ])), Ie = () => o({ class: "flex items-center gap-x-1.5" }, [
@@ -685,10 +680,10 @@ const rt = h((t) => new Se(
 ]), Le = (t) => p({ class: "text-xs leading-5 text-muted-foreground" }, [
   D("Last seen "),
   q({ datetime: t }, "3h ago")
-]), Te = (t, e) => t === "online" ? Ie() : Le(e), Be = h(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+]), Te = (t, e) => t === "online" ? Ie() : Le(e), Be = d(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   p({ class: "text-sm leading-6 m-0" }, t),
   Te(s, e)
-])), Me = (t) => t.split(" ").map((s) => s[0]).join(""), Re = h((t) => S({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+])), Me = (t) => t.split(" ").map((s) => s[0]).join(""), Re = d((t) => S({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
     oe({ src: t.image, alt: t.name, fallbackText: Me(t.name) }),
     Ce({ name: t.name, email: t.email })
@@ -698,7 +693,7 @@ const rt = h((t) => new Se(
     lastSeen: t.lastSeen,
     status: t.status
   })
-])), ct = h((t) => new te({
+])), ct = d((t) => new te({
   cache: "list",
   key: "name",
   items: t.users,
@@ -740,7 +735,7 @@ class dt extends u {
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", y.data],
+            value: ["[[path]]", b.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -753,7 +748,7 @@ class dt extends u {
    * @returns {void}
    */
   afterSetup() {
-    const e = y.data.path;
+    const e = b.data.path;
     this.updateLinks(e);
   }
   /**
@@ -810,13 +805,13 @@ class dt extends u {
     this.links = [];
   }
 }
-const ht = h((t) => {
+const ht = d((t) => {
   const e = t.margin || "m-4 ml-0";
   return t.allowHistory = t.allowHistory === !0, o({ class: `flex-none ${e}` }, [
     T({ variant: "back", class: "ghost", ...t })
   ]);
 });
-class A extends u {
+class j extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -909,7 +904,7 @@ N.addType("dockableOverlay", (t) => {
   const e = t.component;
   e && e.rendered === !0 && e.state.docked === !1 && e.destroy();
 });
-class ut extends A {
+class ut extends j {
   /**
    * This will stop presistence.
    *
@@ -1018,7 +1013,7 @@ class ut extends A {
     document.documentElement.style.overflowY = "auto";
   }
 }
-class ft extends A {
+class ft extends j {
   /**
    * This will get the overlay type.
    *
@@ -1037,7 +1032,7 @@ class ft extends A {
     this.container = e, this.initialize();
   }
 }
-const ze = h(({ index: t, click: e, state: s }, a) => S({
+const ze = d(({ index: t, click: e, state: s }, a) => S({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -1046,10 +1041,10 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
     }]
   ],
   click: () => e(t)
-}, a)), $e = h(({ selectOption: t, state: e }) => w({
+}, a)), $e = d(({ selectOption: t, state: e }) => w({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => ze({ index: a, click: t, state: e }, s.label)]
-})), Ne = h((t) => o({ class: "relative flex items-center" }, [
+})), Ne = d((t) => o({ class: "relative flex items-center" }, [
   ie({
     cache: "input",
     class: t.class ?? "",
@@ -1068,7 +1063,7 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
   t.icon && o({ class: "absolute flex right-0 mr-2" }, [
     _(t.icon)
   ])
-])), je = (t) => o({
+])), He = (t) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (e, s, a) => {
     if (e)
@@ -1190,7 +1185,7 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        je({
+        He({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1201,7 +1196,7 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
       ]);
     }
   }
-), Ae = (t) => 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",
     dataSet: ["selected", ["state", t.value, "active"]]
@@ -1213,8 +1208,8 @@ const ze = h(({ index: t, click: e, state: s }, a) => S({
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
-), He = (t, e) => (t.callBack = e, Ae(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) => He(e, t.callBack)] })
+), 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 {
   /**
@@ -1250,8 +1245,7 @@ class gt extends u {
    * @returns {*}
    */
   getFirstValue() {
-    var e;
-    return (e = this.options[0]) == null ? void 0 : e.value;
+    return this.options[0]?.value;
   }
   /**
    * This will update the component.
@@ -1357,9 +1351,8 @@ class pt extends u {
    * @returns {object}
    */
   setupStates() {
-    var e;
     return {
-      selected: ((e = this.options[0]) == null ? void 0 : e.value) || null
+      selected: this.options[0]?.value || null
     };
   }
 }
@@ -1399,7 +1392,7 @@ class Ke extends u {
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", y.data],
+          value: ["[[path]]", b.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1411,7 +1404,7 @@ class Ke extends u {
    * @returns {void}
    */
   afterSetup() {
-    const e = y.data.path;
+    const e = b.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1585,8 +1578,8 @@ class Ge extends u {
       s = f.clientX, a = f.clientY;
     } else
       s = e.x || e.clientX, a = e.y || e.clientY;
-    const d = parseInt((s - l.left) * n), c = parseInt((a - l.top) * n);
-    this.mouse.x = d, this.mouse.y = c;
+    const c = parseInt((s - l.left) * n), r = parseInt((a - l.top) * n);
+    this.mouse.x = c, this.mouse.y = r;
   }
   /**
    * Called when the pointer goes down on the canvas.
@@ -1661,12 +1654,12 @@ class Ge extends u {
    */
   scale() {
     const e = this.canvas, s = this.container, a = R.getSize(s), i = this.targetSize, n = i.width, l = i.height;
-    let d = n + "px", c = l + "px";
+    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, r = f / n, g = m / l, b = Math.min(r, g);
-      d = n * b + "px", c = l * b + "px";
+      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";
     }
-    e.style.width = d, e.style.height = c;
+    e.style.width = c, e.style.height = r;
   }
   /**
    * Main drawing loop. If the mouse is down, adds a line
@@ -1740,7 +1733,7 @@ class Ge extends u {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class bt extends u {
+class yt extends u {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1820,12 +1813,12 @@ class bt extends u {
 }
 export {
   ht as B,
-  be as C,
+  ye as C,
   ke as D,
-  ye as H,
+  be as H,
   ft as I,
   dt as N,
-  A as O,
+  j as O,
   at as P,
   rt as S,
   B as T,
@@ -1840,7 +1833,7 @@ export {
   de as g,
   ge as h,
   pe as i,
-  j,
+  H as j,
   lt as k,
   ct as l,
   ut as m,
@@ -1850,5 +1843,5 @@ export {
   pt as q,
   Ke as r,
   wt as s,
-  bt as t
+  yt as t
 };

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

@@ -1,6 +1,6 @@
-import { Span as c, Legend as b, Fieldset as C, Div as l, UseParent as u, Input as x } from "@base-framework/atoms";
-import { Atom as s, Html as p } from "@base-framework/base";
-import { a as d } from "./veil-tVDPinrr.js";
+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";
 const a = {
   gray: {
@@ -82,14 +82,14 @@ const a = {
   const { backgroundColor: e, textColor: r, ringColor: o } = w(t);
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${e} ${r} ${o}`;
 }, T = s((t, e) => {
-  const r = $(t == null ? void 0 : t.type);
+  const r = $(t?.type);
   return c({ ...t, class: r }, e);
 }), v = s((t, e) => b({
   ...t,
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${t.class || ""}`
 }, e)), L = s((t, e) => {
   const r = t.border === "full" ? "border rounded-md" : "border-t";
-  return C({
+  return p({
     ...t,
     class: `p-6 ${r} ${t.class || ""}`
   }, [
@@ -146,7 +146,7 @@ const a = {
             style: ["left: [[filledPercentage]]%", t]
           }),
           // Hidden Range Input
-          x({
+          C({
             type: "range",
             min: ["[[min]]", t],
             max: ["[[max]]", t],
@@ -171,7 +171,7 @@ const a = {
 ), G = s((t) => ({
   tag: "select",
   onCreated(e) {
-    t.options && p.setupSelectOptions(e, t.options);
+    t.options && x.setupSelectOptions(e, t.options);
   },
   ...t,
   class: `${k} ${t.class || ""}`.trim()

package/dist/utils.es.js

@@ -1,5 +1,5 @@
 import { F as e, c } from "./format-DnofNaaz.js";
-import { I as t } from "./image-scaler-DNyRgMye.js";
+import { I as t } from "./image-scaler-1G-JzJVG.js";
 export {
   e as Format,
   t as ImageScaler,

package/dist/veil-B1pwIy-D.js

@@ -0,0 +1,46 @@
+import { Div as s, H4 as l, P as d } from "@base-framework/atoms";
+import { Atom as r, Jot as o, Component as c } from "@base-framework/base";
+const u = r((t, a) => {
+  const e = t.margin ?? "my-5 mx-5", n = t.padding ?? "p-4";
+  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), s({
+    ...t,
+    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${e} ${n} ${t.class || ""}`
+  }, a);
+}), x = r((t, a) => {
+  const e = t.border === !0 ? "border-t" : "";
+  return s({
+    ...t,
+    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr,2fr] sm:gap-x-6 pt-8 ${e} ${t.class || ""}`
+  }, [
+    t.label && s({
+      ...t.labelProps,
+      class: `space-y-1 ${t.labelProps?.class || ""}`
+    }, [
+      l({ class: "text-base" }, t.label),
+      t.description && d({ class: "text-sm text-muted-foreground" }, t.description)
+    ]),
+    // Controls container: grows to fill remaining space, spacing between items
+    s({ class: "flex flex-col space-y-4" }, a)
+  ]);
+});
+class i extends c {
+  /**
+   * This will set the component context.
+   *
+   * @param {object|null} context
+   * @returns {object|null}
+   */
+  setContext(a) {
+    if (this.data)
+      return null;
+    const e = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
+    return e ? { data: e } : null;
+  }
+}
+const b = (t) => o(t, i);
+export {
+  u as C,
+  x as F,
+  i as V,
+  b as a
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.292",
+	"version": "1.0.294",
 	"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": {
@@ -26,19 +26,17 @@
 		"url": "https://github.com/chrisdurfee/ui/issues"
 	},
 	"devDependencies": {
-		"autoprefixer": "^10.4.20",
 		"esbuild": "^0.25.0",
-		"postcss": "^8.4.47",
-		"tailwindcss": "^3.4.13"
+		"tailwindcss": "^4.0.0"
 	},
 	"dependencies": {
 		"@base-framework/atoms": "^1.0.41",
 		"@base-framework/base": "^3.0.295",
 		"@base-framework/organisms": "^1.0.69",
+		"@tailwindcss/vite": "^4.0.0",
 		"d3": "^7.9.0",
-		"tailwindcss-animate": "^1.0.7",
 		"typescript": "^5.7.3",
-		"vite": "^6.1.1"
+		"vite": "^7.1.3"
 	},
 	"types": "./dist/types/**/*.d.ts",
 	"files": [

package/dist/veil-tVDPinrr.js

@@ -1,48 +0,0 @@
-import { Div as r, H4 as c, P as i } from "@base-framework/atoms";
-import { Atom as o, Jot as m, Component as g } from "@base-framework/base";
-const f = o((t, s) => {
-  const a = t.margin ?? "my-5 mx-5", e = t.padding ?? "p-4";
-  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), r({
-    ...t,
-    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${a} ${e} ${t.class || ""}`
-  }, s);
-}), h = o((t, s) => {
-  var e;
-  const a = t.border === !0 ? "border-t" : "";
-  return r({
-    ...t,
-    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr,2fr] sm:gap-x-6 pt-8 ${a} ${t.class || ""}`
-  }, [
-    t.label && r({
-      ...t.labelProps,
-      class: `space-y-1 ${((e = t.labelProps) == null ? void 0 : e.class) || ""}`
-    }, [
-      c({ class: "text-base" }, t.label),
-      t.description && i({ class: "text-sm text-muted-foreground" }, t.description)
-    ]),
-    // Controls container: grows to fill remaining space, spacing between items
-    r({ class: "flex flex-col space-y-4" }, s)
-  ]);
-});
-class u extends g {
-  /**
-   * This will set the component context.
-   *
-   * @param {object|null} context
-   * @returns {object|null}
-   */
-  setContext(s) {
-    var e, n, l, d;
-    if (this.data)
-      return null;
-    const a = ((e = this == null ? void 0 : this.parent) == null ? void 0 : e.data) ?? ((l = (n = this == null ? void 0 : this.parent) == null ? void 0 : n.context) == null ? void 0 : l.data) ?? ((d = this == null ? void 0 : this.parent) == null ? void 0 : d.state) ?? null;
-    return a ? { data: a } : null;
-  }
-}
-const $ = (t) => m(t, u);
-export {
-  f as C,
-  h as F,
-  u as V,
-  $ as a
-};