@base-framework/ui 1.0.255 → 1.0.256

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/atoms.es.js CHANGED
@@ -1,6 +1,6 @@
1
- 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";
1
+ 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";
2
2
  import { B as T, I as c, L as x } from "./buttons-Cm9etaEG.js";
3
- 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";
3
+ 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";
4
4
  import { V as U, a as W } from "./veil-D4dRxILB.js";
5
5
  export {
6
6
  e as Badge,
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
1
- 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";
1
+ 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";
2
2
  import { B as c, I as C, L as T } from "./buttons-Cm9etaEG.js";
3
- 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";
3
+ 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";
4
4
  import { V as R, a as w } from "./veil-D4dRxILB.js";
5
5
  import { Icons as E } from "./icons.es.js";
6
6
  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";
7
7
  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";
8
- 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";
8
+ 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";
9
9
  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";
10
10
  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";
11
11
  import { A as _e, F as Ke, M as Qe, a as Xe, T as Ye } from "./aside-template-McEj_Gxc.js";
@@ -1,7 +1,7 @@
1
- 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";
1
+ 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";
2
2
  import { Jot as k, Atom as s } from "@base-framework/base";
3
3
  import { Icons as y } from "./icons.es.js";
4
- 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({
4
+ 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({
5
5
  id: e,
6
6
  cache: "checkbox",
7
7
  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
12
12
  checked: o,
13
13
  bind: t
14
14
  }), C = () => m({ class: "absolute text-xs pointer-events-none" }, [
15
- p(
15
+ g(
16
16
  "checked",
17
- (e) => e ? g({
17
+ (e) => e ? p({
18
18
  class: "w-2 h-2 pointer-events-none",
19
19
  html: y.check
20
20
  }) : null
@@ -22,7 +22,7 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
22
22
  ]), w = ({ id: e, bind: o, checked: t, required: a, clickHandler: h }) => l({
23
23
  class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
24
24
  rounded-md border border-input
25
- ${c}
25
+ ${n}
26
26
  ${i}`.trim(),
27
27
  onState: [
28
28
  "checked",
@@ -107,10 +107,10 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
107
107
  }, D = (e) => {
108
108
  const o = e.target, t = H(o.value);
109
109
  t && (o.value = t);
110
- }, n = s((e) => r({
110
+ }, c = s((e) => r({
111
111
  ...e,
112
- class: `${f} ${e.class || ""}`.trim()
113
- })), M = s((e) => n({
112
+ class: `${b} ${e.class || ""}`.trim()
113
+ })), M = s((e) => c({
114
114
  ...e,
115
115
  type: "tel",
116
116
  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
118
118
  placeholder: "(555) 555-5555",
119
119
  pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
120
120
  keyup: D
121
- })), S = s((e) => n({
121
+ })), S = s((e) => c({
122
122
  ...e,
123
123
  type: "email",
124
124
  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
127
127
  })), q = s((e) => x({
128
128
  ...e,
129
129
  as: "textarea",
130
- 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()
130
+ class: `flex w-full h-24 px-3 py-2 text-sm rounded-md border bg-input ${n} ${f} ${i} ${e.class || ""}`.trim()
131
131
  })), R = (e = {}) => l({ class: "flex items-center space-x-2" }, [
132
132
  r({
133
133
  ...e,
@@ -155,36 +155,36 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", $ = "rounded-md border border-in
155
155
  ...e,
156
156
  type: "week",
157
157
  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()
158
- })), B = s((e) => n({
158
+ })), B = s((e) => c({
159
159
  ...e,
160
160
  type: "number"
161
- })), J = s((e) => n({
161
+ })), J = s((e) => c({
162
162
  ...e,
163
163
  type: "password"
164
164
  }));
165
- s((e) => n({
165
+ s((e) => c({
166
166
  ...e,
167
167
  type: "search"
168
168
  }));
169
- const O = s((e) => n({
169
+ const O = s((e) => c({
170
170
  ...e,
171
171
  type: "url"
172
- })), G = s((e) => n({
172
+ })), G = s((e) => c({
173
173
  ...e,
174
174
  type: "hidden"
175
175
  })), K = s((e) => r({
176
176
  ...e,
177
177
  type: "color",
178
- class: `border rounded-md border-input bg-input text-foreground p-0 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
178
+ class: `border rounded-md bg-input text-foreground p-0 disabled:cursor-not-allowed disabled:opacity-50 ${e.class || ""}`.trim()
179
179
  }));
180
180
  s((e) => u({
181
181
  ...e,
182
- class: `flex h-4 w-4 rounded-md border border-input bg-input text-foreground ${c} ${i} ${e.class || ""}`.trim()
182
+ class: `flex h-4 w-4 rounded-md border bg-input text-foreground ${n} ${i} ${e.class || ""}`.trim()
183
183
  }));
184
184
  const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
185
185
  ...e,
186
186
  type: "file",
187
- class: `${f} ${E} ${e.class || ""}`.trim()
187
+ class: `${b} ${E} ${e.class || ""}`.trim()
188
188
  }));
189
189
  export {
190
190
  L as C,
@@ -192,7 +192,7 @@ export {
192
192
  S as E,
193
193
  Q as F,
194
194
  G as H,
195
- n as I,
195
+ c as I,
196
196
  z as M,
197
197
  B as N,
198
198
  J as P,
@@ -205,6 +205,6 @@ export {
205
205
  j as c,
206
206
  K as d,
207
207
  i as e,
208
- c as f,
209
- f as g
208
+ n as f,
209
+ b as g
210
210
  };
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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";
2
2
  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";
3
3
  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";
4
4
  export {
@@ -3,7 +3,7 @@ import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLi
3
3
  import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
4
4
  import { Icons as x } from "./icons.es.js";
5
5
  import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
6
- import { C as ae, I as ie, H as ne } from "./inputs-C9bdEMrX.js";
6
+ import { C as ae, I as ie, H as ne } from "./inputs-BXyw95cq.js";
7
7
  import { A as oe, P as le } from "./range-calendar-BxLjYfrT.js";
8
8
  d((t, e) => ({
9
9
  class: "flex items-center px-4 py-2",
@@ -1,7 +1,7 @@
1
1
  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";
2
2
  import { Atom as s, Html as p } from "@base-framework/base";
3
3
  import { a as d } from "./veil-D4dRxILB.js";
4
- import { f as k, e as w, g as $ } from "./inputs-C9bdEMrX.js";
4
+ import { f as k, e as w, g as $ } from "./inputs-BXyw95cq.js";
5
5
  const a = {
6
6
  gray: {
7
7
  backgroundColor: "bg-gray-50",
@@ -7,7 +7,7 @@ export const sizeClass: "flex h-10 w-full px-3 py-2 text-sm";
7
7
  * @constant {string} borderClass
8
8
  * Common border & background classes for inputs.
9
9
  */
10
- export const borderClass: "rounded-md border border-input bg-input";
10
+ export const borderClass: "rounded-md border bg-input";
11
11
  /**
12
12
  * @constant {string} focusClass
13
13
  * Common focus and ring classes for inputs.
@@ -27,4 +27,4 @@ export const placeholderClass: "placeholder:text-muted-foreground";
27
27
  * @constant {string} commonInputClasses
28
28
  * Composed classes for text-like inputs (text, email, tel, etc.).
29
29
  */
30
- 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";
30
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.255",
3
+ "version": "1.0.256",
4
4
  "description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
5
5
  "main": "./dist/index.es.js",
6
6
  "scripts": {