@base-framework/ui 1.1.24 → 1.1.25

package/dist/atoms.es.js

@@ -1,6 +1,6 @@
-import { B as e, C as t, a as o, F as n, b as r, L as p, P as I, R as i, S as u, T as l } from "./tooltip-C8OUlZKV.js";
+import { B as e, C as t, a as o, F as n, b as r, L as p, P as I, R as i, S as u, T as l } from "./tooltip-B-K4sJ1h.js";
 import { B as m, I as c, L as T, M as g, U as x, i as B, a as C } from "./buttons-BY-KDbOv.js";
-import { C as F, a as M, D as S, b, E as L, F as P, H as R, I as U, c as h, M as k, N as D, P as H, R as V, T as E, d as G, e as N, U as W, V as v, f as w, W as J } from "./image-gf8yyrt3.js";
+import { C as F, a as M, D as S, b, E as L, F as P, H as R, I as U, c as h, M as k, N as D, P as H, R as V, T as E, d as G, e as N, U as W, V as v, f as w, W as J } from "./image-ChqBemaQ.js";
 import { S as q } from "./skeleton-BlY3opxG.js";
 export {
   e as Badge,

package/dist/{empty-state-CPh9WDdU.js → empty-state-CDDhJie-.js}

@@ -1,10 +1,10 @@
 import { Atom as c, Component as y, Html as A, Dom as Z, base as tt, Data as k, Builder as H, Jot as w, Events as g, DateTime as M } from "@base-framework/base";
 import { Div as n, H5 as et, P as b, Li as q, Span as a, Ul as V, Button as p, I as T, OnState as I, Label as P, H2 as v, Form as st, Header as B, Footer as L, A as G, H3 as ot, Checkbox as nt, Input as f, Img as W, Nav as it, UseParent as _, OnStateOpen as O, Time as rt, Dialog as lt } from "@base-framework/atoms";
-import { P as S, C as at, R as ct } from "./simple-search-input-Bd3LOIPc.js";
+import { P as S, C as at, R as ct } from "./simple-search-input-BzKJChzP.js";
 import { U as m, B as h, I as dt } from "./buttons-BY-KDbOv.js";
 import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
-import { C as ft, b as pt } from "./tooltip-C8OUlZKV.js";
-import { f as C } from "./image-gf8yyrt3.js";
+import { C as ft, b as pt } from "./tooltip-B-K4sJ1h.js";
+import { f as C } from "./image-ChqBemaQ.js";
 import { Icons as u } from "./icons.es.js";
 import { F as z } from "./format-DE4rFWuD.js";
 import "./mobile-nav-wrapper-gNWndUx9.js";

package/dist/{image-gf8yyrt3.js → image-ChqBemaQ.js}

@@ -1,14 +1,14 @@
-import { Div as h, Label as f, Checkbox as m, Span as $, OnState as p, I as x, Input as n, Textarea as k, Img as g } from "@base-framework/atoms";
+import { Div as h, Label as f, Checkbox as m, Span as $, OnState as p, I as x, Input as r, Textarea as k, Img as g } from "@base-framework/atoms";
 import { Jot as y, Atom as s, Component as I } from "@base-framework/base";
 import { Icons as C } from "./icons.es.js";
-const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-border bg-input", l = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", c = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", o = "placeholder:text-muted-foreground", b = `${v} ${r} ${l} ${o} ${c}`, w = ({ id: e, checked: a, bind: t, required: d }) => m({
+const v = "flex h-10 w-full px-3 py-2 text-sm", c = "rounded-md border border-border bg-input", l = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", n = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", i = "placeholder:text-muted-foreground", b = `${v} ${c} ${l} ${i} ${n}`, w = ({ id: e, checked: a, bind: t, required: o }) => m({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
   aria: {
     checked: ["checked"]
   },
-  required: d,
+  required: o,
   checked: a,
   bind: t
 }), T = () => $({ class: "absolute text-xs pointer-events-none" }, [
@@ -19,11 +19,11 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
       html: C.check
     }) : null
   )
