@base-framework/ui 1.2.13 → 1.2.15

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
-import { B as e, C as t, a as o, F as n, b as r, L as i, P as p, R as u, S as I, c as l, d as c, T as d } from "./tooltip-Dh_RmJ7u.js";
-import { B as T, C as g, a as B, I as C, L as f, M as S, T as x, U as b, i as F, b as M } from "./buttons-DthWscX3.js";
+import { B as e, C as t, a as o, F as n, b as r, L as i, P as p, R as u, S as I, c as l, d as c, T as d } from "./tooltip-F0rUYr5J.js";
+import { B as T, C as g, a as B, I as C, L as f, M as S, T as x, U as b, i as F, b as M } from "./buttons-C-_NH7ie.js";
 import { C as P, a as R, D as U, b as h, E as k, F as D, H, I as V, c as E, M as G, N, P as W, R as Z, T as v, d as w, e as J, U as j, V as q, f as y, W as z } from "./image-XjAp5NjV.js";
 import { S as K } from "./skeleton-BlY3opxG.js";
 export {

package/dist/{buttons-DthWscX3.js → buttons-C-_NH7ie.js}

@@ -1,7 +1,7 @@
-import { I as $, Span as h, Button as r, OnState as w, On as B } from "@base-framework/atoms";
-import { Atom as i, Component as y } from "@base-framework/base";
-import { Icons as k } from "./icons.es.js";
-const S = {
+import { I as S, Span as h, Button as r, OnState as y, On as T } from "@base-framework/atoms";
+import { Atom as i, Component as k } from "@base-framework/base";
+import { Icons as C } from "./icons.es.js";
+const V = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -9,15 +9,15 @@ const S = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, d = i((s, t) => {
-  const n = S[s.size || "sm"];
-  return $({
+}, f = i((s, t) => {
+  const n = V[s.size || "sm"];
+  return S({
     ...s,
     // @ts-ignore
     class: `stroke-current icon-size ${n} ${s.class || ""}`,
     html: t[0]?.textContent
   });
-}), f = {
+}), m = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -32,7 +32,7 @@ const S = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, m = {
+}, b = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -40,13 +40,13 @@ const S = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, b = {
+}, v = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, v = i((s) => {
-  const t = s.size || "sm", n = s.variant || "outlined", e = f[t] || f.sm, l = m[t] || m.sm, c = b[n] || b.outlined;
+}, x = i((s) => {
+  const t = s.size || "sm", n = s.variant || "outlined", e = m[t] || m.sm, l = b[t] || b.sm, c = v[n] || v.outlined;
   return h({
     ...s,
     // @ts-ignore
@@ -59,15 +59,15 @@ const S = {
     name: void 0
     // @ts-ignore
   }, s.name);
-}), o = (s = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? d(s, t) : typeof t == "object" && t.name ? v({
+}), o = (s = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? f(s, t) : typeof t == "object" && t.name ? x({
   ...s,
   name: t.name,
   variant: t.variant || s.variant || "outlined"
-}) : typeof t == "string" ? v({
+}) : typeof t == "string" ? x({
   ...s,
   name: t
-}) : d(s, t) : null, M = (s) => s ? !!(typeof s == "object" && s.name || typeof s == "string" && !s.includes("<svg")) : !1, N = (s) => typeof s == "string" && s.includes("<svg");
-class O extends y {
+}) : f(s, t) : null, O = (s) => s ? !!(typeof s == "object" && s.name || typeof s == "string" && !s.includes("<svg")) : !1, E = (s) => typeof s == "string" && s.includes("<svg");
+class H extends k {
   /**
    * Declare public props and their defaults.
    */
@@ -99,14 +99,14 @@ class O extends y {
    */
   render() {
     const t = this.size, n = this.icon, e = this.activeIcon || this.icon, l = this.dataKey ? h({ class: "toggle-btn-value text-sm tabular-nums" }, [
-      B(this.dataKey, (c) => String(c))
+      T(this.dataKey, (c) => String(c))
     ]) : this.value !== null && this.value !== void 0 ? h({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
     return r({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `toggle-btn inline-flex items-center gap-1.5 bg-transparent border-0 p-0 cursor-pointer text-foreground/70 hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${this.class || ""}`
     }, [
-      w(
+      y(
         "active",
         (c) => o({ size: t }, c ? e : n)
       ),
@@ -122,7 +122,7 @@ const u = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class E extends y {
+class _ extends k {
   /**
    * Declare public props.
    */
@@ -153,22 +153,22 @@ class E extends y {
    * @returns {object}
    */
   render() {
-    const t = this.icon, n = this.activeIcon || this.icon, e = u[this.size] || u.md, l = ["xs", "sm"].includes(this.size) ? "xs" : "sm", c = "bg-background/40 backdrop-blur-sm text-foreground", C = this.activeClass || c;
+    const t = this.icon, n = this.activeIcon || this.icon, e = u[this.size] || u.md, l = ["xs", "sm"].includes(this.size) ? "xs" : "sm", c = this.class ?? "bg-background/40 backdrop-blur-sm", d = "text-foreground", $ = this.activeClass || d, B = this.circle ?? !1;
     return r({
       click: () => this.handleToggle(),
       // @ts-ignore
-      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${e} ${this.class || ""}`
+      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 ${e} ${c}${B ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
     }, [
-      w("active", (g) => [
+      y("active", (g) => [
         o({
           size: l,
-          class: `transition-colors ${g ? C : c}`
+          class: `transition-colors ${g ? $ : d}`
         }, g ? n : t)
       ])
     ]);
   }
 }
-const H = i((s, t) => {
+const R = i((s, t) => {
   const n = s.size || "md", e = u[n] || u.md, l = ["xs", "sm"].includes(n) ? "xs" : "sm";
   return r({
     ...s,
@@ -196,21 +196,21 @@ const H = i((s, t) => {
     // @ts-ignore
     s.icon && s.position === "right" ? o({ size: s.size || "sm", class: s.animation ?? null }, s.icon) : null
   ])
-), x = (s) => i((t, n) => I({
+), w = (s) => i((t, n) => I({
   ...s,
   ...t,
   // @ts-ignore
   class: `bttn ${s.class} ${t.class || ""}`
-}, n)), T = (s) => () => {
+}, n)), j = (s) => () => {
   if (s.allowHistory === !0 && globalThis.history.length > 2) {
     globalThis.history.back();
     return;
   }
   s.backUrl && app.navigate(s.backUrl);
-}, V = (s) => i((t, n) => (t.icon = t.icon || k.arrows.left, t.click = t.click || T(t), I({
+}, U = (s) => i((t, n) => (t.icon = t.icon || C.arrows.left, t.click = t.click || j(t), I({
   ...s,
   ...t
-}, n))), j = i((s, t) => {
+}, n))), A = i((s, t) => {
   const n = s.size || "md", e = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -235,20 +235,20 @@ const H = i((s, t) => {
   outline: a({ class: "outline" }),
   ghost: a({ class: "ghost" }),
   link: a({ class: "link" }),
-  icon: x({ class: "icon" }),
-  withIcon: x({ class: "with-icon" }),
-  back: V({ class: "with-icon back-button" }),
-  circleIcon: j
-}, U = i((s, t) => (z[s.variant] || z.primary)(s, t)), _ = i((s, t) => U({ ...s, variant: "withIcon", icon: k.loading, animation: "animate-spin" }, t));
+  icon: w({ class: "icon" }),
+  withIcon: w({ class: "with-icon" }),
+  back: U({ class: "with-icon back-button" }),
+  circleIcon: A
+}, K = i((s, t) => (z[s.variant] || z.primary)(s, t)), W = i((s, t) => K({ ...s, variant: "withIcon", icon: C.loading, animation: "animate-spin" }, t));
 export {
-  U as B,
-  H as C,
-  d as I,
-  _ as L,
-  v as M,
-  O as T,
+  K as B,
+  R as C,
+  f as I,
+  W as L,
+  x as M,
+  H as T,
   o as U,
-  E as a,
-  M as b,
-  N as i
+  _ as a,
+  O as b,
+  E as i
 };

package/dist/{empty-state-CCu91UpF.js → empty-state-BhxU7rkJ.js}

@@ -1,13 +1,13 @@
 import { Atom as c, Component as y, Html as A, Dom as Z, base as tt, Data as k, Builder as H, Jot as w, Events as g, DateTime as M } from "@base-framework/base";
 import { Div as n, H5 as et, P as b, Li as q, Span as a, Ul as V, Button as p, I as T, OnState as I, Label as P, H2 as v, Form as st, Header as B, Footer as L, A as G, H3 as ot, Checkbox as nt, Input as f, Img as W, Nav as it, UseParent as _, OnStateOpen as O, Time as rt, Dialog as lt } from "@base-framework/atoms";
-import { P as S, C as at, R as ct } from "./simple-search-input-DKWA4zYs.js";
-import { U as m, B as h, I as dt } from "./buttons-DthWscX3.js";
+import { P as S, C as at, R as ct } from "./simple-search-input-DBNmoBCn.js";
+import { U as m, B as h, I as dt } from "./buttons-C-_NH7ie.js";
 import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
-import { C as ft, b as pt } from "./tooltip-Dh_RmJ7u.js";
+import { C as ft, b as pt } from "./tooltip-F0rUYr5J.js";
 import { f as C } from "./image-XjAp5NjV.js";
 import { Icons as u } from "./icons.es.js";
 import { F as z } from "./format-DE4rFWuD.js";
-import "./mobile-nav-wrapper-9VRCW4oA.js";
+import "./mobile-nav-wrapper-C7cKTxaV.js";
 import "./aside-template-B9V-0xle.js";
 import "./full-page-CgVI1G7F.js";
 import "./bside-template-oLChzjxQ.js";

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, c as d, d as u, T as g } from "./tooltip-Dh_RmJ7u.js";
-import { B as T, C, a as S, I, L as b, M as B, T as D, U as F, i as P, b as M } from "./buttons-DthWscX3.js";
+import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, c as d, d as u, T as g } from "./tooltip-F0rUYr5J.js";
+import { B as T, C, a as S, I, L as b, M as B, T as D, U as F, i as P, b as M } from "./buttons-C-_NH7ie.js";
 import { C as k, a as x, D as v, b as N, E as U, F as h, H as y, I as L, c as W, M as H, N as R, P as w, R as A, T as G, d as O, e as E, U as j, V, f as J, W as Z } from "./image-XjAp5NjV.js";
 import { S as z } from "./skeleton-BlY3opxG.js";
 import { Icons as Q, MaterialSymbols as _ } from "./icons.es.js";
-import { A as Y, B as $, C as aa, a as ea, b as sa, c as oa, d as ta, D as ra, e as na, f as ia, g as la, h as pa, i as ma, j as da, k as ua, l as ga, m as ca, n as Ta, o as Ca, E as Sa, F as Ia, p as ba, q as Ba, r as Da, s as Fa, t as Pa, u as Ma, v as fa, w as ka, x as xa, I as va, L as Na, M as Ua, y as ha, N as ya, z as La, P as Wa, S as Ha, G as Ra, H as wa, J as Aa, K as Ga, T as Oa, O as Ea, Q as ja, R as Va, U as Ja } from "./empty-state-CCu91UpF.js";
-import { A as qa, B as za, C as Ka, a as Qa, b as _a, D as Xa, c as Ya, d as $a, e as ae, f as ee, g as se, F as oe, H as te, M as re, O as ne, P as ie, R as le, S as pe, h as me, i as de, j as ue, T as ge, U as ce, k as Te, l as Ce, m as Se, p as Ie } from "./simple-search-input-DKWA4zYs.js";
-import { B as Be, I as De, N as Fe, P as Pe, S as Me, T as fe, a as ke, b as xe, U as ve, c as Ne, d as Ue, e as he, W as ye, f as Le, g as We, h as He, i as Re, j as we, k as Ae, l as Ge, m as Oe, n as Ee } from "./signature-panel-BKj_0kwR.js";
-import { B as Ve, I as Je, M as Ze, a as qe, b as ze, N as Ke, c as Qe, d as _e, e as Xe, f as Ye, P as $e, S as as, T as es } from "./mobile-nav-wrapper-9VRCW4oA.js";
-import { S as os } from "./sidebar-menu-DLGBb0-I.js";
+import { A as Y, B as $, C as aa, a as ea, b as sa, c as oa, d as ta, D as ra, e as na, f as ia, g as la, h as pa, i as ma, j as da, k as ua, l as ga, m as ca, n as Ta, o as Ca, E as Sa, F as Ia, p as ba, q as Ba, r as Da, s as Fa, t as Pa, u as Ma, v as fa, w as ka, x as xa, I as va, L as Na, M as Ua, y as ha, N as ya, z as La, P as Wa, S as Ha, G as Ra, H as wa, J as Aa, K as Ga, T as Oa, O as Ea, Q as ja, R as Va, U as Ja } from "./empty-state-BhxU7rkJ.js";
+import { A as qa, B as za, C as Ka, a as Qa, b as _a, D as Xa, c as Ya, d as $a, e as ae, f as ee, g as se, F as oe, H as te, M as re, O as ne, P as ie, R as le, S as pe, h as me, i as de, j as ue, T as ge, U as ce, k as Te, l as Ce, m as Se, p as Ie } from "./simple-search-input-DBNmoBCn.js";
+import { B as Be, I as De, N as Fe, P as Pe, S as Me, T as fe, a as ke, b as xe, U as ve, c as Ne, d as Ue, e as he, W as ye, f as Le, g as We, h as He, i as Re, j as we, k as Ae, l as Ge, m as Oe, n as Ee } from "./signature-panel-h1ranAet.js";
+import { B as Ve, I as Je, M as Ze, a as qe, b as ze, N as Ke, c as Qe, d as _e, e as Xe, f as Ye, P as $e, S as as, T as es } from "./mobile-nav-wrapper-C7cKTxaV.js";
+import { S as os } from "./sidebar-menu-Dz2oh95a.js";
 import { B as rs, F as ns, M as is, P as ls } from "./full-page-CgVI1G7F.js";
-import { B as ms, C as ds, F as us, a as gs, S as cs } from "./sidebar-menu-page-DFRJL944.js";
+import { B as ms, C as ds, F as us, a as gs, S as cs } from "./sidebar-menu-page-BImgFKeY.js";
 import { A as Cs, F as Ss, M as Is, T as bs, a as Bs } from "./aside-template-B9V-0xle.js";
 import { B as Fs } from "./bside-template-oLChzjxQ.js";
 import { F as Ms, c as fs } from "./format-DE4rFWuD.js";

package/dist/{mobile-nav-wrapper-9VRCW4oA.js → mobile-nav-wrapper-C7cKTxaV.js}

@@ -1,6 +1,6 @@
 import { Button as g, Div as l, Label as b, Span as w, Ul as r, H4 as S, Nav as d, H3 as h, OnState as B, UseParent as N } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as L, router as u } from "@base-framework/base";
-import { U as o, B as p } from "./buttons-DthWscX3.js";
+import { U as o, B as p } from "./buttons-C-_NH7ie.js";
 import { Icons as c } from "./icons.es.js";
 class C extends n {
   /**

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-CCu91UpF.js";
-import { A as X, P as Y, m as Z } from "./simple-search-input-DKWA4zYs.js";
+import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-BhxU7rkJ.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-DBNmoBCn.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,7 +1,7 @@
-import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-DKWA4zYs.js";
-import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-BKj_0kwR.js";
-import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-9VRCW4oA.js";
-import { S as ba } from "./sidebar-menu-DLGBb0-I.js";
+import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-DBNmoBCn.js";
+import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-h1ranAet.js";
+import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-C7cKTxaV.js";
+import { S as ba } from "./sidebar-menu-Dz2oh95a.js";
 export {
   s as BackButton,
   Y as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
 import { B as s, F as P, M as g, P as n } from "./full-page-CgVI1G7F.js";
-import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-DFRJL944.js";
+import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-BImgFKeY.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-DLGBb0-I.js → sidebar-menu-Dz2oh95a.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { I as n } from "./mobile-nav-wrapper-9VRCW4oA.js";
+import { I as n } from "./mobile-nav-wrapper-C7cKTxaV.js";
 const g = ({ title: l, options: s, class: a = "", 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 ${a}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-DFRJL944.js → sidebar-menu-page-BImgFKeY.js}

@@ -1,8 +1,8 @@
 import { Div as s } from "@base-framework/atoms";
 import { B as a, M as i, P as r } from "./full-page-CgVI1G7F.js";
 import { F as l, A as n } from "./aside-template-B9V-0xle.js";
-import { b as d } from "./mobile-nav-wrapper-9VRCW4oA.js";
-import { S as o } from "./sidebar-menu-DLGBb0-I.js";
+import { b as d } from "./mobile-nav-wrapper-C7cKTxaV.js";
+import { S as o } from "./sidebar-menu-Dz2oh95a.js";
 class p extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-BKj_0kwR.js → signature-panel-h1ranAet.js}

@@ -1,8 +1,8 @@
 import { Div as l, Button as b, 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 v, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { B as C } from "./buttons-DthWscX3.js";
+import { B as C } from "./buttons-C-_NH7ie.js";
 import { Icons as D } from "./icons.es.js";
-import { O as A } from "./simple-search-input-DKWA4zYs.js";
+import { O as A } from "./simple-search-input-DBNmoBCn.js";
 import { V as u, H as F } from "./image-XjAp5NjV.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Pt extends k {

package/dist/{simple-search-input-DKWA4zYs.js → simple-search-input-DBNmoBCn.js}

@@ -1,6 +1,6 @@
 import { Div as r, Span as N, Button as K, OnState as J, On as T, Th as G, UseParent as et, I as st, Thead as at, Tr as nt, Table as j, P as $, Li as X, Time as ot, Ul as rt, Input as lt } from "@base-framework/atoms";
 import { Component as R, Data as P, Atom as m, DateTime as H, DataTracker as _, Jot as it } from "@base-framework/base";
-import { B as y, U as q } from "./buttons-DthWscX3.js";
+import { B as y, U as q } from "./buttons-C-_NH7ie.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as ct, DataTableBody as dt, ScrollableTableBody as ht, List as ut } from "@base-framework/organisms";
 import { I as ft, C as mt, c as gt } from "./image-XjAp5NjV.js";

package/dist/{tooltip-Dh_RmJ7u.js → tooltip-F0rUYr5J.js}

@@ -1,6 +1,6 @@
 import { Span as m, Div as s, Legend as h, Fieldset as p, H4 as y, P as k, UseParent as x, Input as w } from "@base-framework/atoms";
 import { Atom as n, Html as $ } from "@base-framework/base";
-import { U as v } from "./buttons-DthWscX3.js";
+import { U as v } from "./buttons-C-_NH7ie.js";
 import { f as C, g as P, h as S, i as B } from "./image-XjAp5NjV.js";
 const d = {
   gray: {
@@ -355,7 +355,7 @@ const d = {
     zIndexClass: i = "z-9999",
     style: c = ""
   } = r, g = [
-    "sticky top-0 left-0 right-0 w-full",
+    "fixed top-0 left-0 right-0 w-full",
     i,
     t ? l : "",
     o ? a : "",

package/package.json

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