@base-framework/ui 1.0.117 → 1.0.119

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 { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DFe_Pzhn.js";
1
+ import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DcnXGw52.js";
2
2
  import { B as m, I as T, L as c } from "./buttons-CVEwmPAi.js";
3
3
  import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-Dmu4Z-7-.js";
4
4
  import { V as W, a as w } from "./veil-D4dRxILB.js";
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DFe_Pzhn.js";
1
+ import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DcnXGw52.js";
2
2
  import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.js";
3
3
  import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-Dmu4Z-7-.js";
4
4
  import { V as w, a as U } from "./veil-D4dRxILB.js";
@@ -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-CM2qKExU.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-B7LCME_T.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-Dl_Tkisq.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-BrXFiHlb.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-DaRC6SdF.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-BWeAn5lg.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-D_2zNFuZ.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,6 +1,6 @@
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 C, H1 as L, H3 as p, UseParent as y, OnState as P } from "@base-framework/atoms";
2
- import { Component as n, Atom as i, NavLink as I, router as d } from "@base-framework/base";
3
- import { I as h, B as f } from "./buttons-CVEwmPAi.js";
1
+ import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as p, Div as l, Header as L, H1 as C, H3 as h, OnState as y, UseParent as P } from "@base-framework/atoms";
2
+ import { Component as n, Atom as i, NavLink as I, router as u } from "@base-framework/base";
3
+ import { I as f, B as x } from "./buttons-CVEwmPAi.js";
4
4
  import { Icons as r } from "./icons.es.js";
