@lazar-ui/kit 0.6.0 → 0.6.1

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 (70) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Actions-Cii4AnwJ.mjs +12 -0
  3. package/dist/Actions.css +1 -1
  4. package/dist/Content-1kg0isb_.mjs +12 -0
  5. package/dist/Content.css +1 -1
  6. package/dist/Context-BjkJbHVo.mjs +6 -0
  7. package/dist/Item-CBYGbEHN.mjs +47 -0
  8. package/dist/Item.css +1 -1
  9. package/dist/Panel-B-LZtrGB.mjs +11 -0
  10. package/dist/{Row-C-3TXoDz.mjs → Row-BfI8268z.mjs} +1 -1
  11. package/dist/Separator-FETQ3gHZ.mjs +9 -0
  12. package/dist/Separator.css +1 -0
  13. package/dist/{Tab-CR0KvVaA.mjs → Tab-BfpR10OT.mjs} +10 -11
  14. package/dist/Text-DQPy-DZ5.mjs +46 -0
  15. package/dist/Title-xHMuJWGl.mjs +12 -0
  16. package/dist/accordion.css +1 -1
  17. package/dist/accordion.js +23 -62
  18. package/dist/actions.d.ts +7 -7
  19. package/dist/actions.js +1 -1
  20. package/dist/breadcrumbs.js +1 -1
  21. package/dist/checkbox.css +1 -0
  22. package/dist/checkbox.d.ts +35 -10
  23. package/dist/checkbox.js +40 -2
  24. package/dist/content.d.ts +2 -2
  25. package/dist/content.js +1 -1
  26. package/dist/context.d.ts +7 -34
  27. package/dist/context.js +3 -5
  28. package/dist/dialog.css +1 -1
  29. package/dist/dialog.js +45 -56
  30. package/dist/drawer.js +2 -2
  31. package/dist/empty-state.css +1 -1
  32. package/dist/empty-state.js +48 -29
  33. package/dist/enums-DfSzOa3x.mjs +4 -0
  34. package/dist/enums-OoI2Qgqq.mjs +14 -0
  35. package/dist/{getComponentSlots-DD4iju8N.mjs → getComponentSlots-DwAYUFNk.mjs} +1 -1
  36. package/dist/getDecorationStyle-BCBONKEl.mjs +7 -0
  37. package/dist/isValidReactNode-CmYwTWCE.mjs +18 -0
  38. package/dist/item.d.ts +35 -9
  39. package/dist/item.js +1 -1
  40. package/dist/menu.css +1 -1
  41. package/dist/menu.js +83 -44
  42. package/dist/pagination.js +60 -48
  43. package/dist/panel.js +1 -1
  44. package/dist/radio.css +1 -1
  45. package/dist/radio.js +98 -42
  46. package/dist/row.js +1 -1
  47. package/dist/separator.d.ts +1 -21
  48. package/dist/separator.js +2 -22
  49. package/dist/tab.js +1 -1
  50. package/dist/table.js +2 -2
  51. package/dist/tabs.js +34 -31
  52. package/dist/text.js +1 -1
  53. package/dist/title.js +1 -1
  54. package/dist/typography.js +1 -1
  55. package/dist/utils.d.ts +75 -2
  56. package/dist/utils.js +17 -14
  57. package/package.json +1 -1
  58. package/dist/Actions-CEIXfLKN.mjs +0 -26
  59. package/dist/Checkbox-Chfzm1Z9.mjs +0 -46
  60. package/dist/Checkbox.css +0 -1
  61. package/dist/Content-ru2X8iBx.mjs +0 -13
  62. package/dist/Item-JbyvZy05.mjs +0 -66
  63. package/dist/Panel-Q06TIYep.mjs +0 -12
  64. package/dist/Provider-CBfZpO45.mjs +0 -12
  65. package/dist/Text-DiOqZt8E.mjs +0 -49
  66. package/dist/Title-aOeFD24v.mjs +0 -13
  67. package/dist/enums-CiPhZomh.mjs +0 -6
  68. package/dist/isValidReactNode-D1buElhX.mjs +0 -17
  69. package/dist/separator.css +0 -1
  70. package/dist/useTabsContext-DdF09jQq.mjs +0 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.6.1] - 2026-06-10
4
+
5
+ ### Bug Fixes
6
+
7
+ - **build**: исправлен экспорт утилит (`getComponentSlots`, `filterValidChildren` и др.) — Pagination/utils/index.ts больше не перезаписывает entry point `utils` в конфиге сборки
8
+
3
9
  ## [0.6.0] - 2026-06-10
4
10
 
5
11
  ### ⚠ BREAKING CHANGES
