@base-framework/ui 1.0.253 → 1.0.255

package/dist/atoms.es.js

@@ -1,6 +1,6 @@
-import { B as e, C as t, b as o, F as n, a as r, L as p, P as u, R as I, S as i, c as l, T as d } from "./tooltip-Ssw4NmQM.js";
+import { B as e, C as t, b as o, F as n, a as r, L as p, P as u, R as I, S as i, c as l, T as d } from "./tooltip-uJp_8NSb.js";
 import { B as T, I as c, L as x } from "./buttons-Cm9etaEG.js";
-import { C, d as g, D as F, c as b, E as f, F as L, H as P, I as R, M as S, N as h, P as k, R as D, T as V, a as E, b as G, U as H, W as M } from "./inputs-CMjx5-IX.js";
+import { C, d as g, D as F, c as b, E as f, F as L, H as P, I as R, M as S, N as h, P as k, R as D, T as V, a as E, b as G, U as H, W as M } from "./inputs-C9bdEMrX.js";
 import { V as U, a as W } from "./veil-D4dRxILB.js";
 export {
   e as Badge,

package/dist/{empty-state-B4aH27Hs.js → empty-state-CJbKtByW.js}

@@ -1,6 +1,6 @@
 import { Div as n, H5 as G, P as b, I as m, Li as U, Span as a, Ul as V, Button as f, OnState as x, Label as R, Form as K, H2 as D, Header as I, Footer as L, A as q, H3 as Q, Checkbox as X, Input as w, Img as Z, Nav as ee, UseParent as H, Time as te, Dialog as se } from "@base-framework/atoms";
 import { Atom as c, Component as v, Html as F, Dom as oe, base as ne, Data as $, Builder as Y, Jot as C, Events as le, DateTime as A } from "@base-framework/base";
-import { P as k, b as re, R as ie } from "./range-calendar-k0B4ZWJq.js";
+import { P as k, b as re, R as ie } from "./range-calendar-BxLjYfrT.js";
 import { B as h, I as p } from "./buttons-Cm9etaEG.js";
 import { Icons as d } from "./icons.es.js";
 import { Timer as ae, List as ce, DynamicTime as ue } from "@base-framework/organisms";
@@ -1054,7 +1054,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
     let u = parseInt(r.target.value, 10);
     isNaN(u) && (u = t ?? 0), t !== void 0 && (u = Math.max(u, t)), s !== void 0 && (u = Math.min(u, s)), i.count = u;
   },
-  class: "flex flex-auto text-lg font-medium bg-transparent text-center border min-w-0",
+  class: "flex flex-auto text-lg font-medium bg-input text-center border min-w-0",
   readonly: o,
   min: t,
   max: s,
@@ -1100,7 +1100,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   bind: e,
   required: t
 }), et = ({ bind: e, required: t, toggleOpen: s }) => f({
-  class: "relative flex items-center gap-2 w-full justify-between border border-input bg-background hover:bg-muted rounded-md h-10 px-4 py-2",
+  class: "relative flex items-center gap-2 w-full justify-between border border-input bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
   Ze({ bind: e, required: t }),
@@ -1172,7 +1172,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   bind: e,
   required: t
 }), ot = ({ bind: e, required: t, toggleOpen: s }) => f({
-  class: "relative flex items-center gap-2 w-full justify-between border border-input bg-background hover:bg-muted rounded-md h-10 px-4 py-2",
+  class: "relative flex items-center gap-2 w-full justify-between border border-input bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
   st({ bind: e, required: t }),

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { B as s, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as m, c as u, T as d } from "./tooltip-Ssw4NmQM.js";
+import { B as s, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as m, c as u, T as d } from "./tooltip-uJp_8NSb.js";
 import { B as c, 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 L, U as W, W as H } from "./inputs-CMjx5-IX.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 L, U as W, W as H } from "./inputs-C9bdEMrX.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, L as ga, u as ca, M as Ca, l as Ta, N as Da, P as ba, p as Ia, q as Sa, S as Pa, n as Ba, o as Fa, T as ka, z as Ma, E as fa, m as xa, r as Na } from "./empty-state-B4aH27Hs.js";
-import { A as ya, b as ha, C as La, D as Wa, a as Ha, F as Aa, M as Ra, P as wa, R as Ua, c as Ea, g as Ga, p as Oa } from "./range-calendar-k0B4ZWJq.js";
-import { B as ja, p as qa, C as Ja, j as za, D as _a, m as Ka, k as Qa, H as Xa, I as Ya, N as Za, O as $a, P as ae, S as ee, n as se, o as oe, t as te, s as re, q as ne, r as le, T as ie, l as pe, U as me, W as ue, f as de, h as ge, i as ce, c as Ce, d as Te, b as De, e as be, a as Ie, g as Se } from "./signature-panel-Cj_uAlDW.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, L as ga, u as ca, M as Ca, l as Ta, N as Da, P as ba, p as Ia, q as Sa, S as Pa, n as Ba, o as Fa, T as ka, z as Ma, E as fa, m as xa, r as Na } from "./empty-state-CJbKtByW.js";
+import { A as ya, b as ha, C as La, D as Wa, a as Ha, F as Aa, M as Ra, P as wa, R as Ua, c as Ea, g as Ga, p as Oa } from "./range-calendar-BxLjYfrT.js";
+import { B as ja, p as qa, C as Ja, j as za, D as _a, m as Ka, k as Qa, H as Xa, I as Ya, N as Za, O as $a, P as ae, S as ee, n as se, o as oe, t as te, s as re, q as ne, r as le, T as ie, l as pe, U as me, W as ue, f as de, h as ge, i as ce, c as Ce, d as Te, b as De, e as be, a as Ie, g as Se } from "./signature-panel-DTzJ3EDj.js";
 import { B as Be, I as Fe, M as ke, d as Me, e as fe, g as xe, N as Ne, b as ve, a as ye, f as he, P as Le, c as We, S as He, T as Ae } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 import { B as we, a as Ue, C as Ee, F as Ge, b as Oe, c as Ve, M as je, P as qe, S as Je } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as _e, F as Ke, M as Qe, a as Xe, T as Ye } from "./aside-template-McEj_Gxc.js";

