@base-framework/ui 1.0.109 → 1.0.110

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/index.es.js CHANGED
@@ -6,8 +6,8 @@ import { Icons as R } from "./icons.es.js";
6
6
  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-BgNcRIp-.js";
7
7
  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-B_jcSUF6.js";
8
8
  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-DPYBoBP2.js";
9
- 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-ttM_xUJl.js";
10
- 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-DkkPwrry.js";
9
+ 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-CB4EQQ5O.js";
10
+ 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-YDg3zqQ4.js";
11
11
  import { A as Es, F as Gs, M as Vs, a as js, T as qs } from "./aside-template-McEj_Gxc.js";
12
12
  import { B as Js } from "./bside-template-Du2m3rsE.js";
13
13
  export {
@@ -1,8 +1,8 @@
1
- import { I as b, Label as w, Span as S, Ul as o, H4 as N, Nav as u, Div as l, Header as B, H1 as L, H3 as p, OnState as C } from "@base-framework/atoms";
2
- import { Component as n, Atom as i, NavLink as y, router as d } from "@base-framework/base";
1
+ import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as u, Div as l, Header as L, H1 as C, H3 as p, OnState as y } from "@base-framework/atoms";
2
+ import { Component as n, Atom as i, NavLink as I, router as d } from "@base-framework/base";
3
3
  import { I as h, B as f } from "./buttons-CVEwmPAi.js";
4
4
  import { Icons as r } from "./icons.es.js";
