@base-framework/ui 1.0.162 → 1.0.163

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,9 +1,9 @@
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 R, Form as W, 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
- import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as H, Jot as S, DateTime as $ } from "@base-framework/base";
3
- import { P as D, b as se } from "./calendar-DQXME-2u.js";
4
- import { B as h, I as x } from "./buttons-Cm9etaEG.js";
2
+ import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as H, Jot as x, DateTime as $ } from "@base-framework/base";
3
+ import { P as S, b as se } from "./calendar-DQXME-2u.js";
4
+ import { B as h, I as w } from "./buttons-Cm9etaEG.js";
5
5
  import { Icons as u } from "./icons.es.js";
6
- import { a as w } from "./veil-D4dRxILB.js";
6
+ import { a as D } from "./veil-D4dRxILB.js";
7
7
  import { Timer as oe, List as ne, DynamicTime as re } from "@base-framework/organisms";
8
8
  const P = {
9
9
  info: {
@@ -94,7 +94,7 @@ const de = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
94
94
  ]), pe = ({ onSelect: e }) => n([
95
95
  v(
96
96
  "open",
97
- (t, s, o) => t ? new D({
97
+ (t, s, o) => t ? new S({
98
98
  cache: "dropdown",
99
99
  parent: o,
100
100
  button: o.button
@@ -183,7 +183,7 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
183
183
  ...e,
184
184
  class: "w-full"
185
185
  }, r);
186
- }), gt = w(
186
+ }), gt = D(
187
187
  {
188
188
  /**
189
189
  * The initial state of the FormField.
@@ -243,7 +243,7 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
243
243
  /**
244
244
  * Icon
245
245
  */
246
- o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [x(o)]),
246
+ o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [w(o)]),
247
247
  /**
248
248
  * Title and Description
249
249
  */
@@ -598,7 +598,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
598
598
  r.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Fe(e);
599
599
  }
600
600
  }, [
601
- x(s),
601
+ w(s),
602
602
  a(t)
603
603
  ])), Fe = (e) => {
604
604
  var o;
@@ -609,7 +609,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
609
609
  }
610
610
  const s = e === "light" ? "dark" : "light";
611
611
  t.classList.remove(s);
612
- }, Ct = S(
612
+ }, Ct = x(
613
613
  {
614
614
  /**
615
615
  * This will render the component.
@@ -636,7 +636,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
636
636
  };
637
637
  }
638
638
  }
639
- ), kt = w(
639
+ ), kt = D(
640
640
  {
641
641
  /**
642
642
  * The initial state of the Toggle.
@@ -716,14 +716,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
716
716
  class: "text-muted-foreground font-medium hover:text-foreground"
717
717
  },
718
718
  [a(t)]
719
- ), Ee = () => x({
719
+ ), Ee = () => w({
720
720
  class: "mx-3 text-muted-foreground",
721
721
  "aria-hidden": !0,
722
722
  size: "xs"
723
723
  }, u.chevron.single.right), je = (e) => n({ class: "flex items-center" }, [
724
724
  e.href ? ze(e.href, e.label) : a(e.label),
725
725
  e.separator && Ee()
726
- ]), It = S(
726
+ ]), It = x(
727
727
  {
728
728
  /**
729
729
  * Set initial data
@@ -785,7 +785,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
785
785
  ]), Ye = (e, t) => Array.from({ length: e }, (s, o) => Ve({
786
786
  index: o,
787
787
  size: t
788
- })), Tt = S(
788
+ })), Tt = x(
789
789
  {
790
790
  /**
791
791
  * Defines component data (props).
@@ -831,14 +831,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
831
831
  click: () => t(e),
832
832
  onState: [s, "selectedValue", { "bg-secondary": e.value }]
833
833
  }, [
834
- e.icon && a({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
834
+ e.icon && a({ class: "mr-2 flex items-baseline" }, [w({ size: "xs" }, e.icon)]),
835
835
  a({ class: "text-base font-normal" }, e.label)
836
836
  ]), qe = (e, t) => n({ class: "w-full border rounded-md" }, [
837
837
  V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Ue(s, e, t)] })
838
838
  ]), _e = ({ onSelect: e, state: t }) => n({ class: "flex flex-auto flex-col" }, [
839
839
  v(
840
840
  "open",
841
- (s, o, r) => s ? new D({
841
+ (s, o, r) => s ? new S({
842
842
  cache: "dropdown",
843
843
  parent: r,
844
844
  button: r.button
@@ -846,7 +846,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
846
846
  qe(e, t)
847
847
  ]) : null
848
848
  )
849
- ]), $t = S(
849
+ ]), $t = x(
850
850
  {
851
851
  /**
852
852
  * This will set up the data.
@@ -975,7 +975,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
975
975
  max: s,
976
976
  type: "number",
977
977
  "aria-label": "Counter"
978
- })), At = w(
978
+ })), At = D(
979
979
  {
980
980
  /**
981
981
  * Initial state for the counter component.
@@ -1025,7 +1025,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
1025
1025
  g({ html: u.calendar.days })
1026
1026
  ]), Qe = ({ handleDateSelect: e, blockPriorDates: t }) => v(
1027
1027
  "open",
1028
- (s, o, r) => s ? new D({
1028
+ (s, o, r) => s ? new S({
1029
1029
  cache: "dropdown",
1030
1030
  parent: r,
1031
1031
  button: r.panel,
@@ -1037,7 +1037,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
1037
1037
  blockPriorDates: t
1038
1038
  })
1039
1039
  ]) : null
1040
- ), Bt = w(
1040
+ ), Bt = x(
1041
1041
  {
1042
1042
  /**
1043
1043
  * The initial state of the DatePicker.
@@ -1046,6 +1046,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
1046
1046
  */
1047
1047
  setStates() {
1048
1048
  return {
1049
+ // @ts-ignore
1049
1050
  selectedDate: this.selectedDate ?? null,
1050
1051
  open: !1
1051
1052
  };
@@ -1071,11 +1072,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
1071
1072
  return n({ class: "relative w-full max-w-[320px]", debug: !0 }, [
1072
1073
  Ke({
1073
1074
  toggleOpen: e,
1075
+ // @ts-ignore
1074
1076
  bind: this.bind,
1077
+ // @ts-ignore
1075
1078
  required: this.required
1076
1079
  }),
1077
1080
  Qe({
1078
1081
  handleDateSelect: t,
1082
+ // @ts-ignore
1079
1083
  blockPriorDates: this.blockPriorDates || !1
1080
1084
  })
1081
1085
  ]);
@@ -1133,7 +1137,7 @@ function et({ handleTimeSelect: e }) {
1133
1137
  [
1134
1138
  v(
1135
1139
  "open",
1136
- (t, s, o) => t ? new D(
1140
+ (t, s, o) => t ? new S(
1137
1141
  {
1138
1142
  cache: "dropdown",
1139
1143
  parent: o,
@@ -1193,7 +1197,7 @@ function E(e) {
1193
1197
  meridian: l
1194
1198
  });
1195
1199
  }
1196
- const Lt = w(
1200
+ const Lt = D(
1197
1201
  {
1198
1202
  /**
1199
1203
  * The initial shallow state of the TimePicker.
@@ -1254,7 +1258,7 @@ const Lt = w(
1254
1258
  }
1255
1259
  }
1256
1260
  ), tt = (e, t) => n({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
1257
- x({ size: "lg" }, e)
1261
+ w({ size: "lg" }, e)
1258
1262
  ]), st = ({ title: e }) => B({ class: "flex flex-auto items-center" }, [
1259
1263
  A({ class: "text-lg font-semibold" }, e)
1260
1264
  ]), ot = c((e, t) => Z(
package/dist/index.es.js CHANGED
@@ -3,7 +3,7 @@ import { B as g, I as C, L as T } from "./buttons-Cm9etaEG.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 H, W as L } from "./inputs-Dmu4Z-7-.js";
4
4
  import { V as w, a as U } from "./veil-D4dRxILB.js";
5
5
  import { Icons as O } from "./icons.es.js";
6
- import { A as G, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, i as ta, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-sT7flB_J.js";
6
+ import { A as G, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, i as ta, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-E9rmhHQ1.js";
7
7
  import { A as va, b as fa, C as xa, D as ha, a as ya, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
8
8
  import { B as Oa, n as Ea, C as Ga, j as Va, D as ja, l as qa, H as za, I as Ja, N as _a, O as Ka, P as Qa, S as Xa, m as Ya, r as Za, q as $a, o as as, p as ss, T as es, k as os, U as ts, W as rs, f as ns, h as is, i as ls, c as ps, d as us, b as ms, e as ds, a as gs, g as Cs } from "./signature-panel-C8UM0F7Y.js";
9
9
  import { B as cs, I as bs, M as Ds, d as Ss, e as Is, g as Bs, N as Ps, b as Fs, a as Ms, f as ks, P as Ns, c as vs, S as fs, T as xs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
@@ -1,4 +1,4 @@
1
- import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-sT7flB_J.js";
1
+ import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-E9rmhHQ1.js";
2
2
  import { A as H, P as O, g as _ } from "./calendar-DQXME-2u.js";
3
3
  export {
4
4
  o as Alert,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.162",
3
+ "version": "1.0.163",
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": {