@base-framework/ui 1.0.319 → 1.0.320

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.
@@ -1,4 +1,4 @@
1
- import { Div as l, H5 as se, P as w, I as C, Li as W, Span as c, Ul as G, Button as b, OnState as B, Label as N, H2 as $, Form as oe, Header as L, Footer as j, A as J, H3 as ne, Checkbox as le, Input as f, Img as K, Nav as re, UseParent as Q, OnStateOpen as O, Time as ie, Dialog as ae } from "@base-framework/atoms";
1
+ import { Div as l, H5 as se, P as w, I as C, Li as W, Span as c, Ul as G, Button as b, OnState as B, Label as j, H2 as $, Form as oe, Header as L, Footer as N, A as J, H3 as ne, Checkbox as le, Input as f, Img as K, Nav as re, UseParent as Q, OnStateOpen as O, Time as ie, Dialog as ae } from "@base-framework/atoms";
2
2
  import { Atom as u, Component as k, Html as z, Dom as ce, base as ue, Data as A, Builder as X, Jot as I, Events as v, DateTime as E } from "@base-framework/base";
3
3
  import { P as F, b as de, R as he } from "./range-calendar-BMWSJTE0.js";
4
4
  import { C as fe, F as me, a as D } from "./veil-CVCuKSvj.js";
@@ -167,13 +167,13 @@ class At extends k {
167
167
  ]);
168
168
  }
169
169
  }
