@krosoft/react 0.0.170 → 0.0.172

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.
Files changed (49) hide show
  1. package/README.md +27 -1
  2. package/dist/{AppActions-DCYt9I0e.js → AppActions-CwPaiNx1.js} +5 -5
  3. package/dist/{AppSubTitle-DhioA5bv.js → AppSubTitle-6JLlE8Vf.js} +1 -1
  4. package/dist/{AppVerticalTabs-DujFNh9f.js → AppVerticalTabs-BkZkxL_K.js} +4 -4
  5. package/dist/{ConfirmationDialog-CCZPbD4x.js → ConfirmationDialog-t5QtNOQO.js} +10 -10
  6. package/dist/{DataTable-28eGRJvy.js → DataTable-C1l3CLr1.js} +92 -86
  7. package/dist/{ErrorAlert-DH1onuyt.js → ErrorAlert-SrIcU1mM.js} +1 -1
  8. package/dist/{ErrorState-vU8d4CwD.js → ErrorState-CmaxuJyW.js} +2 -2
  9. package/dist/{GenericForm-EohJXOt8.js → GenericForm-DXclmweK.js} +8 -8
  10. package/dist/{ImageInput-Bbxr8vpu.js → ImageInput-BqoCekqh.js} +18 -18
  11. package/dist/KpiCardsLayout-BhEoJhJ9.js +49 -0
  12. package/dist/{MetricCard-rL1mIA58.js → MetricCard-C7kgpgRl.js} +8 -8
  13. package/dist/{MultiSelect-B72dsN-1.js → MultiSelect-BFdaRnIO.js} +8 -8
  14. package/dist/{SearchInput-rRYNQ8fq.js → SearchInput-Dg5Aw2lv.js} +29 -29
  15. package/dist/{SkeletonCards-BgsWWMun.js → SkeletonCards-DemfjUfD.js} +6 -6
  16. package/dist/{TableFilter-BfWYeTv_.js → TableFilter-WWNz4Nua.js} +9 -9
  17. package/dist/{ThemeSelector-CQ3fSDJ2.js → ThemeSelector-BwrbKW-4.js} +2 -2
  18. package/dist/{Topbar-DMyjbOTI.js → Topbar-D55ou5Uk.js} +7 -7
  19. package/dist/{alert-B78CiTYe.js → alert-B9F1N9Qk.js} +6 -6
  20. package/dist/components/core/cards/index.js +2 -2
  21. package/dist/components/core/dialogs/index.js +2 -2
  22. package/dist/components/core/filters/index.js +1 -1
  23. package/dist/components/core/forms/index.js +1 -1
  24. package/dist/components/core/index.js +18 -18
  25. package/dist/components/core/inputs/index.js +3 -3
  26. package/dist/components/core/layouts/index.js +3 -3
  27. package/dist/components/core/navbar/index.js +1 -1
  28. package/dist/components/core/states/index.js +2 -2
  29. package/dist/components/core/table/DataTable.d.ts.map +1 -1
  30. package/dist/components/core/table/index.js +1 -1
  31. package/dist/components/core/tabs/index.js +1 -1
  32. package/dist/components/core/theme/index.js +1 -1
  33. package/dist/components/index.js +24 -24
  34. package/dist/components/ui/index.js +7 -7
  35. package/dist/hooks/behavior/index.js +1 -1
  36. package/dist/hooks/index.js +1 -1
  37. package/dist/{select-MWzbMBAS.js → select-BwcXfUqZ.js} +2 -2
  38. package/dist/{sheet-Gop1cIaU.js → sheet-DOncI9p6.js} +5 -5
  39. package/dist/skeleton-BX4RcsiK.js +8 -0
  40. package/dist/tailwind/index.d.ts +2 -0
  41. package/dist/tailwind/index.d.ts.map +1 -1
  42. package/dist/tailwind/index.js +10 -2
  43. package/dist/{toaster-DTcdwmkK.js → toaster-S0xacBVZ.js} +1 -1
  44. package/dist/{toggle-group-DY9wl0HW.js → toggle-group-DC5hqQ4H.js} +33 -33
  45. package/dist/{tooltip-BWyFpIxo.js → tooltip-OY3E8Lo0.js} +14 -14
  46. package/dist/{usePage-CWu-cjzK.js → usePage-u2gRhvQ0.js} +1 -1
  47. package/package.json +3 -3
  48. package/dist/KpiCardsLayout-DBqGhp0I.js +0 -49
  49. package/dist/skeleton-8o8eJd3P.js +0 -8
