@base-framework/ui 1.0.52 → 1.0.54

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-JULShdSj.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-DSfp01wQ.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-CzHSmZKP.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 { V as W, a as w } from "./veil-gN57SpXV.js";
 export {
   e as Badge,

package/dist/{calendar-PB6ymJ8S.js → calendar-B1Xo1swq.js}

@@ -3,8 +3,8 @@ import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-frame
 import { B as A } from "./buttons-CVEwmPAi.js";
 import { Icons as P } from "./icons.es.js";
 const W = (e, t) => {
-  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, r = window.scrollX, l = window.scrollY;
-  let c = n.left + r, f = n.bottom + l;
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = window.scrollX, l = window.scrollY;
+  let c = n.left + a, f = n.bottom + l;
   const h = window.innerHeight - n.bottom, d = n.top;
   return c + s.width > window.innerWidth && (c = window.innerWidth - s.width - o), h < s.height && d > h ? f = n.top + l - s.height - o : h < s.height && (f = n.bottom + l - (s.height - h) - o), { x: c, y: f };
 };
@@ -52,7 +52,7 @@ class lt extends N {
     const t = this.getSize();
     return i({
       class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${t}`,
-      //popover: 'auto',
+      popover: "manual",
       toggle: (n, { state: s }) => n.newState === "closed" ? s.open = !1 : null,
       style: "top: [[position.y]]px; left: [[position.x]]px"
     }, this.children);
@@ -173,10 +173,10 @@ const H = k(({ src: e, alt: t }) => e ? I({
     ]
   );
 }, ct = k(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: o }) => {
-  const r = E(o);
+  const a = E(o);
   return i(
     {
-      class: `relative flex items-center justify-center ${r}`
+      class: `relative flex items-center justify-center ${a}`
     },
     [
       H({ src: e, alt: t }),
@@ -192,7 +192,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
     currentDate: n,
     date: s,
     isToday: o,
-    isOutsideMonth: r,
+    isOutsideMonth: a,
     select: l,
     disabled: c
   } = e;
@@ -200,7 +200,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${V(o, n, r, s)}
+				${V(o, n, a, s)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -212,9 +212,9 @@ const H = k(({ src: e, alt: t }) => e ? I({
     t.toString()
   );
 }, b = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
-  const { year: o, month: r } = e, l = p(o, r, e.date), c = new Date(o, r, 1).getDay(), f = new Date(o, r + 1, 0).getDate(), h = new Date(o, r, 0).getDate(), d = [], D = r === 0 ? 11 : r - 1, w = r === 0 ? o - 1 : o;
-  for (let a = c - 1; a >= 0; a--) {
-    const u = h - a, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
+  const { year: o, month: a } = e, l = p(o, a, e.date), c = new Date(o, a, 1).getDay(), f = new Date(o, a + 1, 0).getDate(), h = new Date(o, a, 0).getDate(), d = [], D = a === 0 ? 11 : a - 1, w = a === 0 ? o - 1 : o;
+  for (let r = c - 1; r >= 0; r--) {
+    const u = h - r, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
     d.push(
       C({
         day: u,
@@ -227,13 +227,13 @@ const H = k(({ src: e, alt: t }) => e ? I({
       })
     );
   }
-  for (let a = 1; a <= f; a++) {
-    const u = b(a, r, o, t), g = new Date(o, r, a) < new Date(t.year, t.month, t.date), m = s && g;
+  for (let r = 1; r <= f; r++) {
+    const u = b(r, a, o, t), g = new Date(o, a, r) < new Date(t.year, t.month, t.date), m = s && g;
     d.push(
       C({
-        day: a,
+        day: r,
         currentDate: l,
-        date: p(o, r, a),
+        date: p(o, a, r),
         isToday: u,
         isOutsideMonth: !1,
         select: n,
@@ -241,14 +241,14 @@ const H = k(({ src: e, alt: t }) => e ? I({
       })
     );
   }
-  const y = r === 11 ? 0 : r + 1, v = r === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
-  for (let a = 1; a <= O; a++) {
-    const u = b(a, y, v, t), g = new Date(v, y, a) < new Date(t.year, t.month, t.date), m = s && g;
+  const y = a === 11 ? 0 : a + 1, v = a === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
+  for (let r = 1; r <= O; r++) {
+    const u = b(r, y, v, t), g = new Date(v, y, r) < new Date(t.year, t.month, t.date), m = s && g;
     d.push(
       C({
-        day: a,
+        day: r,
         currentDate: l,
-        date: p(v, y, a),
+        date: p(v, y, r),
         isToday: u,
         isOutsideMonth: !0,
         select: n,

package/dist/{confirmation-Drz3H-3y.js → confirmation-Cg0cRcMv.js}

@@ -1,6 +1,6 @@
 import { Div as n, H5 as _, P as b, I as f, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Header as $, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
 import { Atom as c, Component as p, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
-import { P as D, b as te } from "./calendar-PB6ymJ8S.js";
+import { P as D, b as te } from "./calendar-B1Xo1swq.js";
 import { B as u, I as x } from "./buttons-CVEwmPAi.js";
 import { Icons as d } from "./icons.es.js";
 import { a as w } from "./veil-gN57SpXV.js";

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-JULShdSj.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-DSfp01wQ.js";
 import { B as g, I as C, L as T } from "./buttons-CVEwmPAi.js";
-import { C as D, d as I, D as S, c as b, 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-CzHSmZKP.js";
+import { C as D, d as I, D as S, c as b, 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 { V as w, a as U } from "./veil-gN57SpXV.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 Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-Drz3H-3y.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-PB6ymJ8S.js";
-import { B as Oa, m 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, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-DVFpUbvC.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 Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-Cg0cRcMv.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-B1Xo1swq.js";
+import { B as Oa, m 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, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-BISINi5D.js";
 import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-BE_hr65B.js";
 import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-nCAVFk3R.js";
 import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-McEj_Gxc.js";

package/dist/{inputs-CzHSmZKP.js → inputs-DmJuUwS9.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 { Icons as $ } from "./icons.es.js";
-const v = "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", f = "placeholder:text-muted-foreground", h = `${v} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: s, required: a }) => u({
+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({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -16,7 +16,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
     "checked",
     (e) => e ? x({
       class: "w-2 h-2 pointer-events-none",
-      html: $.check
+      html: v.check
     }) : null
   )
 ]), w = ({ id: e, bind: o, checked: s, required: a, clickHandler: m }) => l({

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-Drz3H-3y.js";
-import { A as O, P as R, g as _ } from "./calendar-PB6ymJ8S.js";
+import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-Cg0cRcMv.js";
+import { A as O, P as R, g as _ } from "./calendar-B1Xo1swq.js";
 export {
   o as Alert,
   O as Avatar,

package/dist/organisms.es.js

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

package/dist/{signature-panel-DVFpUbvC.js → signature-panel-BISINi5D.js}

@@ -3,8 +3,8 @@ import { Atom as h, Component as u, Data as L, DateTime as G, Jot as R, router a
 import { B as C, I as N } from "./buttons-CVEwmPAi.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as V, List as _, IntervalTimer as J } from "@base-framework/organisms";
-import { C as Z, I as ee, H as te } from "./inputs-CzHSmZKP.js";
-import { A as se, P as ne } from "./calendar-PB6ymJ8S.js";
+import { C as Z, I as ee, H as te } from "./inputs-DmJuUwS9.js";
+import { A as se, P as ne } from "./calendar-B1Xo1swq.js";
 h((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

package/dist/{tooltip-JULShdSj.js → tooltip-DSfp01wQ.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-gN57SpXV.js";
-import { f as p, e as h, g as y } from "./inputs-CzHSmZKP.js";
+import { f as p, e as h, g as y } from "./inputs-DmJuUwS9.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

package/dist/types/components/atoms/form/inputs/input-classes.d.ts

@@ -17,7 +17,7 @@ export const focusClass: "focus-visible:outline-none focus-visible:ring-2 focus-
  * @constant {string} disabledClass
  * Common classes for disabled state.
  */
-export const disabledClass: "disabled:cursor-not-allowed disabled:opacity-50";
+export const disabledClass: "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive";
 /**
  * @constant {string} placeholderClass
  * Common classes for placeholder text.
@@ -27,4 +27,4 @@ export const placeholderClass: "placeholder:text-muted-foreground";
  * @constant {string} commonInputClasses
  * Composed classes for text-like inputs (text, email, tel, etc.).
  */
-export const commonInputClasses: "flex h-10 w-full px-3 py-2 text-sm rounded-md border border-input bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
+export const commonInputClasses: "flex h-10 w-full px-3 py-2 text-sm rounded-md border border-input bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive";

package/package.json

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