-]), H = ({ id: e, bind: a, checked: t, required: d, clickHandler: u }) => h({
+]), H = ({ id: e, bind: a, checked: t, required: o, clickHandler: u }) => h({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${l}
-			${c}`.trim(),
+			${n}`.trim(),
   onState: [
     "checked",
     {
@@ -39,13 +39,13 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
   tabIndex: 0,
   click: u
 }, [
-  w({ bind: a, checked: t, id: e, required: d }),
+  w({ bind: a, checked: t, id: e, required: o }),
   T()
 ]), D = ({ id: e, label: a, clickHandler: t }) => f({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: t
-}, a), S = y(
+}, a), O = y(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -107,10 +107,10 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
 }, P = (e) => {
   const a = e.target, t = E(a.value);
   t && (a.value = t);
-}, i = s((e) => n({
+}, d = s((e) => r({
   ...e,
   class: `${b} ${e.class || ""}`.trim()
-})), V = s((e) => i({
+})), S = s((e) => d({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -118,73 +118,73 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
   placeholder: "(555) 555-5555",
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: P
-})), j = s((e) => i({
+})), V = s((e) => d({
   ...e,
   type: "email",
   name: e.name || "Email",
   label: e.label || "Email",
   placeholder: "Email address"
-})), q = s((e) => k({
+})), j = s((e) => k({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${l} ${o} ${c} ${e.class || ""}`.trim()
-})), J = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
-  n({
+  class: `flex w-full h-24 px-3 py-2 text-sm ${c} ${l} ${i} ${n} ${e.class || ""}`.trim()
+})), q = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
+  r({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
   e.label && f({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), N = s((e) => n({
+]), N = s((e) => r({
   ...e,
   type: "date",
-  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), R = s((e) => n({
+  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), R = s((e) => r({
   ...e,
   type: "time",
-  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), U = s((e) => n({
+  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), U = s((e) => r({
   ...e,
   type: "datetime-local",
-  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), W = s((e) => n({
+  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), W = s((e) => r({
   ...e,
   type: "month",
-  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), z = s((e) => n({
+  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), z = s((e) => r({
   ...e,
   type: "week",
-  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), A = s((e) => i({
+  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), A = s((e) => d({
   ...e,
   type: "number"
-})), B = s((e) => i({
+})), B = s((e) => d({
   ...e,
   type: "password"
 }));
-s((e) => i({
+s((e) => d({
   ...e,
   type: "search"
 }));
-const G = s((e) => i({
+const G = s((e) => d({
   ...e,
   type: "url"
-})), K = s((e) => i({
+})), K = s((e) => d({
   ...e,
   type: "hidden"
-})), Q = s((e) => n({
+})), Q = s((e) => r({
   ...e,
   type: "color",
-  class: `${r} text-foreground p-0 ${c} ${e.class || ""}`.trim()
+  class: `${c} text-foreground p-0 ${n} ${e.class || ""}`.trim()
 }));
 s((e) => m({
   ...e,
-  class: `flex h-4 w-4 text-foreground ${r} ${l} ${c} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 text-foreground ${c} ${l} ${n} ${e.class || ""}`.trim()
 }));
-const F = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", X = s((e) => n({
+const J = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", X = s((e) => r({
   ...e,
   type: "file",
-  class: `${b} ${F} ${e.class || ""}`.trim()
+  class: `${b} ${J} ${e.class || ""}`.trim()
 }));
 class Y extends I {
   /**
@@ -201,10 +201,17 @@ class Y extends I {
   }
 }
 const Z = (e) => {
-  ({
+  const a = {
+    setContext(t) {
+      if (this.data)
+        return null;
+      const o = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
+      return o ? { data: o } : null;
+    },
     ...e
-  });
-}, _ = s(({ src: e, alt: a, class: t, checkPath: d = !0 }) => !e || (t = t || "", d && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : g({
+  };
+  return Jot(a);
+}, _ = s(({ src: e, alt: a, class: t, checkPath: o = !0 }) => !e || (t = t || "", o && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : g({
   class: `absolute w-full h-full object-cover fadeIn ${t}`,
   src: e,
   alt: a,
@@ -215,27 +222,27 @@ const Z = (e) => {
   error: (u) => u.target.style.visibility = "hidden"
 }));
 export {
-  S as C,
+  O as C,
   N as D,
-  j as E,
+  V as E,
   X as F,
   K as H,
   _ as I,
   W as M,
   A as N,
   B as P,
-  J as R,
-  V as T,
+  q as R,
+  S as T,
   G as U,
   Y as V,
   z as W,
   Q as a,
   U as b,
-  i as c,
-  q as d,
+  d as c,
+  j as d,
   R as e,
   Z as f,
   l as g,
-  c as h,
+  n as h,
   b as i
 };

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, T as d } from "./tooltip-C8OUlZKV.js";
+import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, T as d } from "./tooltip-B-K4sJ1h.js";
 import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./buttons-BY-KDbOv.js";
-import { C as B, a as F, D as P, b as M, E as f, F as k, H as x, I as v, c as N, M as U, N as h, P as y, R as L, T as W, d as H, e as R, U as w, V as A, f as G, W as O } from "./image-gf8yyrt3.js";
+import { C as B, a as F, D as P, b as M, E as f, F as k, H as x, I as v, c as N, M as U, N as h, P as y, R as L, T as W, d as H, e as R, U as w, V as A, f as G, W as O } from "./image-ChqBemaQ.js";
 import { S as j } from "./skeleton-BlY3opxG.js";
 import { Icons as J, MaterialSymbols as q } from "./icons.es.js";
-import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-CPh9WDdU.js";
-import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-Bd3LOIPc.js";
-import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-D4dg_lpE.js";
+import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-CDDhJie-.js";
+import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-BzKJChzP.js";
+import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-DR_qjz8f.js";
 import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-gNWndUx9.js";
 import { S as Ze } from "./sidebar-menu-9uhT3f6A.js";
 import { B as as, F as es, M as ss, P as os } from "./full-page-DccgwWsM.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-CPh9WDdU.js";
-import { A as X, P as Y, m as Z } from "./simple-search-input-Bd3LOIPc.js";
+import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-CDDhJie-.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-BzKJChzP.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-Bd3LOIPc.js";
-import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-D4dg_lpE.js";
+import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-BzKJChzP.js";
+import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-DR_qjz8f.js";
 import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-gNWndUx9.js";
 import { S as ba } from "./sidebar-menu-9uhT3f6A.js";
 export {

package/dist/{signature-panel-D4dg_lpE.js → signature-panel-DR_qjz8f.js}

@@ -2,8 +2,8 @@ import { Div as l, Button as b, On as j, Span as T, Nav as f, Ul as p, Section a
 import { Component as k, Data as I, DateTime as U, router as v, NavLink as S, base as L, Dom as B } from "@base-framework/base";
 import { B as C } from "./buttons-BY-KDbOv.js";
 import { Icons as D } from "./icons.es.js";
-import { O as A } from "./simple-search-input-Bd3LOIPc.js";
-import { V as u, H as F } from "./image-gf8yyrt3.js";
+import { O as A } from "./simple-search-input-BzKJChzP.js";
+import { V as u, H as F } from "./image-ChqBemaQ.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Pt extends k {
   /**

package/dist/{simple-search-input-Bd3LOIPc.js → simple-search-input-BzKJChzP.js}

@@ -3,7 +3,7 @@ import { Component as R, Data as P, Atom as m, DateTime as H, DataTracker as _,
 import { B as y, U as q } from "./buttons-BY-KDbOv.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as ct, DataTableBody as dt, ScrollableTableBody as ht, List as ut } from "@base-framework/organisms";
-import { I as ft, C as mt, c as gt } from "./image-gf8yyrt3.js";
+import { I as ft, C as mt, c as gt } from "./image-ChqBemaQ.js";
 const yt = (t, e) => {
   const s = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = e.getBoundingClientRect(), n = 10, o = globalThis.scrollX, c = globalThis.scrollY;
   let l = s.left + o, u = s.bottom + c;

package/dist/{tooltip-C8OUlZKV.js → tooltip-B-K4sJ1h.js}

@@ -1,6 +1,6 @@
 import { Span as c, Div as o, Legend as f, Fieldset as x, H4 as C, P as h, UseParent as u, Input as y } from "@base-framework/atoms";
 import { Atom as s, Html as p } from "@base-framework/base";
-import { f as d, g as k, h as w, i as $ } from "./image-gf8yyrt3.js";
+import { f as d, g as k, h as w, i as $ } from "./image-ChqBemaQ.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

package/package.json

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