@base-framework/ui 1.0.91 → 1.0.93

package/dist/atoms.es.js

@@ -1,6 +1,6 @@
-import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-Cy5agtG6.js";
+import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DE-UvmQt.js";
 import { B as m, I as T, L as c } from "./buttons-CVEwmPAi.js";
-import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-DmJuUwS9.js";
+import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-nzivW9Dr.js";
 import { V as W, a as w } from "./veil-D4dRxILB.js";
 export {
   e as Badge,

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-Cy5agtG6.js";
+import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DE-UvmQt.js";
 import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.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 L, W as A } from "./inputs-DmJuUwS9.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 L, W as A } from "./inputs-nzivW9Dr.js";
 import { V as w, a as U } from "./veil-D4dRxILB.js";
 import { Icons as R } from "./icons.es.js";
 import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-Co-ayoR2.js";
 import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-BDqm833e.js";
-import { B as Oa, n as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-CrKk8upb.js";
+import { B as Oa, n as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-DNaS6S9p.js";
 import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-BE_hr65B.js";
 import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-nCAVFk3R.js";
 import { A as Es, F as Gs, M as Vs, a as js, T as qs } from "./aside-template-McEj_Gxc.js";

package/dist/{inputs-DmJuUwS9.js → inputs-nzivW9Dr.js}

@@ -1,7 +1,7 @@
 import { Div as l, Label as d, Checkbox as u, Span as g, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
-import { Jot as y, Atom as t } from "@base-framework/base";
+import { Jot as y, Atom as s } from "@base-framework/base";
 import { Icons as v } from "./icons.es.js";
-const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-input bg-background", n = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", i = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", f = "placeholder:text-muted-foreground", h = `${$} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: s, required: a }) => u({
+const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-input bg-background", n = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", i = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", f = "placeholder:text-muted-foreground", h = `${$} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: t, required: a }) => u({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -10,7 +10,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   },
   required: a,
   checked: o,
-  bind: s
+  bind: t
 }), C = () => g({ class: "absolute text-xs pointer-events-none" }, [
   p(
     "checked",
@@ -19,7 +19,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
       html: v.check
     }) : null
   )
-]), w = ({ id: e, bind: o, checked: s, required: a, clickHandler: m }) => l({
+]), w = ({ id: e, bind: o, checked: t, required: a, clickHandler: m }) => l({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 border-primary hover:border-accent-foreground
 			${b}
 			${n}
@@ -39,12 +39,12 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   tabIndex: 0,
   click: m
 }, [
-  I({ bind: o, checked: s, id: e, required: a }),
+  I({ bind: o, checked: t, id: e, required: a }),
   C()
-]), H = ({ id: e, label: o, clickHandler: s }) => d({
+]), T = ({ id: e, label: o, clickHandler: t }) => d({
   class: "text-base cursor-pointer",
   htmlFor: e,
-  click: s
+  click: t
 }, o), q = y(
   {
     /**
@@ -74,7 +74,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
      * @returns {void}
      */
     clickHandler(e) {
-      this.state.toggle("checked"), this.checkbox.checked = this.state.checked, typeof this.onChange == "function" && this.onChange(this.state.checked, this);
+      e.preventDefault(), e.stopPropagation(), this.state.toggle("checked"), this.checkbox.checked = this.state.checked, typeof this.onChange == "function" && this.onChange(this.state.checked, this);
     },
     /**
      * This will render the checkbox component.
@@ -82,7 +82,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
      * @returns {object}
      */
     render() {
-      const e = this.getId();
+      const e = this.getId(), o = (t) => this.clickHandler(t);
       return l({ class: `flex items-center space-x-2 cursor-pointer ${this.class || ""}` }, [
         w({
           id: e,
@@ -93,24 +93,24 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
           // @ts-ignore
           required: this.required,
           // @ts-ignore
-          clickHandler: (o) => this.clickHandler(o)
+          clickHandler: o
         }),
         // @ts-ignore
-        this.label && H({ id: e, label: this.label, clickHandler: () => this.clickHandler() })
+        this.label && T({ id: e, label: this.label, clickHandler: o })
       ]);
     }
   }
-), T = (e) => {
+), H = (e) => {
   if (!e || e.length === 0) return "";
-  const s = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
-  return s ? s[2] ? `(${s[1]}) ${s[2]}${s[3] ? "-" + s[3] : ""}` : s[1] || "" : e;
-}, E = (e) => {
-  const o = e.target, s = T(o.value);
-  s && (o.value = s);
-}, c = t((e) => r({
+  const t = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
+  return t ? t[2] ? `(${t[1]}) ${t[2]}${t[3] ? "-" + t[3] : ""}` : t[1] || "" : e;
+}, D = (e) => {
+  const o = e.target, t = H(o.value);
+  t && (o.value = t);
+}, c = s((e) => r({
   ...e,
   class: `${h} ${e.class || ""}`.trim()
-})), F = t((e) => c({
+})), F = s((e) => c({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -118,14 +118,14 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   placeholder: "(555) 555-5555",
   required: !0,
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: E
-})), L = t((e) => c({
+  keyup: D
+})), L = s((e) => c({
   ...e,
   type: "email",
   name: e.name || "Email",
   label: e.label || "Email",
   placeholder: "Email address"
-})), M = t((e) => k({
+})), M = s((e) => k({
   ...e,
   as: "textarea",
   class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border border-input bg-background ${n} ${f} ${i} ${e.class || ""}`.trim()
@@ -136,54 +136,54 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
     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 && d({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), U = t((e) => r({
+]), U = s((e) => r({
   ...e,
   type: "date",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), W = t((e) => r({
+})), W = s((e) => r({
   ...e,
   type: "time",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), j = t((e) => r({
+})), j = s((e) => r({
   ...e,
   type: "datetime-local",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), z = t((e) => r({
+})), z = s((e) => r({
   ...e,
   type: "month",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), A = t((e) => r({
+})), A = s((e) => r({
   ...e,
   type: "week",
   class: `rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
-})), B = t((e) => c({
+})), B = s((e) => c({
   ...e,
   type: "number"
-})), J = t((e) => c({
+})), J = s((e) => c({
   ...e,
   type: "password"
-})), O = t((e) => c({
+})), O = s((e) => c({
   ...e,
   type: "search"
-})), G = t((e) => c({
+})), G = s((e) => c({
   ...e,
   type: "url"
-})), K = t((e) => c({
+})), K = s((e) => c({
   ...e,
   type: "hidden"
-})), Q = t((e) => r({
+})), Q = s((e) => r({
   ...e,
   type: "color",
   class: `border rounded-md border-input bg-background text-foreground p-0 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
 }));
-t((e) => u({
+s((e) => u({
   ...e,
   class: `flex h-4 w-4 rounded-md border border-input bg-background text-foreground ${n} ${i} ${e.class || ""}`.trim()
 }));
-const D = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", V = t((e) => r({
+const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", V = s((e) => r({
   ...e,
   type: "file",
-  class: `${h} ${D} ${e.class || ""}`.trim()
+  class: `${h} ${E} ${e.class || ""}`.trim()
 }));
 export {
   q as C,

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-CrKk8upb.js";
+import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-DNaS6S9p.js";
 import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-BDqm833e.js";
 import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-BE_hr65B.js";
 export {

package/dist/{signature-panel-CrKk8upb.js → signature-panel-DNaS6S9p.js}

@@ -3,7 +3,7 @@ import { Atom as d, Component as h, Data as L, DateTime as G, router as x, NavLi
 import { B as C, I as N } from "./buttons-CVEwmPAi.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as _, ScrollableTableBody as J, List as Z, IntervalTimer as ee } from "@base-framework/organisms";
-import { C as te, I as se, H as ae } from "./inputs-DmJuUwS9.js";
+import { C as te, I as se, H as ae } from "./inputs-nzivW9Dr.js";
 import { A as ie, P as ne } from "./calendar-BDqm833e.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",

package/dist/{tooltip-Cy5agtG6.js → tooltip-DE-UvmQt.js}

@@ -1,7 +1,7 @@
 import { Span as c, Div as l, Legend as b, Fieldset as f, Input as x } from "@base-framework/atoms";
 import { Atom as s, Html as C } from "@base-framework/base";
 import { a as u } from "./veil-D4dRxILB.js";
-import { f as p, e as h, g as y } from "./inputs-DmJuUwS9.js";
+import { f as p, e as h, g as y } from "./inputs-nzivW9Dr.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

package/package.json

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