@base-framework/ui 1.0.102 → 1.0.104

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-Dxg9P7AJ.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-CxYLh_yj.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-nzivW9Dr.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-Dmu4Z-7-.js";
4
4
  import { V as W, a as w } from "./veil-D4dRxILB.js";
5
5
  export {
6
6
  e as Badge,
@@ -175,7 +175,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
175
175
  `
176
176
  },
177
177
  [
178
- t ? X(t) : M(s)
178
+ t ? X(t) : M({ class: "uppercase" }, s)
179
179
  ]
180
180
  );
181
181
  }, ct = k(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: o }) => {
@@ -1,6 +1,6 @@
1
1
  import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as W, Form as R, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
2
2
  import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as U, Jot as S, DateTime as $ } from "@base-framework/base";
3
- import { P as D, b as se } from "./calendar-BDqm833e.js";
3
+ import { P as D, b as se } from "./calendar-B_jcSUF6.js";
4
4
  import { B as h, I as x } from "./buttons-CVEwmPAi.js";
5
5
  import { Icons as u } from "./icons.es.js";
6
6
  import { a as w } from "./veil-D4dRxILB.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-Dxg9P7AJ.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-CxYLh_yj.js";
2
2
  import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.js";
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-nzivW9Dr.js";
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";
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 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-CY6otODd.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-BDqm833e.js";
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-BFels99c.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 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
+ 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
+ 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
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-BE_hr65B.js";
10
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-BmD_Bi-v.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";
@@ -1,14 +1,14 @@
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
2
  import { Jot as y, Atom as s } from "@base-framework/base";
3
3
  import { Icons as v } from "./icons.es.js";
4
- const $ = "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 [&:user-invalid]:border-destructive", f = "placeholder:text-muted-foreground", h = `${$} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: t, required: a }) => u({
4
+ const $ = "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", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", f = "placeholder:text-muted-foreground", h = `${$} ${b} ${n} ${f} ${a}`, I = ({ id: e, checked: o, bind: t, required: i }) => u({
5
5
  id: e,
6
6
  cache: "checkbox",
7
7
  class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
8
8
  aria: {
9
9
  checked: ["checked"]
10
10
  },
11
- required: a,
11
+ required: i,
12
12
  checked: o,
13
13
  bind: t
14
14
  }), C = () => g({ class: "absolute text-xs pointer-events-none" }, [
@@ -19,11 +19,11 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
19
19
  html: v.check
20
20
  }) : null
21
21
  )
22
- ]), w = ({ id: e, bind: o, checked: t, required: a, clickHandler: m }) => l({
22
+ ]), w = ({ id: e, bind: o, checked: t, required: i, clickHandler: m }) => l({
23
23
  class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 border-primary hover:border-accent-foreground
24
24
  ${b}
25
25
  ${n}
26
- ${i}`.trim(),
26
+ ${a}`.trim(),
27
27
  onState: [
28
28
  "checked",
29
29
  {
@@ -39,13 +39,13 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
39
39
  tabIndex: 0,
40
40
  click: m
41
41
  }, [
42
- I({ bind: o, checked: t, id: e, required: a }),
42
+ I({ bind: o, checked: t, id: e, required: i }),
43
43
  C()
44
44
  ]), T = ({ id: e, label: o, clickHandler: t }) => d({
45
45
  class: "text-base cursor-pointer",
46
46
  htmlFor: e,
47
47
  click: t
48
- }, o), q = y(
48
+ }, o), F = y(
49
49
  {
50
50
  /**
51
51
  * This will initialize the state of the checkbox.
@@ -110,25 +110,24 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
110
110
  }, c = s((e) => r({
111
111
  ...e,
112
112
  class: `${h} ${e.class || ""}`.trim()
113
- })), F = s((e) => c({
113
+ })), L = s((e) => c({
114
114
  ...e,
115
115
  type: "tel",
116
116
  name: e.name || "Phone",
117
117
  label: e.label || "Phone",
118
118
  placeholder: "(555) 555-5555",
119
- required: !0,
120
119
  pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
121
120
  keyup: D
122
- })), L = s((e) => c({
121
+ })), M = s((e) => c({
123
122
  ...e,
124
123
  type: "email",
125
124
  name: e.name || "Email",
126
125
  label: e.label || "Email",
127
126
  placeholder: "Email address"
128
- })), M = s((e) => k({
127
+ })), q = s((e) => k({
129
128
  ...e,
130
129
  as: "textarea",
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()
130
+ class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border border-input bg-background ${n} ${f} ${a} ${e.class || ""}`.trim()
132
131
  })), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
133
132
  r({
134
133
  ...e,
@@ -178,7 +177,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
178
177
  }));
179
178
  s((e) => u({
180
179
  ...e,
181
- class: `flex h-4 w-4 rounded-md border border-input bg-background text-foreground ${n} ${i} ${e.class || ""}`.trim()
180
+ class: `flex h-4 w-4 rounded-md border border-input bg-background text-foreground ${n} ${a} ${e.class || ""}`.trim()
182
181
  }));
183
182
  const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", V = s((e) => r({
184
183
  ...e,
@@ -186,9 +185,9 @@ const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:
186
185
  class: `${h} ${E} ${e.class || ""}`.trim()
187
186
  }));
188
187
  export {
189
- q as C,
188
+ F as C,
190
189
  U as D,
191
- L as E,
190
+ M as E,
192
191
  V as F,
193
192
  K as H,
194
193
  c as I,
@@ -197,14 +196,14 @@ export {
197
196
  J as P,
198
197
  R,
199
198
  O as S,
200
- F as T,
199
+ L as T,
201
200
  G as U,
202
201
  A as W,
203
- M as a,
202
+ q as a,
204
203
  W as b,
205
204
  j as c,
206
205
  Q as d,
207
- i as e,
206
+ a as e,
208
207
  n as f,
209
208
  h as g
210
209
  };
@@ -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-CY6otODd.js";
2
- import { A as O, P as R, g as _ } from "./calendar-BDqm833e.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-BgNcRIp-.js";
2
+ import { A as O, P as R, g as _ } from "./calendar-B_jcSUF6.js";
3
3
  export {
4
4
  o as Alert,
5
5
  O as Avatar,
@@ -1,5 +1,5 @@
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-BFels99c.js";
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-BDqm833e.js";
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
+ 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
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-BE_hr65B.js";
4
4
  export {
5
5
  s as BackButton,
@@ -3,8 +3,8 @@ import { Atom as d, Component as h, Data as L, DateTime as G, router as x, NavLi
3
3
  import { B as C, I as N } from "./buttons-CVEwmPAi.js";
4
4
  import { Icons as w } from "./icons.es.js";
5
5
  import { TableBody as _, ScrollableTableBody as J, List as Z, IntervalTimer as ee } from "@base-framework/organisms";
6
- import { C as te, I as se, H as ae } from "./inputs-nzivW9Dr.js";
7
- import { A as ie, P as ne } from "./calendar-BDqm833e.js";
6
+ import { C as te, I as se, H as ae } from "./inputs-Dmu4Z-7-.js";
7
+ import { A as ie, P as ne } from "./calendar-B_jcSUF6.js";
8
8
  d((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, UseParent as x, Input as C } from "@base-framework/atoms";
2
2
  import { Atom as s, Html as p } from "@base-framework/base";
3
3
  import { a as u } from "./veil-D4dRxILB.js";
4
- import { f as h, e as y, g as k } from "./inputs-nzivW9Dr.js";
4
+ import { f as h, e as y, g as k } from "./inputs-Dmu4Z-7-.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.102",
3
+ "version": "1.0.104",
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": {