@@ -1,29 +1,29 @@
1
- import { D as o, M as r } from "../MetricCard-rL1mIA58.js";
2
- import { K as t, a as n, S as i, b as l } from "../SkeletonCards-BgsWWMun.js";
3
- import { A as p, C as u, F as g } from "../ConfirmationDialog-CCZPbD4x.js";
4
- import { A as m, j as C, k as S, l as T, m as c, n as D, o as M, p as x, q as A, r as I, s as P, t as h, u as f, v as w, w as v, x as F, B as L, y as B, z as G, C as H, E as R, F as k, G as N, H as y, I as E, J as O, K as V, L as K, M as z, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as oa, a0 as ra, a1 as sa, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as da, ab as ma, ac as Ca, ad as Sa, ae as Ta, af as ca, ag as Da, ah as Ma, ai as xa, aj as Aa, ak as Ia, al as Pa, am as ha, an as fa, D as wa, a as va, b as Fa, c as La, d as Ba, e as Ga, f as Ha, g as Ra, h as ka, i as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as Ka, at as za, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as oe, aI as re, aJ as se, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as de, aT as me, aU as Ce, aV as Se, aW as Te, aX as ce, aY as De, aZ as Me, a_ as xe, a$ as Ae, b0 as Ie, b1 as Pe, b2 as he, b3 as fe, b4 as we, b5 as ve, b6 as Fe, b7 as Le, b8 as Be, b9 as Ge, ba as He, bb as Re, bc as ke, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as Ke, bj as ze, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as ao, bw as eo, bx as oo, P as ro, by as so, bz as to, bA as no, bB as io, bC as lo, bD as bo, bE as po, bF as uo, bG as go, bH as mo, bI as Co, bJ as So, bK as To, bL as co, bM as Do, bN as Mo, bO as xo, bP as Ao, bQ as Io, bR as Po, bS as ho, bT as fo, bU as wo, bV as vo, bW as Fo, bX as Lo, bY as Bo, bZ as Go, b_ as Ho, b$ as Ro, c0 as ko, c1 as No, c2 as yo, c3 as Eo } from "../toggle-group-DY9wl0HW.js";
5
- import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-BfWYeTv_.js";
6
- import { G as Jo } from "../GenericForm-EohJXOt8.js";
7
- import { I as Wo } from "../ImageInput-Bbxr8vpu.js";
8
- import { D as Yo, a as Zo, S as _o, b as $o } from "../SearchInput-rRYNQ8fq.js";
9
- import { M as er } from "../MultiSelect-B72dsN-1.js";
10
- import { A as rr } from "../AppActions-DCYt9I0e.js";
11
- import { A as tr, K as nr } from "../KpiCardsLayout-DBqGhp0I.js";
12
- import { A as lr } from "../AppSubTitle-DhioA5bv.js";
1
+ import { D as o, M as r } from "../MetricCard-C7kgpgRl.js";
2
+ import { K as t, a as n, S as i, b as l } from "../SkeletonCards-DemfjUfD.js";
3
+ import { A as p, C as u, F as g } from "../ConfirmationDialog-t5QtNOQO.js";
4
+ import { A as m, j as C, k as S, l as T, m as c, n as D, o as M, p as x, q as A, r as I, s as P, t as h, u as f, v as w, w as v, x as F, B as L, y as B, z as G, C as H, E as R, F as k, G as N, H as y, I as E, J as O, K as V, L as K, M as z, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as oa, a0 as ra, a1 as sa, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as da, ab as ma, ac as Ca, ad as Sa, ae as Ta, af as ca, ag as Da, ah as Ma, ai as xa, aj as Aa, ak as Ia, al as Pa, am as ha, an as fa, D as wa, a as va, b as Fa, c as La, d as Ba, e as Ga, f as Ha, g as Ra, h as ka, i as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as Ka, at as za, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as oe, aI as re, aJ as se, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as de, aT as me, aU as Ce, aV as Se, aW as Te, aX as ce, aY as De, aZ as Me, a_ as xe, a$ as Ae, b0 as Ie, b1 as Pe, b2 as he, b3 as fe, b4 as we, b5 as ve, b6 as Fe, b7 as Le, b8 as Be, b9 as Ge, ba as He, bb as Re, bc as ke, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as Ke, bj as ze, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as ao, bw as eo, bx as oo, P as ro, by as so, bz as to, bA as no, bB as io, bC as lo, bD as bo, bE as po, bF as uo, bG as go, bH as mo, bI as Co, bJ as So, bK as To, bL as co, bM as Do, bN as Mo, bO as xo, bP as Ao, bQ as Io, bR as Po, bS as ho, bT as fo, bU as wo, bV as vo, bW as Fo, bX as Lo, bY as Bo, bZ as Go, b_ as Ho, b$ as Ro, c0 as ko, c1 as No, c2 as yo, c3 as Eo } from "../toggle-group-DC5hqQ4H.js";
5
+ import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-WWNz4Nua.js";
6
+ import { G as Jo } from "../GenericForm-DXclmweK.js";
7
+ import { I as Wo } from "../ImageInput-BqoCekqh.js";
8
+ import { D as Yo, a as Zo, S as _o, b as $o } from "../SearchInput-Dg5Aw2lv.js";
9
+ import { M as er } from "../MultiSelect-BFdaRnIO.js";
10
+ import { A as rr } from "../AppActions-CwPaiNx1.js";
11
+ import { A as tr, K as nr } from "../KpiCardsLayout-BhEoJhJ9.js";
12
+ import { A as lr } from "../AppSubTitle-6JLlE8Vf.js";
13
13
  import { A as pr } from "../AppTitle-uboDuil4.js";
14
- import { S as gr, a as dr, b as mr, T as Cr } from "../Topbar-DMyjbOTI.js";
15
- import { E as Tr } from "../ErrorAlert-DH1onuyt.js";
16
- import { E as Dr } from "../ErrorState-vU8d4CwD.js";
14
+ import { S as gr, a as dr, b as mr, T as Cr } from "../Topbar-D55ou5Uk.js";
15
+ import { E as Tr } from "../ErrorAlert-SrIcU1mM.js";
16
+ import { E as Dr } from "../ErrorState-CmaxuJyW.js";
17
17
  import { L as xr } from "../LoadingState-BN0YaPSs.js";
