@base-framework/ui 1.0.23 → 1.0.25

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,6 +1,6 @@
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-BycfNakY.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-B4V33DsN.js";
2
2
  import { B as m, I as T, L as c } from "./buttons-CVEwmPAi.js";
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-C1dvFQuB.js";
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-CzHSmZKP.js";
4
4
  import { V as W, a as w } from "./veil-DSQdR6CM.js";
5
5
  export {
6
6
  e as Badge,
@@ -202,6 +202,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
202
202
  flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
203
203
  ${V(o, n, r, s)}
204
204
  hover:bg-muted/50 hover:text-muted-foreground focus:z-10
205
+ disabled:pointer-events-none disabled:opacity-50
205
206
  `,
206
207
  disabled: c || t === null,
207
208
  "aria-label": t ? `Day ${t}` : null,
@@ -1,6 +1,6 @@
1
1
  import { Div as n, I as f, H5 as _, P as b, 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 p, 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-BE7K48Lc.js";
3
+ import { P as D, b as te } from "./calendar-cfaISqs6.js";
4
4
  import { B as u, I as x } from "./buttons-CVEwmPAi.js";
5
5
  import { Icons as d } from "./icons.es.js";
6
6
  import { a as w } from "./veil-DSQdR6CM.js";
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
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-BycfNakY.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-B4V33DsN.js";
2
2
  import { B as g, I as C, L as T } from "./buttons-CVEwmPAi.js";
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-C1dvFQuB.js";
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-CzHSmZKP.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-BCKH-ZBH.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-BE7K48Lc.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-BtYoB3y3.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-BR9Nfflx.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-cfaISqs6.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-Bl8_88Dh.js";
9
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-DyNFnla-.js";
10
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-lAu74WTl.js";
11
11
  import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-McEj_Gxc.js";
@@ -1,7 +1,6 @@
1
1
  import { Div as l, Label as d, Checkbox as u, Span as g, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
2
- import { Icons as y } from "./icons.es.js";
3
- import { a as $ } from "./veil-DSQdR6CM.js";
4
- import { Atom as t } from "@base-framework/base";
2
+ import { Jot as y, Atom as t } from "@base-framework/base";
3
+ import { Icons as $ } from "./icons.es.js";
5
4
  const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-input bg-background", n = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", i = "disabled:cursor-not-allowed disabled:opacity-50", f = "placeholder:text-muted-foreground", h = `${v} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: s, required: a }) => u({
6
5
  id: e,
7
6
  cache: "checkbox",
@@ -17,7 +16,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
17
16
  "checked",
18
17
  (e) => e ? x({
19
18
  class: "w-2 h-2 pointer-events-none",
20
- html: y.check
19
+ html: $.check
21
20
  }) : null
22
21
  )
23
22
  ]), w = ({ id: e, bind: o, checked: s, required: a, clickHandler: m }) => l({
@@ -46,7 +45,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
46
45
  class: "text-base cursor-pointer",
47
46
  htmlFor: e,
48
47
  click: s
49
- }, o), F = $(
48
+ }, o), q = y(
50
49
  {
51
50
  /**
52
51
  * This will initialize the state of the checkbox.
@@ -55,6 +54,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
55
54
  */
56
55
  state() {
57
56
  return {
57
+ // @ts-ignore
58
58
  checked: this.checked ?? !1
59
59
  };
60
60
  },
@@ -86,11 +86,16 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
86
86
  return l({ class: `flex items-center space-x-2 cursor-pointer ${this.class || ""}` }, [
87
87
  w({
88
88
  id: e,
89
+ // @ts-ignore
89
90
  bind: this.bind,
91
+ // @ts-ignore
90
92
  checked: this.state.checked,
93
+ // @ts-ignore
91
94
  required: this.required,
95
+ // @ts-ignore
92
96
  clickHandler: (o) => this.clickHandler(o)
93
97
  }),
98
+ // @ts-ignore
94
99
  this.label && H({ id: e, label: this.label, clickHandler: () => this.clickHandler() })
95
100
  ]);
96
101
  }
@@ -105,7 +110,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
105
110
  }, c = t((e) => r({
106
111
  ...e,
107
112
  class: `${h} ${e.class || ""}`.trim()
108
- })), L = t((e) => c({
113
+ })), F = t((e) => c({
109
114
  ...e,
110
115
  type: "tel",
111
116
  name: e.name || "Phone",
@@ -114,50 +119,50 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
114
119
  required: !0,
115
120
  pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
116
121
  keyup: E
117
- })), M = t((e) => c({
122
+ })), L = t((e) => c({
118
123
  ...e,
119
124
  type: "email",
120
125
  name: e.name || "Email",
121
126
  label: e.label || "Email",
122
127
  placeholder: "Email address"
123
- })), R = t((e) => k({
128
+ })), M = t((e) => k({
124
129
  ...e,
125
130
  as: "textarea",
126
131
  class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border border-input bg-background ${n} ${f} ${i} ${e.class || ""}`.trim()
127
- })), U = (e = {}) => l({ class: "flex items-center space-x-2" }, [
132
+ })), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
128
133
  r({
129
134
  ...e,
130
135
  type: "radio",
131
136
  class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
132
137
  }),
133
138
  e.label && d({ forHTML: e.value, class: "cursor-pointer" }, e.label)
134
- ]), W = t((e) => r({
139
+ ]), U = t((e) => r({
135
140
  ...e,
136
141
  type: "date",
137
142
  class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
138
- })), j = t((e) => r({
143
+ })), W = t((e) => r({
139
144
  ...e,
140
145
  type: "time",
141
146
  class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
142
- })), z = t((e) => r({
147
+ })), j = t((e) => r({
143
148
  ...e,
144
149
  type: "datetime-local",
145
150
  class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
146
- })), A = t((e) => r({
151
+ })), z = t((e) => r({
147
152
  ...e,
148
153
  type: "month",
149
154
  class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
150
- })), B = t((e) => r({
155
+ })), A = t((e) => r({
151
156
  ...e,
152
157
  type: "week",
153
158
  class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
154
- })), J = t((e) => c({
159
+ })), B = t((e) => c({
155
160
  ...e,
156
161
  type: "number"
157
- })), O = t((e) => c({
162
+ })), J = t((e) => c({
158
163
  ...e,
159
164
  type: "password"
160
- })), V = t((e) => c({
165
+ })), O = t((e) => c({
161
166
  ...e,
162
167
  type: "search"
163
168
  })), G = t((e) => c({
@@ -175,29 +180,29 @@ t((e) => u({
175
180
  ...e,
176
181
  class: `flex h-4 w-4 rounded-md border border-input bg-background text-foreground ${n} ${i} ${e.class || ""}`.trim()
177
182
  }));
178
- const D = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", X = t((e) => r({
183
+ const D = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", V = t((e) => r({
179
184
  ...e,
180
185
  type: "file",
181
186
  class: `${h} ${D} ${e.class || ""}`.trim()
182
187
  }));
183
188
  export {
184
- F as C,
185
- W as D,
186
- M as E,
187
- X as F,
189
+ q as C,
190
+ U as D,
191
+ L as E,
192
+ V as F,
188
193
  K as H,
189
194
  c as I,
190
- A as M,
191
- J as N,
192
- O as P,
193
- U as R,
194
- V as S,
195
- L as T,
195
+ z as M,
196
+ B as N,
197
+ J as P,
198
+ R,
199
+ O as S,
200
+ F as T,
196
201
  G as U,
197
- B as W,
198
- R as a,
199
- j as b,
200
- z as c,
202
+ A as W,
203
+ M as a,
204
+ W as b,
205
+ j as c,
201
206
  Q as d,
202
207
  i as e,
203
208
  n as f,
@@ -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-BCKH-ZBH.js";
2
- import { A as O, P as R, g as _ } from "./calendar-BE7K48Lc.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-BR9Nfflx.js";
2
+ import { A as O, P as R, g as _ } from "./calendar-cfaISqs6.js";
3
3
  export {
4
4
  o as Alert,
5
5
  O as Avatar,
@@ -1,5 +1,5 @@
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-BtYoB3y3.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-BE7K48Lc.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-Bl8_88Dh.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-cfaISqs6.js";
3
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-DyNFnla-.js";
4
4
  export {
5
5
  s as BackButton,
@@ -3,8 +3,8 @@ import { Atom as u, Component as g, Data as L, DateTime as K, Jot as R, router a
3
3
  import { B as C, I as z } from "./buttons-CVEwmPAi.js";
4
4
  import { Icons as w } from "./icons.es.js";
5
5
  import { TableBody as _, List as G, IntervalTimer as V } from "@base-framework/organisms";
6
- import { C as J, I as Z, H as ee } from "./inputs-C1dvFQuB.js";
7
- import { A as te, P as se } from "./calendar-BE7K48Lc.js";
6
+ import { C as J, I as Z, H as ee } from "./inputs-CzHSmZKP.js";
7
+ import { A as te, P as se } from "./calendar-cfaISqs6.js";
8
8
  u((t, e) => ({
9
9
  class: "flex items-center px-4 py-2",
10
10
  ...t,
@@ -1,7 +1,7 @@
1
1
  import { Span as c, Div as l, Legend as b, Fieldset as f, Input as x } from "@base-framework/atoms";
2
2
  import { Atom as s, Html as C } from "@base-framework/base";
3
3
  import { a as u } from "./veil-DSQdR6CM.js";
4
- import { f as p, e as h, g as y } from "./inputs-C1dvFQuB.js";
4
+ import { f as p, e as h, g as y } from "./inputs-CzHSmZKP.js";
5
5
  const a = {
6
6
  gray: {
7
7
  backgroundColor: "bg-gray-50",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.23",
3
+ "version": "1.0.25",
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": {