@base-framework/ui 1.0.266 → 1.0.268

package/dist/atoms.es.js

@@ -1,7 +1,7 @@
-import { B as e, C as t, F as o, L as n, P as r, R as p, S as u, a as I, T as i } from "./tooltip-Pwsjx1Gp.js";
-import { B as d, I as m, L as C } from "./buttons-Cm9etaEG.js";
+import { B as e, C as t, F as o, L as n, P as r, R as p, S as u, a as I, T as i } from "./tooltip-05O5vIt1.js";
+import { B as d, I as m, L as C } from "./buttons-BKLL4I6r.js";
 import { C as x, F as B, V as F, a as c } from "./veil-tVDPinrr.js";
-import { C as f, d as L, D as P, c as R, E as S, F as b, H as h, I as k, M as D, N as V, P as E, R as G, T as H, a as M, b as N, U, W } from "./inputs-DscqfC6k.js";
+import { C as f, d as L, D as P, c as R, E as S, F as b, H as h, I as k, M as D, N as V, P as E, R as G, T as H, a as M, b as N, U, W } from "./inputs-CGtqFgi8.js";
 export {
   e as Badge,
   d as Button,

package/dist/{buttons-Cm9etaEG.js → buttons-BKLL4I6r.js}

@@ -1,7 +1,7 @@
 import { I as m, Button as r } from "@base-framework/atoms";
-import { Atom as s } from "@base-framework/base";
-import { Icons as u } from "./icons.es.js";
-const w = {
+import { Atom as c } from "@base-framework/base";
+import { Icons as h } from "./icons.es.js";
+const g = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -9,19 +9,19 @@ const w = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, l = s((n, t) => {
-  var c;
-  const a = w[n.size || "sm"];
+}, l = c((n, t) => {
+  var s;
+  const a = g[n.size || "sm"];
   return m({
     ...n,
     class: `stroke-current icon-size ${a} ${n.class || ""}`,
-    html: (c = t[0]) == null ? void 0 : c.textContent
+    html: (s = t[0]) == null ? void 0 : s.textContent
   });
-}), i = (n) => s((t, a) => r({
+}), i = (n) => c((t, a) => r({
   ...n,
   ...t,
   class: `bttn ${n.class} ${t.class || ""}`
-}, a)), h = s(
+}, a)), u = c(
   (n, t) => r({
     ...n,
     class: n.class
@@ -30,17 +30,17 @@ const w = {
     ...t || [],
     n.icon && n.position === "right" ? l({ size: "sm", class: n.animation ?? null }, n.icon) : null
   ])
-), o = (n) => s((t, a) => h({
+), o = (n) => c((t, a) => u({
   ...n,
   ...t,
   class: `bttn ${n.class} ${t.class || ""}`
-}, a)), g = (n) => () => {
+}, a)), w = (n) => () => {
   if (n.allowHistory === !0 && globalThis.history.length > 2) {
     globalThis.history.back();
     return;
   }
   n.backUrl && app.navigate(n.backUrl);
-}, k = (n) => s((t, a) => (t.icon = t.icon || u.arrows.left, t.click = t.click || g(t), h({
+}, k = (n) => c((t, a) => (t.icon = t.icon || h.chevron.single.left, t.click = t.click || w(t), u({
   ...n,
   ...t
 }, a))), e = {
@@ -54,7 +54,7 @@ const w = {
   icon: o({ class: "icon" }),
   withIcon: o({ class: "with-icon" }),
   back: k({ class: "with-icon back-button" })
-}, b = s((n, t) => (e[n.variant] || e.primary)(n, t)), $ = s((n, t) => b({ ...n, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t));
+}, b = c((n, t) => (e[n.variant] || e.primary)(n, t)), $ = c((n, t) => b({ ...n, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t));
 export {
   b as B,
   l as I,

package/dist/{empty-state-Dp-xCh69.js → empty-state-D-3YYs2T.js}

@@ -1,8 +1,8 @@
 import { Div as n, H5 as J, P as m, I as p, Li as U, Span as i, Ul as V, Button as f, OnState as x, Label as R, H2 as v, Form as K, Header as I, Footer as A, 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 C, Html as L, Dom as oe, base as ne, Data as $, Builder as Y, Jot as k, Events as le, DateTime as F } from "@base-framework/base";
-import { P as S, b as re, R as ae } from "./range-calendar-BxLjYfrT.js";
+import { P as S, b as re, R as ae } from "./range-calendar-DW0cMOJy.js";
 import { C as ie, F as ce, a as y } from "./veil-tVDPinrr.js";
-import { B as h, I as g } from "./buttons-Cm9etaEG.js";
+import { B as h, I as g } from "./buttons-BKLL4I6r.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as de, List as ue, DynamicTime as he } from "@base-framework/organisms";
 import { F as P } from "./format-DnofNaaz.js";

package/dist/index.es.js

@@ -1,13 +1,13 @@
-import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-Pwsjx1Gp.js";
-import { B as d, I as g, L as C } from "./buttons-Cm9etaEG.js";
+import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-05O5vIt1.js";
+import { B as d, I as g, L as C } from "./buttons-BKLL4I6r.js";
 import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
-import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DscqfC6k.js";
+import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-CGtqFgi8.js";
 import { Icons as G } from "./icons.es.js";
-import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-Dp-xCh69.js";
-import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-BxLjYfrT.js";
-import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-obojbki5.js";
-import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-Dj67Pb8l.js";
-import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BVryQj2Z.js";
+import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-D-3YYs2T.js";
+import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
+import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-7O22-IGI.js";
+import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
+import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BtUJdw-T.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";
 import { B as ss } from "./bside-template-Du2m3rsE.js";
 import { F as ts, c as rs } from "./format-DnofNaaz.js";

package/dist/{inputs-DscqfC6k.js → inputs-CGtqFgi8.js}

@@ -1,7 +1,7 @@
 import { Div as l, Label as d, Checkbox as u, Span as m, OnState as g, I as p, 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 bg-input", 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", b = `${v} ${$} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: t, required: a }) => u({
+const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-border bg-input", 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", b = "placeholder:text-muted-foreground", f = `${v} ${$} ${n} ${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",
@@ -109,7 +109,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border bg-input"
   t && (o.value = t);
 }, c = s((e) => r({
   ...e,
-  class: `${b} ${e.class || ""}`.trim()
+  class: `${f} ${e.class || ""}`.trim()
 })), M = s((e) => c({
   ...e,
   type: "tel",
@@ -127,7 +127,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border bg-input"
 })), q = s((e) => x({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border bg-input ${n} ${f} ${i} ${e.class || ""}`.trim()
+  class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border bg-input ${n} ${b} ${i} ${e.class || ""}`.trim()
 })), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
   r({
     ...e,
@@ -184,7 +184,7 @@ s((e) => u({
 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: `${b} ${E} ${e.class || ""}`.trim()
+  class: `${f} ${E} ${e.class || ""}`.trim()
 }));
 export {
   L as C,
@@ -206,5 +206,5 @@ export {
   K as d,
   i as e,
   n as f,
-  b as g
+  f as g
 };

package/dist/{mobile-nav-wrapper-Dj67Pb8l.js → mobile-nav-wrapper-C7RyGC5a.js}

@@ -1,6 +1,6 @@
 import { Button as S, I as B, Label as N, Span as L, Ul as o, H4 as C, Nav as p, Div as l, Header as y, H1 as P, H3 as h, OnState as I, UseParent as $ } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as H, router as d } from "@base-framework/base";
-import { I as f, B as x } from "./buttons-Cm9etaEG.js";
+import { I as f, B as x } from "./buttons-BKLL4I6r.js";
 import { Icons as r } from "./icons.es.js";
 class M extends n {
   /**

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-Dp-xCh69.js";
-import { A as V, P as W, g as X } from "./range-calendar-BxLjYfrT.js";
+import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-D-3YYs2T.js";
+import { A as V, P as W, g as X } from "./range-calendar-DW0cMOJy.js";
 export {
   s as Alert,
   V as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-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-obojbki5.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";
+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-7O22-IGI.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-DW0cMOJy.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-C7RyGC5a.js";
 export {
   s as BackButton,
   J as Backdrop,

package/dist/pages.es.js

@@ -1,4 +1,4 @@
-import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-BVryQj2Z.js";
+import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-BtUJdw-T.js";
 export {
   s as BasicPage,
   P as BlankPage,

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

@@ -1,6 +1,6 @@
 import { Div as h, Img as _, Span as H, Button as L, OnState as J, On as z } from "@base-framework/atoms";
 import { Component as O, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
-import { B as f } from "./buttons-Cm9etaEG.js";
+import { B as f } from "./buttons-BKLL4I6r.js";
 import { Icons as P } from "./icons.es.js";
 const U = (n, t) => {
   const e = n ? n.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, c = globalThis.scrollY;

package/dist/{sidebar-menu-page-BVryQj2Z.js → sidebar-menu-page-BtUJdw-T.js}

@@ -1,7 +1,7 @@
 import { Div as t, Header as n, H1 as d, P as o } from "@base-framework/atoms";
 import { F as l, A as h } from "./aside-template-McEj_Gxc.js";
 import { Component as x, Atom as i } from "@base-framework/base";
-import { c as u, e as p } from "./mobile-nav-wrapper-Dj67Pb8l.js";
+import { c as u, e as p } from "./mobile-nav-wrapper-C7RyGC5a.js";
 class c extends x {
   /**
    * This will declare the props for the compiler.

package/dist/{signature-panel-obojbki5.js → signature-panel-7O22-IGI.js}

@@ -1,10 +1,10 @@
 import { Button as k, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as L, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
 import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
-import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
+import { B as T, I as _ } from "./buttons-BKLL4I6r.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-DscqfC6k.js";
-import { A as oe, P as le } from "./range-calendar-BxLjYfrT.js";
+import { C as ae, I as ie, H as ne } from "./inputs-CGtqFgi8.js";
+import { A as oe, P as le } from "./range-calendar-DW0cMOJy.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

package/dist/{tooltip-Pwsjx1Gp.js → tooltip-05O5vIt1.js}

@@ -1,7 +1,7 @@
 import { Span as c, Legend as b, Fieldset as C, Div as l, UseParent as u, Input as x } from "@base-framework/atoms";
 import { Atom as s, Html as p } from "@base-framework/base";
 import { a as d } from "./veil-tVDPinrr.js";
-import { f as h, e as y, g as k } from "./inputs-DscqfC6k.js";
+import { f as h, e as y, g as k } from "./inputs-CGtqFgi8.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 bg-input";
+export const borderClass: "rounded-md border border-border 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 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";
+export const commonInputClasses: "flex h-10 w-full px-3 py-2 text-sm rounded-md border border-border 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.266",
+	"version": "1.0.268",
 	"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": {