18
- import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-28eGRJvy.js";
19
- import { A as Br, a as Gr, b as Hr, c as Rr } from "../AppVerticalTabs-DujFNh9f.js";
20
- import { T as Nr } from "../ThemeSelector-CQ3fSDJ2.js";
21
- import { A as Er, a as Or, b as Vr } from "../alert-B78CiTYe.js";
22
- import { A as zr, C as Ur, a as jr, b as qr, R as Jr, c as Qr, d as Wr, T as Xr, e as Yr } from "../toaster-DTcdwmkK.js";
23
- import { B as _r, T as $r, a as as, b as es, c as os, d as rs } from "../tooltip-BWyFpIxo.js";
24
- import { I as ts, S as ns, a as is, b as ls, c as bs, d as ps, e as us, f as gs, g as ds, h as ms, i as Cs } from "../sheet-Gop1cIaU.js";
25
- import { S as Ts, a as cs, b as Ds, c as Ms, d as xs, e as As, f as Is, g as Ps, h as hs, i as fs } from "../select-MWzbMBAS.js";
26
- import { S as vs } from "../skeleton-8o8eJd3P.js";
18
+ import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-C1l3CLr1.js";
19
+ import { A as Br, a as Gr, b as Hr, c as Rr } from "../AppVerticalTabs-BkZkxL_K.js";
20
+ import { T as Nr } from "../ThemeSelector-BwrbKW-4.js";
21
+ import { A as Er, a as Or, b as Vr } from "../alert-B9F1N9Qk.js";
22
+ import { A as zr, C as Ur, a as jr, b as qr, R as Jr, c as Qr, d as Wr, T as Xr, e as Yr } from "../toaster-S0xacBVZ.js";
23
+ import { B as _r, T as $r, a as as, b as es, c as os, d as rs } from "../tooltip-OY3E8Lo0.js";
24
+ import { I as ts, S as ns, a as is, b as ls, c as bs, d as ps, e as us, f as gs, g as ds, h as ms, i as Cs } from "../sheet-DOncI9p6.js";
25
+ import { S as Ts, a as cs, b as Ds, c as Ms, d as xs, e as As, f as Is, g as Ps, h as hs, i as fs } from "../select-BwcXfUqZ.js";
26
+ import { S as vs } from "../skeleton-BX4RcsiK.js";
27
27
  import { toast as Ls } from "sonner";
