@base-framework/ui 1.1.26 → 1.1.27

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-CctHNqZX.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-3cWQxOb5.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-Bc-V4BSL.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-BhZbKYDj.js";
 import { S as q } from "./skeleton-BlY3opxG.js";
 export {
   e as Badge,

package/dist/{empty-state-BeVfxBCx.js → empty-state-BpM0ahNZ.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-CLsIp7zz.js";
+import { P as S, C as at, R as ct } from "./simple-search-input-LnHcOg6V.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-CctHNqZX.js";
-import { f as C } from "./image-Bc-V4BSL.js";
+import { C as ft, b as pt } from "./tooltip-3cWQxOb5.js";
+import { f as C } from "./image-BhZbKYDj.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-Bc-V4BSL.js → image-BhZbKYDj.js}

@@ -1,29 +1,29 @@
-import { Div as h, Label as f, Checkbox as m, Span as x, OnState as $, I as k, Input as r, Textarea as g, Img as y } from "@base-framework/atoms";
+import { Div as h, Label as f, Checkbox as m, Span as p, OnState as x, I as k, Input as n, Textarea as g, Img as y } from "@base-framework/atoms";
 import { Jot as b, 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", 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", p = `${v} ${c} ${l} ${i} ${n}`, w = ({ id: e, checked: a, bind: t, required: o }) => m({
+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", $ = `${v} ${r} ${l} ${o} ${c}`, w = ({ id: e, checked: a, bind: t, required: d }) => m({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
   aria: {
     checked: ["checked"]
   },
-  required: o,
+  required: d,
   checked: a,
   bind: t
-}), T = () => x({ class: "absolute text-xs pointer-events-none" }, [
-  $(
+}), T = () => p({ class: "absolute text-xs pointer-events-none" }, [
+  x(
     "checked",
     (e) => e ? k({
       class: "w-2 h-2 pointer-events-none",
       html: C.check
     }) : null
   )
-]), H = ({ id: e, bind: a, checked: t, required: o, clickHandler: u }) => h({
+]), H = ({ id: e, bind: a, checked: t, required: d, 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}
-			${n}`.trim(),
+			${c}`.trim(),
   onState: [
     "checked",
     {
@@ -39,13 +39,13 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", c = "rounded-md border border-bo
   tabIndex: 0,
   click: u
 }, [
-  w({ bind: a, checked: t, id: e, required: o }),
+  w({ bind: a, checked: t, id: e, required: d }),
   T()
 ]), D = ({ id: e, label: a, clickHandler: t }) => f({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: t
-}, a), S = b(
+}, a), V = b(
   {
     /**
      * 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", c = "rounded-md border border-bo
 }, P = (e) => {
   const a = e.target, t = E(a.value);
   t && (a.value = t);
-}, d = s((e) => r({
+}, i = s((e) => n({
   ...e,
-  class: `${p} ${e.class || ""}`.trim()
-})), V = s((e) => d({
+  class: `${$} ${e.class || ""}`.trim()
+})), j = s((e) => i({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -118,75 +118,75 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", c = "rounded-md border border-bo
   placeholder: "(555) 555-5555",
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: P
-})), j = s((e) => d({
+})), q = s((e) => i({
   ...e,
   type: "email",
   name: e.name || "Email",
   label: e.label || "Email",
   placeholder: "Email address"
-})), q = s((e) => g({
+})), J = s((e) => g({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm ${c} ${l} ${i} ${n} ${e.class || ""}`.trim()
-})), J = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
-  r({
+  class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${l} ${o} ${c} ${e.class || ""}`.trim()
+})), N = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
+  n({
     ...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) => r({
+]), R = s((e) => n({
   ...e,
   type: "date",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), R = s((e) => r({
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), U = s((e) => n({
   ...e,
   type: "time",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), U = s((e) => r({
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), W = s((e) => n({
   ...e,
   type: "datetime-local",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), W = s((e) => r({
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), z = s((e) => n({
   ...e,
   type: "month",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), z = s((e) => r({
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), A = s((e) => n({
   ...e,
   type: "week",
-  class: `${c} ${l} ${i} ${n} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), A = s((e) => d({
+  class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), B = s((e) => i({
   ...e,
   type: "number"
-})), B = s((e) => d({
+})), G = s((e) => i({
   ...e,
   type: "password"
 }));
-s((e) => d({
+s((e) => i({
   ...e,
   type: "search"
 }));
-const G = s((e) => d({
+const K = s((e) => i({
   ...e,
   type: "url"
-})), K = s((e) => d({
+})), Q = s((e) => i({
   ...e,
   type: "hidden"
-})), Q = s((e) => r({
+})), X = s((e) => n({
   ...e,
   type: "color",
-  class: `${c} text-foreground p-0 ${n} ${e.class || ""}`.trim()
+  class: `${r} text-foreground p-0 ${c} ${e.class || ""}`.trim()
 }));
 s((e) => m({
   ...e,
-  class: `flex h-4 w-4 text-foreground ${c} ${l} ${n} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 text-foreground ${r} ${l} ${c} ${e.class || ""}`.trim()
 }));
-const F = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", X = s((e) => r({
+const F = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Y = s((e) => n({
   ...e,
   type: "file",
-  class: `${p} ${F} ${e.class || ""}`.trim()
+  class: `${$} ${F} ${e.class || ""}`.trim()
 }));
-class Y extends I {
+class L extends I {
   /**
    * This will set the component context.
    *
@@ -200,18 +200,7 @@ class Y extends I {
     return t ? { data: t } : null;
   }
 }
-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
-  };
-  return b(a);
-}, _ = s(({ src: e, alt: a, class: t, checkPath: o = !0 }) => !e || (t = t || "", o && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : y({
+const Z = (e) => b(e, L), _ = s(({ src: e, alt: a, class: t, checkPath: d = !0 }) => !e || (t = t || "", d && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : y({
   class: `absolute w-full h-full object-cover fadeIn ${t}`,
   src: e,
   alt: a,
@@ -222,27 +211,27 @@ const Z = (e) => {
   error: (u) => u.target.style.visibility = "hidden"
 }));
 export {
-  S as C,
-  N as D,
-  j as E,
-  X as F,
-  K as H,
+  V as C,
+  R as D,
+  q as E,
+  Y as F,
+  Q as H,
   _ as I,
-  W as M,
-  A as N,
-  B as P,
-  J as R,
-  V as T,
-  G as U,
-  Y as V,
-  z as W,
-  Q as a,
-  U as b,
-  d as c,
-  q as d,
-  R as e,
+  z as M,
+  B as N,
+  G as P,
+  N as R,
+  j as T,
+  K as U,
+  L as V,
+  A as W,
+  X as a,
+  W as b,
+  i as c,
+  J as d,
+  U as e,
   Z as f,
   l as g,
-  n as h,
-  p as i
+  c as h,
+  $ 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-CctHNqZX.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-3cWQxOb5.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-Bc-V4BSL.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-BhZbKYDj.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-BeVfxBCx.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-CLsIp7zz.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-D2E1iY4U.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-BpM0ahNZ.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-LnHcOg6V.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-CISkLji2.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-BeVfxBCx.js";
-import { A as X, P as Y, m as Z } from "./simple-search-input-CLsIp7zz.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-BpM0ahNZ.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-LnHcOg6V.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-CLsIp7zz.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-D2E1iY4U.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-LnHcOg6V.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-CISkLji2.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-D2E1iY4U.js → signature-panel-CISkLji2.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-CLsIp7zz.js";
-import { V as u, H as F } from "./image-Bc-V4BSL.js";
+import { O as A } from "./simple-search-input-LnHcOg6V.js";
+import { V as u, H as F } from "./image-BhZbKYDj.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Pt extends k {
   /**

package/dist/{simple-search-input-CLsIp7zz.js → simple-search-input-LnHcOg6V.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-Bc-V4BSL.js";
+import { I as ft, C as mt, c as gt } from "./image-BhZbKYDj.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-CctHNqZX.js → tooltip-3cWQxOb5.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-Bc-V4BSL.js";
+import { f as d, g as k, h as w, i as $ } from "./image-BhZbKYDj.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

package/dist/types/components/atoms/form/inputs/range-slider.d.ts

@@ -5,5 +5,5 @@
  *
  * @returns {Component}
  */
-export const RangeSlider: any;
+export const RangeSlider: import("@base-framework/base").Component;
 export default RangeSlider;

package/dist/types/components/atoms/progress/progress-bar.d.ts

@@ -5,4 +5,4 @@
  *
  * @returns {Component}
  */
-export const ProgressBar: any;
+export const ProgressBar: import("@base-framework/base").Component;

package/dist/types/components/atoms/veil.d.ts

@@ -17,5 +17,5 @@ export class Veil extends Component {
      */
     setContext(context: object | null): object | null;
 }
-export function VeilJot(config: any): any;
+export function VeilJot(props: any): Component;
 import { Component } from "@base-framework/base";

package/dist/types/components/molecules/counters/counter.d.ts

@@ -5,5 +5,5 @@
  *
  * @returns {Component}
  */
-export const Counter: any;
+export const Counter: import("@base-framework/base").Component;
 export default Counter;

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

@@ -5,5 +5,5 @@
  *
  * @returns {Component}
  */
-export const DatePicker: any;
+export const DatePicker: import("@base-framework/base").Component;
 export default DatePicker;

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

@@ -5,5 +5,5 @@
  *
  * @returns {Component}
  */
-export const DateRangePicker: any;
+export const DateRangePicker: import("@base-framework/base").Component;
 export default DateRangePicker;

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

@@ -5,5 +5,5 @@
  *
  * @returns {Component}
  */
-export const TimePicker: any;
+export const TimePicker: import("@base-framework/base").Component;
 export default TimePicker;

package/dist/types/components/molecules/form/form-field.d.ts

@@ -3,4 +3,4 @@
  *
  * Handles controlled form fields with accessibility.
  */
-export const FormField: any;
+export const FormField: import("@base-framework/base").Component;

package/dist/types/components/molecules/toggle/toggle.d.ts

@@ -3,5 +3,5 @@
  *
  * This will create a toggle switch component.
  */
-export const Toggle: any;
+export const Toggle: import("@base-framework/base").Component;
 export default Toggle;

package/package.json

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