@@ -0,0 +1,12 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { E as r } from "./enums-DfSzOa3x.mjs";
3
+ import './Actions.css';const n = "_root_1fxwu_1", c = {
4
+ root: n
5
+ }, e = (o) => {
6
+ const { children: t } = o;
7
+ return /* @__PURE__ */ s("div", { className: c.root, children: t });
8
+ };
9
+ e.displayName = r.ACTIONS;
10
+ export {
11
+ e as A
12
+ };
package/dist/Actions.css CHANGED
@@ -1 +1 @@
1
- ._actions_dl9xv_1{align-items:center;display:flex;gap:var(--lui-space-2);margin-top:var(--lui-space-2)}
1
+ ._root_1fxwu_1{display:flex;gap:var(--dialog-actions-gap)}
@@ -0,0 +1,12 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { E as r } from "./enums-DfSzOa3x.mjs";
3
+ import './Content.css';const n = "_root_jagsa_1", a = {
4
+ root: n
5
+ }, e = (o) => {
6
+ const { children: t } = o;
7
+ return /* @__PURE__ */ s("div", { className: a.root, children: t });
8
+ };
9
+ e.displayName = r.CONTENT;
10
+ export {
11
+ e as C
12
+ };
package/dist/Content.css CHANGED
@@ -1 +1 @@
1
- :root{--dropdown-min-width: 160px;--dropdown-item-padding-x: var(--lui-space-3);--dropdown-item-padding-y: var(--lui-space-2);--dropdown-item-gap: var(--lui-space-2);--dropdown-item-radius: var(--lui-radius-1);--dropdown-item-font-size: var(--lui-font-size-sm);--dropdown-item-icon-size: 16px;--dropdown-separator-margin: var(--lui-space-1) var(--lui-space-2);--dropdown-group-label-padding: var(--lui-space-2) var(--lui-space-3);--dropdown-group-label-font-size: var(--lui-font-size-xs)}._root_1h0xj_14{min-width:var(--dropdown-min-width);padding:var(--lui-space-1)}
1
+ ._root_jagsa_1{max-height:100%;overflow-y:auto}
@@ -0,0 +1,6 @@
1
+ import { createContext as t, useContext as o } from "react";
2
+ const e = t(null), s = () => o(e);
3
+ export {
4
+ e as C,
5
+ s as u
6
+ };
@@ -0,0 +1,47 @@
1
+ import { jsxs as l, jsx as c } from "react/jsx-runtime";
2
+ import { useState as N, useCallback as z } from "react";
3
+ import I from "clsx";
4
+ import { I as x } from "./Icon-DUCBChX2.mjs";
5
+ import { u as C } from "./Context-BjkJbHVo.mjs";
6
+ import './Item.css';const A = "Accordion", O = "_root_z83hn_7", b = "_trigger_z83hn_11", y = "_open_z83hn_27", j = "_title_z83hn_32", k = "_icon_z83hn_41", D = "_chevron_z83hn_46", S = "_content_z83hn_66", n = {
7
+ root: O,
8
+ trigger: b,
9
+ open: y,
10
+ title: j,
11
+ icon: k,
12
+ chevron: D,
13
+ content: S
14
+ }, T = (p) => {
15
+ const { children: _, icon: a, onOpenChange: r, open: o, title: h, value: e } = p, t = C(), i = t && e !== void 0, [d, g] = N(!1);
16
+ let s;
17
+ i ? s = t.openValue === e : o !== void 0 ? s = o : s = d;
18
+ const u = z(() => {
19
+ if (i && e !== void 0) {
20
+ t.onItemToggle(e);
21
+ return;
22
+ }
23
+ if (o !== void 0) {
24
+ r?.(!o);
25
+ return;
26
+ }
27
+ g((f) => {
28
+ const m = !f;
29
+ return r?.(m), m;
30
+ });
31
+ }, [i, t, e, o, r]), v = I(n.root, { [n.open]: s });
32
+ return /* @__PURE__ */ l("div", { className: v, children: [
33
+ /* @__PURE__ */ l("button", { className: n.trigger, onClick: u, type: "button", children: [
34
+ /* @__PURE__ */ l("span", { className: n.title, children: [
35
+ a && /* @__PURE__ */ c("span", { className: n.icon, children: /* @__PURE__ */ c(x, { name: a, size: 16 }) }),
36
+ h
37
+ ] }),
38
+ /* @__PURE__ */ c("span", { className: n.chevron })
39
+ ] }),
40
+ /* @__PURE__ */ c("div", { className: n.content, children: _ })
41
+ ] });
42
+ };
43
+ T.displayName = `${A}.Item`;
44
+ export {
45
+ A as D,
46
+ T as I
47
+ };
package/dist/Item.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";._item_1mf7l_3{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--radio-gap);position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle}._item_1mf7l_3._disabled_1mf7l_12{cursor:not-allowed;opacity:.5}._item_1mf7l_3._invalid_1mf7l_17 ._radio_1mf7l_17{border-color:var(--radio-error-border)}._item_1mf7l_3._invalid_1mf7l_17 ._input_1mf7l_20:checked+._radio_1mf7l_17{background-color:var(--radio-error-checked-bg);border-color:var(--radio-error-checked-border)}._input_1mf7l_20{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._radio_1mf7l_17{align-items:center;background:var(--radio-bg);border:1px solid var(--radio-border);border-radius:var(--radio-radius);display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background var(--radio-transition-duration) var(--radio-transition-timing),border-color var(--radio-transition-duration) var(--radio-transition-timing)}._radio_1mf7l_17:after{background:var(--radio-dot-color);border-radius:50%;content:"";opacity:0;position:absolute;transition:opacity var(--radio-transition-duration) var(--radio-transition-timing),transform var(--radio-transition-duration) var(--radio-transition-timing)}._content_1mf7l_63{display:flex;flex-direction:column;gap:var(--radio-content-gap);padding-top:var(--radio-content-padding-top)}._label_1mf7l_70{color:var(--radio-label-color);font-weight:var(--radio-label-font-weight)}._description_1mf7l_75{color:var(--radio-description-color);font-weight:var(--lui-font-weight-normal)}._item_1mf7l_3:not(._disabled_1mf7l_12) ._input_1mf7l_20:not(:checked):hover+._radio_1mf7l_17{border-color:var(--radio-hover-border)}._input_1mf7l_20:focus-visible+._radio_1mf7l_17{box-shadow:var(--radio-focus-shadow)}._input_1mf7l_20:checked+._radio_1mf7l_17{background:var(--radio-checked-bg);border-color:var(--radio-checked-border)}._input_1mf7l_20:checked+._radio_1mf7l_17:after{opacity:1}._disabled_1mf7l_12 ._input_1mf7l_20:checked+._radio_1mf7l_17{background:var(--radio-disabled-bg);border-color:var(--radio-disabled-border)}._disabled_1mf7l_12 ._input_1mf7l_20:checked+._radio_1mf7l_17:after{background:var(--radio-disabled-dot)}._disabled_1mf7l_12 ._input_1mf7l_20:not(:checked)+._radio_1mf7l_17{background:var(--radio-disabled-bg);border-color:var(--radio-disabled-border)}._sizeSm_1mf7l_113 ._radio_1mf7l_17{height:16px;width:16px}._sizeSm_1mf7l_113 ._radio_1mf7l_17:after{height:6px;width:6px}._sizeSm_1mf7l_113 ._label_1mf7l_70{font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm)}._sizeSm_1mf7l_113 ._description_1mf7l_75{font-size:var(--lui-font-size-xs);line-height:var(--line-height-xs)}._sizeMd_1mf7l_130 ._radio_1mf7l_17{height:20px;width:20px}._sizeMd_1mf7l_130 ._radio_1mf7l_17:after{height:8px;width:8px}._sizeMd_1mf7l_130 ._label_1mf7l_70{font-size:var(--lui-font-size-md);line-height:var(--line-height-md)}._sizeMd_1mf7l_130 ._description_1mf7l_75{font-size:var(--lui-font-size-sm);line-height:var(--line-height-sm)}._sizeLg_1mf7l_147 ._radio_1mf7l_17{height:24px;width:24px}._sizeLg_1mf7l_147 ._radio_1mf7l_17:after{height:10px;width:10px}._sizeLg_1mf7l_147 ._label_1mf7l_70{font-size:var(--lui-font-size-lg);line-height:var(--line-height-lg)}._sizeLg_1mf7l_147 ._description_1mf7l_75{font-size:var(--lui-font-size-md);line-height:var(--line-height-md)}
1
+ :root{--accordion-chevron-size: 8px;--accordion-transition-duration: .2s;--accordion-content-transition: .3s}._root_z83hn_7:not(:last-child){border-bottom:1px solid var(--lui-color-border-primary)}._trigger_z83hn_11{align-items:center;background:var(--lui-color-background-primary);border:none;cursor:pointer;display:flex;gap:var(--lui-space-2);justify-content:space-between;padding:var(--lui-space-6) var(--lui-space-4);transition:background-color var(--accordion-transition-duration);width:100%}._trigger_z83hn_11:hover{background:var(--lui-color-background-tertiary)}._open_z83hn_27 ._trigger_z83hn_11{background:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}._title_z83hn_32{align-items:center;display:flex;font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);gap:var(--lui-space-4);line-height:1.4}._icon_z83hn_41,._chevron_z83hn_46{align-items:center;display:flex}._chevron_z83hn_46:after{border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;content:"";display:block;height:var(--accordion-chevron-size);transform:rotate(45deg);transition:transform var(--accordion-transition-duration);width:var(--accordion-chevron-size)}._open_z83hn_27 ._chevron_z83hn_46:after{transform:rotate(-135deg)}._content_z83hn_66{background:var(--lui-color-background-secondary);border-top:1px solid var(--lui-color-border-primary);font-size:var(--lui-font-size-md);line-height:1.5;max-height:0;opacity:0;overflow:hidden;padding:0 var(--lui-space-4);transition:max-height var(--accordion-content-transition) ease-out,opacity var(--accordion-content-transition) ease-out,padding var(--accordion-content-transition) ease-out}._open_z83hn_27 ._content_z83hn_66{max-height:9999px;opacity:1;padding:var(--lui-space-4)}
@@ -0,0 +1,11 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { E as r, u as i } from "./enums-OoI2Qgqq.mjs";
3
+ import "react";
4
+ const m = (e) => {
5
+ const { panels: n } = e, { activeIndex: t, getPanelId: o } = i(), s = o(t);
6
+ return /* @__PURE__ */ a("div", { id: s, children: n[t] });
7
+ };
8
+ m.displayName = `${r.PANEL}`;
9
+ export {
10
+ m as P
11
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import i from "react";
3
- import { i as m } from "./isValidReactNode-D1buElhX.mjs";
3
+ import { i as m } from "./isValidReactNode-CmYwTWCE.mjs";
4
4
  import "lodash/camelCase";
5
5
  import { E as r } from "./enums-BnuDYTua.mjs";
6
6
  import './Row.css';const a = "_root_t4731_5", c = {
@@ -0,0 +1,9 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { E as r } from "./enums-DUZMBQDd.mjs";
3
+ import './Separator.css';const t = "_root_16pgq_1", s = {
4
+ root: t
5
+ }, a = () => /* @__PURE__ */ o("hr", { className: s.root });
6
+ a.displayName = r.SEPARATOR;
7
+ export {
8
+ a as S
9
+ };
@@ -0,0 +1 @@
1
+ ._root_16pgq_1{background:var(--lui-color-border-primary);border:none;height:1px;margin:var(--dropdown-separator-margin)}
@@ -1,29 +1,28 @@
1
1
  import { jsx as u } from "react/jsx-runtime";
2
2
  import f from "clsx";
3
- import { u as p } from "./useTabsContext-DdF09jQq.mjs";
3
+ import { E as p, u as x } from "./enums-OoI2Qgqq.mjs";
4
4
  import "react";
5
- import { g as x } from "./getVariantClassName-DoCNtwBw.mjs";
6
- import { E as C } from "./enums-CiPhZomh.mjs";
5
+ import { g as C } from "./getVariantClassName-DoCNtwBw.mjs";
7
6
  import './Tab.css';const I = "_root_11zii_1", T = "_disabled_11zii_5", z = "_variantDefault_11zii_9", g = "_active_11zii_22", B = "_variantButtons_11zii_26", i = {
8
7
  root: I,
9
8
  disabled: T,
10
9
  variantDefault: z,
11
10
  active: g,
12
11
  variantButtons: B
13
- }, N = (e) => {
14
- const { disabled: t = !1, label: s, index: a = 0, tabIndex: n = 0 } = e, { activeIndex: r, getPanelId: c, getTabId: l, setActiveTab: d, variant: b } = p(), m = c(a), v = l(a), o = r === a, _ = f(i.root, x("variant", b, i), {
15
- [i.active]: o,
12
+ }, N = (o) => {
13
+ const { disabled: t = !1, label: s, index: a = 0, tabIndex: n = 0 } = o, { activeIndex: r, getPanelId: c, getTabId: l, setActiveTab: d, variant: b } = x(), v = c(a), _ = l(a), e = r === a, m = f(i.root, C("variant", b, i), {
14
+ [i.active]: e,
16
15
  [i.disabled]: t
17
16
  });
18
17
  return /* @__PURE__ */ u(
19
18
  "button",
20
19
  {
21
- "aria-selected": o,
22
- "aria-controls": m,
20
+ "aria-selected": e,
21
+ "aria-controls": v,
23
22
  "aria-disabled": t,
24
- className: _,
23
+ className: m,
25
24
  disabled: t,
26
- id: v,
25
+ id: _,
27
26
  onClick: () => {
28
27
  t || d(a);
29
28
  },
@@ -33,7 +32,7 @@ import './Tab.css';const I = "_root_11zii_1", T = "_disabled_11zii_5", z = "_var
33
32
  }
34
33
  );
35
34
  };
36
- N.displayName = `${C.TAB}`;
35
+ N.displayName = `${p.TAB}`;
37
36
  export {
38
37
  N as T
39
38
  };
@@ -0,0 +1,46 @@
1
+ import { jsx as h } from "react/jsx-runtime";
2
+ import j from "react";
3
+ import v from "clsx";
4
+ import { g as w } from "./getDecorationStyle-BCBONKEl.mjs";
5
+ import { g as t } from "./getVariantClassName-DoCNtwBw.mjs";
6
+ import './Text.css';const y = "Text", z = "sm", S = "normal", u = "p", T = "_root_1vl2j_1", p = "_truncate_1vl2j_5", f = "_sizeXs_1vl2j_12", D = "_sizeSm_1vl2j_18", N = "_sizeMd_1vl2j_24", L = "_sizeLg_1vl2j_30", M = "_weightNormal_1vl2j_37", b = "_weightMedium_1vl2j_41", A = "_weightSemibold_1vl2j_45", B = "_weightBold_1vl2j_49", E = "_colorPrimary_1vl2j_54", x = "_colorSecondary_1vl2j_58", P = "_colorTertiary_1vl2j_62", C = "_colorDisabled_1vl2j_66", F = "_colorBrand_1vl2j_70", o = {
7
+ root: T,
8
+ truncate: p,
9
+ sizeXs: f,
10
+ sizeSm: D,
11
+ sizeMd: N,
12
+ sizeLg: L,
13
+ weightNormal: M,
14
+ weightMedium: b,
15
+ weightSemibold: A,
16
+ weightBold: B,
17
+ colorPrimary: E,
18
+ colorSecondary: x,
19
+ colorTertiary: P,
20
+ colorDisabled: C,
21
+ colorBrand: F
22
+ }, I = j.forwardRef((r, s) => {
23
+ const {
24
+ as: l = u,
25
+ children: c,
26
+ color: e,
27
+ size: i = z,
28
+ weight: _ = S,
29
+ truncate: n = !1,
30
+ underline: a,
31
+ strikethrough: m
32
+ } = r, d = w({ strikethrough: m, underline: a }), g = v(
33
+ o.root,
34
+ t("size", i, o),
35
+ t("weight", _, o),
36
+ e && t("color", e, o),
37
+ {
38
+ [o.truncate]: n
39
+ }
40
+ );
41
+ return /* @__PURE__ */ h(l, { className: g, ref: s, style: d, children: c });
42
+ });
43
+ I.displayName = y;
44
+ export {
45
+ I as T
46
+ };
@@ -0,0 +1,12 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { E as s } from "./enums-DfSzOa3x.mjs";
3
+ import './Title.css';const e = "_root_1ae0y_1", n = {
4
+ root: e
5
+ }, a = (o) => {
6
+ const { children: t } = o;
7
+ return /* @__PURE__ */ r("div", { className: n.root, children: t });
8
+ };
9
+ a.displayName = s.TITLE;
10
+ export {
11
+ a as T
12
+ };
@@ -1 +1 @@
1
- :root{--accordion-border-radius: var(--lui-radius-2)}._root_grshw_5{border:1px solid var(--lui-color-border-primary);border-radius:var(--accordion-border-radius);overflow:hidden;width:100%}:root{--accordion-chevron-size: 8px;--accordion-transition-duration: .2s;--accordion-content-transition: .3s}._root_z83hn_7:not(:last-child){border-bottom:1px solid var(--lui-color-border-primary)}._trigger_z83hn_11{align-items:center;background:var(--lui-color-background-primary);border:none;cursor:pointer;display:flex;gap:var(--lui-space-2);justify-content:space-between;padding:var(--lui-space-6) var(--lui-space-4);transition:background-color var(--accordion-transition-duration);width:100%}._trigger_z83hn_11:hover{background:var(--lui-color-background-tertiary)}._open_z83hn_27 ._trigger_z83hn_11{background:var(--lui-color-background-brand);color:var(--lui-color-text-on-brand)}._title_z83hn_32{align-items:center;display:flex;font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);gap:var(--lui-space-4);line-height:1.4}._icon_z83hn_41,._chevron_z83hn_46{align-items:center;display:flex}._chevron_z83hn_46:after{border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;content:"";display:block;height:var(--accordion-chevron-size);transform:rotate(45deg);transition:transform var(--accordion-transition-duration);width:var(--accordion-chevron-size)}._open_z83hn_27 ._chevron_z83hn_46:after{transform:rotate(-135deg)}._content_z83hn_66{background:var(--lui-color-background-secondary);border-top:1px solid var(--lui-color-border-primary);font-size:var(--lui-font-size-md);line-height:1.5;max-height:0;opacity:0;overflow:hidden;padding:0 var(--lui-space-4);transition:max-height var(--accordion-content-transition) ease-out,opacity var(--accordion-content-transition) ease-out,padding var(--accordion-content-transition) ease-out}._open_z83hn_27 ._content_z83hn_66{max-height:9999px;opacity:1;padding:var(--lui-space-4)}
1
+ :root{--accordion-border-radius: var(--lui-radius-2)}._root_grshw_5{border:1px solid var(--lui-color-border-primary);border-radius:var(--accordion-border-radius);overflow:hidden;width:100%}
package/dist/accordion.js CHANGED
@@ -1,66 +1,27 @@
1
- import { jsx as a, jsxs as h } from "react/jsx-runtime";
2
- import O, { createContext as T, useContext as E, useState as g, useCallback as v } from "react";
3
- import { i as y } from "./isValidReactNode-D1buElhX.mjs";
4
- import M from "clsx";
5
- import { I as P } from "./Icon-DUCBChX2.mjs";
6
- import './accordion.css';const f = T(null), S = () => E(f), N = "Accordion";
7
- var I = /* @__PURE__ */ ((r) => (r.ITEM = "Accordion.Item", r))(I || {});
8
- const b = "_root_grshw_5", $ = {
9
- root: b
10
- }, j = [I.ITEM], x = (r) => {
11
- const { children: m, defaultValue: u = null, onValueChange: s, value: o } = r, d = o !== void 0, [t, l] = g(u);
12
- let e;
13
- d ? e = o ?? null : e = t;
14
- const p = v(
15
- (n) => {
16
- let i;
17
- e === n ? i = null : i = n, d || l(i), s?.(i);
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import I, { useState as A, useCallback as V } from "react";
3
+ import { i as h } from "./isValidReactNode-CmYwTWCE.mjs";
4
+ import { C as v } from "./Context-BjkJbHVo.mjs";
5
+ import { D as E, I as N } from "./Item-CBYGbEHN.mjs";
6
+ import './accordion.css';var c = /* @__PURE__ */ ((t) => (t.ITEM = "Accordion.Item", t))(c || {});
7
+ const _ = "_root_grshw_5", T = {
8
+ root: _
9
+ }, g = [c.ITEM], i = (t) => {
10
+ const { children: u, defaultValue: d = null, onValueChange: l, value: a } = t, r = a !== void 0, [m, C] = A(d);
11
+ let o;
12
+ r ? o = a ?? null : o = m;
13
+ const p = V(
14
+ (e) => {
15
+ let n;
16
+ o === e ? n = null : n = e, r || C(n), l?.(n);
18
17
  },
19
- [e, d, s]
20
- ), _ = (n) => y(j, n) ? n : null;
21
- return /* @__PURE__ */ a(f.Provider, { value: { onItemToggle: p, openValue: e }, children: /* @__PURE__ */ a("div", { className: $.root, children: O.Children.map(m, _) }) });
18
+ [o, r, l]
19
+ ), f = (e) => h(g, e) ? e : null;
20
+ return /* @__PURE__ */ s(v.Provider, { value: { onItemToggle: p, openValue: o }, children: /* @__PURE__ */ s("div", { className: T.root, children: I.Children.map(u, f) }) });
22
21
  };
23
- x.displayName = N;
24
- const k = "_root_z83hn_7", B = "_trigger_z83hn_11", L = "_open_z83hn_27", R = "_title_z83hn_32", w = "_icon_z83hn_41", D = "_chevron_z83hn_46", U = "_content_z83hn_66", c = {
25
- root: k,
26
- trigger: B,
27
- open: L,
28
- title: R,
29
- icon: w,
30
- chevron: D,
31
- content: U
32
- }, A = (r) => {
33
- const { children: m, icon: u, onOpenChange: s, open: o, title: d, value: t } = r, l = S(), e = l && t !== void 0, [p, _] = g(!1);
34
- let n;
35
- e ? n = l.openValue === t : o !== void 0 ? n = o : n = p;
36
- const i = v(() => {
37
- if (e && t !== void 0) {
38
- l.onItemToggle(t);
39
- return;
40
- }
41
- if (o !== void 0) {
42
- s?.(!o);
43
- return;
44
- }
45
- _((z) => {
46
- const C = !z;
47
- return s?.(C), C;
48
- });
49
- }, [e, l, t, o, s]), V = M(c.root, { [c.open]: n });
50
- return /* @__PURE__ */ h("div", { className: V, children: [
51
- /* @__PURE__ */ h("button", { className: c.trigger, onClick: i, type: "button", children: [
52
- /* @__PURE__ */ h("span", { className: c.title, children: [
53
- u && /* @__PURE__ */ a("span", { className: c.icon, children: /* @__PURE__ */ a(P, { name: u, size: 16 }) }),
54
- d
55
- ] }),
56
- /* @__PURE__ */ a("span", { className: c.chevron })
57
- ] }),
58
- /* @__PURE__ */ a("div", { className: c.content, children: m })
59
- ] });
60
- };
61
- A.displayName = `${N}.Item`;
62
- const Y = x;
63
- Y.Item = A;
22
+ i.displayName = E;
23
+ const x = i;
24
+ x.Item = N;
64
25
  export {
65
- Y as Accordion
26
+ x as Accordion
66
27
  };
package/dist/actions.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import { default as default_2 } from 'react';
2
2
 
3
3
  /**
4
- * Wrapper for action buttons inside EmptyState.
5
- * Accepts only `<Button>` components as children.
6
- * Auto-assigns variant based on position:
7
- * - first child → `primary`
8
- * - subsequent children → `secondary`
9
- * unless the Button already has an explicit `variant` prop.
4
+ * Dialog Actions sub component.
5
+ *
6
+ * Used to render the actions of the dialog.
10
7
  */
11
- export declare const Actions: default_2.FC<default_2.PropsWithChildren>;
8
+ export declare const Actions: default_2.FC<IActionsProps>;
9
+
10
+ export declare interface IActionsProps extends default_2.PropsWithChildren {
11
+ }
12
12
 
13
13
  export { }
package/dist/actions.js CHANGED
@@ -1,4 +1,4 @@
1
- import { A as s } from "./Actions-CEIXfLKN.mjs";
1
+ import { A as s } from "./Actions-Cii4AnwJ.mjs";
2
2
  export {
3
3
  s as Actions
4
4
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as h } from "react/jsx-runtime";
2
2
  import b from "clsx";
3
3
  import E from "react";
4
- import { i as k } from "./isValidReactNode-D1buElhX.mjs";
4
+ import { i as k } from "./isValidReactNode-CmYwTWCE.mjs";
5
5
  import "lodash/camelCase";
6
6
  import './breadcrumbs.css';const _ = "Breadcrumbs", I = "/";
7
7
  var N = ((l) => (l.ITEM = `${_}.Item`, l))(N || {});
@@ -0,0 +1 @@
1
+ :root{--checkbox-bg: var(--lui-color-background-primary);--checkbox-border: var(--lui-color-border-primary);--checkbox-checked-bg: var(--lui-color-background-brand);--checkbox-checked-border: var(--lui-color-background-brand);--checkbox-check-color: var(--lui-color-text-on-brand);--checkbox-disabled-bg: var(--lui-color-background-disabled);--checkbox-disabled-border: var(--lui-color-border-disabled);--checkbox-disabled-check: var(--lui-color-text-disabled);--checkbox-invalid-border: var(--lui-color-border-focus-error);--checkbox-radius: var(--lui-radius-1);--checkbox-gap-sm: var(--lui-space-1);--checkbox-gap-md: var(--lui-space-2)}._root_tw8jr_16{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none;width:100%}._root_tw8jr_16._disabled_tw8jr_24{cursor:not-allowed}._root_tw8jr_16._disabled_tw8jr_24 ._checkbox_tw8jr_27:before{background-color:var(--checkbox-disabled-bg);border-color:var(--checkbox-disabled-border)}._root_tw8jr_16._disabled_tw8jr_24 ._input_tw8jr_31:checked+._checkbox_tw8jr_27:after,._root_tw8jr_16._disabled_tw8jr_24._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:after{background-color:var(--checkbox-disabled-check)}._root_tw8jr_16._invalid_tw8jr_34 ._checkbox_tw8jr_27:before{border-color:var(--checkbox-invalid-border)}._root_tw8jr_16._sizeSm_tw8jr_37{gap:var(--checkbox-gap-sm)}._root_tw8jr_16._sizeSm_tw8jr_37 ._checkbox_tw8jr_27{flex-basis:20px;height:20px;width:20px}._root_tw8jr_16._sizeSm_tw8jr_37 ._checkbox_tw8jr_27:after{height:12px;width:12px}._root_tw8jr_16._sizeSm_tw8jr_37 ._label_tw8jr_49{font-size:var(--lui-font-size-sm);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-sm)}._root_tw8jr_16._sizeMd_tw8jr_54{gap:var(--checkbox-gap-md)}._root_tw8jr_16._sizeMd_tw8jr_54 ._checkbox_tw8jr_27{flex-basis:24px;height:24px;width:24px}._root_tw8jr_16._sizeMd_tw8jr_54 ._checkbox_tw8jr_27:after{height:14px;width:14px}._root_tw8jr_16._sizeMd_tw8jr_54 ._label_tw8jr_49{font-size:var(--lui-font-size-md);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-md)}._root_tw8jr_16._sizeLg_tw8jr_71{gap:var(--checkbox-gap-md)}._root_tw8jr_16._sizeLg_tw8jr_71 ._checkbox_tw8jr_27{flex-basis:28px;height:28px;width:28px}._root_tw8jr_16._sizeLg_tw8jr_71 ._checkbox_tw8jr_27:after{height:16px;width:16px}._root_tw8jr_16._sizeLg_tw8jr_71 ._label_tw8jr_49{font-size:var(--lui-font-size-lg);font-weight:var(--lui-font-weight-medium);line-height:var(--line-height-lg)}._checkbox_tw8jr_27{flex-grow:0;flex-shrink:0;padding:2px;position:relative}._checkbox_tw8jr_27:after{background-color:var(--checkbox-bg);content:"";height:14px;inset:0;margin:auto;position:absolute;width:14px}._checkbox_tw8jr_27:before{background-color:var(--checkbox-bg);border:1px solid var(--checkbox-border);border-radius:var(--checkbox-radius);content:"";inset:2px;position:absolute}._input_tw8jr_31:checked+._checkbox_tw8jr_27:before,._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:before{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}._input_tw8jr_31:checked+._checkbox_tw8jr_27:after{clip-path:path(evenodd,"M10.9593 2.79299C11.3498 2.40252 11.9828 2.40263 12.3734 2.79299C12.7639 3.18352 12.7639 3.81653 12.3734 4.20706L5.95735 10.624C5.56693 11.0145 4.93383 11.0142 4.54328 10.624L1.62629 7.70706L1.55793 7.63089C1.23758 7.23811 1.26018 6.65911 1.62629 6.29299C1.99241 5.92688 2.57141 5.90429 2.96418 6.22464L3.04035 6.29299L5.24934 8.50198L10.9593 2.79299Z")}._indeterminate_tw8jr_31 ._checkbox_tw8jr_27:after{clip-path:path(evenodd,"M11.0836 6L11.1852 6.00488C11.6896 6.05592 12.0836 6.4821 12.0836 7C12.0836 7.5179 11.6896 7.94408 11.1852 7.99512L11.0836 8H2.91666C2.36437 8 1.91666 7.55228 1.91666 7C1.91666 6.44772 2.36437 6 2.91666 6H11.0836Z")}._input_tw8jr_31{left:0;position:absolute;visibility:hidden}._label_tw8jr_49{color:var(--lui-color-text-secondary);display:block}
@@ -1,16 +1,41 @@
1
1
  import { default as default_2 } from 'react';
2
2
 
3
- export declare const Checkbox: default_2.FC<IProps>;
3
+ /**
4
+ * Checkbox component. Renders a native checkbox with a custom visual indicator, label, and support for indeterminate state.
5
+ *
6
+ * @example
7
+ * ```tsx
8
+ * <Checkbox>Accept terms</Checkbox>
9
+ * ```
10
+ *
11
+ * @example
12
+ * ```tsx
13
+ * <Checkbox indeterminate checked={false}>
14
+ * Select all
15
+ * </Checkbox>
16
+ * ```
17
+ */
18
+ export declare const Checkbox: default_2.FC<default_2.PropsWithChildren<IProps>>;
4
19
 
5
- export declare interface IProps {
6
- /** Children (item label). */
7
- children: default_2.ReactNode;
8
- /** Whether the item is checked. */
9
- checked: boolean;
10
- /** Callback when checked state changes. */
11
- onCheckedChange?: (checked: boolean) => void;
12
- /** Whether the item is disabled. */
13
- disabled?: boolean;
20
+ declare enum ECheckboxSize {
21
+ SM = "sm",
22
+ MD = "md",
23
+ LG = "lg"
14
24
  }
15
25
 
26
+ export declare interface IProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
27
+ /** Ref to the native input element. */
28
+ ref?: default_2.Ref<HTMLInputElement>;
29
+ /** When true, the checkbox shows a dash instead of a checkmark. Useful for "select all" states. */
30
+ indeterminate?: boolean;
31
+ /** When true, the checkbox border turns red to indicate a validation error. */
32
+ invalid?: boolean;
33
+ /** Checkbox size: sm, md, lg. */
34
+ size?: TCheckboxSize;
35
+ /** Change handler, receives the new checked state. */
36
+ onChange?: (checked: boolean) => void;
37
+ }
38
+
39
+ declare type TCheckboxSize = `${ECheckboxSize.SM | ECheckboxSize.MD | ECheckboxSize.LG}`;
40
+
16
41
  export { }
package/dist/checkbox.js CHANGED
@@ -1,4 +1,42 @@
1
- import { C as r } from "./Checkbox-Chfzm1Z9.mjs";
1
+ import { jsxs as u, jsx as a } from "react/jsx-runtime";
2
+ import { useRef as p, useCallback as h, useEffect as j } from "react";
3
+ import x from "clsx";
4
+ import { g as z } from "./getVariantClassName-DoCNtwBw.mjs";
5
+ import './checkbox.css';const w = "Checkbox", g = "_root_tw8jr_16", k = "_disabled_tw8jr_24", C = "_checkbox_tw8jr_27", N = "_input_tw8jr_31", v = "_indeterminate_tw8jr_31", y = "_invalid_tw8jr_34", L = "_sizeSm_tw8jr_37", M = "_label_tw8jr_49", S = "_sizeMd_tw8jr_54", R = "_sizeLg_tw8jr_71", e = {
6
+ root: g,
7
+ disabled: k,
8
+ checkbox: C,
9
+ input: N,
10
+ indeterminate: v,
11
+ invalid: y,
12
+ sizeSm: L,
13
+ label: M,
14
+ sizeMd: S,
15
+ sizeLg: R
16
+ }, A = (o) => {
17
+ const { ref: t, children: r, indeterminate: n, invalid: l = !1, size: _ = "md", onChange: d, ...c } = o, i = p(null), m = h(
18
+ (s) => {
19
+ i.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
20
+ },
21
+ [t]
22
+ );
23
+ j(() => {
24
+ i.current && (i.current.indeterminate = !!n);
25
+ }, [n]);
26
+ const b = x(e.root, z("size", _, e), {
27
+ [e.disabled]: c.disabled === !0,
28
+ [e.indeterminate]: n,
29
+ [e.invalid]: l
30
+ }), f = (s) => {
31
+ d?.(s.target.checked);
32
+ };
33
+ return /* @__PURE__ */ u("label", { className: b, children: [
34
+ /* @__PURE__ */ a("input", { ref: m, className: e.input, onChange: f, type: "checkbox", ...c }),
35
+ /* @__PURE__ */ a("span", { className: e.checkbox }),
36
+ r && /* @__PURE__ */ a("span", { className: e.label, children: r })
37
+ ] });
38
+ };
39
+ A.displayName = w;
2
40
  export {
3
- r as Checkbox
41
+ A as Checkbox
4
42
  };
package/dist/content.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { default as default_2 } from 'react';
2
2
 
3
- export declare const Content: default_2.FC<IProps>;
3
+ export declare const Content: default_2.FC<IContentProps>;
4
4
 
5
- export declare interface IProps extends default_2.PropsWithChildren {
5
+ export declare interface IContentProps extends default_2.PropsWithChildren {
6
6
  }
7
7
 
8
8
  export { }
package/dist/content.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as e } from "./Content-ru2X8iBx.mjs";
1
+ import { C as e } from "./Content-1kg0isb_.mjs";
2
2
  export {
3
3
  e as Content
4
4
  };
package/dist/context.d.ts CHANGED
@@ -1,44 +1,17 @@
1
1
  import { Context as Context_2 } from 'react';
2
- import { default as default_2 } from 'react';
3
2
 
4
3
  export declare const Context: Context_2<IContext | null>;
5
4
 
6
5
  /**
7
- * Enumerates the variants of a Tabs component.
6
+ * Accordion Context.
8
7
  */
9
- declare enum ETabsVariant {
10
- /** Tabs are displayed as toggle buttons. */
11
- BUTTONS = "buttons",
12
- /** Default display of Tabs. */
13
- DEFAULT = "default"
8
+ export declare interface IContext {
9
+ /** Toggle handler for an item. */
10
+ onItemToggle: (value: string) => void;
11
+ /** Currently open item value. */
12
+ openValue: string | null;
14
13
  }
15
14
 
16
- /**
17
- * Tabs Context.
18
- */
19
- declare interface IContext {
20
- /** Index of current active tab. */
21
- activeIndex: number;
22
- /** Base ID for generating IDs for ARIA. */
23
- baseId: string;
24
- /** Active tab change handler. */
25
- setActiveTab: (index: number) => void;
26
- /** Get panel ID. */
27
- getPanelId: (index: number) => string;
28
- /** Get tab ID. */
29
- getTabId: (index: number) => string;
30
- /** Variant. */
31
- variant: ETabsVariant;
32
- }
33
-
34
- declare interface IProps extends default_2.PropsWithChildren {
35
- defaultActiveIndex?: number;
36
- onTabChange?: (index: number) => void;
37
- variant: ETabsVariant;
38
- }
39
-
40
- export declare const Provider: default_2.FC<IProps>;
41
-
42
- export declare const useTabsContext: () => IContext;
15
+ export declare const useAccordionContext: () => IContext | null;
43
16
 
44
17
  export { }
package/dist/context.js CHANGED
@@ -1,7 +1,5 @@
1
- import { C as r, u as t } from "./useTabsContext-DdF09jQq.mjs";
2
- import { P as a } from "./Provider-CBfZpO45.mjs";
1
+ import { C as e, u as n } from "./Context-BjkJbHVo.mjs";
3
2
  export {
4
- r as Context,
5
- a as Provider,
6
- t as useTabsContext
3
+ e as Context,
4
+ n as useAccordionContext
7
5
  };
package/dist/dialog.css CHANGED
@@ -1 +1 @@
1
- ._root_1fxwu_1{display:flex;gap:var(--dialog-actions-gap)}._root_jagsa_1{max-height:100%;overflow-y:auto}:root{--dialog-underlay: var(--lui-color-background-overlay);--dialog-bg: var(--lui-color-background-primary);--dialog-radius: var(--lui-radius-3);--dialog-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--dialog-padding: var(--lui-space-8);--dialog-gap: var(--lui-space-6);--dialog-header-gap: var(--lui-space-6);--dialog-header-min-height: calc(24px + var(--lui-space-6));--dialog-close-color: var(--lui-palette-gray-400);--dialog-close-padding: var(--lui-space-3);--dialog-actions-padding-top: var(--lui-space-10);--dialog-width-xs: 384px;--dialog-width-sm: 480px;--dialog-width-md: 560px;--dialog-width-lg: 640px;--dialog-title-font-size: var(--lui-font-size-md);--dialog-title-weight: var(--lui-font-weight-semibold);--dialog-title-color: var(--lui-color-text-primary);--dialog-title-font-family: var(--lui-font-family-body);--dialog-title-line-height: var(--line-height-md);--dialog-actions-gap: var(--lui-space-4)}._underlay_100vj_25{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dialog-underlay);inset:0;padding:var(--lui-space-4);position:fixed;z-index:1000}._modal_100vj_34{align-items:center;display:flex;height:100%;justify-content:center}._dialog_100vj_41{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;gap:var(--dialog-gap);padding:var(--dialog-padding);position:relative}._dialog_100vj_41._sizeXs_100vj_51{width:var(--dialog-width-xs)}._dialog_100vj_41._sizeSm_100vj_54{width:var(--dialog-width-sm)}._dialog_100vj_41._sizeMd_100vj_57{width:var(--dialog-width-md)}._dialog_100vj_41._sizeLg_100vj_60{width:var(--dialog-width-lg)}._header_100vj_64{align-items:center;display:flex;gap:var(--dialog-header-gap);min-height:var(--dialog-header-min-height)}._close_100vj_71{color:var(--dialog-close-color);padding:var(--dialog-close-padding);position:absolute;right:var(--lui-space-4);top:var(--lui-space-4)}._actions_100vj_79{padding-top:var(--dialog-actions-padding-top)}
1
+ :root{--dialog-underlay: var(--lui-color-background-overlay);--dialog-bg: var(--lui-color-background-primary);--dialog-radius: var(--lui-radius-3);--dialog-shadow: 0 20px 24px -4px rgb(16 24 40 / .08), 0 8px 8px -4px rgb(16 24 40 / .03);--dialog-padding: var(--lui-space-8);--dialog-gap: var(--lui-space-6);--dialog-header-gap: var(--lui-space-6);--dialog-header-min-height: calc(24px + var(--lui-space-6));--dialog-close-color: var(--lui-palette-gray-400);--dialog-close-padding: var(--lui-space-3);--dialog-actions-padding-top: var(--lui-space-10);--dialog-width-xs: 384px;--dialog-width-sm: 480px;--dialog-width-md: 560px;--dialog-width-lg: 640px;--dialog-title-font-size: var(--lui-font-size-md);--dialog-title-weight: var(--lui-font-weight-semibold);--dialog-title-color: var(--lui-color-text-primary);--dialog-title-font-family: var(--lui-font-family-body);--dialog-title-line-height: var(--line-height-md);--dialog-actions-gap: var(--lui-space-4)}._underlay_100vj_25{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dialog-underlay);inset:0;padding:var(--lui-space-4);position:fixed;z-index:1000}._modal_100vj_34{align-items:center;display:flex;height:100%;justify-content:center}._dialog_100vj_41{background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);display:flex;flex-direction:column;gap:var(--dialog-gap);padding:var(--dialog-padding);position:relative}._dialog_100vj_41._sizeXs_100vj_51{width:var(--dialog-width-xs)}._dialog_100vj_41._sizeSm_100vj_54{width:var(--dialog-width-sm)}._dialog_100vj_41._sizeMd_100vj_57{width:var(--dialog-width-md)}._dialog_100vj_41._sizeLg_100vj_60{width:var(--dialog-width-lg)}._header_100vj_64{align-items:center;display:flex;gap:var(--dialog-header-gap);min-height:var(--dialog-header-min-height)}._close_100vj_71{color:var(--dialog-close-color);padding:var(--dialog-close-padding);position:absolute;right:var(--lui-space-4);top:var(--lui-space-4)}._actions_100vj_79{padding-top:var(--dialog-actions-padding-top)}