@base-framework/ui 1.2.27 → 1.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/atoms.es.js CHANGED
@@ -1,4 +1,4 @@
1
- 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-B5WB1NEL.js";
1
+ 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-Deo9W-_K.js";
2
2
  import { S as $ } from "./skeleton-BlY3opxG.js";
3
3
  export {
4
4
  t as Badge,
@@ -1,6 +1,6 @@
1
- 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";
1
+ 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";
2
2
  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";
3
- import { az as k, b8 as C, f as h, at as N, F as O } from "./full-page-B5WB1NEL.js";
3
+ import { az as k, b8 as y, f as h, at as N, F as O } from "./full-page-Deo9W-_K.js";
4
4
  import { List as F, DynamicTime as E } from "@base-framework/organisms";
5
5
  class X extends c {
6
6
  /**
@@ -23,7 +23,7 @@ class X extends c {
23
23
  m.removeElement(t);
24
24
  return;
25
25
  }
26
- y.addClass(t, s), w.on("animationend", t, (o) => m.removeElement(t));
26
+ C.addClass(t, s), w.on("animationend", t, (o) => m.removeElement(t));
27
27
  }
28
28
  }
29
29
  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 {
141
141
  */
142
142
  render() {
143
143
  const t = this.getMainClass(), s = this.title || "", o = this.description || null;
144
- return C(
144
+ return y(
145
145
  {
146
146
  class: t,
147
147
  title: s,
@@ -360,7 +360,7 @@ class G {
360
360
  if (!this.state.isDragging && this.state.canDrag && o > 0 && this.modalBody.scrollTop === 0 && (this.state.isDragging = !0), this.state.isDragging && o > 0) {
361
361
  t.preventDefault();
362
362
  const i = this.calculateTranslateY(o);
363
- this.modalContent.style.transform = `translateY(${i}px)`, this.modalContent.style.transition = "none";
363
+ this.modal.style.transform = `translateY(${i}px)`, this.modal.style.transition = "none";
364
364
  const n = this.calculateBackdropOpacity(o);
365
365
  this.updateBackdropOpacity(n);
366
366
  } else this.modalBody.scrollTop > 0 && (this.state.canDrag = !1);
@@ -372,10 +372,10 @@ class G {
372
372
  * @returns {void}
373
373
  */
374
374
  handleTouchEnd(t) {
375
- if (!this.modalContent)
375
+ if (!this.modal)
376
376
  return;
377
377
  const s = this.getDeltaY();
378
- 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;
378
+ 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;
379
379
  }
380
380
  /**
381
381
  * Gets current drag delta Y
@@ -421,7 +421,7 @@ class G {
421
421
  * @returns {void}
422
422
  */
423
423
  animateClose() {
424
- !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(() => {
424
+ 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(() => {
425
425
  this.onClose && this.onClose();
426
426
  }, 300));
427
427
  }
@@ -431,7 +431,7 @@ class G {
431
431
  * @returns {void}
432
432
  */
433
433
  snapBack() {
434
- this.modalContent && (this.modalContent.style.transform = "translateY(0)", this.updateBackdropOpacity(1));
434
+ this.modal && (this.modal.style.transform = "translateY(0)", this.updateBackdropOpacity(1));
435
435
  }
436
436
  /**
437
437
  * Checks if currently dragging
@@ -475,7 +475,7 @@ class tt extends W {
475
475
  */
476
476
  render() {
477
477
  const t = this.getMainClass(), s = this.title || "", o = this.description || null, i = this.getContainerProps();
478
- return C(
478
+ return y(
479
479
  {
480
480
  class: t,
481
481
  title: s,
@@ -851,7 +851,7 @@ const os = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
851
851
  },
852
852
  ...e,
853
853
  // @ts-ignore
854
- class: `${ve} ${e.class || ""}`.trim()
854
+ class: `[&>option]:text-foreground [&>option]:bg-background ${ve} ${e.class || ""}`.trim()
855
855
  })), ls = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : fe({
856
856
  class: `absolute w-full h-full object-cover fadeIn ${s}`,
857
857
  src: e,
package/dist/index.es.js CHANGED
@@ -1,10 +1,10 @@
1
- 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-B5WB1NEL.js";
1
+ 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-Deo9W-_K.js";
2
2
  import { S as De } from "./skeleton-BlY3opxG.js";
3
3
  import { Icons as Pe, MaterialSymbols as ke } from "./icons.es.js";
4
- 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-PsXWBlX7.js";
5
- 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-DldYqXy-.js";
6
- import { S as ms } from "./sidebar-menu-tpzLMO-E.js";
7
- import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-WtyM4NFN.js";
4
+ 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-B0kqyGL0.js";
5
+ 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-D7_N336W.js";
6
+ import { S as ms } from "./sidebar-menu-CtIZLLQq.js";
7
+ import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-8_baUn6m.js";
8
8
  import { A as Ss, B as Fs, F as Ds, M as Bs, T as Ps, a as ks } from "./bside-template-C7AQgQ6H.js";
9
9
  import { F as vs, c as Ns } from "./format-DE4rFWuD.js";
10
10
  import { I as xs } from "./image-scaler-1G-JzJVG.js";
@@ -1,5 +1,5 @@
1
- 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-B5WB1NEL.js";
2
- 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-PsXWBlX7.js";
1
+ 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-Deo9W-_K.js";
2
+ 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-B0kqyGL0.js";
3
3
  export {
4
4
  s as Alert,
5
5
  t as Avatar,
@@ -1,6 +1,6 @@
1
- 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-B5WB1NEL.js";
2
- 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-DldYqXy-.js";
3
- import { S as da } from "./sidebar-menu-tpzLMO-E.js";
1
+ 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-Deo9W-_K.js";
2
+ 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-D7_N336W.js";
3
+ import { S as da } from "./sidebar-menu-CtIZLLQq.js";
4
4
  export {
5
5
  s as BackButton,
6
6
  n as Backdrop,
package/dist/pages.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { d as s, a5 as g, ah as n, aw as P } from "./full-page-B5WB1NEL.js";
2
- import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-WtyM4NFN.js";
1
+ import { d as s, a5 as g, ah as n, aw as P } from "./full-page-Deo9W-_K.js";
2
+ import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-8_baUn6m.js";
3
3
  export {
4
4
  s as BasicPage,
5
5
  r as BlankPage,
@@ -1,5 +1,5 @@
1
1
  import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
2
- import { ab as n } from "./full-page-B5WB1NEL.js";
2
+ import { ab as n } from "./full-page-Deo9W-_K.js";
3
3
  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}` }, [
4
4
  o,
5
5
  l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [
@@ -1,7 +1,7 @@
1
1
  import { Div as s } from "@base-framework/atoms";
2
- import { d as a, ah as i, aw as r, al as n } from "./full-page-B5WB1NEL.js";
2
+ import { d as a, ah as i, aw as r, al as n } from "./full-page-Deo9W-_K.js";
3
3
  import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
4
- import { S as c } from "./sidebar-menu-tpzLMO-E.js";
4
+ import { S as c } from "./sidebar-menu-CtIZLLQq.js";
5
5
  class f extends a {
6
6
  /**
7
7
  * This will render the page.
@@ -1,6 +1,6 @@
1
1
  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";
2
2
  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";
3
- import { f as C, av as A, b0 as u, a7 as F } from "./full-page-B5WB1NEL.js";
3
+ import { f as C, av as A, b0 as u, a7 as F } from "./full-page-Deo9W-_K.js";
4
4
  import { Icons as D } from "./icons.es.js";
5
5
  import { IntervalTimer as O } from "@base-framework/organisms";
6
6
  class Lt extends k {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.2.27",
3
+ "version": "1.2.29",
4
4
  "description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
5
5
  "main": "./dist/index.es.js",
6
6
  "scripts": {