170
- const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Be = u((e, t) => N({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Le = u((e, t) => w({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Ae = u((e, t) => w({ ...e, class: "text-sm text-destructive" }, t)), Mt = u((e, t = []) => fe({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
170
+ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Be = u((e, t) => j({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Le = u((e, t) => w({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Ae = u((e, t) => w({ ...e, class: "text-sm text-destructive" }, t)), Mt = u((e, t = []) => fe({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
171
171
  e.title && $({ class: "text-lg font-semibold py-4 px-6" }, e.title),
172
172
  e.description && w({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
173
173
  ...t
174
174
  ])), Pt = u((e, t = []) => me({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
175
175
  l({ class: "flex flex-col gap-y-6" }, t)
176
- ])), Nt = u((e, t = []) => {
176
+ ])), jt = u((e, t = []) => {
177
177
  const s = e.border ? "border-t" : "";
178
178
  return l({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
179
179
  }), Me = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", Z = (e, t, s) => e.map((o) => !o || (o.children && o.children.length > 0 && (o.children = Z(o.children, t, s)), !o.required) ? o : Me(o) ? {
@@ -193,7 +193,7 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
193
193
  ...e,
194
194
  class: "w-full"
195
195
  }, n);
196
- }), jt = D(
196
+ }), Nt = D(
197
197
  {
198
198
  /**
199
199
  * The initial state of the FormField.
@@ -232,10 +232,10 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
232
232
  ]);
233
233
  }
234
234
  }
235
- ), Ne = (e, t, s = null) => {
235
+ ), je = (e, t, s = null) => {
236
236
  e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
237
237
  }, ee = u(
238
- (e, t) => oe({ ...e, submit: (s, o) => Ne(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
238
+ (e, t) => oe({ ...e, submit: (s, o) => je(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
239
239
  ), Ot = u((e, t) => l({ ...e, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), zt = u((e, t = []) => l({ class: "flex flex-col gap-y-3 py-4" }, [
240
240
  e.title && $({ class: "font-semibold" }, e.title),
241
241
  ...t
@@ -245,7 +245,7 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
245
245
  ]), Ut = (e, t) => l({ class: "flex" }, [
246
246
  c({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
247
247
  c(t)
248
- ]), je = ({ title: e, description: t, back: s, icon: o, options: n = [] }) => L({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
248
+ ]), Ne = ({ title: e, description: t, back: s, icon: o, options: n = [] }) => L({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
249
249
  /**
250
250
  * Back Button
251
251
  */
@@ -272,9 +272,9 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
272
272
  }
273
273
  }, [
274
274
  ee({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col gap-y-4", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
275
- je(e),
275
+ Ne(e),
276
276
  l({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
277
- j({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
277
+ N({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
278
278
  ])
279
279
  ])), ze = (e) => X.render(e, app.root);
280
280
  class Vt extends k {
@@ -556,7 +556,7 @@ class Re extends k {
556
556
  this.title && Ee(this.title)
557
557
  ]),
558
558
  w({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
559
- (this.primary || this.secondary) && j({ class: "margin-top-24 flex align-center" }, this.getButtons())
559
+ (this.primary || this.secondary) && N({ class: "margin-top-24 flex align-center" }, this.getButtons())
560
560
  ])
561
561
  ]),
562
562
  h({
@@ -786,7 +786,7 @@ const H = globalThis.matchMedia, M = u(({ value: e, label: t, icon: s }) => b({
786
786
  s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
787
787
  }
788
788
  }, [
789
- B("loaded", (s) => s === !1 || _e(this.src) ? N({
789
+ B("loaded", (s) => s === !1 || _e(this.src) ? j({
790
790
  htmlFor: e,
791
791
  class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
792
792
  }, [
@@ -863,7 +863,7 @@ const H = globalThis.matchMedia, M = u(({ value: e, label: t, icon: s }) => b({
863
863
  // @ts-ignore
864
864
  src: this.src,
865
865
  class: "absolute inset-0 w-full h-full object-cover rounded-full"
866
- }) : N({
866
+ }) : j({
867
867
  htmlFor: e,
868
868
  class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
869
869
  }, [
@@ -1190,7 +1190,7 @@ const H = globalThis.matchMedia, M = u(({ value: e, label: t, icon: s }) => b({
1190
1190
  onState: ["selectedDate", (o) => {
1191
1191
  if (o) {
1192
1192
  const n = new Date(o);
1193
- if (console.log(n, !isNaN(n.getTime()), o), !isNaN(n.getTime())) {
1193
+ if (!isNaN(n.getTime())) {
1194
1194
  const r = (n.getMonth() + 1).toString().padStart(2, "0"), i = n.getDate().toString().padStart(2, "0"), a = n.getFullYear();
1195
1195
  return `${r}/${i}/${a}`;
1196
1196
  }
@@ -1590,7 +1590,7 @@ const ss = D(
1590
1590
  e.description && w({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
1591
1591
  l({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
1592
1592
  ]),
1593
- e.buttons && j({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
1593
+ e.buttons && N({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
1594
1594
  ])
1595
1595
  ])
1596
1596
  ]
@@ -1769,9 +1769,9 @@ export {
1769
1769
  Ae as f,
1770
1770
  Mt as g,
1771
1771
  Pt as h,
1772
- Nt as i,
1772
+ jt as i,
1773
1773
  Pe as j,
1774
- jt as k,
1774
+ Nt as k,
1775
1775
  ee as l,
1776
1776
  Ot as m,
1777
1777
  zt as n,
package/dist/index.es.js CHANGED
@@ -3,9 +3,9 @@ import { B as u, I as g, L as C } from "./buttons-CHEs54Wl.js";
3
3
  import { C as T, F as b, V as D, a as I } from "./veil-CVCuKSvj.js";
4
4
  import { C as F, d as B, D as P, c as k, E as M, F as v, H as x, I as N, M as f, N as y, P as h, R as U, T as L, a as W, b as H, U as R, W as w } from "./inputs-9udyzkHR.js";
5
5
  import { Icons as G } from "./icons.es.js";
6
- import { A as E, B as V, C as j, w as q, K as J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, Q as $, O as aa, v as ea, c as sa, a as oa, b as ta, R as ra, l as na, g as la, i as ia, h as pa, j as da, e as ma, k as ua, F as ga, d as Ca, f as ca, I as Ta, L as ba, x as Da, M as Ia, o as Sa, N as Fa, P as Ba, s as Pa, t as ka, S as Ma, q as va, r as xa, T as Na, H as fa, J as ya, p as ha, u as Ua } from "./empty-state-CEwfEFXx.js";
6
+ import { A as E, B as V, C as j, w as q, K as J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, Q as $, O as aa, v as ea, c as sa, a as oa, b as ta, R as ra, l as na, g as la, i as ia, h as pa, j as da, e as ma, k as ua, F as ga, d as Ca, f as ca, I as Ta, L as ba, x as Da, M as Ia, o as Sa, N as Fa, P as Ba, s as Pa, t as ka, S as Ma, q as va, r as xa, T as Na, H as fa, J as ya, p as ha, u as Ua } from "./empty-state-CmJE_BQv.js";
7
7
  import { A as Wa, b as Ha, C as Ra, D as wa, a as Aa, F as Ga, M as Oa, P as Ea, R as Va, c as ja, g as qa, p as Ja } from "./range-calendar-BMWSJTE0.js";
8
- import { B as Ka, p as Qa, C as _a, j as Xa, D as Ya, m as Za, k as $a, H as ae, I as ee, N as se, O as oe, P as te, S as re, n as ne, o as le, x as ie, s as pe, q as de, r as me, T as ue, t as ge, w as Ce, u as ce, v as Te, l as be, U as De, W as Ie, f as Se, h as Fe, i as Be, c as Pe, d as ke, b as Me, e as ve, a as xe, g as Ne } from "./signature-panel-1P_xBZA9.js";
8
+ import { B as Ka, p as Qa, C as _a, j as Xa, D as Ya, m as Za, k as $a, H as ae, I as ee, N as se, O as oe, P as te, S as re, n as ne, o as le, x as ie, s as pe, q as de, r as me, T as ue, t as ge, w as Ce, u as ce, v as Te, l as be, U as De, W as Ie, f as Se, h as Fe, i as Be, c as Pe, d as ke, b as Me, e as ve, a as xe, g as Ne } from "./signature-panel-BjD2KkN6.js";
9
9
  import { B as ye, I as he, M as Ue, d as Le, e as We, g as He, N as Re, b as we, a as Ae, f as Ge, P as Oe, c as Ee, S as Ve, T as je } from "./mobile-nav-wrapper-CWqhZ0qz.js";
10
10
  import { B as Je, a as ze, C as Ke, F as Qe, b as _e, c as Xe, M as Ye, P as Ze, S as $e } from "./sidebar-menu-page-UmKsAvjb.js";
11
11
  import { A as es, F as ss, M as os, a as ts, T as rs } from "./aside-template-sUm-F2f0.js";
@@ -1,4 +1,4 @@
1
- import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-CEwfEFXx.js";
1
+ import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-CmJE_BQv.js";
2
2
  import { A as W, P as X, g as Y } from "./range-calendar-BMWSJTE0.js";
3
3
  export {
4
4
  s as Alert,
@@ -1,4 +1,4 @@
1
- import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-1P_xBZA9.js";
1
+ import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-BjD2KkN6.js";
2
2
  import { b as R, C as j, D as q, a as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-BMWSJTE0.js";
3
3
  import { B as X, I as Y, M as Z, d as _, e as $, g as aa, N as ea, b as sa, a as na, f as ta, P as oa, c as ra, S as la, T as ia } from "./mobile-nav-wrapper-CWqhZ0qz.js";
4
4
  export {
@@ -1514,7 +1514,7 @@ const Ke = (t) => w(
1514
1514
  },
1515
1515
  [
1516
1516
  k({
1517
- class: "flex flex-auto justify-center items-center px-4 py-3",
1517
+ class: "flex flex-auto justify-center items-center px-4 py-3 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
1518
1518
  onSet: ["selected", { selected: t.value }],
1519
1519
  click: (e) => t.callBack(t.value)
1520
1520
  }, t.label)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.319",
3
+ "version": "1.0.320",
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": {