@base-framework/ui 1.2.26 → 1.2.28

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

package/dist/{confirmation-mnlhE93w.js → confirmation-0xEfX-Gs.js}

@@ -1,6 +1,6 @@
-import { Component as c, Html as m, Dom as y, base as w, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
+import { Component as c, Html as m, Dom as C, base as w, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
 import { Li as v, Span as u, Div as r, Ul as D, Button as S, I as x, OnState as B, Time as Y } from "@base-framework/atoms";
-import { az as k, b8 as C, f as h, at as N, F as O } from "./full-page-CbpTbpJf.js";
+import { az as k, b8 as y, f as h, at as N, F as O } from "./full-page-p9-AFCQH.js";
 import { List as F, DynamicTime as E } from "@base-framework/organisms";
 class X extends c {
   /**
@@ -23,7 +23,7 @@ class X extends c {
       m.removeElement(t);
       return;
     }
-    y.addClass(t, s), w.on("animationend", t, (o) => m.removeElement(t));
+    C.addClass(t, s), w.on("animationend", t, (o) => m.removeElement(t));
   }
 }
 const L = (e) => u({ class: "ml-auto text-xs tracking-widest opacity-60" }, e), M = (e) => u({ class: "flex w-4 h-4", html: e }), P = (e) => u({ class: "flex-auto" }, e), I = (e, t) => v({
@@ -141,7 +141,7 @@ class W extends c {
    */
   render() {
     const t = this.getMainClass(), s = this.title || "", o = this.description || null;
-    return C(
+    return y(
       {
         class: t,
         title: s,
@@ -360,7 +360,7 @@ class G {
     if (!this.state.isDragging && this.state.canDrag && o > 0 && this.modalBody.scrollTop === 0 && (this.state.isDragging = !0), this.state.isDragging && o > 0) {
       t.preventDefault();
       const i = this.calculateTranslateY(o);
-      this.modalContent.style.transform = `translateY(${i}px)`, this.modalContent.style.transition = "none";
+      this.modal.style.transform = `translateY(${i}px)`, this.modal.style.transition = "none";
       const n = this.calculateBackdropOpacity(o);
       this.updateBackdropOpacity(n);
     } else this.modalBody.scrollTop > 0 && (this.state.canDrag = !1);
@@ -372,10 +372,10 @@ class G {
    * @returns {void}
    */
   handleTouchEnd(t) {
-    if (!this.modalContent)
+    if (!this.modal)
       return;
     const s = this.getDeltaY();
-    this.state.isDragging && (this.modalContent.style.transition = "transform 0.3s ease-out, opacity 0.3s ease-out", s > this.closeThreshold ? this.animateClose() : this.snapBack()), this.state.isDragging = !1, this.state.canDrag = !1;
+    this.state.isDragging && (this.modal.style.transition = "transform 0.3s ease-out, opacity 0.3s ease-out", s > this.closeThreshold ? this.animateClose() : this.snapBack()), this.state.isDragging = !1, this.state.canDrag = !1;
   }
   /**
    * Gets current drag delta Y
@@ -421,7 +421,7 @@ class G {
    * @returns {void}
    */
   animateClose() {
-    !this.modal || !this.modalContent || (this.modalContent.style.transform = "translateY(0)", this.modalContent.style.transition = "none", this.modal.style.transition = "transform 0.3s ease-out, opacity 0.3s ease-out", this.modal.style.transform = "translateY(100%)", this.updateBackdropOpacity(0), setTimeout(() => {
+    this.modal && (this.modal.style.transition = "transform 0.3s ease-out, opacity 0.3s ease-out", this.modal.style.transform = "translateY(100%)", this.updateBackdropOpacity(0), setTimeout(() => {
       this.onClose && this.onClose();
     }, 300));
   }
@@ -431,7 +431,7 @@ class G {
    * @returns {void}
    */
   snapBack() {
-    this.modalContent && (this.modalContent.style.transform = "translateY(0)", this.updateBackdropOpacity(1));
+    this.modal && (this.modal.style.transform = "translateY(0)", this.updateBackdropOpacity(1));
   }
   /**
    * Checks if currently dragging
@@ -475,7 +475,7 @@ class tt extends W {
    */
   render() {
     const t = this.getMainClass(), s = this.title || "", o = this.description || null, i = this.getContainerProps();
-    return C(
+    return y(
       {
         class: t,
         title: s,

package/dist/{full-page-CbpTbpJf.js → full-page-p9-AFCQH.js}

@@ -569,7 +569,7 @@ const Ze = (e) => {
   C
 ].join(" "), Xt = [
   "absolute left-3",
-  "text-muted-foreground",
+  "text-foreground-secondary",
   "transition-all duration-200",
   "pointer-events-none select-none",
   // Floated state (default — input has a value or is focused)
@@ -580,7 +580,7 @@ const Ze = (e) => {
   "peer-[:placeholder-shown:not(:focus)]:text-base"
 ].join(" "), Zt = [
   "absolute left-3",
-  "text-muted-foreground",
+  "text-foreground-secondary",
   "transition-all duration-200",
   "pointer-events-none select-none",
   // Floated state
@@ -590,7 +590,7 @@ const Ze = (e) => {
   "peer-[:placeholder-shown:not(:focus)]:text-base"
 ].join(" "), es = [
   "absolute left-3 top-2",
-  "text-xs text-muted-foreground",
+  "text-xs text-foreground-secondary",
   "pointer-events-none select-none"
 ].join(" ");
 let ts = 0;
@@ -598,7 +598,7 @@ const ke = (e) => e.id || e.name || `floating-${++ts}`, Ce = (e, t, s, n) => e ?
   { htmlFor: s, class: n },
   t ? [u(e), u({ class: "text-destructive ml-0.5" }, "*")] : e
 ) : null, ss = () => j({
-  class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none w-4 h-4 text-muted-foreground",
+  class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none w-4 h-4 text-foreground-secondary",
   html: h.chevron.single.down
 }), te = r((e) => {
   const t = ke(e);
@@ -844,15 +844,17 @@ const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), no = r((e) => ({
-  tag: "select",
-  onCreated(t) {
-    e.options && Qe.setupSelectOptions(t, e.options);
-  },
-  ...e,
-  // @ts-ignore
-  class: `${ve} ${e.class || ""}`.trim()
-})), ls = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : fe({
+), no = r((e) => {
+  const { options: t, onCreated: s, ...n } = e;
+  return {
+    tag: "select",
+    onCreated(a) {
+      t && Qe.setupSelectOptions(a, t), s && s(a);
+    },
+    ...n,
+    class: `${ve} ${n.class || ""}`.trim()
+  };
+}), ls = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : fe({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,

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-CbpTbpJf.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-p9-AFCQH.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-mnlhE93w.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-BOh8VNYa.js";
-import { S as ms } from "./sidebar-menu-D5VxMCLC.js";
-import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-C6gtJ-5U.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-0xEfX-Gs.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-C0C-qsdZ.js";
+import { S as ms } from "./sidebar-menu-Dt5OzJM3.js";
+import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-CIRonXsS.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-CbpTbpJf.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-mnlhE93w.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-p9-AFCQH.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-0xEfX-Gs.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-CbpTbpJf.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-BOh8VNYa.js";
-import { S as da } from "./sidebar-menu-D5VxMCLC.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-p9-AFCQH.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-C0C-qsdZ.js";
+import { S as da } from "./sidebar-menu-Dt5OzJM3.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-CbpTbpJf.js";
-import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-C6gtJ-5U.js";
+import { d as s, a5 as g, ah as n, aw as P } from "./full-page-p9-AFCQH.js";
+import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-CIRonXsS.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-D5VxMCLC.js → sidebar-menu-Dt5OzJM3.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-CbpTbpJf.js";
+import { ab as n } from "./full-page-p9-AFCQH.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-C6gtJ-5U.js → sidebar-menu-page-CIRonXsS.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-CbpTbpJf.js";
+import { d as a, ah as i, aw as r, al as n } from "./full-page-p9-AFCQH.js";
 import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
-import { S as c } from "./sidebar-menu-D5VxMCLC.js";
+import { S as c } from "./sidebar-menu-Dt5OzJM3.js";
 class f extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-BOh8VNYa.js → signature-panel-C0C-qsdZ.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-CbpTbpJf.js";
+import { f as C, av as A, b0 as u, a7 as F } from "./full-page-p9-AFCQH.js";
 import { Icons as D } from "./icons.es.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Lt extends k {

package/package.json

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