@base-framework/ui 1.2.47 → 1.2.49

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-B94AsK9X.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-C72g6t7s.js";
 import { S as $ } from "./skeleton-BlY3opxG.js";
 export {
   t as Badge,

package/dist/{confirmation-CanrebjP.js → confirmation-kPMxirr9.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-B94AsK9X.js";
+import { az as k, b8 as C, f as c, at as E, F as L } from "./full-page-C72g6t7s.js";
 import { List as N, DynamicTime as M } from "@base-framework/organisms";
 class X extends d {
   /**

package/dist/{full-page-B94AsK9X.js → full-page-C72g6t7s.js}

@@ -1,5 +1,5 @@
-import { I as E, Span as u, Button as v, OnState as P, Div as o, Legend as ht, Fieldset as ft, H4 as qe, P as k, Label as H, Checkbox as ge, Input as p, Textarea as Ge, UseParent as V, Img as me, H5 as gt, H2 as Z, Form as mt, Header as ee, Footer as be, A as Ke, H3 as xe, Nav as pe, Ul as te, Li as ye, OnStateOpen as we, On as J, Dialog as bt, Th as Qe, Thead as xt, Tr as pt, Table as ve, Time as yt, H1 as wt } from "@base-framework/atoms";
-import { Atom as i, Jot as M, Component as S, router as X, Html as Je, Data as O, Events as j, DateTime as se, NavLink as vt, DataTracker as Xe } from "@base-framework/base";
+import { I as E, Span as u, Button as v, OnState as M, Div as o, Legend as ht, Fieldset as ft, H4 as qe, P as k, Label as H, Checkbox as ge, Input as p, Textarea as Ge, UseParent as V, Img as me, H5 as gt, H2 as Z, Form as mt, Header as ee, Footer as be, A as Ke, H3 as xe, Nav as pe, Ul as te, Li as ye, OnStateOpen as we, On as J, Dialog as bt, Th as Qe, Thead as xt, Tr as pt, Table as ve, Time as yt, H1 as wt } from "@base-framework/atoms";
+import { Atom as i, Jot as P, Component as S, router as X, Html as Je, Data as O, Events as j, DateTime as se, NavLink as vt, DataTracker as Xe } from "@base-framework/base";
 import { Icons as h } from "./icons.es.js";
 import { Timer as kt, TableBody as Ct, DataTableBody as St, ScrollableTableBody as $t, List as Dt } from "@base-framework/organisms";
 import { F as W } from "./format-DE4rFWuD.js";
@@ -43,13 +43,13 @@ const Tt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Pe = {
+}, Me = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, Me = i((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Ie[t] || Ie.sm, a = Te[t] || Te.sm, l = Pe[s] || Pe.outlined;
+}, Pe = i((e) => {
+  const t = e.size || "sm", s = e.variant || "outlined", n = Ie[t] || Ie.sm, a = Te[t] || Te.sm, l = Me[s] || Me.outlined;
   return u({
     ...e,
     // @ts-ignore
@@ -62,11 +62,11 @@ const Tt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? he(e, t) : typeof t == "object" && t.name ? Me({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? he(e, t) : typeof t == "object" && t.name ? Pe({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? Me({
+}) : typeof t == "string" ? Pe({
   ...e,
   name: t
 }) : he(e, t) : null, Da = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Ia = (e) => typeof e == "string" && e.includes("<svg"), Be = {
@@ -150,11 +150,11 @@ const Tt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Pt = (e) => Be[e] || Be.gray, Mt = (e, t = {}) => {
-  const s = Pt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
+}, Mt = (e) => Be[e] || Be.gray, Pt = (e, t = {}) => {
+  const s = Mt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${l}`;
 }, Ta = i((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...f } = e, m = Mt(s, { backgroundColor: l, textColor: r, ringColor: c });
+  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...f } = e, m = Pt(s, { backgroundColor: l, textColor: r, ringColor: c });
   return u({ ...f, class: m }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
@@ -176,9 +176,9 @@ class Ze extends S {
 }
 const N = (e) => (
   /** @type {VeilComponentConstructor} */
-  M(e, Ze)
+  P(e, Ze)
 );
-class Pa extends Ze {
+class Ma extends Ze {
   /**
    * Declare public props and their defaults.
    */
@@ -221,7 +221,7 @@ class Pa extends Ze {
       // @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 || ""}`
     }, [
-      P(
+      M(
         "active",
         (r) => x({ size: t, variant: r && l ? "filled" : "outlined" }, r ? n : s)
       ),
@@ -237,7 +237,7 @@ const le = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class Ma extends S {
+class Pa extends S {
   /**
    * Declare public props.
    */
@@ -274,7 +274,7 @@ class Ma extends S {
       // @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]" : ""}`
     }, [
-      P("active", (w) => [
+      M("active", (w) => [
         x({
           size: a,
           variant: w && m ? "filled" : "outlined",
@@ -461,7 +461,7 @@ const Nt = (e) => {
   checked: t,
   bind: s
 }), Yt = () => u({ class: "absolute text-xs pointer-events-none" }, [
-  P(
+  M(
     "checked",
     (e) => e ? E({
       class: "w-2 h-2 pointer-events-none",
@@ -494,7 +494,7 @@ const Nt = (e) => {
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), qt = M(
+}, t), qt = P(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -863,15 +863,18 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     ...n,
     class: `[&>option]:text-foreground [&>option]:bg-background ${ke} ${n.class || ""}`.trim()
   };
-}), rs = i(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : me({
+}), rs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: l = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : me({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
-  load: (a) => a.target.style.visibility = "visible",
+  loading: a,
+  decoding: l,
+  fetchPriority: r,
+  load: (c) => c.target.style.visibility = "visible",
   /**
    * If there's an error loading the image, hide it.
    */
-  error: (a) => a.target.style.visibility = "hidden"
+  error: (c) => c.target.style.visibility = "hidden"
 })), is = (e) => !e || isNaN(e) ? null : e, Ne = (e, t) => {
   const s = e, n = 16, a = 2 * Math.PI * n, l = s / 100 * a, r = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
@@ -1511,7 +1514,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, vo = M(
+}, vo = P(
   {
     /**
      * This will render the component.
@@ -1594,7 +1597,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), nt = (e) => !e || e.length < 2 ? e : Ts(e), Ps = (e) => u([e, (t, s) => {
+})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), nt = (e) => !e || e.length < 2 ? e : Ts(e), Ms = (e) => u([e, (t, s) => {
   s.textContent = nt(t);
 }]), je = {
   xs: "h-6 w-6",
@@ -1616,7 +1619,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Ms = (e) => je[e] || je.default, Bs = (e) => Ee[e] || Ee.default, zs = (e, t = null, s = "md") => {
+}, Ps = (e) => je[e] || je.default, Bs = (e) => Ee[e] || Ee.default, zs = (e, t = null, s = "md") => {
   const n = nt(String(e)), a = Bs(s);
   return o(
     {
@@ -1627,11 +1630,11 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 		`
     },
     [
-      t ? Ps(t) : u({ class: "uppercase" }, n)
+      t ? Ms(t) : u({ class: "uppercase" }, n)
     ]
   );
 }, Os = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = Ms(a);
+  const l = Ps(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
@@ -1641,7 +1644,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       zs(s, n, a)
     ]
   );
-}), He = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = M(
+}), He = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = P(
   {
     /**
      * Get the initial state for the component.
@@ -1697,7 +1700,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          P("loaded", (s) => s === !1 || He(this.src) ? H({
+          M("loaded", (s) => s === !1 || He(this.src) ? H({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
@@ -1712,7 +1715,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), So = M(
+), So = P(
   {
     /**
      * Get the initial state for the component.
@@ -1768,7 +1771,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          P(
+          M(
             "loaded",
             (s) => s ? me({
               // @ts-ignore
@@ -1809,7 +1812,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 }, h.chevron.single.right), Ls = (e) => o({ class: "flex items-center" }, [
   e.href ? Ns(e.href, e.label) : u(e.label),
   e.separator && Fs()
-]), $o = M(
+]), $o = P(
   {
     /**
      * Set initial data
@@ -1871,7 +1874,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 ]), js = (e, t) => Array.from({ length: e }, (s, n) => Rs({
   index: n,
   size: t
-})), Do = M(
+})), Do = P(
   {
     /**
      * Defines component data (props).
@@ -1922,7 +1925,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 ]), _s = (e, t) => o({ class: "w-full border rounded-md" }, [
   te({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Hs(s, e, t)] })
 ]), Us = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
-  P(
+  M(
     "open",
     (s, n, a) => s ? new ae({
       cache: "dropdown",
@@ -1932,7 +1935,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       _s(e, t)
     ]) : null
   )
-]), Io = M(
+]), Io = P(
   {
     /**
      * This will set up the data.
@@ -2357,7 +2360,7 @@ class ln extends S {
    */
   render() {
     return o({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
-      P("view", (t) => {
+      M("view", (t) => {
         switch (t) {
           case "months":
             return qs(
@@ -2455,7 +2458,7 @@ const rn = (e) => {
       blockPriorDates: t
     })
   ])
-), Po = N(
+), Mo = N(
   {
     /**
      * The initial state of the DatePicker.
@@ -2819,7 +2822,7 @@ class Sn extends S {
           r.preventDefault(), r.stopPropagation(), this.data.selecting = "end";
         }
       }),
-      P("view", (r) => {
+      M("view", (r) => {
         switch (r) {
           case "months":
             return wn(
@@ -2897,7 +2900,7 @@ const $n = ({ bind: e, required: t }) => p({
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), Mo = N(
+])), Po = N(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2950,7 +2953,7 @@ function Tn(e) {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
 }
-function Pn(e) {
+function Mn(e) {
   if (e.length < 4)
     return { formattedTime: null, hour: null, minute: null, meridian: null };
   const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10);
@@ -2964,7 +2967,7 @@ function Pn(e) {
     meridian: a
   };
 }
-function Mn({ bind: e, required: t }) {
+function Pn({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2988,7 +2991,7 @@ function zn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleI
       class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
     },
     [
-      Mn({ bind: e, required: t }),
+      Pn({ bind: e, required: t }),
       Bn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
       v(
         {
@@ -3125,7 +3128,7 @@ const Bo = N(
      */
     handleInputChange(e) {
       let t = e.target.value.replace(/[^\d]/g, ""), s = Tn(t);
-      const n = Pn(t);
+      const n = Mn(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
@@ -3449,6 +3452,7 @@ const En = (e) => new St({
   limit: e.limit,
   key: e.key,
   tableData: e.tableData,
+  xhrMethod: e.xhrMethod,
   items: e.items,
   rowItem: (t) => e.rowItem(t, e.selectRow),
   class: "divide-y divide-border",
@@ -3483,6 +3487,8 @@ class Hn extends ot {
             // @ts-ignore
             tableData: this.tableData,
             // @ts-ignore
+            xhrMethod: this.xhrMethod,
+            // @ts-ignore
             key: this.key,
             // @ts-ignore
             items: this.rows,
@@ -3534,6 +3540,8 @@ const No = i((e) => new Hn(
     // @ts-ignore
     border: e.border,
     // @ts-ignore
+    xhrMethod: e.xhrMethod,
+    // @ts-ignore
     emptyState: e.emptyState,
     // @ts-ignore
     skeleton: e.skeleton
@@ -3546,6 +3554,7 @@ const No = i((e) => new Hn(
   limit: e.limit,
   key: e.key,
   tableData: e.tableData,
+  xhrMethod: e.xhrMethod,
   items: e.items,
   rowItem: (t) => e.rowItem(t, e.selectRow),
   class: "divide-y divide-border",
@@ -3582,6 +3591,8 @@ class Un extends ot {
             // @ts-ignore
             tableData: this.tableData,
             // @ts-ignore
+            xhrMethod: this.xhrMethod,
+            // @ts-ignore
             key: this.key,
             // @ts-ignore
             items: this.rows,
@@ -3635,6 +3646,8 @@ const Fo = i((e) => new Un(
     // @ts-ignore
     border: e.border,
     // @ts-ignore
+    xhrMethod: e.xhrMethod,
+    // @ts-ignore
     emptyState: e.emptyState,
     // @ts-ignore
     skeleton: e.skeleton
@@ -4131,7 +4144,7 @@ const it = () => b({ class: "m-2", variant: "ghost", addState() {
     s.callBack = t;
   });
 }, dt = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
-  P(
+  M(
     "open",
     (t) => t ? [
       new ia({ title: e.title }, [
@@ -4418,7 +4431,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
         fa(e)
       ]);
   }]
-}), Ho = M(
+}), Ho = P(
   {
     /**
      * This will set up the data object.
@@ -4697,7 +4710,7 @@ export {
   Bo as aT,
   da as aU,
   ko as aV,
-  Pa as aW,
+  Ma as aW,
   io as aX,
   x as aY,
   Xa as aZ,
@@ -4710,7 +4723,7 @@ export {
   So as af,
   lt as ag,
   pa as ah,
-  Me as ai,
+  Pe as ai,
   Ys as aj,
   Ao as ak,
   Ro as al,
@@ -4748,7 +4761,7 @@ export {
   An as j,
   Ba as k,
   ao as l,
-  Ma as m,
+  Pa as m,
   eo as n,
   po as o,
   Io as p,
@@ -4756,8 +4769,8 @@ export {
   To as r,
   jn as s,
   Wa as t,
-  Po as u,
-  Mo as v,
+  Mo as u,
+  Po as v,
   qa as w,
   ce as x,
   sn as y,

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-B94AsK9X.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-C72g6t7s.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-CanrebjP.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-B63AkDZP.js";
-import { S as ms } from "./sidebar-menu-ChdeuGcO.js";
-import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-BSdU46Zw.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-kPMxirr9.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-9WjCJ3-6.js";
+import { S as ms } from "./sidebar-menu-CIOu7Ezf.js";
+import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-YxQ1ybaW.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-B94AsK9X.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-CanrebjP.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-C72g6t7s.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-kPMxirr9.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-B94AsK9X.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-B63AkDZP.js";
-import { S as da } from "./sidebar-menu-ChdeuGcO.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-C72g6t7s.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-9WjCJ3-6.js";
+import { S as da } from "./sidebar-menu-CIOu7Ezf.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-B94AsK9X.js";
-import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-BSdU46Zw.js";
+import { d as s, a5 as g, ah as n, aw as P } from "./full-page-C72g6t7s.js";
+import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-YxQ1ybaW.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-ChdeuGcO.js → sidebar-menu-CIOu7Ezf.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-B94AsK9X.js";
+import { ab as n } from "./full-page-C72g6t7s.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-BSdU46Zw.js → sidebar-menu-page-YxQ1ybaW.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-B94AsK9X.js";
+import { d as a, ah as i, aw as r, al as n } from "./full-page-C72g6t7s.js";
 import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
-import { S as c } from "./sidebar-menu-ChdeuGcO.js";
+import { S as c } from "./sidebar-menu-CIOu7Ezf.js";
 class f extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-B63AkDZP.js → signature-panel-9WjCJ3-6.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-B94AsK9X.js";
+import { f as C, av as A, b0 as u, a7 as F } from "./full-page-C72g6t7s.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/organisms/lists/dynamic-data-table.d.ts

@@ -16,6 +16,7 @@
  * @property {function} [props.selectRow] - The function to select a row.
  * @property {string} [props.border] - The border to add to the table.
  * @property {object} [props.data] - The table data.
+ * @property {string} [props.xhrMethod='all'] - The method name to call on data.xhr.
  * @property {string} [props.cache] - The table cache identifier.
  * @property {object|null} [props.emptyState] - The empty state to show when there are no items.
  * @property {boolean|object} [props.skeleton] - Skeleton configuration. Can be true for default or object with { number: 5, row: customRowFunction }

package/dist/types/components/organisms/lists/dynamic-table.d.ts

@@ -11,6 +11,7 @@ export function DynamicTableBody(props: object): object;
  * @property {string} [props.class] - The class to add to the list.
  * @property {string} [props.key] - The key to use to identify the items.
  * @property {object} [props.tableData] - The table data.
+ * @property {string} [props.xhrMethod='all'] - The method name to call on data.xhr.
  * @property {array} [props.rows] - The initial rows.
  * @property {function} [props.rowItem] - The row item.
  * @property {string} [props.containerClass] - The class to add to the scroll container.

package/dist/types/components/organisms/lists/scrollable-data-table.d.ts

@@ -17,6 +17,7 @@
  * @property {function} [props.selectRow] - The function to select a row.
  * @property {string} [props.border] - The border to add to the table.
  * @property {object} [props.data] - The table data.
+ * @property {string} [props.xhrMethod='all'] - The method name to call on data.xhr.
  * @property {string} [props.cache] - The table cache identifier.
  * @property {object|null} [props.emptyState] - The empty state to show when there are no items.
  * @property {boolean|object} [props.skeleton] - Skeleton configuration. Can be true for default or object with { number: 5, row: customRowFunction }

package/dist/types/components/organisms/lists/scrollable-table.d.ts

@@ -12,6 +12,7 @@ export function ScrollableDataTableBody(props: object): object;
  * @property {string} [props.class] - The class to add to the list.
  * @property {string} [props.key] - The key to use to identify the items.
  * @property {object} [props.tableData] - The table data.
+ * @property {string} [props.xhrMethod='all'] - The method name to call on data.xhr.
  * @property {array} [props.rows] - The initial rows.
  * @property {function} [props.rowItem] - The row item.
  * @property {string} [props.containerClass] - The class to add to the scroll container.

package/package.json

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