@base-framework/ui 1.0.290 → 1.0.291

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.
@@ -5,8 +5,8 @@ import { C as ce, F as ue, a as y } from "./veil-tVDPinrr.js";
5
5
  import { B as h, I as g } from "./buttons-BKLL4I6r.js";
6
6
  import { Icons as d } from "./icons.es.js";
7
7
  import { Timer as de, List as he, DynamicTime as fe } from "@base-framework/organisms";
8
- import { F as E } from "./format-DnofNaaz.js";
9
- const N = {
8
+ import { F as N } from "./format-DnofNaaz.js";
9
+ const z = {
10
10
  info: {
11
11
  borderColor: "border-blue-500",
12
12
  bgColor: "bg-muted/10",
@@ -35,7 +35,7 @@ const N = {
35
35
  }, me = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
36
36
  p({ html: e })
37
37
  ]), pe = (e) => Q({ class: "font-semibold" }, e), ge = (e) => m({ class: "text-sm text-muted-foreground" }, e), kt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
38
- const { borderColor: l, bgColor: r, iconColor: i } = N[o] || N.default;
38
+ const { borderColor: l, bgColor: r, iconColor: i } = z[o] || z.default;
39
39
  return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
40
40
  // Icon and content
41
41
  s && me(s, i),
@@ -437,7 +437,7 @@ class Mt extends w {
437
437
  this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
438
438
  }
439
439
  }
440
- const z = {
440
+ const E = {
441
441
  info: {
442
442
  bgColor: "bg-muted/10",
443
443
  borderColor: "border-blue-500",
@@ -463,15 +463,15 @@ const z = {
463
463
  borderColor: "border",
464
464
  iconColor: "text-muted-foreground"
465
465
  }
466
- }, Ee = (e) => D({ class: "flex justify-center" }, [
466
+ }, Ne = (e) => D({ class: "flex justify-center" }, [
467
467
  Z({ class: "text-lg font-bold mb-0" }, e)
468
- ]), Ne = c(({ href: e, class: t }, s) => Y({
468
+ ]), ze = c(({ href: e, class: t }, s) => Y({
469
469
  class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
470
470
  href: e,
471
471
  animateIn: "pullRightIn",
472
472
  animateOut: "pullRight",
473
473
  role: "alert"
474
- }, s)), ze = c(({ close: e, class: t }, s) => n({
474
+ }, s)), Ee = c(({ close: e, class: t }, s) => n({
475
475
  class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
476
476
  click: () => e(),
477
477
  animateIn: "pullRightIn",
@@ -502,10 +502,10 @@ class je extends w {
502
502
  */
503
503
  render() {
504
504
  const { bgColor: t, borderColor: s, iconColor: o } = this.getTypeStyles(), l = this.href || null, r = this.getChildren(o);
505
- return l ? Ne({
505
+ return l ? ze({
506
506
  href: l,
507
507
  class: `${t} ${s}`
508
- }, r) : ze({
508
+ }, r) : Ee({
509
509
  close: this.close.bind(this),
510
510
  class: `${t} ${s}`
511
511
  }, r);
@@ -526,7 +526,7 @@ class je extends w {
526
526
  */
527
527
  getTypeStyles() {
528
528
  const t = this.type || "default";
529
- return z[t] || z.default;
529
+ return E[t] || E.default;
530
530
  }
531
531
  /**
532
532
  * This will get the buttons for the notification.
@@ -553,7 +553,7 @@ class je extends w {
553
553
  this.icon && p({ class: `mr-4 ${t}`, html: this.icon }),
554
554
  n({ class: "flex flex-auto flex-col" }, [
555
555
  n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
556
- this.title && Ee(this.title)
556
+ this.title && Ne(this.title)
557
557
  ]),
558
558
  m({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
559
559
  (this.primary || this.secondary) && L({ class: "margin-top-24 flex align-center" }, this.getButtons())
@@ -578,7 +578,7 @@ class je extends w {
578
578
  }
579
579
  }
580
580
  let Oe = 0;
581
- class Et extends w {
581
+ class Nt extends w {
582
582
  /**
583
583
  * This will render the component.
584
584
  *
@@ -632,7 +632,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
632
632
  }
633
633
  const s = e === "light" ? "dark" : "light";
634
634
  t.classList.remove(s);
635
- }, Nt = C(
635
+ }, zt = C(
636
636
  {
637
637
  /**
638
638
  * This will render the component.
@@ -659,7 +659,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
659
659
  };
660
660
  }
661
661
  }
662
- ), zt = y(
662
+ ), Et = y(
663
663
  {
664
664
  /**
665
665
  * The initial state of the Toggle.
@@ -1163,9 +1163,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
1163
1163
  */
1164
1164
  render() {
1165
1165
  const e = (s, { state: o }) => o.toggle("open"), t = (s) => {
1166
- this.state.selectedDate = s, this.state.open = !1, this.input.value = s, $.trigger("change", this.input, { bubbles: !0 });
1167
- const o = new Event("change", { bubbles: !0 });
1168
- this.input.dispatchEvent(o), typeof this.onChange == "function" && this.onChange(s);
1166
+ this.state.selectedDate = s, this.state.open = !1, this.input.value = s, $.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(s);
1169
1167
  };
1170
1168
  return n({ class: "relative w-full max-w-[320px]" }, [
1171
1169
  st({
@@ -1191,9 +1189,9 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
1191
1189
  }, [
1192
1190
  nt({ bind: e, required: t }),
1193
1191
  _(({ state: o }) => [
1194
- a(E.date(["[[start]]", o], "Start Date")),
1192
+ a(N.date(["[[start]]", o], "Start Date")),
1195
1193
  a(" - "),
1196
- a(E.date(["[[end]]", o], "End Date"))
1194
+ a(N.date(["[[end]]", o], "End Date"))
1197
1195
  ]),
1198
1196
  p({ html: d.calendar.days })
1199
1197
  ]), rt = ({ handleDateSelect: e, blockPriorDates: t }) => P((s, o, l) => new k({
@@ -1608,12 +1606,12 @@ export {
1608
1606
  ht as K,
1609
1607
  Ut as L,
1610
1608
  Mt as M,
1611
- Et as N,
1609
+ Nt as N,
1612
1610
  mt as O,
1613
1611
  Ze as P,
1614
1612
  Kt as Q,
1615
1613
  Lt as S,
1616
- Nt as T,
1614
+ zt as T,
1617
1615
  ye as a,
1618
1616
  Dt as b,
1619
1617
  Ce as c,
@@ -1629,7 +1627,7 @@ export {
1629
1627
  Ft as m,
1630
1628
  At as n,
1631
1629
  je as o,
1632
- zt as p,
1630
+ Et as p,
1633
1631
  jt as q,
1634
1632
  Ot as r,
1635
1633
  S as s,
package/dist/index.es.js CHANGED
@@ -3,7 +3,7 @@ import { B as d, I as g, L as C } from "./buttons-BKLL4I6r.js";
3
3
  import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
4
4
  import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DYxmO1rQ.js";
5
5
  import { Icons as G } from "./icons.es.js";
6
- import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-WqFTWDJP.js";
6
+ import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-D09aUoDA.js";
7
7
  import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
8
8
  import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-BEO99NlI.js";
9
9
  import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
@@ -1,4 +1,4 @@
1
- import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-WqFTWDJP.js";
1
+ import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-D09aUoDA.js";
2
2
  import { A as V, P as W, g as X } from "./range-calendar-DW0cMOJy.js";
3
3
  export {
4
4
  s as Alert,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.290",
3
+ "version": "1.0.291",
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": {