package/dist/{inputs-CMjx5-IX.js → inputs-C9bdEMrX.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 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: t, required: a }) => u({
+import { Div as l, Label as d, Checkbox as u, Span as m, OnState as p, I as g, Input as r, Textarea as x } from "@base-framework/atoms";
+import { Jot as k, Atom as s } from "@base-framework/base";
+import { Icons as y } from "./icons.es.js";
+const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-input bg-input", c = "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", b = "placeholder:text-muted-foreground", f = `${v} ${$} ${c} ${b} ${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",
@@ -11,18 +11,18 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   required: a,
   checked: o,
   bind: t
-}), C = () => g({ class: "absolute text-xs pointer-events-none" }, [
+}), C = () => m({ class: "absolute text-xs pointer-events-none" }, [
   p(
     "checked",
-    (e) => e ? x({
+    (e) => e ? g({
       class: "w-2 h-2 pointer-events-none",
-      html: v.check
+      html: y.check
     }) : null
   )
-]), 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}
+]), w = ({ id: e, bind: o, checked: t, required: a, clickHandler: h }) => l({
+  class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
+			rounded-md border border-input
+			${c}
 			${i}`.trim(),
   onState: [
     "checked",
@@ -37,7 +37,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
     checked: ["checked"]
   },
   tabIndex: 0,
-  click: m
+  click: h
 }, [
   I({ bind: o, checked: t, id: e, required: a }),
   C()
@@ -45,7 +45,7 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: t
-}, o), L = y(
+}, o), L = k(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -107,10 +107,10 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
 }, D = (e) => {
   const o = e.target, t = H(o.value);
   t && (o.value = t);
-}, c = s((e) => r({
+}, n = s((e) => r({
   ...e,
-  class: `${h} ${e.class || ""}`.trim()
-})), M = s((e) => c({
+  class: `${f} ${e.class || ""}`.trim()
+})), M = s((e) => n({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -118,16 +118,16 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   placeholder: "(555) 555-5555",
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: D
-})), S = s((e) => c({
+})), S = s((e) => n({
   ...e,
   type: "email",
   name: e.name || "Email",
   label: e.label || "Email",
   placeholder: "Email address"
-})), q = s((e) => k({
+})), q = s((e) => x({
   ...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()
+  class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border border-input bg-input ${c} ${b} ${i} ${e.class || ""}`.trim()
 })), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
   r({
     ...e,
@@ -155,36 +155,36 @@ const $ = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-in
   ...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 = s((e) => c({
+})), B = s((e) => n({
   ...e,
   type: "number"
-})), J = s((e) => c({
+})), J = s((e) => n({
   ...e,
   type: "password"
 }));
-s((e) => c({
+s((e) => n({
   ...e,
   type: "search"
 }));
-const O = s((e) => c({
+const O = s((e) => n({
   ...e,
   type: "url"
-})), G = s((e) => c({
+})), G = s((e) => n({
   ...e,
   type: "hidden"
 })), K = 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()
+  class: `border rounded-md border-input bg-input text-foreground p-0 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
 }));
 s((e) => u({
   ...e,
-  class: `flex h-4 w-4 rounded-md border border-input bg-background text-foreground ${n} ${i} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 rounded-md border border-input bg-input text-foreground ${c} ${i} ${e.class || ""}`.trim()
 }));
 const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
   ...e,
   type: "file",
-  class: `${h} ${E} ${e.class || ""}`.trim()
+  class: `${f} ${E} ${e.class || ""}`.trim()
 }));
 export {
   L as C,
@@ -192,7 +192,7 @@ export {
   S as E,
   Q as F,
   G as H,
-  c as I,
+  n as I,
   z as M,
   B as N,
   J as P,
@@ -205,6 +205,6 @@ export {
   j as c,
   K as d,
   i as e,
-  n as f,
-  h as g
+  c as f,
+  f as g
 };

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as o, B as t, C as e, t as r, G as i, v as n, w as m, x as l, y as S, D, j as c, k as g, I as p, H as u, s as d, c as C, 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, L as M, u as k, M as x, l as L, N as v, P as E, p as N, q as R, S as U, n as h, o as j, T as q, z, E as G, m as H, r as J } from "./empty-state-B4aH27Hs.js";
-import { A as _, P as K, g as Q } from "./range-calendar-k0B4ZWJq.js";
+import { A as o, B as t, C as e, t as r, G as i, v as n, w as m, x as l, y as S, D, j as c, k as g, I as p, H as u, s as d, c as C, 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, L as M, u as k, M as x, l as L, N as v, P as E, p as N, q as R, S as U, n as h, o as j, T as q, z, E as G, m as H, r as J } from "./empty-state-CJbKtByW.js";
+import { A as _, P as K, g as Q } from "./range-calendar-BxLjYfrT.js";
 export {
   o as Alert,
   _ as Avatar,

package/dist/organisms.es.js

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

package/dist/{range-calendar-k0B4ZWJq.js → range-calendar-BxLjYfrT.js}

@@ -756,7 +756,7 @@ class Yt extends O {
    */
   render() {
     const { today: t, current: e, selecting: a } = this.data, { start: s, end: r } = e;
-    return h({ class: "range-calendar bg-background border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
+    return h({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
       vt({
         start: s,
         end: r,

package/dist/{signature-panel-Cj_uAlDW.js → signature-panel-DTzJ3EDj.js}

@@ -3,8 +3,8 @@ import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLi
 import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
 import { Icons as x } from "./icons.es.js";
 import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
-import { C as ae, I as ie, H as ne } from "./inputs-CMjx5-IX.js";
-import { A as oe, P as le } from "./range-calendar-k0B4ZWJq.js";
+import { C as ae, I as ie, H as ne } from "./inputs-C9bdEMrX.js";
+import { A as oe, P as le } from "./range-calendar-BxLjYfrT.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -285,7 +285,7 @@ class ot extends h {
    * @returns {object}
    */
   render() {
-    return o({ class: "week-calendar-container border rounded-md bg-background p-3" }, [
+    return o({ class: "week-calendar-container border rounded-md p-3" }, [
       pe({
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()

package/dist/{tooltip-Ssw4NmQM.js → tooltip-uJp_8NSb.js}

@@ -1,7 +1,7 @@
 import { Span as g, Div as l, 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 { a as d } from "./veil-D4dRxILB.js";
-import { f as k, e as w, g as $ } from "./inputs-CMjx5-IX.js";
+import { f as k, e as w, g as $ } from "./inputs-C9bdEMrX.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",

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

@@ -7,7 +7,7 @@ export const sizeClass: "flex h-10 w-full px-3 py-2 text-sm";
  * @constant {string} borderClass
  * Common border & background classes for inputs.
  */
-export const borderClass: "rounded-md border border-input bg-background";
+export const borderClass: "rounded-md border border-input bg-input";
 /**
  * @constant {string} focusClass
  * Common focus and ring classes for inputs.
@@ -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 [&:user-invalid]:border-destructive";
+export const commonInputClasses: "flex h-10 w-full px-3 py-2 text-sm rounded-md border border-input bg-input 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.253",
+	"version": "1.0.255",
 	"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": {