@base-framework/ui 1.0.165 → 1.0.166

package/dist/{confirmation-Bs4hp7Bj.js → confirmation-BO_EbQkm.js}

@@ -1,5 +1,5 @@
-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 y, 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 v, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
-import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as C, Builder as H, Jot as k, DateTime as $ } from "@base-framework/base";
+import { Div as n, H5 as _, P as p, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as y, 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 v, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
+import { Atom as c, Component as b, Html as L, Dom as ee, base as te, Data as C, Builder as H, Jot as k, DateTime as $ } from "@base-framework/base";
 import { P as S, b as se } from "./calendar-DQXME-2u.js";
 import { B as h, I as x } from "./buttons-Cm9etaEG.js";
 import { Icons as u } from "./icons.es.js";
@@ -33,7 +33,7 @@ const P = {
   }
 }, ie = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   g({ html: e })
-]), ae = (e) => _({ class: "font-semibold" }, e), ce = (e) => b({ class: "text-sm text-muted-foreground" }, e), ft = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
+]), ae = (e) => _({ class: "font-semibold" }, e), ce = (e) => p({ class: "text-sm text-muted-foreground" }, e), ft = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
   const { borderColor: r, bgColor: l, iconColor: i } = P[o] || P.default;
   return n({ class: `flex items-start p-4 border rounded-lg ${l} ${r}` }, [
     // Icon and content
@@ -44,7 +44,7 @@ const P = {
     ])
   ]);
 });
-class de extends p {
+class de extends b {
   /**
    * This will declare the props for the compiler.
    *
@@ -77,12 +77,12 @@ const ue = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
   e.shortcut && ue(e.shortcut)
 ]), ge = (e, t) => V({ class: "grid gap-2" }, [
   e.map((s) => fe(s, t))
-]), be = (e) => n({ class: "w-full z-10" }, [
+]), pe = (e) => n({ class: "w-full z-10" }, [
   n({
     class: "max-h-60 border rounded-md overflow-y-auto p-1 grid gap-2 divide-y divide-border",
     for: ["groups", (t) => ge(t, e)]
   })
-]), pe = ({ label: e, icon: t, toggleDropdown: s }) => m({
+]), be = ({ label: e, icon: t, toggleDropdown: s }) => m({
   cache: "button",
   class: `inline-flex items-center justify-between rounded-md border border-input
 			bg-background px-2 py-2 text-sm font-medium hover:bg-muted
@@ -99,11 +99,11 @@ const ue = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
       parent: o,
       button: o.button
     }, [
-      be(e)
+      pe(e)
     ]) : null
   )
 ]);
-class gt extends p {
+class gt extends b {
   /**
    * This will declare the props for the compiler.
    *
@@ -157,7 +157,7 @@ class gt extends p {
    */
   render() {
     return n({ class: "relative" }, [
-      pe({
+      be({
         label: this.label,
         icon: this.icon,
         toggleDropdown: this.toggleDropdown.bind(this)
@@ -166,7 +166,7 @@ class gt extends p {
     ]);
   }
 }
-const we = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), ye = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ve = c((e, t) => b({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Ce = c((e, t) => b({ ...e, class: "text-sm text-destructive" }, t)), ke = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", U = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = U(o.children, t, s)), o.required && ke(o) ? {
+const we = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), ye = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ve = c((e, t) => p({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Ce = c((e, t) => p({ ...e, class: "text-sm text-destructive" }, t)), ke = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", U = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = U(o.children, t, s)), o.required && ke(o) ? {
   ...o,
   aria: {
     invalid: ["hasError"]
@@ -183,7 +183,7 @@ const we = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
     ...e,
     class: "w-full"
   }, r);
-}), bt = D(
+}), pt = D(
   {
     /**
      * The initial state of the FormField.
@@ -226,7 +226,7 @@ const we = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
 }, Ie = c(
   (e, t) => W({ ...e, submit: (s, o) => De(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
-), pt = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), xt = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
+), bt = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), xt = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
   e.title && A({ class: "font-semibold" }, e.title),
   ...t
 ])), wt = (e, t) => n({ class: "flex justify-between" }, [
@@ -267,7 +267,7 @@ const we = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
     M({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
   ])
 ])), Ae = (e) => H.render(e, app.root);
-class vt extends p {
+class vt extends b {
   /**
    * This will declare the props for the compiler.
    *
@@ -532,7 +532,7 @@ class Pe extends de {
           n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
             this.title && Be(this.title)
           ]),
-          b({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
+          p({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
           (this.primary || this.secondary) && M({ class: "margin-top-24 flex align-center" }, this.getButtons())
         ])
       ]),
@@ -555,7 +555,7 @@ class Pe extends de {
   }
 }
 let Fe = 0;
-class Ct extends p {
+class Ct extends b {
   /**
    * This will render the component.
    *
@@ -1058,7 +1058,7 @@ class Mt extends oe {
    * @returns {void}
    */
   afterSetup() {
-    this.state.selectedDate = this.input.value;
+    this.input.value && (this.state.selectedDate = this.input.value);
   }
   /**
    * Renders the DatePicker component.
@@ -1276,7 +1276,7 @@ const Pt = D(
       n({ class: "flex flex-auto flex-col gap-4" }, [
         n({ class: "flex flex-auto flex-col space-y-2" }, [
           ot(e),
-          e.description && b({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
+          e.description && p({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
           n({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         e.buttons && M({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:space-x-2" }, e.buttons)
@@ -1310,7 +1310,7 @@ const Pt = D(
     iconColor: "text-muted-foreground"
   }
 };
-class lt extends p {
+class lt extends b {
   /**
    * This will declare the props for the compiler.
    *
@@ -1429,14 +1429,14 @@ export {
   kt as T,
   fe as a,
   gt as b,
-  be as c,
+  pe as c,
   ye as d,
   ve as e,
   Ce as f,
   Se as g,
-  bt as h,
+  pt as h,
   Ie as i,
-  pt as j,
+  bt as j,
   xt as k,
   Pe as l,
   St as m,

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { B as g, I as C, L as T } from "./buttons-Cm9etaEG.js";
 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";
 import { V as w, a as U } from "./veil-D4dRxILB.js";
 import { Icons as O } from "./icons.es.js";
-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-Bs4hp7Bj.js";
+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-BO_EbQkm.js";
 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";
 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";
 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";

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-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-Bs4hp7Bj.js";
+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-BO_EbQkm.js";
 import { A as H, P as O, g as _ } from "./calendar-DQXME-2u.js";
 export {
   o as Alert,

package/dist/types/components/molecules/date-time/date-picker.d.ts

@@ -3,7 +3,7 @@
  *
  * This will create a date picker component.
  *
- * @type {typeof Veil}
+ * @class
  */
 export class DatePicker extends Veil {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.165",
+	"version": "1.0.166",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {