@base-framework/ui 1.0.237 → 1.0.239

package/dist/{empty-state-Ctcag00p.js → empty-state-vZlNHcZ5.js}

@@ -1,5 +1,5 @@
-import { Div as n, H5 as W, P as g, I as f, Li as V, Span as i, Ul as q, Button as m, OnState as w, Label as J, Form as G, H2 as S, Header as D, Footer as P, A as H, H3 as K, Checkbox as Q, Nav as X, Input as y, UseParent as Z, Time as ee, Dialog as te } from "@base-framework/atoms";
-import { Atom as c, Component as v, Html as M, Dom as se, base as oe, Data as I, Builder as Y, Jot as $, DateTime as A } from "@base-framework/base";
+import { Div as n, H5 as J, P as g, I as f, Li as V, Span as i, Ul as q, Button as m, OnState as w, Label as G, Form as K, H2 as S, Header as D, Footer as P, A as H, H3 as Q, Checkbox as X, Nav as Z, Input as y, UseParent as Y, Time as ee, Dialog as te } from "@base-framework/atoms";
+import { Atom as c, Component as v, Html as M, Dom as se, base as oe, Data as I, Builder as U, Jot as $, DateTime as A } from "@base-framework/base";
 import { P as C, b as ne, R as le } from "./range-calendar-CMYN-04x.js";
 import { B as h, I as b } from "./buttons-Cm9etaEG.js";
 import { Icons as u } from "./icons.es.js";
@@ -34,7 +34,7 @@ const F = {
   }
 }, ce = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   f({ html: e })
-]), de = (e) => W({ class: "font-semibold" }, e), ue = (e) => g({ class: "text-sm text-muted-foreground" }, e), wt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
+]), de = (e) => J({ class: "font-semibold" }, e), ue = (e) => g({ class: "text-sm text-muted-foreground" }, e), wt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
   const { borderColor: l, bgColor: r, iconColor: a } = F[o] || F.default;
   return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
     // Icon and content
@@ -167,7 +167,7 @@ class yt extends v {
     ]);
   }
 }