5
5
  class $ extends n {
6
6
  /**
@@ -92,11 +92,11 @@ const H = i(({ options: s, click: e }, t) => ({
92
92
  ]
93
93
  },
94
94
  [
95
- h({ size: "xs" }, r.chevron.single.down)
95
+ f({ size: "xs" }, r.chevron.single.down)
96
96
  ]
97
97
  )
98
98
  ];
99
- class x extends n {
99
+ class m extends n {
100
100
  /**
101
101
  * This will declare the props for the compiler.
102
102
  *
@@ -174,7 +174,7 @@ class z extends n {
174
174
  */
175
175
  render() {
176
176
  const e = this.mapOptions(this.options), t = this.class || "", a = this.mobileBorder ? "border md:border-0 rounded-md" : "";
177
- return u({ class: `navigation flex flex-auto flex-col ${t}` }, [
177
+ return p({ class: `navigation flex flex-auto flex-col ${t}` }, [
178
178
  o({
179
179
  class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${a}`,
180
180
  map: e
@@ -216,7 +216,7 @@ class z extends n {
216
216
  * @returns {object}
217
217
  */
218
218
  addLink(e) {
219
- return new x(e);
219
+ return new m(e);
220
220
  }
221
221
  }
222
222
  class c extends z {
@@ -254,7 +254,7 @@ class c extends z {
254
254
  * @returns {object}
255
255
  */
256
256
  addLink(e) {
257
- const t = new x(e);
257
+ const t = new m(e);
258
258
  if (this.links.push(t), !t.options)
259
259
  return t;
260
260
  const a = this.addSubNav(t);
@@ -285,7 +285,7 @@ class A extends c {
285
285
  */
286
286
  render() {
287
287
  const e = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, t = this.mapOptions(this.options);
288
- return u({ class: e, onState: this.onState() }, [
288
+ return p({ class: e, onState: this.onState() }, [
289
289
  o({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...t, ...this.addSubs(), this.addWatcher()])
290
290
  ]);
291
291
  }
@@ -298,7 +298,7 @@ class A extends c {
298
298
  addWatcher() {
299
299
  return {
300
300
  watch: {
301
- value: ["[[path]]", d.data],
301
+ value: ["[[path]]", u.data],
302
302
  callBack: this.updateLinks.bind(this)
303
303
  }
304
304
  };
@@ -339,7 +339,7 @@ class A extends c {
339
339
  * @returns {void}
340
340
  */
341
341
  afterSetup() {
342
- const e = d.data.get("path");
342
+ const e = u.data.get("path");
343
343
  this.updateLinks(e);
344
344
  }
345
345
  /**
@@ -356,13 +356,13 @@ class A extends c {
356
356
  this.parentLink.update(t);
357
357
  }
358
358
  }
359
- const K = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: g = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${t}` }, [
360
- s && C({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
361
- L({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
359
+ const K = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: d = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${t}` }, [
360
+ s && L({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
361
+ C({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
362
362
  ]),
363
- new c({ options: e, mobileBorder: a, class: g ? "sticky top-0" : "" })
364
- ]), G = (s) => p({ class: "text-lg ml-2" }, s), W = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
365
- f({
363
+ new c({ options: e, mobileBorder: a, class: d ? "sticky top-0" : "" })
364
+ ]), G = (s) => h({ class: "text-lg ml-2" }, s), W = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
365
+ x({
366
366
  variant: "icon",
367
367
  class: "m-2",
368
368
  click: (e, { state: t }) => t.toggle("open"),
@@ -442,54 +442,54 @@ class U extends n {
442
442
  this.container = app.root;
443
443
  }
444
444
  }
445
- const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
445
+ const v = (s) => x({ class: "m-2", variant: "ghost", addState() {
446
446
  return {
447
447
  open: !1
448
448
  };
449
449
  }, click: (e, { state: t }) => t.toggle("open") }, [
450
- h(r.bar.three)
451
- ]), Y = (s) => p({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
452
- m(),
450
+ f(r.bar.three)
451
+ ]), Y = (s) => h({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
452
+ v(),
453
453
  s.title && Y(s.title)
454
- ]), k = (s, e) => {
454
+ ]), g = (s, e) => {
455
455
  s.forEach((t) => {
456
456
  if (t.options) {
457
- k(t.options, e);
457
+ g(t.options, e);
458
458
  return;
459
459
  }
460
460
  t.callBack = e;
461
461
  });
462
- }, v = (s) => {
463
- const e = s.closeCallBack;
464
- return k(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
465
- P(
466
- "open",
467
- (t) => t ? [
468
- new U({ title: s.title }, [
469
- new c(
462
+ }, k = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
463
+ y(
464
+ "open",
465
+ (e) => e ? [
466
+ new U({ title: s.title }, [
467
+ P(({ state: t }) => {
468
+ const a = (d) => t.open = !1;
469
+ return g(s.options, a), new c(
470
470
  {
471
471
  options: s.options
472
472
  }
473
- )
474
- ])
475
- ] : null
476
- )
477
- ]);
478
- }, Q = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
473
+ );
474
+ })
475
+ ])
476
+ ] : null
477
+ )
478
+ ]), Q = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
479
479
  l([
480
- m(),
481
- v(s)
480
+ v(),
481
+ k(s)
482
482
  ])
483
- ])), V = i((s) => y(({ state: e }) => (s.closeCallBack = (t) => e.open = !1, l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
483
+ ])), V = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
484
484
  l({ class: "flex flex-auto flex-col w-full" }, [
485
485
  D(s),
486
- v(s)
486
+ k(s)
487
487
  ])
488
- ]))));
488
+ ]));
489
489
  export {
490
490
  j as B,
491
491
  c as I,
492
- x as M,
492
+ m as M,
493
493
  $ as N,
494
494
  W as P,
495
495
  A as S,
@@ -500,5 +500,5 @@ export {
500
500
  Q as d,
501
501
  V as e,
502
502
  U as f,
503
- m as g
503
+ v as g
504
504
  };
@@ -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-Dl_Tkisq.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-B7LCME_T.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-BrXFiHlb.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-BWeAn5lg.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-DaRC6SdF.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-D_2zNFuZ.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-BrXFiHlb.js";
4
+ import { c as u, e as p } from "./mobile-nav-wrapper-BWeAn5lg.js";
5
5
  class c extends x {
6
6
  /**
7
7
  * This will declare the props for the compiler.
@@ -176,11 +176,11 @@ const a = {
176
176
  }
177
177
  ), R = s((t) => ({
178
178
  tag: "select",
179
- ...t,
180
- class: `${k} ${t.class || ""}`.trim(),
181
179
  onCreated(e) {
182
180
  t.options && p.setupSelectOptions(e, t.options);
183
- }
181
+ },
182
+ ...t,
183
+ class: `${k} ${t.class || ""}`.trim()
184
184
  })), P = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
185
185
  const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, b = `
186
186
  <svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.117",
3
+ "version": "1.0.119",
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": {