@mesalvo/react-ui 0.0.37674 → 0.0.37838

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/react-ui.js CHANGED
@@ -1,4 +1,4 @@
1
- import { A as s, d as o, e as t, f as r, g as n, h as i, i as l, j as u, k as d, m as g, n as c, o as m, p, q as b, r as T, s as S, t as f, v as h, w as C, B as D, x as R, y as A, z as E, C as I, E as w, F as v, G as y, H as P, I as L, J as F, K as x, L as M, M as B, N as G, O, P as k, Q as H, R as U, V as N, W as V, X as z, Y as K, Z as _, _ as W, $ as j, a0 as Y, a1 as Q, a2 as q, a3 as J, a4 as X, a5 as Z, a6 as $, a7 as aa, a8 as ea, a9 as sa, aa as oa, ab as ta, ac as ra, ad as na, ae as ia, af as la, ag as ua, ah as da, ai as ga, aj as ca, ak as ma, D as pa, al as ba, am as Ta, an as Sa, ao as fa, ap as ha, aq as Ca, ar as Da, as as Ra, at as Aa, au as Ea, av as Ia, aw as wa, ax as va, ay as ya, az as Pa, aA as La, aB as Fa, aC as xa, aD as Ma, aE as Ba, aF as Ga, aG as Oa, aH as ka, aI as Ha, aJ as Ua, aK as Na, aL as Va, aM as za, aN as Ka, aO as _a, aP as Wa, aQ as ja, aR as Ya, aS as Qa, aT as qa, aU as Ja, aV as Xa, aW as Za, aX as $a, aY as ae, aZ as ee, a_ as se, a$ as oe, b0 as te, b1 as re, b2 as ne, b3 as ie, b4 as le, b5 as ue, b6 as de, b7 as ge, b8 as ce, b9 as me, ba as pe, bb as be, bc as Te, bd as Se, be as fe, bf as he, bg as Ce, bh as De, bi as Re, bj as Ae, bk as Ee, bl as Ie, bm as we, bn as ve, bo as ye, bp as Pe, bq as Le, br as Fe, bs as xe, bt as Me, bu as Be, bv as Ge, bw as Oe, bx as ke, by as He, bz as Ue, bA as Ne, bB as Ve, bC as ze, bD as Ke, bE as _e, bF as We, bG as je, bH as Ye, bI as Qe, bJ as qe, bK as Je, bL as Xe, bM as Ze, bN as $e, bO as as, bP as es, bQ as ss, bR as os, bS as ts, bT as rs, bU as ns, bV as is, bW as ls, bX as us, bY as ds, bZ as gs, b_ as cs, b$ as ms, c0 as ps, c1 as bs, c2 as Ts, c3 as Ss, c4 as fs, c5 as hs, c6 as Cs, c7 as Ds, c8 as Rs, c9 as As, ca as Es, cb as Is, cc as ws, cd as vs, ce as ys, cf as Ps, cg as Ls, ch as Fs, ci as xs, cj as Ms, ck as Bs, cl as Gs, cm as Os, cn as ks, co as Hs, cp as Us, cq as Ns, cr as Vs, cs as zs, ct as Ks, cu as _s, cv as Ws, cw as js, cx as Ys, cy as Qs, cz as qs, cA as Js, cB as Xs, cC as Zs, cD as $s, cE as ao, cF as eo, cG as so, cH as oo, S as to, cI as ro, cJ as no, cK as io, cL as lo, cM as uo, cN as go, cO as co, cP as mo, cQ as po, cR as bo, cS as To, cT as So, cU as fo, cV as ho, T as Co, cW as Do, cX as Ro, cY as Ao, cZ as Eo, c_ as Io, c$ as wo, d0 as vo, d1 as yo, d2 as Po, d3 as Lo, d4 as Fo, d5 as xo, d6 as Mo, d7 as Bo, d8 as Go, d9 as Oo, da as ko, db as Ho, dc as Uo, dd as No, de as Vo, df as zo, dg as Ko, dh as _o, U as Wo, di as jo, dj as Yo, dk as Qo, dl as qo, dm as Jo, dn as Xo, dp as Zo, dq as $o, dr as at, ds as et, dt as st, du as ot, dv as tt, dw as rt, dx as nt, dy as it, dz as lt, dA as ut, dB as dt, dC as gt, dD as ct, dE as mt, dF as pt, dG as bt, dH as Tt, dI as St, dJ as ft, dK as ht, dL as Ct, c as Dt, dM as Rt, dN as At, dO as Et, dP as It, dQ as wt, dR as vt, dS as yt, dT as Pt, dU as Lt, dV as Ft, dW as xt, dX as Mt, dY as Bt, dZ as Gt, d_ as Ot, d$ as kt, e0 as Ht, e1 as Ut, e2 as Nt, e3 as Vt, e4 as zt, e5 as Kt, e6 as _t, e7 as Wt, e8 as jt, e9 as Yt, ea as Qt, eb as qt, ec as Jt, ed as Xt, ee as Zt, ef as $t, eg as ar, eh as er, ei as sr, ej as or, ek as tr, el as rr, em as nr, en as ir, eo as lr, ep as ur, eq as dr, er as gr, es as cr, et as mr, eu as pr, ev as br, ew as Tr, ex as Sr, ey as fr, ez as hr, eA as Cr, eB as Dr, eC as Rr, eD as Ar, eE as Er, eF as Ir, eG as wr, eH as vr, eI as yr, eJ as Pr, eK as Lr, eL as Fr, eM as xr, eN as Mr, eO as Br, eP as Gr, eQ as Or, eR as kr, eS as Hr, eT as Ur, eU as Nr, eV as Vr, eW as zr, eX as Kr, eY as _r, eZ as Wr, e_ as jr, e$ as Yr, f0 as Qr, f1 as qr, f2 as Jr, f3 as Xr, f4 as Zr, f5 as $r, f6 as an, f7 as en, f8 as sn, f9 as on, fa as tn, fb as rn, fc as nn, fd as ln, fe as un, ff as dn, fg as gn, fh as cn, fi as mn, fj as pn, fk as bn, fl as Tn, fm as Sn, fn, fo as hn, fp as Cn, fq as Dn, fr as Rn, fs as An, ft as En, fu as In, fv as wn, fw as vn, fx as yn, fy as Pn, fz as Ln, fA as Fn, fB as xn, fC as Mn, fD as Bn, fE as Gn, fF as On, fG as kn, fH as Hn, fI as Un, fJ as Nn, fK as Vn, fL as zn, fM as Kn, fN as _n, fO as Wn, fP as jn, fQ as Yn, fR as Qn, fS as qn, fT as Jn, fU as Xn, fV as Zn, fW as $n, fX as ai, fY as ei, fZ as si, f_ as oi, f$ as ti, g0 as ri, b as ni, g1 as ii, g2 as li, g3 as ui, g4 as di, g5 as gi, g6 as ci, g7 as mi, g8 as pi, g9 as bi, ga as Ti, gb as Si, gc as fi, gd as hi, ge as Ci, gf as Di, gg as Ri, gh as Ai, gi as Ei, gj as Ii, gk as wi, gl as vi, gm as yi, gn as Pi, go as Li, gp as Fi, gq as xi, gr as Mi, gs as Bi, gt as Gi, gu as Oi, gv as ki, gw as Hi, gx as Ui, gy as Ni, gz as Vi, gA as zi, gB as Ki, gC as _i, gD as Wi, a as ji, gE as Yi, gF as Qi, gG as qi, gH as Ji, gI as Xi } from "./index-CHxFPjgM.js";
1
+ import { A as s, a as o, b as t, c as r, d as n, e as i, f as l, g as u, h as d, i as g, j as c, k as m, l as p, m as b, n as T, o as S, p as f, q as h, r as C, B as D, s as R, t as A, u as E, v as I, w, x as v, y, z as P, C as L, D as F, E as x, F as M, G as B, H as G, I as O, J as k, K as H, L as U, M as N, N as V, O as z, P as K, Q as _, R as W, S as j, T as Y, U as Q, V as q, W as J, X, Y as Z, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as ra, a4 as na, a5 as ia, a6 as la, a7 as ua, a8 as da, a9 as ga, aa as ca, ab as ma, ac as pa, ad as ba, ae as Ta, af as Sa, ag as fa, ah as ha, ai as Ca, aj as Da, ak as Ra, al as Aa, am as Ea, an as Ia, ao as wa, ap as va, aq as ya, ar as Pa, as as La, at as Fa, au as xa, av as Ma, aw as Ba, ax as Ga, ay as Oa, az as ka, aA as Ha, aB as Ua, aC as Na, aD as Va, aE as za, aF as Ka, aG as _a, aH as Wa, aI as ja, aJ as Ya, aK as Qa, aL as qa, aM as Ja, aN as Xa, aO as Za, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as re, aW as ne, aX as ie, aY as le, aZ as ue, bM as de, a_ as ge, a$ as ce, b0 as me, b1 as pe, b2 as be, b3 as Te, b4 as Se, b5 as fe, b6 as he, b7 as Ce, b8 as De, b9 as Re, ba as Ae, bb as Ee, bc as Ie, bd as we, be as ve, bf as ye, bg as Pe, bh as Le, bi as Fe, bj as xe, bk as Me, bl as Be, bm as Ge, bn as Oe, bo as ke, bp as He, bq as Ue, br as Ne, bs as Ve, bt as ze, bu as Ke, bv as _e, bw as We, bx as je, by as Ye, bz as Qe, bA as qe, bB as Je, bC as Xe, bD as Ze, bE as $e, bF as as, bG as es, bH as ss, bI as os, bJ as ts, bK as rs, bL as ns, bN as is, bO as ls, bP as us, bQ as ds, bR as gs, bS as cs, bT as ms, bU as ps, bV as bs, bW as Ts, bX as Ss, bY as fs, bZ as hs, b_ as Cs, b$ as Ds, c0 as Rs, c1 as As, c2 as Es, c3 as Is, c4 as ws, c5 as vs, c6 as ys, c7 as Ps, c8 as Ls, c9 as Fs, ca as xs, cb as Ms, cc as Bs, cd as Gs, ce as Os, cf as ks, cg as Hs, ch as Us, ci as Ns, cj as Vs, ck as zs, cl as Ks, cm as _s, cn as Ws, co as js, cp as Ys, cq as Qs, cr as qs, cs as Js, ct as Xs, cu as Zs, cv as $s, cw as ao, cx as eo, cy as so, cz as oo, cA as to, cB as ro, cC as no, cD as io, cE as lo, cF as uo, cG as go, cH as co, cI as mo, cJ as po, cK as bo, cL as To, cM as So, cN as fo, cO as ho, cP as Co, cQ as Do, cR as Ro, cS as Ao, cT as Eo, cU as Io, cV as wo, cW as vo, cX as yo, cY as Po, cZ as Lo, c_ as Fo, c$ as xo, d0 as Mo, d1 as Bo, d2 as Go, d3 as Oo, d4 as ko, d5 as Ho, d6 as Uo, d7 as No, d8 as Vo, d9 as zo, da as Ko, db as _o, dc as Wo, dd as jo, de as Yo, df as Qo, dg as qo, dh as Jo, di as Xo, dj as Zo, dk as $o, dl as at, dm as et, dn as st, dp as ot, dq as tt, dr as rt, ds as nt, dt as it, du as lt, dv as ut, dw as dt, dx as gt, dy as ct, dz as mt, dA as pt, dB as bt, dC as Tt, dD as St, dE as ft, dF as ht, dG as Ct, dH as Dt, dI as Rt, dJ as At, dK as Et, dL as It, dM as wt, dN as vt, dO as yt, dP as Pt, dQ as Lt, dR as Ft, dS as xt, dT as Mt, dU as Bt, dV as Gt, dW as Ot, dX as kt, dY as Ht, dZ as Ut, d$ as Nt, e0 as Vt, e1 as zt, e2 as Kt, e3 as _t, e4 as Wt, e5 as jt, e6 as Yt, e7 as Qt, e8 as qt, e9 as Jt, ea as Xt, eb as Zt, ec as $t, ed as ar, ee as er, ef as sr, eg as or, eh as tr, ei as rr, ej as nr, ek as ir, d_ as lr, el as ur, em as dr, en as gr, eo as cr, ep as mr, eq as pr, er as br, es as Tr, et as Sr, eu as fr, ev as hr, ew as Cr, ex as Dr, ey as Rr, ez as Ar, eA as Er, eB as Ir, eC as wr, eD as vr, eE as yr, eF as Pr, eG as Lr, eH as Fr, eI as xr, eJ as Mr, eK as Br, eL as Gr, eM as Or, eN as kr, eO as Hr, eP as Ur, eQ as Nr, eR as Vr, eS as zr, eT as Kr, eV as _r, eW as Wr, eX as jr, eY as Yr, eZ as Qr, e_ as qr, e$ as Jr, f0 as Xr, f1 as Zr, f2 as $r, f3 as an, f4 as en, f5 as sn, f6 as on, f7 as tn, f8 as rn, f9 as nn, fa as ln, fb as un, fc as dn, fd as gn, fe as cn, ff as mn, fg as pn, fh as bn, fi as Tn, fj as Sn, fk as fn, fl as hn, fm as Cn, fn as Dn, fo as Rn, fp as An, fq as En, fr as In, fs as wn, ft as vn, fu as yn, fv as Pn, fw as Ln, fx as Fn, fy as xn, fz as Mn, fA as Bn, fB as Gn, fC as On, fD as kn, fE as Hn, fF as Un, fG as Nn, fH as Vn, fI as zn, fJ as Kn, fK as _n, fL as Wn, fM as jn, fN as Yn, fO as Qn, fP as qn, fQ as Jn, fR as Xn, fS as Zn, fT as $n, fU as ai, fV as ei, fW as si, fX as oi, fY as ti, fZ as ri, f_ as ni, f$ as ii, g0 as li, g1 as ui, g2 as di, g3 as gi, g4 as ci, g5 as mi, g6 as pi, g7 as bi, g8 as Ti, g9 as Si, ga as fi, gb as hi, gc as Ci, gd as Di, ge as Ri, gf as Ai, gg as Ei, gh as Ii, gi as wi, gj as vi, gk as yi, gl as Pi, gm as Li, gn as Fi, go as xi, gp as Mi, gq as Bi, gr as Gi, gs as Oi, gt as ki, gu as Hi, gv as Ui, gw as Ni, gx as Vi, gy as zi, gz as Ki, gA as _i, gB as Wi, gC as ji, gD as Yi, gE as Qi, gG as qi, gH as Ji, gI as Xi } from "./index-Dlpj3-mZ.js";
2
2
  export {
3
3
  s as AUTH_CHECK,
4
4
  o as AUTH_ERROR,
@@ -10,7 +10,7 @@ export declare const inputExampleProps: {
10
10
  value?: string | number | readonly string[] | undefined;
11
11
  id?: string | undefined | undefined;
12
12
  children?: import('react').ReactNode;
13
- onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
13
+ onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
14
14
  form?: string | undefined | undefined;
15
15
  slot?: string | undefined | undefined;
16
16
  style?: import('react').CSSProperties | undefined;
@@ -137,17 +137,17 @@ export declare const inputExampleProps: {
137
137
  onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
138
138
  onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
139
139
  onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
140
- onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
140
+ onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
141
141
  onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
142
- onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
143
- onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
144
- onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
145
- onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
146
- onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
147
- onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
148
- onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
149
- onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
150
- onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
142
+ onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
143
+ onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
144
+ onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
145
+ onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
146
+ onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
147
+ onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
148
+ onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
149
+ onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
150
+ onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
151
151
  onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
152
152
  onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
153
153
  onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -340,7 +340,7 @@ export declare const inputExampleProps: {
340
340
  value?: string | number | readonly string[] | undefined;
341
341
  id?: string | undefined | undefined;
342
342
  children?: import('react').ReactNode;
343
- onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
343
+ onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
344
344
  form?: string | undefined | undefined;
345
345
  slot?: string | undefined | undefined;
346
346
  style?: import('react').CSSProperties | undefined;
@@ -467,17 +467,17 @@ export declare const inputExampleProps: {
467
467
  onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
468
468
  onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
469
469
  onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
470
- onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
470
+ onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
471
471
  onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
472
- onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
473
- onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
474
- onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
475
- onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
476
- onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
477
- onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
478
- onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
479
- onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
480
- onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
472
+ onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
473
+ onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
474
+ onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
475
+ onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
476
+ onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
477
+ onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
478
+ onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
479
+ onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
480
+ onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
481
481
  onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
482
482
  onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
483
483
  onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -1,4 +1,4 @@
1
- @custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
1
+ @custom-variant dark (&:where(.dark, .dark *));
2
2
 
3
3
  @theme {
4
4
  --color-error-50: oklch(0.98 0.06 4.46); /* #fef2f2 */
@@ -8,107 +8,101 @@
8
8
  --color-error-400: oklch(71.06% 0.166 22.22); /* #f87171 */
9
9
  --color-error-500: oklch(63.68% 0.208 25.33); /* #ef4444 */
10
10
  --color-error-600: oklch(57.71% 0.215 27.33); /* #dc2626 */
11
- --color-error-700: oklch(50.54% 0.190 27.52); /* #b91c1c */
12
- --color-error-800: oklch(44.37% 0.161 26.90); /* #991b1b */
11
+ --color-error-700: oklch(50.54% 0.19 27.52); /* #b91c1c */
12
+ --color-error-800: oklch(44.37% 0.161 26.9); /* #991b1b */
13
13
  --color-error-900: oklch(39.58% 0.133 25.72); /* #7f1d1d */
14
- --color-error-950: oklch(0.25 0.08 24.0); /* #450a0a */
14
+ --color-error-950: oklch(0.25 0.08 24); /* #450a0a */
15
15
 
16
- --color-warning-50: oklch(0.98 0.14 40.23); /* #fff7ed */
17
- --color-warning-100: oklch(0.97 0.18 41.77); /* #ffedd5 */
18
- --color-warning-200: oklch(0.94 0.23 44.37); /* #fed7aa */
19
- --color-warning-300: oklch(0.92 0.27 46.99); /* #fdba74 */
20
- --color-warning-400: oklch(0.85 0.33 52.67); /* #fb923c */
21
- --color-warning-500: oklch(0.79 0.35 57.79); /* #f97316 */
22
- --color-warning-600: oklch(0.75 0.37 61.33); /* #ea580c */
23
- --color-warning-700: oklch(0.65 0.33 67.72); /* #c2410c */
24
- --color-warning-800: oklch(0.58 0.28 70.64); /* #9a3412 */
25
- --color-warning-900: oklch(0.49 0.24 72.94); /* #7c2d12 */
26
- --color-warning-950: oklch(0.29 0.17 74.59); /* #431407 */
16
+ --color-warning-50: oklch(0.98 0.14 40.23); /* #fff7ed */
17
+ --color-warning-100: oklch(0.97 0.18 41.77); /* #ffedd5 */
18
+ --color-warning-200: oklch(0.94 0.23 44.37); /* #fed7aa */
19
+ --color-warning-300: oklch(0.92 0.27 46.99); /* #fdba74 */
20
+ --color-warning-400: oklch(0.85 0.33 52.67); /* #fb923c */
21
+ --color-warning-500: oklch(0.79 0.35 57.79); /* #f97316 */
22
+ --color-warning-600: oklch(0.75 0.37 61.33); /* #ea580c */
23
+ --color-warning-700: oklch(0.65 0.33 67.72); /* #c2410c */
24
+ --color-warning-800: oklch(0.58 0.28 70.64); /* #9a3412 */
25
+ --color-warning-900: oklch(0.49 0.24 72.94); /* #7c2d12 */
26
+ --color-warning-950: oklch(0.29 0.17 74.59); /* #431407 */
27
27
 
28
- --color-success-50: oklch(0.98 0.02 145.0); /* #F5FDF6 */
29
- --color-success-100: oklch(0.95 0.04 145.2); /* #ECFAED */
30
- --color-success-200: oklch(0.91 0.08 145.5); /* #D8F5D5 */
31
- --color-success-300: oklch(0.86 0.12 145.7); /* #C4F0BC */
32
- --color-success-400: oklch(0.8 0.15 145.9); /* #B0EBA4 */
33
- --color-success-500: oklch(0.68 0.19 146.0); /* #4CAF50 */
34
- --color-success-600: oklch(0.6 0.18 146.2); /* #42A347 */
35
- --color-success-700: oklch(0.52 0.17 146.5); /* #378B3B */
36
- --color-success-800: oklch(0.42 0.14 146.7); /* #2C7230 */
37
- --color-success-900: oklch(0.32 0.11 147.0); /* #225926 */
28
+ --color-success-50: oklch(0.98 0.02 145); /* #F5FDF6 */
29
+ --color-success-100: oklch(0.95 0.04 145.2); /* #ECFAED */
30
+ --color-success-200: oklch(0.91 0.08 145.5); /* #D8F5D5 */
31
+ --color-success-300: oklch(0.86 0.12 145.7); /* #C4F0BC */
32
+ --color-success-400: oklch(0.8 0.15 145.9); /* #B0EBA4 */
33
+ --color-success-500: oklch(0.68 0.19 146); /* #4CAF50 */
34
+ --color-success-600: oklch(0.6 0.18 146.2); /* #42A347 */
35
+ --color-success-700: oklch(0.52 0.17 146.5); /* #378B3B */
36
+ --color-success-800: oklch(0.42 0.14 146.7); /* #2C7230 */
37
+ --color-success-900: oklch(0.32 0.11 147); /* #225926 */
38
38
 
39
- --color-info-50: oklch(0.97 0.02 240.0); /* #e9f5fe */
40
- --color-info-100: oklch(0.91 0.07 240.5); /* #badefb */
41
- --color-info-200: oklch(0.86 0.1 240.8); /* #99cff9 */
42
- --color-info-300: oklch(0.8 0.15 241.2); /* #6ab9f7 */
43
- --color-info-400: oklch(0.75 0.18 241.5); /* #4dabf5 */
44
- --color-info-500: oklch(0.7 0.22 242.0); /* #2196f3 */
45
- --color-info-600: oklch(0.65 0.2 242.3); /* #1e89dd */
46
- --color-info-700: oklch(0.55 0.18 242.7); /* #176bad */
47
- --color-info-800: oklch(0.45 0.15 243.0); /* #125386 */
48
- --color-info-900: oklch(0.35 0.12 243.5); /* #0e3f66 */
49
- --color-info-950: oklch(0.2 0.07 244.0);
39
+ --color-info-50: oklch(0.97 0.02 240); /* #e9f5fe */
40
+ --color-info-100: oklch(0.91 0.07 240.5); /* #badefb */
41
+ --color-info-200: oklch(0.86 0.1 240.8); /* #99cff9 */
42
+ --color-info-300: oklch(0.8 0.15 241.2); /* #6ab9f7 */
43
+ --color-info-400: oklch(0.75 0.18 241.5); /* #4dabf5 */
44
+ --color-info-500: oklch(0.7 0.22 242); /* #2196f3 */
45
+ --color-info-600: oklch(0.65 0.2 242.3); /* #1e89dd */
46
+ --color-info-700: oklch(0.55 0.18 242.7); /* #176bad */
47
+ --color-info-800: oklch(0.45 0.15 243); /* #125386 */
48
+ --color-info-900: oklch(0.35 0.12 243.5); /* #0e3f66 */
49
+ --color-info-950: oklch(0.2 0.07 244);
50
50
 
51
- --color-primary-50: oklch(0.97 0.03 193.5); /* #E6FEFF */
52
- --color-primary-100: oklch(0.89 0.14 193.7); /* #8FF2F8 */
53
- --color-primary-200: oklch(0.82 0.21 193.3); /* #5DD8DF */
54
- --color-primary-300: oklch(0.75 0.22 193.1); /* #3ABCC3 */
55
- --color-primary-400: oklch(0.69 0.23 192.9); /* #00A1A7 */
56
- --color-primary-500: oklch(0.61 0.22 192.7); /* #00848A */
57
- --color-primary-600: oklch(0.52 0.18 192.4); /* #00696E */
58
- --color-primary-700: oklch(0.45 0.15 192.2); /* #005C60 */
59
- --color-primary-800: oklch(0.36 0.12 192.0); /* #004346 */
60
- --color-primary-900: oklch(0.26 0.08 191.8); /* #002B2D */
61
- --color-primary-950: oklch(0.14 0.05 191.6);
51
+ --color-primary-50: oklch(0.97 0.03 193.5); /* #E6FEFF */
52
+ --color-primary-100: oklch(0.89 0.14 193.7); /* #8FF2F8 */
53
+ --color-primary-200: oklch(0.82 0.21 193.3); /* #5DD8DF */
54
+ --color-primary-300: oklch(0.75 0.22 193.1); /* #3ABCC3 */
55
+ --color-primary-400: oklch(0.69 0.23 192.9); /* #00A1A7 */
56
+ --color-primary-500: oklch(0.61 0.22 192.7); /* #00848A */
57
+ --color-primary-600: oklch(0.52 0.18 192.4); /* #00696E */
58
+ --color-primary-700: oklch(0.45 0.15 192.2); /* #005C60 */
59
+ --color-primary-800: oklch(0.36 0.12 192); /* #004346 */
60
+ --color-primary-900: oklch(0.26 0.08 191.8); /* #002B2D */
61
+ --color-primary-950: oklch(0.14 0.05 191.6);
62
62
 
63
- --color-secondary-25: oklch(0.98 0 0);
64
- --color-secondary-50: oklch(98.51% 0 0); /* #fafafa */
65
- --color-secondary-100: oklch(97.02% 0 0); /* #f5f5f5 */
66
- --color-secondary-200: oklch(92.19% 0 0); /* #e5e5e5 */
67
- --color-secondary-300: oklch(86.99% 0 0); /* #d4d4d4 */
68
- --color-secondary-400: oklch(71.55% 0 0); /* #a3a3a3 */
69
- --color-secondary-500: oklch(55.55% 0 0); /* #737373 */
70
- --color-secondary-600: oklch(43.86% 0 0); /* #525252 */
71
- --color-secondary-700: oklch(37.15% 0 0); /* #404040 */
72
- --color-secondary-800: oklch(26.86% 0 0); /* #262626 */
73
- --color-secondary-900: oklch(20.46% 0 0); /* #171717 */
74
- --color-secondary-950: oklch(14.48% 0 0); /* #0a0a0a */
75
-
76
- --color-background: oklch(1 0 1);
63
+ --color-secondary-25: oklch(0.98 0 0);
64
+ --color-secondary-50: oklch(98.51% 0 0); /* #fafafa */
65
+ --color-secondary-100: oklch(97.02% 0 0); /* #f5f5f5 */
66
+ --color-secondary-200: oklch(92.19% 0 0); /* #e5e5e5 */
67
+ --color-secondary-300: oklch(86.99% 0 0); /* #d4d4d4 */
68
+ --color-secondary-400: oklch(71.55% 0 0); /* #a3a3a3 */
69
+ --color-secondary-500: oklch(55.55% 0 0); /* #737373 */
70
+ --color-secondary-600: oklch(43.86% 0 0); /* #525252 */
71
+ --color-secondary-700: oklch(37.15% 0 0); /* #404040 */
72
+ --color-secondary-800: oklch(26.86% 0 0); /* #262626 */
73
+ --color-secondary-900: oklch(20.46% 0 0); /* #171717 */
74
+ --color-secondary-950: oklch(14.48% 0 0); /* #0a0a0a */
77
75
  }
78
76
  @theme inline {
79
77
  --color-dark: var(--color-secondary-950);
80
- --color-light: var(--color-secondary-25);
78
+ --color-light: var(--color-secondary-25);
81
79
  }
82
80
 
83
-
84
- :root{
85
- --background: var(--color-light);
86
- --foreground: var(--color-dark);
87
- --background-onPrimary: oklch(0.97 0 0);
88
- --muted: var(--color-secondary-200);
89
-
81
+ :root {
82
+ --background: var(--color-light);
83
+ --foreground: var(--color-dark);
84
+ --background-onPrimary: oklch(0.97 0 0);
85
+ --muted: var(--color-secondary-200);
90
86
  }
91
87
 
92
-
93
- .dark{
94
- --background: var(--color-dark);
95
- --foreground: var(--color-light);
96
- --background-onPrimary: oklch(0.20 0 1);
97
- --muted: var(--color-secondary-700);
88
+ .dark {
89
+ --background: var(--color-dark);
90
+ --foreground: var(--color-light);
91
+ --background-onPrimary: oklch(0.2 0 1);
92
+ --muted: var(--color-secondary-700);
98
93
  }
99
-
94
+
100
95
  @theme inline {
101
- --color-primary: var(--color-primary-500);
102
- --color-secondary: var(--color-secondary-500);
103
- --color-info: var(--color-info-500);
104
- --color-success: var(--color-success-500);
105
- --color-warning: var(--color-warning-500);
106
- --color-error: var(--color-error-500);
96
+ --color-primary: var(--color-primary-500);
97
+ --color-secondary: var(--color-secondary-500);
98
+ --color-info: var(--color-info-500);
99
+ --color-success: var(--color-success-500);
100
+ --color-warning: var(--color-warning-500);
101
+ --color-error: var(--color-error-500);
107
102
 
108
- --color-background: var(--background);
109
- --color-canvas: var(--background);
103
+ --color-background: var(--background);
104
+ --color-canvas: var(--background);
110
105
  --color-foreground: var(--foreground);
111
- --color-background-onPrimary: var(--background-onPrimary);
112
- --color-muted: var(--muted);
106
+ --color-background-onPrimary: var(--background-onPrimary);
107
+ --color-muted: var(--muted);
113
108
  }
114
-
@@ -1,5 +1,3 @@
1
- @import "tw-animate-css";
2
-
3
1
  /* Our files */
4
2
  @import "./constants.css";
5
3
  @import "./animations.css";
@@ -1,2 +1,98 @@
1
1
  @import "react-date-range/dist/styles.css";
2
2
  @import "react-date-range/dist/theme/default.css";
3
+
4
+ /* ─── Dark mode overrides ─────────────────────────────────────────────────── */
5
+
6
+ .dark .rdrCalendarWrapper {
7
+ color: var(--color-secondary-25);
8
+ background-color: var(--color-secondary-800);
9
+ }
10
+
11
+ .dark .rdrDateDisplayWrapper {
12
+ background-color: var(--color-secondary-700);
13
+ }
14
+
15
+ .dark .rdrDateDisplayItem {
16
+ background-color: var(--color-secondary-800);
17
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
18
+ }
19
+
20
+ .dark .rdrDateDisplayItem input {
21
+ color: var(--color-secondary-300);
22
+ }
23
+
24
+ .dark .rdrMonthAndYearPickers select {
25
+ color: var(--color-secondary-25);
26
+ }
27
+
28
+ .dark .rdrMonthAndYearPickers select:hover {
29
+ background-color: rgba(255, 255, 255, 0.07);
30
+ }
31
+
32
+ .dark .rdrNextPrevButton {
33
+ background: var(--color-secondary-700);
34
+ }
35
+
36
+ .dark .rdrNextPrevButton:hover {
37
+ background: var(--color-secondary-600);
38
+ }
39
+
40
+ .dark .rdrPprevButton i {
41
+ border-color: transparent var(--color-secondary-25) transparent transparent;
42
+ }
43
+
44
+ .dark .rdrNextButton i {
45
+ border-color: transparent transparent transparent var(--color-secondary-25);
46
+ }
47
+
48
+ .dark .rdrWeekDay {
49
+ color: var(--color-secondary-400);
50
+ }
51
+
52
+ .dark .rdrDay {
53
+ color: var(--color-secondary-25);
54
+ }
55
+
56
+ .dark .rdrDayPassive .rdrDayNumber span {
57
+ color: var(--color-secondary-600);
58
+ }
59
+
60
+ .dark .rdrDayDisabled {
61
+ background-color: var(--color-secondary-800);
62
+ }
63
+
64
+ .dark .rdrDayDisabled .rdrDayNumber span {
65
+ color: var(--color-secondary-600);
66
+ }
67
+
68
+ .dark .rdrDefinedRangesWrapper {
69
+ background: var(--color-secondary-800);
70
+ border-right-color: var(--color-secondary-700);
71
+ }
72
+
73
+ .dark .rdrStaticRange {
74
+ background: var(--color-secondary-800);
75
+ border-bottom-color: var(--color-secondary-700);
76
+ color: var(--color-secondary-25);
77
+ }
78
+
79
+ .dark .rdrStaticRange:hover .rdrStaticRangeLabel,
80
+ .dark .rdrStaticRange:focus .rdrStaticRangeLabel {
81
+ background: var(--color-secondary-700);
82
+ }
83
+
84
+ .dark .rdrInputRangeInput {
85
+ background: var(--color-secondary-800);
86
+ border-color: var(--color-secondary-600);
87
+ color: var(--color-secondary-200);
88
+ }
89
+
90
+ .dark .rdrInputRangeInput:focus,
91
+ .dark .rdrInputRangeInput:hover {
92
+ border-color: var(--color-secondary-400);
93
+ color: var(--color-secondary-100);
94
+ }
95
+
96
+ .dark .rdrMonthName {
97
+ color: var(--color-secondary-400);
98
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mesalvo/react-ui",
3
- "version": "0.0.37674",
3
+ "version": "0.0.37838",
4
4
  "displayName": "React UI",
5
5
  "description": "The official React components built for Mesalvo' apps",
6
6
  "keywords": [
@@ -121,12 +121,12 @@
121
121
  "vite-plugin-dts": "4.5.4",
122
122
  "vite-plugin-svgr": "4.5.0",
123
123
  "vitest": "4.0.15",
124
- "@mesalvo/api-client": "0.0.1",
125
124
  "@mesalvo/biome-config": "0.0.2",
126
125
  "@mesalvo/icons": "0.0.1",
127
126
  "@mesalvo/ts-auth": "2.0.0",
128
- "@mesalvo/ts-logic": "0.0.1",
129
- "@mesalvo/ts-definitions": "0.0.2"
127
+ "@mesalvo/ts-definitions": "0.0.2",
128
+ "@mesalvo/api-client": "0.0.1",
129
+ "@mesalvo/ts-logic": "0.0.1"
130
130
  },
131
131
  "peerDependencies": {
132
132
  "react": "^19.0.0",