-const ve = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), Ce = c((e, t) => J({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ke = c((e, t) => g({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Se = c((e, t) => g({ ...e, class: "text-sm text-destructive" }, t)), De = (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 && De(o) ? {
+const ve = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), Ce = c((e, t) => G({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ke = c((e, t) => g({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Se = c((e, t) => g({ ...e, class: "text-sm text-destructive" }, t)), De = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", R = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = R(o.children, t, s)), o.required && De(o) ? {
   ...o,
   aria: {
     invalid: ["hasError"]
@@ -175,7 +175,7 @@ const ve = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   invalid: s,
   input: t
 } : o)), Ie = c((e, t) => {
-  const l = U(t, (r) => {
+  const l = R(t, (r) => {
     r.target.checkValidity() && e.setError(null);
   }, (r) => {
     e.setError(r.target.validationMessage);
@@ -225,8 +225,8 @@ const ve = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   }
 ), $e = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, R = c(
-  (e, t) => G({ ...e, submit: (s, o) => $e(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+}, _ = c(
+  (e, t) => K({ ...e, submit: (s, o) => $e(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
 ), Ct = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), kt = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
   e.title && S({ class: "font-semibold" }, e.title),
   ...t
@@ -262,12 +262,12 @@ const ve = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
     s.target === o.panel && (s.preventDefault(), s.stopPropagation(), o.state.open = !1);
   }
 }, [
-  R({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col space-y-4", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
+  _({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col space-y-4", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
     Te(e),
     n({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
     P({ 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) => Y.render(e, app.root);
+])), Ae = (e) => U.render(e, app.root);
 class It extends v {
   /**
    * This will declare the props for the compiler.
@@ -455,7 +455,7 @@ const N = {
     iconColor: "text-muted-foreground"
   }
 }, Pe = (e) => D({ class: "flex justify-center" }, [
-  K({ class: "text-lg font-bold mb-0" }, e)
+  Q({ class: "text-lg font-bold mb-0" }, e)
 ]), Me = c(({ href: e, class: t }, s) => H({
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
@@ -680,7 +680,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => m({
           s.toggle("active"), this.checkbox.checked = s.active, this.change && this.change(s.active, t, this);
         }
       }, [
-        Q({
+        X({
           cache: "checkbox",
           class: "opacity-0 absolute top-0 left-0 bottom-0 right-0 w-full h-full",
           /**
@@ -753,7 +753,7 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => m({
      */
     render() {
       const e = this.data.items.length - 1;
-      return X(
+      return Z(
         {
           "aria-label": "Breadcrumb",
           class: "flex items-center space-x-1 text-sm"
@@ -958,21 +958,21 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => m({
       ]);
     }
   }
-), _ = ({ icon: e, click: t, ariaLabel: s }) => h({
+), W = ({ icon: e, click: t, ariaLabel: s }) => h({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Je = ({ click: e }) => _({
+}), Je = ({ click: e }) => W({
   icon: u.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Ge = ({ click: e }) => _({
+}), Ge = ({ click: e }) => W({
   icon: u.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Ke = ({ bind: e, min: t, max: s, readonly: o = !1 }) => Z(({ state: l }) => y({
+}), Ke = ({ bind: e, min: t, max: s, readonly: o = !1 }) => Y(({ state: l }) => y({
   value: ["[[count]]", l],
   bind: e,
   blur: (r, { state: a }) => {
@@ -1101,9 +1101,11 @@ const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => m({
   click: s
 }, [
   et({ bind: e, required: t }),
-  i(L.date("[[start]]", "Start Date")),
-  i(" - "),
-  i(L.date("[[end]]", "End Date")),
+  Y(({ state: o }) => [
+    i(L.date(["[[start]]", o], "Start Date")),
+    i(" - "),
+    i(L.date(["[[end]]", o], "End Date"))
+  ]),
   f({ html: u.calendar.days })
 ]), st = ({ handleDateSelect: e, blockPriorDates: t }) => w(
   "open",
@@ -1366,7 +1368,7 @@ const Ot = x(
       ])
     ])
   ]
-)), ct = (e) => Y.render(e, app.root), O = {
+)), ct = (e) => U.render(e, app.root), O = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -1497,7 +1499,7 @@ class Vt extends dt {
   }
 }
 const qt = c((e, t = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
-  R({ class: "flex flex-auto flex-col" }, [
+  _({ class: "flex flex-auto flex-col" }, [
     n({ class: "flex flex-auto flex-col space-y-4" }, [
       n({ class: "flex flex-auto items-center justify-center" }, [
         e.icon && n({ class: "w-16 h-16 mb-2 text-primary" }, [
@@ -1536,7 +1538,7 @@ export {
   Se as f,
   Ie as g,
   vt as h,
-  R as i,
+  _ as i,
   Ct as j,
   kt as k,
   Fe as l,

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 I, D as S, c as P, E as B, F, H as k, I as M, M as f, N as x, P as N, R as v, T as y, a as h, b as W, U as H, W as L } from "./inputs-CMjx5-IX.js";
 import { V as R, a as w } from "./veil-D4dRxILB.js";
 import { Icons as E } from "./icons.es.js";
-import { A as O, B as V, C as j, t as q, G as J, v as z, w as _, x as K, y as Q, D as X, j as Y, k as Z, I as $, H as aa, s as ea, c as sa, a as oa, b as ta, J as ra, i as na, g as la, e as ia, h as pa, F as ma, d as ua, f as da, u as ca, M as ga, l as Ca, N as Ta, P as Da, p as ba, q as Ia, S as Sa, n as Pa, o as Ba, T as Fa, z as ka, E as Ma, m as fa, r as xa } from "./empty-state-Ctcag00p.js";
+import { A as O, B as V, C as j, t as q, G as J, v as z, w as _, x as K, y as Q, D as X, j as Y, k as Z, I as $, H as aa, s as ea, c as sa, a as oa, b as ta, J as ra, i as na, g as la, e as ia, h as pa, F as ma, d as ua, f as da, u as ca, M as ga, l as Ca, N as Ta, P as Da, p as ba, q as Ia, S as Sa, n as Pa, o as Ba, T as Fa, z as ka, E as Ma, m as fa, r as xa } from "./empty-state-vZlNHcZ5.js";
 import { A as va, b as ya, C as ha, D as Wa, a as Ha, F as La, M as Aa, P as Ra, R as wa, c as Ua, g as Ea, p as Ga } from "./range-calendar-CMYN-04x.js";
 import { B as Va, p as ja, C as qa, j as Ja, D as za, m as _a, k as Ka, H as Qa, I as Xa, N as Ya, O as Za, P as $a, S as ae, n as ee, o as se, t as oe, s as te, q as re, r as ne, T as le, l as ie, U as pe, W as me, f as ue, h as de, i as ce, c as ge, d as Ce, b as Te, e as De, a as be, g as Ie } from "./signature-panel-Bkj-9bST.js";
 import { B as Pe, I as Be, M as Fe, d as ke, e as Me, g as fe, N as xe, b as Ne, a as ve, f as ye, P as he, c as We, S as He, T as Le } 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, G as r, v as n, w as m, x as l, y as S, D, j as c, k as u, I as g, H as p, s as C, c as d, a as F, b as T, J as P, i as A, g as f, e as w, h as I, F as b, d as y, f as B, u as M, M as k, l as x, N as v, P as E, p as N, q as R, S as h, n as L, o as U, T as j, z as q, E as z, m as G, r as H } from "./empty-state-Ctcag00p.js";
+import { A as o, B as t, C as e, t as i, G as r, v as n, w as m, x as l, y as S, D, j as c, k as u, I as g, H as p, s as C, c as d, a as F, b as T, J as P, i as A, g as f, e as w, h as I, F as b, d as y, f as B, u as M, M as k, l as x, N as v, P as E, p as N, q as R, S as h, n as L, o as U, T as j, z as q, E as z, m as G, r as H } from "./empty-state-vZlNHcZ5.js";
 import { A as O, P as _, g as K } from "./range-calendar-CMYN-04x.js";
 export {
   o as Alert,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.237",
+	"version": "1.0.239",
 	"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": {