5
- class I extends n {
5
+ class P extends n {
6
6
  /**
7
7
  * This will declare the props for the compiler.
8
8
  *
@@ -19,7 +19,7 @@ class I extends n {
19
19
  */
20
20
  render() {
21
21
  const e = this.state;
22
- return {
22
+ return b({
23
23
  class: this.class || "",
24
24
  onState: [
25
25
  ["selected", {
@@ -36,7 +36,7 @@ class I extends n {
36
36
  this.checkCallBack(t);
37
37
  },
38
38
  children: this.children
39
- };
39
+ });
40
40
  }
41
41
  /**
42
42
  * This will set up the states.
@@ -64,23 +64,23 @@ class I extends n {
64
64
  });
65
65
  }
66
66
  }
67
- const P = i(({ options: s, click: e }, t) => ({
67
+ const $ = i(({ options: s, click: e }, t) => ({
68
68
  tag: "li",
69
69
  ...{
70
70
  class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${s ? " sub" : ""}`,
71
71
  click: e
72
72
  },
73
73
  children: t
74
- })), $ = (s, e = null, t = !1) => [
75
- e && b({
74
+ })), H = (s, e = null, t = !1) => [
75
+ e && w({
76
76
  class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
77
77
  onState: ["selected", {
78
78
  selected: !0
79
79
  }],
80
80
  html: e
81
81
  }),
82
- w({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
83
- t && S(
82
+ S({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
83
+ t && B(
84
84
  {
85
85
  class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
86
86
  onState: [
@@ -114,7 +114,7 @@ class x extends n {
114
114
  */
115
115
  render() {
116
116
  const e = !this.options && this.callBack;
117
- return P(
117
+ return $(
118
118
  { options: this.options, click: e },
119
119
  [
120
120
  this.addLink()
@@ -128,8 +128,8 @@ class x extends n {
128
128
  * @protected
129
129
  */
130
130
  addLink() {
131
- const e = this.options && this.options.length > 0, t = this.content || $(this.label, this.icon, e);
132
- return this.href ? new y(
131
+ const e = this.options && this.options.length > 0, t = this.content || H(this.label, this.icon, e);
132
+ return this.href ? new I(
133
133
  {
134
134
  class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
135
135
  cache: "link",
@@ -138,7 +138,7 @@ class x extends n {
138
138
  exact: this.exact || !1
139
139
  },
140
140
  t
141
- ) : new I({
141
+ ) : new P({
142
142
  class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
143
143
  cache: "link",
144
144
  checkCallBack: this.checkCallBack
@@ -156,10 +156,10 @@ class x extends n {
156
156
  this.link.update(e);
157
157
  }
158
158
  }
159
- const H = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
159
+ const M = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
160
160
  N({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
161
161
  ]));
162
- class M extends n {
162
+ class O extends n {
163
163
  /**
164
164
  * This will declare the props for the compiler.
165
165
  *
@@ -208,7 +208,7 @@ class M extends n {
208
208
  */
209
209
  addGroup(e) {
210
210
  const t = this.mapOptions(e.options);
211
- return H({ map: t }, e.group);
211
+ return M({ map: t }, e.group);
212
212
  }
213
213
  /**
214
214
  * This will add a link.
@@ -220,7 +220,7 @@ class M extends n {
220
220
  return new x(e);
221
221
  }
222
222
  }
223
- class c extends M {
223
+ class c extends O {
224
224
  onCreated() {
225
225
  this.links = [];
226
226
  }
@@ -231,7 +231,7 @@ class c extends M {
231
231
  * @returns {object}
232
232
  */
233
233
  setupSubNav(e) {
234
- return new E(
234
+ return new T(
235
235
  {
236
236
  parentLink: e,
237
237
  options: e.options
@@ -266,11 +266,11 @@ class c extends M {
266
266
  };
267
267
  }
268
268
  }
269
- const O = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), z = (s, e) => {
269
+ const z = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), E = (s, e) => {
270
270
  const t = s.link.panel.pathname;
271
- return !t && s.isSelected() ? !0 : s.exact ? e === t : O(t, e);
271
+ return !t && s.isSelected() ? !0 : s.exact ? e === t : z(t, e);
272
272
  };
273
- class E extends c {
273
+ class T extends c {
274
274
  /**
275
275
  * This will declare the props for the compiler.
276
276
  *
@@ -352,32 +352,32 @@ class E extends c {
352
352
  updateLinks(e) {
353
353
  let t = !1;
354
354
  for (const a of this.links)
355
- if (a.rendered && (t = z(a, e), t === !0))
355
+ if (a.rendered && (t = E(a, e), t === !0))
356
356
  break;
357
357
  this.parentLink.update(t);
358
358
  }
359
359
  }
360
- const F = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: k = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${t}` }, [
361
- s && B({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
362
- L({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
360
+ const J = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: k = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${t}` }, [
361
+ s && L({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
362
+ C({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
363
363
  ]),
364
364
  new c({ options: e, mobileBorder: a, class: k ? "sticky top-0" : "" })
365
- ]), T = (s) => p({ class: "text-lg ml-2" }, s), A = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
365
+ ]), A = (s) => p({ class: "text-lg ml-2" }, s), G = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
366
366
  f({
367
367
  variant: "icon",
368
368
  class: "m-2",
369
369
  click: (e, { state: t }) => t.toggle("open"),
370
370
  icon: r.arrows.left
371
371
  }),
372
- s.title && T(s.title)
373
- ]), G = () => l({
372
+ s.title && A(s.title)
373
+ ]), W = () => l({
374
374
  class: `
375
375
  absolute inset-0 bg-black/40 z-[-1] fadeIn
376
376
  transition-opacity duration-200
377
377
  `,
378
378
  click: (s, { state: e }) => e.open = !1
379
379
  });
380
- class W extends n {
380
+ class j extends n {
381
381
  /**
382
382
  * This will declare the props for the compiler.
383
383
  *
@@ -396,7 +396,7 @@ class W extends n {
396
396
  class: "fixed inset-0 z-50",
397
397
  style: "[[typeClass]]"
398
398
  }, [
399
- G(),
399
+ W(),
400
400
  // Popover Content
401
401
  l({
402
402
  class: `
@@ -405,7 +405,7 @@ class W extends n {
405
405
  dataSet: ["open", ["expanded", !0, "true"]]
406
406
  }, [
407
407
  l({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
408
- A({ title: this.title }),
408
+ G({ title: this.title }),
409
409
  l({ class: "flex flex-auto flex-col" }, this.children)
410
410
  ])
411
411
  ])
@@ -449,9 +449,9 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
449
449
  };
450
450
  }, click: (e, { state: t }) => t.toggle("open") }, [
451
451
  h(r.bar.three)
452
- ]), j = (s) => p({ class: "text-lg ml-2" }, s), Y = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
452
+ ]), Y = (s) => p({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
453
453
  m(),
454
- s.title && j(s.title)
454
+ s.title && Y(s.title)
455
455
  ]), v = (s, e) => {
456
456
  s.forEach((t) => {
457
457
  if (t.options) {
@@ -463,10 +463,10 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
463
463
  }, g = (s) => {
464
464
  const e = (t, { parent: a }) => a.parent.state.open = !1;
465
465
  return v(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
466
- C(
466
+ y(
467
467
  "open",
468
468
  (t) => t ? [
469
- new W({ title: s.title }, [
469
+ new j({ title: s.title }, [
470
470
  new c(
471
471
  {
472
472
  options: s.options
@@ -476,30 +476,30 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
476
476
  ] : null
477
477
  )
478
478
  ]);
479
- }, J = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
479
+ }, K = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
480
480
  l([
481
481
  m(),
482
482
  g(s)
483
483
  ])
484
- ])), K = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
484
+ ])), Q = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
485
485
  l({ class: "flex flex-auto flex-col w-full" }, [
486
- Y(s),
486
+ D(s),
487
487
  g(s)
488
488
  ])
489
489
  ]));
490
490
  export {
491
- G as B,
491
+ W as B,
492
492
  c as I,
493
493
  x as M,
494
- I as N,
495
- A as P,
496
- E as S,
497
- Y as T,
498
- H as a,
499
- M as b,
500
- F as c,
501
- J as d,
502
- K as e,
503
- W as f,
494
+ P as N,
495
+ G as P,
496
+ T as S,
497
+ D as T,
498
+ M as a,
499
+ O as b,
500
+ J as c,
501
+ K as d,
502
+ Q as e,
503
+ j as f,
504
504
  m as g
505
505
  };
@@ -1,6 +1,6 @@
1
1
  import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-DPYBoBP2.js";
2
2
  import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-B_jcSUF6.js";
3
- import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-ttM_xUJl.js";
3
+ import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-CB4EQQ5O.js";
4
4
  export {
5
5
  s as BackButton,
6
6
  A as Backdrop,
package/dist/pages.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-DkkPwrry.js";
1
+ import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-YDg3zqQ4.js";
2
2
  export {
3
3
  s as BasicPage,
4
4
  P as BlankPage,
@@ -1,7 +1,7 @@
1
1
  import { Div as t, Header as n, H1 as d, P as o } from "@base-framework/atoms";
2
2
  import { F as l, A as h } from "./aside-template-McEj_Gxc.js";
3
3
  import { Component as x, Atom as i } from "@base-framework/base";
4
- import { c as u, e as p } from "./mobile-nav-wrapper-ttM_xUJl.js";
4
+ import { c as u, e as p } from "./mobile-nav-wrapper-CB4EQQ5O.js";
5
5
  class c extends x {
6
6
  /**
7
7
  * This will declare the props for the compiler.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.109",
3
+ "version": "1.0.110",
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": {