@base-framework/ui 1.0.255 → 1.0.257

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-uJp_8NSb.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-CABuwS1K.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-C9bdEMrX.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-BXyw95cq.js";
 import { V as U, a as W } from "./veil-D4dRxILB.js";
 export {
   e as Badge,

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

@@ -428,7 +428,7 @@ class Tt extends v {
     this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
   }
 }
-const z = {
+const N = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -460,12 +460,12 @@ const z = {
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   role: "alert"
-}, s)), ze = c(({ close: e, class: t }, s) => n({
+}, s)), Ne = c(({ close: e, class: t }, s) => n({
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   click: () => e(),
   role: "alert"
 }, s));
-class Ne extends me {
+class ze extends me {
   /**
    * This will declare the props for the compiler.
    *
@@ -492,7 +492,7 @@ class Ne extends me {
     return l ? Me({
       href: l,
       class: `${t} ${s}`
-    }, r) : ze({
+    }, r) : Ne({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, r);
@@ -513,7 +513,7 @@ class Ne extends me {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return z[t] || z.default;
+    return N[t] || N.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -577,7 +577,7 @@ class Bt extends v {
         cache: "list",
         key: "id",
         role: "list",
-        rowItem: (t) => new Ne(t)
+        rowItem: (t) => new ze(t)
       })
     ]);
   }
@@ -600,7 +600,7 @@ class Bt extends v {
     this.list.delete(t.id);
   }
 }
-const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
+const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -613,7 +613,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 ])), je = (e) => {
   var o;
   const t = document.documentElement;
-  if (e === "system" && (e = (o = globalThis.matchMedia) != null && o.call(globalThis, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), N && !N("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = (o = globalThis.matchMedia) != null && o.call(globalThis, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), z && !z("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
@@ -808,7 +808,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 }, d.chevron.single.right), Re = (e) => n({ class: "flex items-center" }, [
   e.href ? Ue(e.href, e.label) : a(e.label),
   e.separator && Ve()
-]), zt = C(
+]), Nt = C(
   {
     /**
      * Set initial data
@@ -870,7 +870,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 ]), Ye = (e, t) => Array.from({ length: e }, (s, o) => He({
   index: o,
   size: t
-})), Nt = C(
+})), zt = C(
   {
     /**
      * Defines component data (props).
@@ -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-input hover:bg-muted rounded-md h-10 px-4 py-2",
+  class: "relative flex items-center gap-2 w-full justify-between border 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-input hover:bg-muted rounded-md h-10 px-4 py-2",
+  class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
   st({ bind: e, required: t }),
@@ -1265,7 +1265,7 @@ function lt({ bind: e, required: t }) {
 function rt({ bind: e, required: t, toggleOpen: s }) {
   return 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 bg-background hover:bg-muted rounded-md h-10 px-4 py-2",
       click: s
     },
     [
@@ -1292,56 +1292,51 @@ function B({ items: e, handleTimeSelect: t, state: s, stateValue: o, pad: l = !1
   );
 }
 function it({ handleTimeSelect: e }) {
-  return n(
-    { class: "absolute mt-1 z-10 bg-background rounded-md shadow-lg" },
-    [
-      x(
-        "open",
-        (t, s, o) => t ? new k(
-          {
-            cache: "dropdown",
-            parent: o,
-            button: o.panel,
-            size: "fit"
-          },
+  return x(
+    "open",
+    (t, s, o) => t ? new k(
+      {
+        cache: "dropdown",
+        parent: o,
+        button: o.panel,
+        size: "fit"
+      },
+      [
+        n(
+          { class: "flex flex-auto flex-col border rounded-md shadow-md" },
           [
             n(
-              { class: "flex flex-auto flex-col border rounded-md shadow-md" },
+              { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
-                n(
-                  { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
-                  [
-                    // Hours column
-                    B({
-                      items: Array.from({ length: 12 }, (l, r) => r + 1),
-                      handleTimeSelect: e,
-                      state: o.state,
-                      stateValue: "hour",
-                      pad: !0
-                    }),
-                    // Minutes column
-                    B({
-                      items: Array.from({ length: 60 }, (l, r) => r),
-                      handleTimeSelect: e,
-                      state: o.state,
-                      stateValue: "minute",
-                      pad: !0
-                    }),
-                    // AM/PM column
-                    B({
-                      items: ["AM", "PM"],
-                      handleTimeSelect: e,
-                      state: o.state,
-                      stateValue: "meridian"
-                    })
-                  ]
-                )
+                // Hours column
+                B({
+                  items: Array.from({ length: 12 }, (l, r) => r + 1),
+                  handleTimeSelect: e,
+                  state: o.state,
+                  stateValue: "hour",
+                  pad: !0
+                }),
+                // Minutes column
+                B({
+                  items: Array.from({ length: 60 }, (l, r) => r),
+                  handleTimeSelect: e,
+                  state: o.state,
+                  stateValue: "minute",
+                  pad: !0
+                }),
+                // AM/PM column
+                B({
+                  items: ["AM", "PM"],
+                  handleTimeSelect: e,
+                  state: o.state,
+                  stateValue: "meridian"
+                })
               ]
             )
           ]
-        ) : null
-      )
-    ]
+        )
+      ]
+    ) : null
   );
 }
 function j(e) {
@@ -1591,7 +1586,7 @@ const Ht = c((e, t = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
 ]));
 export {
   vt as A,
-  zt as B,
+  Nt as B,
   $t as C,
   me as D,
   Rt as E,
@@ -1617,14 +1612,14 @@ export {
   W as i,
   St as j,
   Dt as k,
-  Ne as l,
+  ze as l,
   Lt as m,
   Ft as n,
   Pt as o,
   S as p,
   g as q,
   Oe as r,
-  Nt as s,
+  zt as s,
   Et as t,
   Ke as u,
   Xe as v,

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-uJp_8NSb.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-CABuwS1K.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-C9bdEMrX.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-BXyw95cq.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-CJbKtByW.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-DN8N1MVn.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 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-7XSJwtfi.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-C9bdEMrX.js → inputs-BXyw95cq.js}

@@ -1,7 +1,7 @@
-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 { 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 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({
+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({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -12,9 +12,9 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
   checked: o,
   bind: t
 }), C = () => m({ class: "absolute text-xs pointer-events-none" }, [
-  p(
+  g(
     "checked",
-    (e) => e ? g({
+    (e) => e ? p({
       class: "w-2 h-2 pointer-events-none",
       html: y.check
     }) : null
@@ -22,7 +22,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
 ]), 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}
+			${n}
 			${i}`.trim(),
   onState: [
     "checked",
@@ -107,10 +107,10 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
 }, D = (e) => {
   const o = e.target, t = H(o.value);
   t && (o.value = t);
-}, n = s((e) => r({
+}, c = s((e) => r({
   ...e,
-  class: `${f} ${e.class || ""}`.trim()
-})), M = s((e) => n({
+  class: `${b} ${e.class || ""}`.trim()
+})), M = s((e) => c({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -118,7 +118,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
   placeholder: "(555) 555-5555",
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: D
-})), S = s((e) => n({
+})), S = s((e) => c({
   ...e,
   type: "email",
   name: e.name || "Email",
@@ -127,7 +127,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
 })), 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-input ${c} ${b} ${i} ${e.class || ""}`.trim()
+  class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border bg-input ${n} ${f} ${i} ${e.class || ""}`.trim()
 })), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
   r({
     ...e,
@@ -155,36 +155,36 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "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) => n({
+})), B = s((e) => c({
   ...e,
   type: "number"
-})), J = s((e) => n({
+})), J = s((e) => c({
   ...e,
   type: "password"
 }));
-s((e) => n({
+s((e) => c({
   ...e,
   type: "search"
 }));
-const O = s((e) => n({
+const O = s((e) => c({
   ...e,
   type: "url"
-})), G = s((e) => n({
+})), G = s((e) => c({
   ...e,
   type: "hidden"
 })), K = s((e) => r({
   ...e,
   type: "color",
-  class: `border rounded-md border-input bg-input text-foreground p-0 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
+  class: `border rounded-md 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-input text-foreground ${c} ${i} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 rounded-md border bg-input text-foreground ${n} ${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: `${f} ${E} ${e.class || ""}`.trim()
+  class: `${b} ${E} ${e.class || ""}`.trim()
 }));
 export {
   L as C,
@@ -192,7 +192,7 @@ export {
   S as E,
   Q as F,
   G as H,
-  n as I,
+  c 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,
-  c as f,
-  f as g
+  n as f,
+  b as g
 };

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-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 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-DN8N1MVn.js";
 import { A as _, P as K, g as Q } from "./range-calendar-BxLjYfrT.js";
 export {
   o as Alert,

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-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 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-7XSJwtfi.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 {

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

@@ -3,7 +3,7 @@ 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-C9bdEMrX.js";
+import { C as ae, I as ie, H as ne } from "./inputs-BXyw95cq.js";
 import { A as oe, P as le } from "./range-calendar-BxLjYfrT.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",

package/dist/{tooltip-uJp_8NSb.js → tooltip-CABuwS1K.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-C9bdEMrX.js";
+import { f as k, e as w, g as $ } from "./inputs-BXyw95cq.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-input";
+export const borderClass: "rounded-md 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 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";
+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";

package/package.json

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