@base-framework/ui 1.0.132 → 1.0.134

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DcnXGw52.js";
+import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-CESEqMCU.js";
 import { B as m, I as T, L as c } from "./buttons-Cm9etaEG.js";
 import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-Dmu4Z-7-.js";
 import { V as W, a as w } from "./veil-D4dRxILB.js";

package/dist/{confirmation-NiMCveEM.js → confirmation-rUP2euZ5.js}

@@ -1,5 +1,5 @@
-import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as W, Form as R, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
-import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as U, Jot as S, DateTime as $ } from "@base-framework/base";
+import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as R, Form as W, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
+import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as H, Jot as S, DateTime as $ } from "@base-framework/base";
 import { P as D, b as se } from "./calendar-D8GLE8AM.js";
 import { B as h, I as x } from "./buttons-Cm9etaEG.js";
 import { Icons as u } from "./icons.es.js";
@@ -166,7 +166,7 @@ class ft extends p {
     ]);
   }
 }
-const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), we = c((e, t) => W({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ye = c((e, t) => b({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ve = c((e, t) => b({ ...e, class: "text-sm text-destructive" }, t)), Ce = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", q = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = q(o.children, t, s)), o.required && Ce(o) ? {
+const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), we = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ye = c((e, t) => b({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ve = c((e, t) => b({ ...e, class: "text-sm text-destructive" }, t)), Ce = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", U = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = U(o.children, t, s)), o.required && Ce(o) ? {
   ...o,
   aria: {
     invalid: ["hasError"]
@@ -174,7 +174,7 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   invalid: s,
   input: t
 } : o)), ke = c((e, t) => {
-  const r = q(t, (l) => {
+  const r = U(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -225,13 +225,16 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
 ), Se = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
 }, De = c(
-  (e, t) => R({ ...e, submit: (s, o) => Se(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+  (e, t) => W({ ...e, submit: (s, o) => Se(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
 ), bt = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), pt = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
   e.title && A({ class: "font-semibold" }, e.title),
   ...t
 ])), xt = (e, t) => n({ class: "flex justify-between" }, [
   a({ class: "text-muted-foreground" }, e),
   a(t)
+]), wt = (e, t) => n({ class: "flex" }, [
+  a({ class: "text-muted-foreground mr-8 w-12" }, e),
+  a(t)
 ]), Ie = ({ title: e, description: t, back: s, icon: o, options: r = [] }) => B({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
   /**
    * Back Button
@@ -263,8 +266,8 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
     n({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
     M({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
   ])
-])), $e = (e) => U.render(e, app.root);
-class wt extends p {
+])), $e = (e) => H.render(e, app.root);
+class yt extends p {
   /**
    * This will declare the props for the compiler.
    *
@@ -552,7 +555,7 @@ class Le extends ce {
   }
 }
 let Pe = 0;
-class yt extends p {
+class vt extends p {
   /**
    * This will render the component.
    *
@@ -606,7 +609,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, vt = S(
+}, Ct = S(
   {
     /**
      * This will render the component.
@@ -633,7 +636,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       };
     }
   }
-), Ct = w(
+), kt = w(
   {
     /**
      * The initial state of the Toggle.
@@ -695,9 +698,9 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   OFFLINE: "bg-gray-500",
   BUSY: "bg-red-500",
   AWAY: "bg-yellow-500"
-}, Ne = (e = "") => (e = e.toUpperCase(), f[e] || f.OFFLINE), kt = (e) => n({
+}, Ne = (e = "") => (e = e.toUpperCase(), f[e] || f.OFFLINE), St = (e) => n({
   class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${Ne(e)}`
-}), St = ({ propName: e = "status" } = {}) => n({
+}), Dt = ({ propName: e = "status" } = {}) => n({
   class: "absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full",
   onSet: [e, {
     [f.ONLINE]: y.ONLINE,
@@ -720,7 +723,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
 }, u.chevron.single.right), je = (e) => n({ class: "flex items-center" }, [
   e.href ? ze(e.href, e.label) : a(e.label),
   e.separator && Ee()
-]), Dt = S(
+]), It = S(
   {
     /**
      * Set initial data
@@ -782,7 +785,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
 ]), Ye = (e, t) => Array.from({ length: e }, (s, o) => Ve({
   index: o,
   size: t
-})), It = S(
+})), Tt = S(
   {
     /**
      * Defines component data (props).
@@ -813,7 +816,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       );
     }
   }
-), Ue = ({ toggleDropdown: e }) => m(
+), He = ({ toggleDropdown: e }) => m(
   {
     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 border-input bg-background hover:bg-muted h-10 px-4 py-2 justify-between",
@@ -823,15 +826,15 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
     a({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
     g({ html: u.chevron.upDown })
   ]
-), qe = (e, t, s) => O({
+), Ue = (e, t, s) => O({
   class: "flex flex-auto items-center cursor-pointer p-2 hover:bg-muted/50 rounded-sm",
   click: () => t(e),
   onState: [s, "selectedValue", { "bg-secondary": e.value }]
 }, [
   e.icon && a({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
   a({ class: "text-base font-normal" }, e.label)
-]), He = (e, t) => n({ class: "w-full border rounded-md" }, [
-  V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => qe(s, e, t)] })
+]), qe = (e, t) => n({ class: "w-full border rounded-md" }, [
+  V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Ue(s, e, t)] })
 ]), _e = ({ onSelect: e, state: t }) => n({ class: "flex flex-auto flex-col" }, [
   v(
     "open",
@@ -840,10 +843,10 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       parent: r,
       button: r.button
     }, [
-      He(e, t)
+      qe(e, t)
     ]) : null
   )
-]), Tt = S(
+]), $t = S(
   {
     /**
      * This will set up the data.
@@ -924,7 +927,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       const e = this.class || "", t = this.maxWidth || "max-w-[250px]", s = this.width || "w-full";
       return n({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
-        Ue({ toggleDropdown: this.toggleDropdown.bind(this) }),
+        He({ toggleDropdown: this.toggleDropdown.bind(this) }),
         _e({
           // @ts-ignore
           state: this.state,
@@ -945,17 +948,17 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       ]);
     }
   }
-), H = ({ icon: e, click: t, ariaLabel: s }) => h({
+), q = ({ icon: e, click: t, ariaLabel: s }) => h({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), We = ({ click: e }) => H({
+}), Re = ({ click: e }) => q({
   icon: u.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Re = ({ click: e }) => H({
+}), We = ({ click: e }) => q({
   icon: u.circlePlus,
   click: e,
   ariaLabel: "Increment"
@@ -972,7 +975,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), $t = w(
+})), At = w(
   {
     /**
      * Initial state for the counter component.
@@ -995,14 +998,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
     render() {
       const e = this.class ?? "";
       return n({ class: `flex flex-auto items-center justify-between space-x-4 p-4 ${e}` }, [
-        We({ click: () => this.state.decrement("count") }),
+        Re({ click: () => this.state.decrement("count") }),
         Ge({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Re({ click: () => this.state.increment("count") })
+        We({ click: () => this.state.increment("count") })
       ]);
     }
   }
@@ -1036,7 +1039,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       })
     ]) : null
   )
-]), At = w(
+]), Bt = w(
   {
     /**
      * The initial state of the DatePicker.
@@ -1080,7 +1083,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       ]);
     }
   }
-), Bt = ({ dateTime: e = "", remoteTimeZone: t = "America/Denver", filter: s = null }) => X([
+), Mt = ({ dateTime: e = "", remoteTimeZone: t = "America/Denver", filter: s = null }) => X([
   new re({
     dateTime: e,
     filter: s || ((o) => {
@@ -1192,7 +1195,7 @@ function E(e) {
     meridian: l
   });
 }
-const Mt = w(
+const Lt = w(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -1278,7 +1281,7 @@ const Mt = w(
       ])
     ])
   ]
-)), nt = (e) => U.render(e, app.root), j = {
+)), nt = (e) => H.render(e, app.root), j = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -1378,7 +1381,7 @@ class rt extends p {
     this.state.open = !1, this.panel.close(), typeof this.onClose == "function" && this.onClose(), this.destroy();
   }
 }
-class Lt extends rt {
+class Pt extends rt {
   /**
    * This will declare the props for the compiler.
    *
@@ -1410,17 +1413,18 @@ class Lt extends rt {
 }
 export {
   mt as A,
-  Dt as B,
-  Tt as C,
+  It as B,
+  wt as C,
   ce as D,
-  ot as E,
+  Pt as E,
   xe as F,
-  rt as G,
-  wt as M,
-  yt as N,
-  Re as P,
+  ot as G,
+  rt as H,
+  yt as M,
+  vt as N,
+  We as P,
   xt as S,
-  vt as T,
+  Ct as T,
   me as a,
   ft as b,
   ge as c,
@@ -1433,16 +1437,16 @@ export {
   bt as j,
   pt as k,
   Le as l,
-  Ct as m,
-  kt as n,
-  St as o,
+  kt as m,
+  St as n,
+  Dt as o,
   y as p,
   f as q,
   Ne as r,
-  It as s,
-  We as t,
-  Ge as u,
-  $t as v,
+  Tt as s,
+  $t as t,
+  Re as u,
+  Ge as v,
   At as w,
   Bt as x,
   Mt as y,

package/dist/index.es.js

@@ -1,156 +1,157 @@
-import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DcnXGw52.js";
-import { B as g, I as T, L as c } from "./buttons-Cm9etaEG.js";
-import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-Dmu4Z-7-.js";
+import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-CESEqMCU.js";
+import { B as g, I as C, L as T } from "./buttons-Cm9etaEG.js";
+import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as H, W as L } from "./inputs-Dmu4Z-7-.js";
 import { V as w, a as U } from "./veil-D4dRxILB.js";
-import { Icons as R } from "./icons.es.js";
-import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-NiMCveEM.js";
-import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-D8GLE8AM.js";
-import { B as Oa, n as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-rfv7cz7U.js";
-import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
-import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-BVryQj2Z.js";
-import { A as Es, F as Gs, M as Vs, a as js, T as qs } from "./aside-template-McEj_Gxc.js";
-import { B as Js } from "./bside-template-Du2m3rsE.js";
+import { Icons as O } from "./icons.es.js";
+import { A as G, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, i as ta, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-rUP2euZ5.js";
+import { A as va, b as fa, C as xa, D as ha, a as ya, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-D8GLE8AM.js";
+import { B as Oa, n as Ea, C as Ga, j as Va, D as ja, l as qa, H as za, I as Ja, N as _a, O as Ka, P as Qa, S as Xa, m as Ya, r as Za, q as $a, o as as, p as ss, T as es, k as os, U as ts, W as rs, f as ns, h as is, i as ls, c as ps, d as us, b as ms, e as ds, a as gs, g as Cs } from "./signature-panel-rfv7cz7U.js";
+import { B as cs, I as bs, M as Ds, d as Ss, e as Is, g as Bs, N as Ps, b as Fs, a as Ms, f as ks, P as Ns, c as vs, S as fs, T as xs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
+import { B as ys, a as Ws, C as Hs, F as Ls, b as As, c as ws, M as Us, P as Rs, S as Os } from "./sidebar-menu-page-BVryQj2Z.js";
+import { A as Gs, F as Vs, M as js, a as qs, T as zs } from "./aside-template-McEj_Gxc.js";
+import { B as _s } from "./bside-template-Du2m3rsE.js";
 export {
   G as Alert,
-  Es as AsideTemplate,
-  Na as Avatar,
+  Gs as AsideTemplate,
+  va as Avatar,
   Oa as BackButton,
   cs as Backdrop,
   e as Badge,
-  hs as BasicPage,
-  ys as BlankPage,
+  ys as BasicPage,
+  Ws as BlankPage,
   V as Breadcrumb,
-  Js as BsideTemplate,
+  _s as BsideTemplate,
   g as Button,
-  Ra as ButtonTab,
-  va as Calendar,
-  fa as CalendarCells,
+  Ea as ButtonTab,
+  fa as Calendar,
+  xa as CalendarCells,
   o as Card,
-  Ws as CenterPage,
+  Hs as CenterPage,
   b as Checkbox,
-  Ea as CheckboxCol,
+  Ga as CheckboxCol,
   t as CircleGraph,
   D as ColorInput,
-  j as Combobox,
-  q as Confirmation,
-  z as CountDisplay,
-  J as Counter,
-  Ga as DataTable,
-  Va as DataTableBody,
+  j as ColumnRow,
+  q as Combobox,
+  z as Confirmation,
+  J as CountDisplay,
+  _ as Counter,
+  Va as DataTable,
+  ja as DataTableBody,
   S as DateInput,
-  _ as DatePicker,
+  K as DatePicker,
   I as DateTimeInput,
-  xa as DayCell,
-  ha as DayHeader,
-  K as DelayComponent,
-  Q as DetailBody,
-  X as DetailSection,
-  Y as Dialog,
-  Z as DialogContainer,
-  ja as DockableOverlay,
-  $ as DotsIndicator,
-  aa as Dropdown,
-  sa as DropdownItem,
-  ea as DropdownMenu,
+  ha as DayCell,
+  ya as DayHeader,
+  Q as DelayComponent,
+  X as DetailBody,
+  Y as DetailSection,
+  Z as Dialog,
+  $ as DialogContainer,
+  qa as DockableOverlay,
+  aa as DotsIndicator,
+  sa as Dropdown,
+  ea as DropdownItem,
+  oa as DropdownMenu,
   B as EmailInput,
   r as Fieldset,
   P as FileInput,
-  oa as Form,
-  ta as FormControl,
-  ra as FormDescription,
-  na as FormField,
-  ia as FormItem,
-  la as FormLabel,
-  pa as FormMessage,
-  ya as FormatDate,
+  ta as Form,
+  ra as FormControl,
+  na as FormDescription,
+  ia as FormField,
+  la as FormItem,
+  pa as FormLabel,
+  ua as FormMessage,
+  Wa as FormatDate,
   Ls as FullContainPage,
   As as FullPage,
-  Gs as FullTemplate,
-  Hs as FullscreenPage,
-  qa as HeaderCol,
+  Vs as FullTemplate,
+  ws as FullscreenPage,
+  za as HeaderCol,
   F as HiddenInput,
-  T as Icon,
-  R as Icons,
-  Cs as InlineNavigation,
-  za as InlineOverlay,
+  C as Icon,
+  O as Icons,
+  bs as InlineNavigation,
+  Ja as InlineOverlay,
   M as Input,
   n as Legend,
-  c as LoadingButton,
-  Vs as MainColumn,
-  bs as MainLink,
-  ws as MainSection,
-  ua as MinusButton,
-  Ds as MobileNavButton,
-  Ss as MobileNavWrapper,
-  ma as Modal,
-  Wa as MonthCalendar,
+  T as LoadingButton,
+  js as MainColumn,
+  Ds as MainLink,
+  Us as MainSection,
+  ma as MinusButton,
+  Ss as MobileNavButton,
+  Is as MobileNavWrapper,
+  da as Modal,
+  Ha as MonthCalendar,
   k as MonthInput,
-  Is as NavButton,
-  Bs as NavButtonLink,
-  Ps as Navigation,
-  Fs as NavigationGroup,
-  Ja as NavigationMenu,
-  Ms as NavigationPopover,
-  da as Notification,
-  ga as NotificationContainer,
+  Bs as NavButton,
+  Ps as NavButtonLink,
+  Fs as Navigation,
+  Ms as NavigationGroup,
+  _a as NavigationMenu,
+  ks as NavigationPopover,
+  ga as Notification,
+  Ca as NotificationContainer,
   N as NumberInput,
-  _a as Overlay,
-  Us as Page,
-  Ka as Panel,
+  Ka as Overlay,
+  Rs as Page,
+  Qa as Panel,
   v as PasswordInput,
   Ta as PlusButton,
   La as PopOver,
-  ks as PopupHeader,
+  Ns as PopupHeader,
   i as ProgressBar,
   f as Radio,
   l as RangeSlider,
   ca as STATUSES,
-  Ca as STATUS_CLASS,
-  Qa as ScrollableDataTable,
-  Xa as SearchDropdown,
+  ba as STATUS_CLASS,
+  Xa as ScrollableDataTable,
+  Ya as SearchDropdown,
   x as SearchInput,
   p as Select,
-  Ns as SidebarMenu,
+  vs as SidebarMenu,
   Os as SidebarMenuPage,
-  Ya as SignaturePanel,
+  Za as SignaturePanel,
   u as Skeleton,
-  ba as SplitRow,
-  Da as StaticStatusIndicator,
-  Sa as StatusIndicator,
-  vs as SubNavigation,
-  Za as Tab,
-  $a as TabGroup,
-  as as TabNavigation,
-  ss as TableHeader,
+  Da as SplitRow,
+  Sa as StaticStatusIndicator,
+  Ia as StatusIndicator,
+  fs as SubNavigation,
+  $a as Tab,
+  as as TabGroup,
+  ss as TabNavigation,
+  es as TableHeader,
   h as TelInput,
-  js as Template,
+  qs as Template,
   y as Textarea,
-  Ia as ThemeToggle,
-  Ba as TimeFrame,
+  Ba as ThemeToggle,
+  Pa as TimeFrame,
   W as TimeInput,
-  Pa as TimePicker,
-  fs as TitleHeader,
-  Fa as Toggle,
+  Fa as TimePicker,
+  xs as TitleHeader,
+  Ma as Toggle,
   m as Tooltip,
-  qs as TopBar,
-  L as UrlInput,
-  es as UserList,
-  os as UserListItem,
+  zs as TopBar,
+  H as UrlInput,
+  os as UserList,
+  ts as UserListItem,
   w as Veil,
   U as VeilJot,
-  ts as WeekCalendar,
-  rs as WeekCell,
-  ns as WeekCells,
-  is as WeekHeader,
-  A as WeekInput,
+  rs as WeekCalendar,
+  ns as WeekCell,
+  is as WeekCells,
+  ls as WeekHeader,
+  L as WeekInput,
   Aa as addTime,
-  ls as calculateWeekNumber,
-  ps as generateWeeks,
-  us as getDateFromWeek,
-  ms as getMonthDays,
-  ds as getNextMonthDays,
-  Ha as getPosition,
-  gs as getPreviousMonthDays,
-  Ma as getStatusClass,
-  wa as pad
+  ps as calculateWeekNumber,
+  us as generateWeeks,
+  ms as getDateFromWeek,
+  ds as getMonthDays,
+  gs as getNextMonthDays,
+  wa as getPosition,
+  Cs as getPreviousMonthDays,
+  ka as getStatusClass,
+  Ua as pad
 };

package/dist/molecules.es.js

@@ -1,42 +1,43 @@
-import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-NiMCveEM.js";
-import { A as O, P as R, g as _ } from "./calendar-D8GLE8AM.js";
+import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-rUP2euZ5.js";
+import { A as H, P as O, g as _ } from "./calendar-D8GLE8AM.js";
 export {
   o as Alert,
-  O as Avatar,
+  H as Avatar,
   t as Breadcrumb,
-  e as Combobox,
-  i as Confirmation,
-  r as CountDisplay,
-  n as Counter,
-  m as DatePicker,
-  l as DelayComponent,
-  S as DetailBody,
+  e as ColumnRow,
+  i as Combobox,
+  r as Confirmation,
+  n as CountDisplay,
+  m as Counter,
+  l as DatePicker,
+  S as DelayComponent,
+  u as DetailBody,
   D as DetailSection,
   c as Dialog,
-  u as DialogContainer,
+  C as DialogContainer,
   d as DotsIndicator,
   g as Dropdown,
   p as DropdownItem,
-  C as DropdownMenu,
-  F as Form,
-  T as FormControl,
-  A as FormDescription,
-  P as FormField,
-  f as FormItem,
+  F as DropdownMenu,
+  T as Form,
+  A as FormControl,
+  P as FormDescription,
+  f as FormField,
+  w as FormItem,
   b as FormLabel,
-  w as FormMessage,
-  B as MinusButton,
-  I as Modal,
-  M as Notification,
-  x as NotificationContainer,
-  y as PlusButton,
-  R as PopOver,
-  k as STATUSES,
-  v as STATUS_CLASS,
-  N as SplitRow,
-  h as StaticStatusIndicator,
-  E as StatusIndicator,
-  L as ThemeToggle,
+  B as FormMessage,
+  I as MinusButton,
+  M as Modal,
+  x as Notification,
+  y as NotificationContainer,
+  k as PlusButton,
+  O as PopOver,
+  v as STATUSES,
+  N as STATUS_CLASS,
+  h as SplitRow,
+  E as StaticStatusIndicator,
+  L as StatusIndicator,
+  R as ThemeToggle,
   U as TimeFrame,
   j as TimePicker,
   q as Toggle,

package/dist/{tooltip-DcnXGw52.js → tooltip-CESEqMCU.js}

@@ -1,7 +1,7 @@
 import { Span as c, Div as l, Legend as f, Fieldset as x, UseParent as u, Input as C } from "@base-framework/atoms";
-import { Atom as s, Html as p } from "@base-framework/base";
+import { Atom as s, Html as h } from "@base-framework/base";
 import { a as d } from "./veil-D4dRxILB.js";
-import { f as h, e as y, g as k } from "./inputs-Dmu4Z-7-.js";
+import { f as p, e as y, g as k } from "./inputs-Dmu4Z-7-.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",
@@ -86,7 +86,7 @@ const a = {
   return c({ ...t, class: r }, e);
 }), L = s((t, e) => {
   const r = t.margin ?? "my-5 mx-5", o = t.padding ?? "p-4";
-  return l({
+  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), l({
     ...t,
     class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${r} ${o} ${t.class || ""}`
   }, e);
@@ -160,7 +160,7 @@ const a = {
             // Incorporate your new classes here
             class: `
 						absolute w-full h-full opacity-0 cursor-pointer
-						${h}
+						${p}
 						${y}
 						${this.class || ""}
 					`.trim(),
@@ -177,7 +177,7 @@ const a = {
 ), R = s((t) => ({
   tag: "select",
   onCreated(e) {
-    t.options && p.setupSelectOptions(e, t.options);
+    t.options && h.setupSelectOptions(e, t.options);
   },
   ...t,
   class: `${k} ${t.class || ""}`.trim()

package/dist/types/components/molecules/modals/atoms.d.ts

@@ -15,3 +15,4 @@ export const DetailBody: Function;
  */
 export const DetailSection: Function;
 export function SplitRow(label: string, value: string): object;
+export function ColumnRow(label: string, value: string): object;

package/package.json

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