@base-framework/ui 1.0.8 → 1.0.9

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,5 +1,5 @@
1
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-8F0AEnxf.js";
2
- import { B as m, I as T, L as c } from "./icon-B9QUT2NY.js";
2
+ import { B as m, I as T, L as c } from "./buttons-Cw8jPMSs.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-O_WkdbI3.js";
4
4
  import { V as W, a as w } from "./veil-DSQdR6CM.js";
5
5
  export {
@@ -0,0 +1,47 @@
1
+ import { I as r, Button as m } from "@base-framework/atoms";
2
+ import { Atom as a } from "@base-framework/base";
3
+ import { Icons as h } from "./icons.es.js";
4
+ const u = {
5
+ xs: "w-4 h-4",
6
+ sm: "w-6 h-6",
7
+ md: "w-8 h-8",
8
+ lg: "w-10 h-10",
9
+ xl: "w-12 h-12",
10
+ "2xl": "w-14 h-14",
11
+ "3xl": "w-16 h-16"
12
+ }, l = a((t, n) => {
13
+ var c;
14
+ const i = u[t.size || "sm"];
15
+ return r({
16
+ ...t,
17
+ class: `icon-size ${i} ${t.class || ""}`,
18
+ html: (c = n[0]) == null ? void 0 : c.textContent
19
+ });
20
+ }), s = (t) => a((n, i) => m({
21
+ ...t,
22
+ ...n,
23
+ class: `bttn ${t.class} ${n.class || ""}`
24
+ }, i)), o = (t) => a((n, i) => m({
25
+ ...t,
26
+ ...n,
27
+ class: `bttn ${t.class} ${n.class || ""}`
28
+ }, [
29
+ n.icon && n.position !== "right" ? l({ size: "xs", class: n.animation ?? null }, n.icon) : null,
30
+ ...i || [],
31
+ n.icon && n.position === "right" ? l({ size: "xs", class: n.animation ?? null }, n.icon) : null
32
+ ])), e = {
33
+ primary: s({ class: "primary" }),
34
+ secondary: s({ class: "secondary" }),
35
+ destructive: s({ class: "destructive" }),
36
+ warning: s({ class: "warning" }),
37
+ outline: s({ class: "outline" }),
38
+ ghost: s({ class: "ghost" }),
39
+ link: s({ class: "link" }),
40
+ icon: o({ class: "icon" }),
41
+ withIcon: o({ class: "with-icon" })
42
+ }, w = a((t, n) => (e[t.variant] || e.primary)(t, n)), I = a((t, n) => w({ ...t, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, n));
43
+ export {
44
+ w as B,
45
+ l as I,
46
+ I as L
47
+ };
@@ -1,6 +1,6 @@
1
1
  import { Div as l, Img as k, Span as D, Button as F } from "@base-framework/atoms";
2
2
  import { Component as $, Data as P, Atom as z, DateTime as O } from "@base-framework/base";
3
- import { B } from "./icon-B9QUT2NY.js";
3
+ import { B } from "./buttons-Cw8jPMSs.js";
4
4
  import { Icons as v } from "./icons.es.js";
5
5
  const I = (t, e) => {
6
6
  const n = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = e.getBoundingClientRect(), o = 10, a = window.scrollX, c = window.scrollY;
@@ -1,7 +1,7 @@
1
1
  import { Div as n, I as f, H5 as _, P as p, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
2
2
  import { Atom as c, Component as b, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
3
- import { P as D, b as te } from "./calendar-B5TK6tLi.js";
4
- import { B as u, I as x } from "./icon-B9QUT2NY.js";
3
+ import { P as D, b as te } from "./calendar-5zFLxa2M.js";
4
+ import { B as u, I as x } from "./buttons-Cw8jPMSs.js";
5
5
  import { Icons as d } from "./icons.es.js";
6
6
  import { a as w } from "./veil-DSQdR6CM.js";
7
7
  import { Timer as se, List as oe, DynamicTime as ne } from "@base-framework/organisms";
package/dist/index.es.js CHANGED
@@ -1,13 +1,13 @@
1
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-8F0AEnxf.js";
2
- import { B as g, I as C, L as T } from "./icon-B9QUT2NY.js";
2
+ import { B as g, I as C, L as T } from "./buttons-Cw8jPMSs.js";
3
3
  import { C as D, d as I, D as S, c as b, 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-O_WkdbI3.js";
4
4
  import { V as w, a as U } from "./veil-DSQdR6CM.js";
5
5
  import { Icons as R } from "./icons.es.js";
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 Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-ATWztC69.js";
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-B5TK6tLi.js";
8
- import { B as Oa, m 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, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-DCDay7u0.js";
9
- import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-CguousG5.js";
10
- import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-kezIms-t.js";
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 Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-Ctx1TvbV.js";
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-5zFLxa2M.js";
8
+ import { B as Oa, m 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, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-DFhafzqa.js";
9
+ import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-BUiauPhC.js";
10
+ import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-D7d2cfX0.js";
11
11
  import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-D0KANPjh.js";
12
12
  import { B as zs } from "./bside-template-CDbINL4X.js";
13
13
  export {
@@ -1,6 +1,6 @@
1
1
  import { I as b, Label as w, Span as S, Ul as o, H4 as N, Nav as d, Div as l, Header as B, H1 as L, H3 as p, OnState as C } from "@base-framework/atoms";
2
2
  import { Component as n, Atom as i, NavLink as y, router as u } from "@base-framework/base";
3
- import { I as h, B as f } from "./icon-B9QUT2NY.js";
3
+ import { I as h, B as f } from "./buttons-Cw8jPMSs.js";
4
4
  import { Icons as r } from "./icons.es.js";
5
5
  class I extends n {
6
6
  /**
@@ -1,5 +1,5 @@
1
- import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-ATWztC69.js";
2
- import { A as O, P as R, g as _ } from "./calendar-B5TK6tLi.js";
1
+ import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-Ctx1TvbV.js";
2
+ import { A as O, P as R, g as _ } from "./calendar-5zFLxa2M.js";
3
3
  export {
4
4
  o as Alert,
5
5
  O as Avatar,
@@ -1,6 +1,6 @@
1
- import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-DCDay7u0.js";
2
- import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-B5TK6tLi.js";
3
- import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-CguousG5.js";
1
+ import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-DFhafzqa.js";
2
+ import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-5zFLxa2M.js";
3
+ import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-BUiauPhC.js";
4
4
  export {
5
5
  s as BackButton,
6
6
  z 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-kezIms-t.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-D7d2cfX0.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 c, H1 as d, P as o } from "@base-framework/atoms";
2
2
  import { F as l, A as x } from "./aside-template-D0KANPjh.js";
3
3
  import { Component as h, Atom as i } from "@base-framework/base";
4
- import { c as u, e as p } from "./mobile-nav-wrapper-CguousG5.js";
4
+ import { c as u, e as p } from "./mobile-nav-wrapper-BUiauPhC.js";
5
5
  class n extends h {
6
6
  /**
7
7
  * This will declare the props for the compiler.
@@ -1,10 +1,10 @@
1
1
  import { Button as v, Div as o, On as U, Span as y, Th as P, UseParent as Y, I as E, Thead as F, Tr as H, Table as Q, P as m, Li as D, Time as X, Nav as S, Ul as b, Section as O } from "@base-framework/atoms";
2
2
  import { Atom as u, Component as g, Data as L, DateTime as q, Jot as R, router as k, NavLink as M, base as B, Dom as I } from "@base-framework/base";
3
- import { B as C, I as z } from "./icon-B9QUT2NY.js";
3
+ import { B as C, I as z } from "./buttons-Cw8jPMSs.js";
4
4
  import { Icons as w } from "./icons.es.js";
5
5
  import { TableBody as K, List as _, IntervalTimer as G } from "@base-framework/organisms";
6
6
  import { C as V, I as J, H as Z } from "./inputs-O_WkdbI3.js";
7
- import { A as tt, P as et } from "./calendar-B5TK6tLi.js";
7
+ import { A as tt, P as et } from "./calendar-5zFLxa2M.js";
8
8
  u((e, t) => ({
9
9
  class: "flex items-center px-4 py-2",
10
10
  ...e,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
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": {
@@ -1,47 +0,0 @@
1
- import { Button as e, I as c } from "@base-framework/atoms";
2
- import { Atom as i } from "@base-framework/base";
3
- import { Icons as h } from "./icons.es.js";
4
- const s = (t) => i((n, a) => e({
5
- ...t,
6
- ...n,
7
- class: `bttn ${t.class} ${n.class || ""}`
8
- }, a)), o = (t) => i((n, a) => e({
9
- ...t,
10
- ...n,
11
- class: `bttn ${t.class} ${n.class || ""}`
12
- }, [
13
- n.icon && n.position !== "right" ? c({ class: n.animation ?? null, html: n.icon }) : null,
14
- ...a || [],
15
- n.icon && n.position === "right" ? c({ class: n.animation ?? null, html: n.icon }) : null
16
- ])), m = {
17
- primary: s({ class: "primary" }),
18
- secondary: s({ class: "secondary" }),
19
- destructive: s({ class: "destructive" }),
20
- warning: s({ class: "warning" }),
21
- outline: s({ class: "outline" }),
22
- ghost: s({ class: "ghost" }),
23
- link: s({ class: "link" }),
24
- icon: o({ class: "icon" }),
25
- withIcon: o({ class: "with-icon" })
26
- }, r = i((t, n) => (m[t.variant] || m.primary)(t, n)), I = i((t, n) => r({ ...t, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, n)), u = {
27
- xs: "w-4 h-4",
28
- sm: "w-6 h-6",
29
- md: "w-8 h-8",
30
- lg: "w-10 h-10",
31
- xl: "w-12 h-12",
32
- "2xl": "w-14 h-14",
33
- "3xl": "w-16 h-16"
34
- }, $ = i((t, n) => {
35
- var l;
36
- const a = u[t.size || "sm"];
37
- return c({
38
- ...t,
39
- class: `icon-size ${a} ${t.class || ""}`,
40
- html: (l = n[0]) == null ? void 0 : l.textContent
41
- });
42
- });
43
- export {
44
- r as B,
45
- $ as I,
46
- I as L
47
- };