28
28
  export {
29
29
  m as Accordion,
@@ -1,10 +1,10 @@
1
- import { A as o, j as s, k as r, l as t, m as n, n as i, o as l, p as b, q as u, r as g, s as p, t as C, u as d, v as m, w as S, x as T, B as c, y as M, z as D, C as w, E as x, F as I, G as P, H as h, I as v, J as A, K as F, L, M as B, N as G, O as R, Q as H, R as f, S as N, T as k, U as y, V as O, W as V, X as z, Y as E, Z as U, _ as j, $ as q, a0 as J, a1 as K, a2 as Q, a3 as W, a4 as X, a5 as Y, a6 as Z, a7 as _, a8 as $, a9 as aa, aa as ea, ab as oa, ac as sa, ad as ra, ae as ta, af as na, ag as ia, ah as la, ai as ba, aj as ua, ak as ga, al as pa, am as Ca, an as da, D as ma, a as Sa, b as Ta, c as ca, d as Ma, e as Da, f as wa, g as xa, h as Ia, i as Pa, ao as ha, ap as va, aq as Aa, ar as Fa, as as La, at as Ba, au as Ga, av as Ra, aw as Ha, ax as fa, ay as Na, az as ka, aA as ya, aB as Oa, aC as Va, aD as za, aE as Ea, aF as Ua, aG as ja, aH as qa, aI as Ja, aJ as Ka, aK as Qa, aL as Wa, aM as Xa, aN as Ya, aO as Za, aP as _a, aQ as $a, aR as ae, aS as ee, aT as oe, aU as se, aV as re, aW as te, aX as ne, aY as ie, aZ as le, a_ as be, a$ as ue, b0 as ge, b1 as pe, b2 as Ce, b3 as de, b4 as me, b5 as Se, b6 as Te, b7 as ce, b8 as Me, b9 as De, ba as we, bb as xe, bc as Ie, bd as Pe, be as he, bf as ve, bg as Ae, bh as Fe, bi as Le, bj as Be, bk as Ge, bl as Re, bm as He, bn as fe, bo as Ne, bp as ke, bq as ye, br as Oe, bs as Ve, bt as ze, bu as Ee, bv as Ue, bw as je, bx as qe, P as Je, by as Ke, bz as Qe, bA as We, bB as Xe, bC as Ye, bD as Ze, bE as _e, bF as $e, bG as ao, bH as eo, bI as oo, bJ as so, bK as ro, bL as to, bM as no, bN as io, bO as lo, bP as bo, bQ as uo, bR as go, bS as po, bT as Co, bU as mo, bV as So, bW as To, bX as co, bY as Mo, bZ as Do, b_ as wo, b$ as xo, c0 as Io, c1 as Po, c2 as ho, c3 as vo } from "../../toggle-group-DY9wl0HW.js";
2
- import { A as Fo, a as Lo, b as Bo } from "../../alert-B78CiTYe.js";
3
- import { A as Ro, C as Ho, a as fo, b as No, R as ko, c as yo, d as Oo, T as Vo, e as zo } from "../../toaster-DTcdwmkK.js";
4
- import { B as Uo, T as jo, a as qo, b as Jo, c as Ko, d as Qo } from "../../tooltip-BWyFpIxo.js";
5
- import { I as Xo, S as Yo, a as Zo, b as _o, c as $o, d as as, e as es, f as os, g as ss, h as rs, i as ts } from "../../sheet-Gop1cIaU.js";
6
- import { S as is, a as ls, b as bs, c as us, d as gs, e as ps, f as Cs, g as ds, h as ms, i as Ss } from "../../select-MWzbMBAS.js";
7
- import { S as cs } from "../../skeleton-8o8eJd3P.js";
1
+ import { A as o, j as s, k as r, l as t, m as n, n as i, o as l, p as b, q as u, r as g, s as p, t as C, u as d, v as m, w as S, x as T, B as c, y as M, z as D, C as w, E as x, F as I, G as P, H as h, I as v, J as A, K as F, L, M as B, N as G, O as R, Q as H, R as f, S as N, T as k, U as y, V as O, W as V, X as z, Y as E, Z as U, _ as j, $ as q, a0 as J, a1 as K, a2 as Q, a3 as W, a4 as X, a5 as Y, a6 as Z, a7 as _, a8 as $, a9 as aa, aa as ea, ab as oa, ac as sa, ad as ra, ae as ta, af as na, ag as ia, ah as la, ai as ba, aj as ua, ak as ga, al as pa, am as Ca, an as da, D as ma, a as Sa, b as Ta, c as ca, d as Ma, e as Da, f as wa, g as xa, h as Ia, i as Pa, ao as ha, ap as va, aq as Aa, ar as Fa, as as La, at as Ba, au as Ga, av as Ra, aw as Ha, ax as fa, ay as Na, az as ka, aA as ya, aB as Oa, aC as Va, aD as za, aE as Ea, aF as Ua, aG as ja, aH as qa, aI as Ja, aJ as Ka, aK as Qa, aL as Wa, aM as Xa, aN as Ya, aO as Za, aP as _a, aQ as $a, aR as ae, aS as ee, aT as oe, aU as se, aV as re, aW as te, aX as ne, aY as ie, aZ as le, a_ as be, a$ as ue, b0 as ge, b1 as pe, b2 as Ce, b3 as de, b4 as me, b5 as Se, b6 as Te, b7 as ce, b8 as Me, b9 as De, ba as we, bb as xe, bc as Ie, bd as Pe, be as he, bf as ve, bg as Ae, bh as Fe, bi as Le, bj as Be, bk as Ge, bl as Re, bm as He, bn as fe, bo as Ne, bp as ke, bq as ye, br as Oe, bs as Ve, bt as ze, bu as Ee, bv as Ue, bw as je, bx as qe, P as Je, by as Ke, bz as Qe, bA as We, bB as Xe, bC as Ye, bD as Ze, bE as _e, bF as $e, bG as ao, bH as eo, bI as oo, bJ as so, bK as ro, bL as to, bM as no, bN as io, bO as lo, bP as bo, bQ as uo, bR as go, bS as po, bT as Co, bU as mo, bV as So, bW as To, bX as co, bY as Mo, bZ as Do, b_ as wo, b$ as xo, c0 as Io, c1 as Po, c2 as ho, c3 as vo } from "../../toggle-group-DC5hqQ4H.js";
2
+ import { A as Fo, a as Lo, b as Bo } from "../../alert-B9F1N9Qk.js";
3
+ import { A as Ro, C as Ho, a as fo, b as No, R as ko, c as yo, d as Oo, T as Vo, e as zo } from "../../toaster-S0xacBVZ.js";
4
+ import { B as Uo, T as jo, a as qo, b as Jo, c as Ko, d as Qo } from "../../tooltip-OY3E8Lo0.js";
5
+ import { I as Xo, S as Yo, a as Zo, b as _o, c as $o, d as as, e as es, f as os, g as ss, h as rs, i as ts } from "../../sheet-DOncI9p6.js";
6
+ import { S as is, a as ls, b as bs, c as us, d as gs, e as ps, f as Cs, g as ds, h as ms, i as Ss } from "../../select-BwcXfUqZ.js";
7
+ import { S as cs } from "../../skeleton-BX4RcsiK.js";
8
8
  import { toast as Ds } from "sonner";
9
9
  export {
10
10
  o as Accordion,
@@ -1,4 +1,4 @@
1
- import { u as o, a as s, b as i, c as r } from "../../usePage-CWu-cjzK.js";
1
+ import { u as o, a as s, b as i, c as r } from "../../usePage-u2gRhvQ0.js";
2
2
  import { u as f } from "../../useSidebar-BJuALHqQ.js";
3
3
  export {
4
4
  o as useConfirmDeleteDialog,
@@ -1,4 +1,4 @@
1
- import { u as s, a, b as r, c as u } from "../usePage-CWu-cjzK.js";
1
+ import { u as s, a, b as r, c as u } from "../usePage-u2gRhvQ0.js";
2
2
  import { u as m } from "../useSidebar-BJuALHqQ.js";
3
3
  import { u as i } from "../useDataTable-CxcA5S-s.js";
4
4
  import { u as x } from "../useDocumentTitle-WNwdPz-I.js";
@@ -9,7 +9,7 @@ const R = e.Root, z = e.Group, j = e.Value, N = l.forwardRef(
9
9
  {
10
10
  ref: i,
11
11
  className: s(
12
- "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
12
+ "flex h-10 w-full items-center justify-between rounded-control border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
13
13
  o
14
14
  ),
15
15
  ...n,
@@ -45,7 +45,7 @@ const y = l.forwardRef(
45
45
  {
46
46
  ref: i,
47
47
  className: s(
48
- "relative z-[100] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
48
+ "relative z-[100] max-h-96 min-w-[8rem] overflow-hidden rounded-surface border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
49
49
  a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
50
50
  o
51
51
  ),
@@ -2,14 +2,14 @@ import { jsx as o, jsxs as d } from "react/jsx-runtime";
2
2
  import { c as i } from "./tailwind.helper-B6yFEsav.js";
3
3
  import * as r from "react";
4
4
  import * as a from "@radix-ui/react-dialog";
5
- import { cva as c } from "class-variance-authority";
5
+ import { cva as f } from "class-variance-authority";
6
6
  import { X as m } from "lucide-react";
7
7
  const p = r.forwardRef(({ className: e, type: t, ...s }, n) => /* @__PURE__ */ o(
8
8
  "input",
9
9
  {
10
10
  type: t,
11
11
  className: i(
12
- "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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 md:text-sm",
12
+ "flex h-10 w-full rounded-control border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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 md:text-sm",
13
13
  e
14
14
  ),
15
15
  ref: n,
@@ -31,7 +31,7 @@ const R = a.Root, k = a.Trigger, T = a.Close, u = a.Portal, l = r.forwardRef(
31
31
  )
32
32
  );
33
33
  l.displayName = a.Overlay.displayName;
34
- const g = c(
34
+ const g = f(
35
35
  "fixed z-[70] gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
36
36
  {
37
37
  variants: {
@@ -47,9 +47,9 @@ const g = c(
47
47
  }
48
48
  }
49
49
  ), b = r.forwardRef(
50
- ({ side: e = "right", className: t, children: s, ...n }, f) => /* @__PURE__ */ d(u, { children: [
50
+ ({ side: e = "right", className: t, children: s, ...n }, c) => /* @__PURE__ */ d(u, { children: [
51
51
  /* @__PURE__ */ o(l, {}),
52
- /* @__PURE__ */ d(a.Content, { ref: f, className: i(g({ side: e }), t), ...n, children: [
52
+ /* @__PURE__ */ d(a.Content, { ref: c, className: i(g({ side: e }), t), ...n, children: [
53
53
  s,
54
54
  /* @__PURE__ */ d(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
55
55
  /* @__PURE__ */ o(m, { className: "size-4" }),
@@ -0,0 +1,8 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { c as t } from "./tailwind.helper-B6yFEsav.js";
3
+ function a({ className: o, ...e }) {
4
+ return /* @__PURE__ */ r("div", { className: t("animate-pulse rounded-control bg-muted", o), ...e });
5
+ }
6
+ export {
7
+ a as S
8
+ };
@@ -73,6 +73,8 @@ declare const krosoftPreset: {
73
73
  };
74
74
  };
75
75
  borderRadius: {
76
+ control: string;
77
+ surface: string;
76
78
  lg: string;
77
79
  md: string;
78
80
  sm: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ED,CAAC;AAEnB,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFD,CAAC;AAEnB,eAAe,aAAa,CAAC"}
@@ -48,9 +48,17 @@ const r = {
48
48
  }
49
49
  },
50
50
  borderRadius: {
51
+ // Tokens sémantiques — à privilégier dans les composants.
52
+ // Ils garantissent qu'un input, un bouton et une pastille de filtre
53
+ // posés côte à côte partagent toujours la même forme.
54
+ control: "var(--radius-control, var(--radius))",
55
+ surface: "var(--radius-surface, var(--radius))",
56
+ // Échelle historique, dérivée de --radius : réservée aux éléments
57
+ // internes (items de menu, checkbox, poignées…) qui ne doivent jamais
58
+ // devenir des capsules. max() protège le preset "square" (--radius: 0).
51
59
  lg: "var(--radius)",
52
- md: "calc(var(--radius) - 2px)",
53
- sm: "calc(var(--radius) - 4px)"
60
+ md: "max(0px, calc(var(--radius) - 2px))",
61
+ sm: "max(0px, calc(var(--radius) - 4px))"
54
62
  },
55
63
  keyframes: {
56
64
  "accordion-down": {
@@ -7,7 +7,7 @@ import { c as n } from "./tailwind.helper-B6yFEsav.js";
7
7
  import { useTheme as f } from "next-themes";
8
8
  import { Toaster as m } from "sonner";
9
9
  import { u as g } from "./useToast-BFTk4lWz.js";
10
- import { bW as b, bS as v, bX as T, bV as h, bU as x, bY as C } from "./toggle-group-DY9wl0HW.js";
10
+ import { bW as b, bS as v, bX as T, bV as h, bU as x, bY as C } from "./toggle-group-DC5hqQ4H.js";
11
11
  const A = u.Root, G = s.Root, V = s.CollapsibleTrigger, B = s.CollapsibleContent, S = ({ className: e, ...r }) => /* @__PURE__ */ t(i.Group, { className: n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e), ...r }), $ = i.Panel, k = ({
12
12
  withHandle: e,
13
13
  className: r,
@@ -4,7 +4,7 @@ import { c as r } from "./tailwind.helper-B6yFEsav.js";
4
4
  import * as P from "@radix-ui/react-accordion";
5
5
  import { ChevronDown as te, MoreHorizontal as Ie, ChevronRight as H, ChevronLeft as Te, ArrowLeft as Se, ArrowRight as Pe, CheckIcon as oe, X as De, SearchIcon as ze, Check as re, Circle as Z, ChevronRightIcon as se, CircleIcon as Me, Dot as _e, MoreHorizontalIcon as Le, ChevronLeftIcon as je, XIcon as Ae } from "lucide-react";
6
6
  import * as N from "@radix-ui/react-alert-dialog";
7
- import { d as M, B as ne } from "./tooltip-BWyFpIxo.js";
7
+ import { d as M, B as ne } from "./tooltip-OY3E8Lo0.js";
8
8
  import * as _ from "@radix-ui/react-avatar";
9
9
  import { cva as B } from "class-variance-authority";
10
10
  import { Slot as ie } from "@radix-ui/react-slot";
@@ -34,7 +34,7 @@ import * as D from "@radix-ui/react-tabs";
34
34
  import * as v from "@radix-ui/react-toast";
35
35
  import * as E from "@radix-ui/react-toggle-group";
36
36
  import * as le from "@radix-ui/react-toggle";
37
- const Ke = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: r("rounded-lg border bg-card text-card-foreground shadow-sm", a), ...e }));
37
+ const Ke = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: r("rounded-surface border bg-card text-card-foreground shadow-sm", a), ...e }));
38
38
  Ke.displayName = "Card";
39
39
  const qe = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: r("flex flex-col space-y-1.5 p-6", a), ...e }));
40
40
  qe.displayName = "CardHeader";
@@ -92,7 +92,7 @@ const aa = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(ea, { c
92
92
  {
93
93
  ref: t,
94
94
  className: r(
95
- "fixed left-[50%] top-[50%] z-70 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
95
+ "fixed left-[50%] top-[50%] z-70 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-surface",
96
96
  a
97
97
  ),
98
98
  ...e
@@ -125,7 +125,7 @@ const ca = s.forwardRef(
125
125
  );
126
126
  ca.displayName = _.Fallback.displayName;
127
127
  const ma = B(
128
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
128
+ "inline-flex items-center rounded-control border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
129
129
  {
130
130
  variants: {
131
131
  variant: {
@@ -175,19 +175,19 @@ function ha({ className: a, classNames: e, showOutsideDays: t = !0, ...n }) {
175
175
  button_previous: r(M({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute left-1"),
176
176
  button_next: r(M({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute right-1"),
177
177
  weekdays: "flex justify-center",
178
- weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem] text-center flex items-center justify-center",
178
+ weekday: "text-muted-foreground rounded-control w-9 font-normal text-[0.8rem] text-center flex items-center justify-center",
179
179
  week: "flex w-full mt-2",
180
180
  day: r(
181
181
  "group relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20",
182
- "[&:has([aria-selected].day-range-end)]:rounded-r-md",
182
+ "[&:has([aria-selected].day-range-end)]:rounded-r-control",
183
183
  "[&:has([aria-selected])]:bg-accent",
184
- "first:[&:has([aria-selected])]:rounded-l-md",
185
- "last:[&:has([aria-selected])]:rounded-r-md",
184
+ "first:[&:has([aria-selected])]:rounded-l-control",
185
+ "last:[&:has([aria-selected])]:rounded-r-control",
186
186
  "[&:has([aria-selected].day-outside)]:bg-accent/50"
187
187
  ),
188
188
  day_button: r(M({ variant: "ghost" }), "size-9 p-0 font-normal aria-selected:opacity-100"),
189
- range_start: "day-range-start rounded-l-md",
190
- range_end: "day-range-end rounded-r-md",
189
+ range_start: "day-range-start rounded-l-control",
190
+ range_end: "day-range-end rounded-r-control",
191
191
  selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
192
192
  today: "bg-accent text-accent-foreground",
193
193
  outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
@@ -286,7 +286,7 @@ const Ca = s.forwardRef(
286
286
  variant: e,
287
287
  size: t,
288
288
  className: r(
289
- "absolute h-8 w-8 rounded-full",
289
+ "absolute h-8 w-8 rounded-control",
290
290
  l === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
291
291
  a
292
292
  ),
@@ -312,7 +312,7 @@ const Ra = s.forwardRef(
312
312
  variant: e,
313
313
  size: t,
314
314
  className: r(
315
- "absolute h-8 w-8 rounded-full",
315
+ "absolute h-8 w-8 rounded-control",
316
316
  l === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
317
317
  a
318
318
  ),
@@ -407,7 +407,7 @@ ${t.map(([l, u]) => {
407
407
  "div",
408
408
  {
409
409
  ref: W,
410
- className: r("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", t),
410
+ className: r("grid min-w-[8rem] items-start gap-1.5 rounded-surface border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", t),
411
411
  children: [
412
412
  T ? null : z,
413
413
  /* @__PURE__ */ o("div", { className: "grid gap-1.5", children: e.map((g, w) => {
@@ -516,7 +516,7 @@ const ge = s.forwardRef(
516
516
  {
517
517
  ref: n,
518
518
  className: r(
519
- "fixed left-[50%] top-[50%] z-[70] grid w-full max-w-lg max-h-[95vh] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
519
+ "fixed left-[50%] top-[50%] z-[70] grid w-full max-w-lg max-h-[95vh] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-surface",
520
520
  a
521
521
  ),
522
522
  ...t,
@@ -547,7 +547,7 @@ const be = s.forwardRef(
547
547
  x,
548
548
  {
549
549
  ref: t,
550
- className: r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", a),
550
+ className: r("flex h-full w-full flex-col overflow-hidden rounded-surface bg-popover text-popover-foreground", a),
551
551
  ...e
552
552
  }
553
553
  )
@@ -561,7 +561,7 @@ const qo = ({ children: a, ...e }) => /* @__PURE__ */ o(za, { ...e, children: /*
561
561
  {
562
562
  ref: t,
563
563
  className: r(
564
- "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
564
+ "flex h-11 w-full rounded-control bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
565
565
  a
566
566
  ),
567
567
  ...e
@@ -632,7 +632,7 @@ const Ka = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
632
632
  {
633
633
  ref: t,
634
634
  className: r(
635
- "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
635
+ "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
636
636
  a
637
637
  ),
638
638
  ...e
@@ -644,7 +644,7 @@ const qa = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(f.Porta
644
644
  {
645
645
  ref: t,
646
646
  className: r(
647
- "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
647
+ "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
648
648
  a
649
649
  ),
650
650
  ...e
@@ -716,7 +716,7 @@ const at = s.forwardRef(
716
716
  R.Content,
717
717
  {
718
718
  ref: n,
719
- className: r("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", a),
719
+ className: r("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-surface border bg-background", a),
720
720
  ...t,
721
721
  children: [
722
722
  /* @__PURE__ */ o("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
@@ -759,7 +759,7 @@ const it = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
759
759
  {
760
760
  ref: t,
761
761
  className: r(
762
- "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
762
+ "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
763
763
  a
764
764
  ),
765
765
  ...e
@@ -772,7 +772,7 @@ const dt = s.forwardRef(({ className: a, sideOffset: e = 4, ...t }, n) => /* @__
772
772
  ref: n,
773
773
  sideOffset: e,
774
774
  className: r(
775
- "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
775
+ "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
776
776
  a
777
777
  ),
778
778
  ...t
@@ -891,7 +891,7 @@ const lr = $.Root, cr = $.Trigger, vt = s.forwardRef(({ className: a, align: e =
891
891
  align: e,
892
892
  sideOffset: t,
893
893
  className: r(
894
- "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
894
+ "z-50 w-64 rounded-surface border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
895
895
  a
896
896
  ),
897
897
  ...n
@@ -920,7 +920,7 @@ const Rt = s.forwardRef(
920
920
  {
921
921
  ref: n,
922
922
  className: r(
923
- "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
923
+ "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-control first:border-l last:rounded-r-control",
924
924
  b && "z-10 ring-2 ring-ring ring-offset-background",
925
925
  e
926
926
  ),
@@ -937,7 +937,7 @@ Rt.displayName = "InputOTPSlot";
937
937
  const kt = s.forwardRef(({ ...a }, e) => /* @__PURE__ */ o("div", { ref: e, role: "separator", ...a, children: /* @__PURE__ */ o(_e, {}) }));
938
938
  kt.displayName = "InputOTPSeparator";
939
939
  const mr = m.Menu, ur = m.Group, fr = m.Portal, pr = m.Sub, gr = m.RadioGroup, It = s.forwardRef(
940
- ({ className: a, ...e }, t) => /* @__PURE__ */ o(m.Root, { ref: t, className: r("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", a), ...e })
940
+ ({ className: a, ...e }, t) => /* @__PURE__ */ o(m.Root, { ref: t, className: r("flex h-10 items-center space-x-1 rounded-surface border bg-background p-1", a), ...e })
941
941
  );
942
942
  It.displayName = m.Root.displayName;
943
943
  const Tt = s.forwardRef(
@@ -976,7 +976,7 @@ const Pt = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
976
976
  {
977
977
  ref: t,
978
978
  className: r(
979
- "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
979
+ "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
980
980
  a
981
981
  ),
982
982
  ...e
@@ -992,7 +992,7 @@ const Dt = s.forwardRef(
992
992
  alignOffset: t,
993
993
  sideOffset: n,
994
994
  className: r(
995
- "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
995
+ "z-50 min-w-[12rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
996
996
  a
997
997
  ),
998
998
  ...i
@@ -1060,7 +1060,7 @@ Ft.displayName = h.Root.displayName;
1060
1060
  const Gt = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(h.List, { ref: t, className: r("group flex flex-1 list-none items-center justify-center space-x-1", a), ...e }));
1061
1061
  Gt.displayName = h.List.displayName;
1062
1062
  const br = h.Item, Ot = B(
1063
- "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
1063
+ "group inline-flex h-10 w-max items-center justify-center rounded-control bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
1064
1064
  ), Bt = s.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ d(h.Trigger, { ref: n, className: r(Ot(), "group", a), ...t, children: [
1065
1065
  e,
1066
1066
  " ",
@@ -1083,7 +1083,7 @@ const Nr = h.Link, ve = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__
1083
1083
  h.Viewport,
1084
1084
  {
1085
1085
  className: r(
1086
- "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
1086
+ "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-surface border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
1087
1087
  a
1088
1088
  ),
1089
1089
  ref: t,
@@ -1148,7 +1148,7 @@ const xr = G.Root, hr = G.Trigger, Jt = s.forwardRef(
1148
1148
  align: e,
1149
1149
  sideOffset: t,
1150
1150
  className: r(
1151
- "z-[100] w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
1151
+ "z-[100] w-72 rounded-surface border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
1152
1152
  a
1153
1153
  ),
1154
1154
  ...n
@@ -1310,7 +1310,7 @@ const go = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
1310
1310
  "textarea",
1311
1311
  {
1312
1312
  className: r(
1313
- "flex min-h-[80px] w-full rounded-md border border-input bg-background 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",
1313
+ "flex min-h-[80px] w-full rounded-control border border-input bg-background 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",
1314
1314
  a
1315
1315
  ),
1316
1316
  ref: t,
@@ -1333,7 +1333,7 @@ const vr = v.Provider, bo = s.forwardRef(
1333
1333
  );
1334
1334
  bo.displayName = v.Viewport.displayName;
1335
1335
  const No = B(
1336
- "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
1336
+ "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-surface border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
1337
1337
  {
1338
1338
  variants: {
1339
1339
  variant: {
@@ -1353,7 +1353,7 @@ const ho = s.forwardRef(
1353
1353
  {
1354
1354
  ref: t,
1355
1355
  className: r(
1356
- "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50",
1356
+ "inline-flex h-8 shrink-0 items-center justify-center rounded-control border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50",
1357
1357
  a
1358
1358
  ),
1359
1359
  ...e
@@ -1384,7 +1384,7 @@ vo.displayName = v.Title.displayName;
1384
1384
  const wo = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(v.Description, { ref: t, className: r("text-sm opacity-90", a), ...e }));
1385
1385
  wo.displayName = v.Description.displayName;
1386
1386
  const Ce = B(
1387
- "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
1387
+ "inline-flex items-center justify-center rounded-control text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
1388
1388
  {
1389
1389
  variants: {
1390
1390
  variant: {
@@ -1,11 +1,11 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { c as n } from "./tailwind.helper-B6yFEsav.js";
3
- import { Slot as m } from "@radix-ui/react-slot";
4
- import { cva as p } from "class-variance-authority";
3
+ import { Slot as c } from "@radix-ui/react-slot";
4
+ import { cva as f } from "class-variance-authority";
5
5
  import * as s from "react";
6
6
  import * as e from "@radix-ui/react-tooltip";
7
- const f = p(
8
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
7
+ const p = f(
8
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-control text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
9
9
  {
10
10
  variants: {
11
11
  variant: {
@@ -19,8 +19,8 @@ const f = p(
19
19
  },
20
20
  size: {
21
21
  default: "h-10 px-4 py-2",
22
- sm: "h-9 rounded-md px-3",
23
- lg: "h-11 rounded-md px-8",
22
+ sm: "h-9 rounded-control px-3",
23
+ lg: "h-11 rounded-control px-8",
24
24
  icon: "h-10 w-10"
25
25
  }
26
26
  },
@@ -29,28 +29,28 @@ const f = p(
29
29
  size: "default"
30
30
  }
31
31
  }
32
- ), c = s.forwardRef(({ className: o, variant: t, size: r, asChild: i = !1, ...d }, l) => /* @__PURE__ */ a(i ? m : "button", { className: n(f({ variant: t, size: r, className: o })), ref: l, ...d }));
33
- c.displayName = "Button";
34
- const y = e.Provider, w = e.Root, T = e.Trigger, u = s.forwardRef(
32
+ ), u = s.forwardRef(({ className: o, variant: t, size: r, asChild: i = !1, ...d }, l) => /* @__PURE__ */ a(i ? c : "button", { className: n(p({ variant: t, size: r, className: o })), ref: l, ...d }));
33
+ u.displayName = "Button";
34
+ const y = e.Provider, w = e.Root, T = e.Trigger, m = s.forwardRef(
35
35
  ({ className: o, sideOffset: t = 4, ...r }, i) => /* @__PURE__ */ a(
36
36
  e.Content,
37
37
  {
38
38
  ref: i,
39
39
  sideOffset: t,
40
40
  className: n(
41
- "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
41
+ "z-50 overflow-hidden rounded-surface border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
42
42
  o
43
43
  ),
44
44
  ...r
45
45
  }
46
46
  )
47
47
  );
48
- u.displayName = e.Content.displayName;
48
+ m.displayName = e.Content.displayName;
49
49
  export {
50
- c as B,
50
+ u as B,
51
51
  w as T,
52
- u as a,
52
+ m as a,
53
53
  y as b,
54
54
  T as c,
55
- f as d
55
+ p as d
56
56
  };
@@ -57,7 +57,7 @@ const g = (e) => {
57
57
  loadingKey: "Suppression...",
58
58
  icon: l,
59
59
  titleClassName: "flex items-center gap-2 text-destructive",
60
- headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-lg shrink-0"
60
+ headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-surface shrink-0"
61
61
  }), x = () => {
62
62
  const e = u(m);
63
63
  if (e === void 0)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@krosoft/react",
3
- "version": "0.0.170",
3
+ "version": "0.0.172",
4
4
  "description": "Krosoft shared React package",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -91,7 +91,7 @@
91
91
  },
92
92
  "devDependencies": {
93
93
  "@krosoft/core": "^0.0.50",
94
- "@krosoft/tooling-eslint-react": "^0.0.25",
94
+ "@krosoft/tooling-eslint-react": "^0.0.26",
95
95
  "@krosoft/tooling-prettier": "^0.0.18",
96
96
  "@krosoft/tooling-tsconfig-react": "^0.0.10",
97
97
  "@storybook/addon-docs": "^10.5.0",
@@ -103,7 +103,7 @@
103
103
  "@types/react": "^19.2.17",
104
104
  "@types/react-dom": "^19.2.3",
105
105
  "autoprefixer": "^10.5.2",
106
- "eslint-plugin-storybook": "10.5.5",
106
+ "eslint-plugin-storybook": "10.5.6",
107
107
  "jsdom": "^29.1.1",
108
108
  "next-themes": "^0.4.6",
109
109
  "prettier": "^3.9.6",