@elcrm/components 0.2.13 → 0.5.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 (216) hide show
  1. package/README.md +76 -38
  2. package/dist/ActionGroup-DcApj_Mz.js +27 -0
  3. package/dist/ActionGroup.css +1 -1
  4. package/dist/ActionGroup.d.ts +19 -19
  5. package/dist/ActionGroup.js +1 -1
  6. package/dist/Avatar-eGdLrMCv.js +113 -0
  7. package/dist/Avatar.css +1 -1
  8. package/dist/Avatar.d.ts +4 -4
  9. package/dist/Avatar.js +1 -1
  10. package/dist/AvatarGroup-Dq-UrOaC.js +81 -0
  11. package/dist/AvatarGroup.css +1 -1
  12. package/dist/AvatarGroup.d.ts +8 -28
  13. package/dist/AvatarGroup.js +1 -1
  14. package/dist/AvatarName-3B4yCxHn.js +68 -0
  15. package/dist/AvatarName.css +1 -1
  16. package/dist/AvatarName.js +1 -1
  17. package/dist/Badge-BjScAXGy.js +28 -0
  18. package/dist/Badge.css +1 -1
  19. package/dist/Badge.js +1 -1
  20. package/dist/Banner-DAY18FWO.js +34 -0
  21. package/dist/Banner.css +1 -1
  22. package/dist/Banner.js +1 -1
  23. package/dist/Brand-BfCuiyf7.js +34 -0
  24. package/dist/Brand.css +1 -1
  25. package/dist/Brand.d.ts +8 -10
  26. package/dist/Brand.js +1 -1
  27. package/dist/Breadcrumb-DM_hWw5n.js +98 -0
  28. package/dist/Breadcrumb.css +1 -1
  29. package/dist/Breadcrumb.d.ts +8 -5
  30. package/dist/Breadcrumb.js +1 -1
  31. package/dist/Card-a7N8Uh_H.js +12 -0
  32. package/dist/Card.css +1 -1
  33. package/dist/Card.js +1 -1
  34. package/dist/ChatFrame-BdSYRF-B.js +37 -0
  35. package/dist/ChatFrame.css +1 -1
  36. package/dist/ChatList.js +2 -2
  37. package/dist/{ChatMessages-B8rdXiK-.js → ChatMessages-CLxwRGIa.js} +1 -1
  38. package/dist/ChatMessages.js +1 -1
  39. package/dist/ChatSplit-8iw_1Shp.js +21 -0
  40. package/dist/CodeBlock-B3wvMejv.js +34 -0
  41. package/dist/CodeBlock.css +1 -1
  42. package/dist/CodeBlock.js +1 -1
  43. package/dist/Dropdown-CR_XxNak.js +185 -0
  44. package/dist/Dropdown.css +1 -1
  45. package/dist/Dropdown.d.ts +4 -94
  46. package/dist/Dropdown.js +1 -1
  47. package/dist/EmptyState-B_wWPjUu.js +23 -0
  48. package/dist/EmptyState.css +1 -1
  49. package/dist/EmptyState.d.ts +1 -1
  50. package/dist/EmptyState.js +1 -1
  51. package/dist/{Footer-qxUlnPR9.js → Footer-Bgh_JCUe.js} +4 -4
  52. package/dist/Footer.css +1 -1
  53. package/dist/Footer.js +1 -1
  54. package/dist/Header-BMDIi3u2.js +21 -0
  55. package/dist/Header.css +1 -1
  56. package/dist/Header.js +1 -1
  57. package/dist/Healthmap-Z-LLfGW0.js +359 -0
  58. package/dist/Healthmap.css +1 -1
  59. package/dist/Healthmap.d.ts +25 -3
  60. package/dist/Healthmap.js +1 -1
  61. package/dist/{Item-D4okhsfW.js → Item-CGpkMJu0.js} +13 -13
  62. package/dist/Item.css +1 -1
  63. package/dist/Item.d.ts +7 -7
  64. package/dist/Item.js +1 -1
  65. package/dist/ItemColumn-Ch61LqE0.js +41 -0
  66. package/dist/ItemColumn.css +1 -1
  67. package/dist/ItemColumn.js +1 -1
  68. package/dist/Layout-CzEGKl9s.js +31 -0
  69. package/dist/Layout.css +1 -1
  70. package/dist/Layout.d.ts +1 -1
  71. package/dist/Layout.js +1 -1
  72. package/dist/List-D13pqaUY.js +12 -0
  73. package/dist/List.css +1 -1
  74. package/dist/List.js +1 -1
  75. package/dist/Loading-C_CKD-zt.js +16 -0
  76. package/dist/Loading.css +1 -1
  77. package/dist/Loading.d.ts +1 -1
  78. package/dist/Loading.js +1 -1
  79. package/dist/Menu-D2kf7fN_.js +72 -0
  80. package/dist/Menu.css +1 -1
  81. package/dist/Menu.d.ts +7 -25
  82. package/dist/Menu.js +1 -1
  83. package/dist/NavSections-CNxxBMPT.js +154 -0
  84. package/dist/NavSections.css +1 -1
  85. package/dist/NavSections.d.ts +16 -28
  86. package/dist/NavSections.js +1 -1
  87. package/dist/PageHead-BfClTLrF.js +31 -0
  88. package/dist/PageHead.css +1 -1
  89. package/dist/PageHead.d.ts +1 -1
  90. package/dist/PageHead.js +1 -1
  91. package/dist/PageShell-BAJges-G.js +30 -0
  92. package/dist/PageShell.css +1 -1
  93. package/dist/PageShell.js +1 -1
  94. package/dist/PanelInfo-Db5GCr-c.js +137 -0
  95. package/dist/PanelInfo.css +1 -1
  96. package/dist/PanelInfo.d.ts +16 -9
  97. package/dist/PanelInfo.js +1 -1
  98. package/dist/Popover-xEZoMY-h.js +143 -0
  99. package/dist/Popover.css +1 -1
  100. package/dist/Popover.d.ts +40 -11
  101. package/dist/Popover.js +1 -1
  102. package/dist/PricingGroup-CWy47MlE.js +138 -0
  103. package/dist/PricingGroup.css +1 -1
  104. package/dist/PricingGroup.d.ts +0 -2
  105. package/dist/PricingGroup.js +1 -1
  106. package/dist/PricingTable-BjpGVAhi.js +157 -0
  107. package/dist/PricingTable.css +1 -1
  108. package/dist/PricingTable.d.ts +4 -7
  109. package/dist/PricingTable.js +1 -1
  110. package/dist/RadioGroup-DI4KKUvZ.js +121 -0
  111. package/dist/RadioGroup.css +1 -1
  112. package/dist/RadioGroup.js +1 -1
  113. package/dist/Section-PprWjOvt.js +47 -0
  114. package/dist/Section.css +1 -1
  115. package/dist/Section.d.ts +29 -9
  116. package/dist/Section.js +1 -1
  117. package/dist/Sidebar-Bouhd5SS.js +205 -0
  118. package/dist/Sidebar.css +1 -1
  119. package/dist/Sidebar.d.ts +18 -26
  120. package/dist/Sidebar.js +1 -1
  121. package/dist/SplitPane-DBa-g9td.js +92 -0
  122. package/dist/SplitPane.css +1 -1
  123. package/dist/SplitPane.d.ts +8 -7
  124. package/dist/SplitPane.js +1 -1
  125. package/dist/Stack-BPTehVYc.js +53 -0
  126. package/dist/Stack.css +1 -1
  127. package/dist/Stack.d.ts +2 -1
  128. package/dist/Stack.js +1 -1
  129. package/dist/Stat-p8j4PjrC.js +28 -0
  130. package/dist/Stat.css +1 -1
  131. package/dist/Stat.js +1 -1
  132. package/dist/TabSections-Dppe9wiz.js +84 -0
  133. package/dist/TabSections.css +1 -1
  134. package/dist/TabSections.d.ts +7 -2
  135. package/dist/TabSections.js +1 -1
  136. package/dist/Table-DqrDUUtb.js +27 -0
  137. package/dist/Table.css +1 -1
  138. package/dist/Table.d.ts +10 -2
  139. package/dist/Table.js +1 -1
  140. package/dist/Text-Bo1u7gVC.js +25 -0
  141. package/dist/Text.css +1 -0
  142. package/dist/Text.d.ts +19 -0
  143. package/dist/Text.js +4 -0
  144. package/dist/TextGroup-236jHxdT.js +23 -0
  145. package/dist/TextGroup.css +1 -1
  146. package/dist/TextGroup.js +1 -1
  147. package/dist/Toolbar-Bl9-5Mis.js +35 -0
  148. package/dist/Toolbar.css +1 -1
  149. package/dist/Toolbar.d.ts +7 -12
  150. package/dist/Toolbar.js +1 -2
  151. package/dist/cx.d.ts +1 -1
  152. package/dist/dark.css +12 -0
  153. package/dist/index.css +41 -39
  154. package/dist/index.d.ts +7 -12
  155. package/dist/index.es.d.ts +7 -12
  156. package/dist/index.es.js +110 -107
  157. package/dist/kit-manifest.json +1646 -0
  158. package/dist/lazyRoute.d.ts +12 -6
  159. package/dist/light.css +12 -0
  160. package/dist/navTree.d.ts +13 -1
  161. package/dist/rovingKeys-Di9N1Nct.js +23 -0
  162. package/dist/rovingKeys.d.ts +7 -1
  163. package/dist/stackGap.d.ts +1 -1
  164. package/dist/tokens.css +20 -2
  165. package/dist/useControllableValue-BaE0VR5d.js +13 -0
  166. package/dist/useControllableValue.d.ts +3 -0
  167. package/package.json +48 -4
  168. package/dist/ActionGroup-ChKFW0mt.js +0 -27
  169. package/dist/Avatar-loGgFt72.js +0 -113
  170. package/dist/AvatarGroup-D1gnT3Od.js +0 -81
  171. package/dist/AvatarName-0BzyfpMq.js +0 -68
  172. package/dist/Badge-jp-9iNNL.js +0 -28
  173. package/dist/Banner-B72lcEMo.js +0 -34
  174. package/dist/Block-Bu7NEA0g.js +0 -8
  175. package/dist/Block.d.ts +0 -30
  176. package/dist/Block.js +0 -4
  177. package/dist/Brand-Zq-Idks4.js +0 -34
  178. package/dist/Breadcrumb-CAM_e9LN.js +0 -98
  179. package/dist/Card-hn37Opo3.js +0 -12
  180. package/dist/ChatFrame-BW2TmCkZ.js +0 -37
  181. package/dist/ChatSplit-DNnu3TNq.js +0 -21
  182. package/dist/CodeBlock-CRzVopIv.js +0 -25
  183. package/dist/Column-BiogBDf8.js +0 -8
  184. package/dist/Column.d.ts +0 -24
  185. package/dist/Column.js +0 -4
  186. package/dist/Dropdown-DosvDR13.js +0 -147
  187. package/dist/EmptyState-mBiWtMIM.js +0 -23
  188. package/dist/Header-DZQopVNy.js +0 -21
  189. package/dist/Healthmap-B6cdiLUl.js +0 -243
  190. package/dist/ItemColumn-M7a9L8CI.js +0 -41
  191. package/dist/Layout-mi6Ghayv.js +0 -31
  192. package/dist/List-BgKkYaGO.js +0 -12
  193. package/dist/Loading-DkkG7RcE.js +0 -16
  194. package/dist/Menu-DuXQv-zT.js +0 -66
  195. package/dist/NavSections-D6rDEtT1.js +0 -142
  196. package/dist/PageHead-DgaJ1mXY.js +0 -31
  197. package/dist/PageShell-D9EZiO8o.js +0 -30
  198. package/dist/PanelInfo-A5y5ysH8.js +0 -81
  199. package/dist/Popover-DWdvZTuA.js +0 -135
  200. package/dist/PricingGroup-Czuhe81Z.js +0 -120
  201. package/dist/PricingTable-BuLC0opK.js +0 -152
  202. package/dist/RadioGroup-fcXzhvMu.js +0 -129
  203. package/dist/Row-DsQOVn18.js +0 -8
  204. package/dist/Row.d.ts +0 -24
  205. package/dist/Row.js +0 -4
  206. package/dist/Section-Crxk2J-E.js +0 -34
  207. package/dist/Sidebar-CYFaPqdC.js +0 -178
  208. package/dist/SplitPane-DR7PCZ8f.js +0 -74
  209. package/dist/Stack-XkmPSswj.js +0 -53
  210. package/dist/Stat-sKXJwz5L.js +0 -27
  211. package/dist/TabSections-DN7yVJoF.js +0 -69
  212. package/dist/Table-BoDr3X2d.js +0 -25
  213. package/dist/TextGroup-DmhuyMR1.js +0 -23
  214. package/dist/Toolbar-C1zAk9ak.js +0 -42
  215. package/dist/rovingKeys-CGlfTtNQ.js +0 -15
  216. package/dist/useControllableValue-CWqH1kpM.js +0 -10
@@ -1,81 +0,0 @@
1
- import e from "react";
2
- import { T as b } from "./TextGroup-DmhuyMR1.js";
3
- import { c as h } from "./cx-CcykAxZN.js";
4
- import { a as B, r as N } from "./overlayZ-BvHbYC1x.js";
5
- import './PanelInfo.css';const x = "pBr", g = "pBs", k = "pBh", I = "pBt", L = "pBa", O = "pBc", z = "pBb", M = "pBf", S = "pBd", n = {
6
- r: x,
7
- s: g,
8
- h: k,
9
- t: I,
10
- a: L,
11
- c: O,
12
- b: z,
13
- f: M,
14
- d: S
15
- }, m = "(max-width: 56rem)";
16
- function T({
17
- open: a,
18
- title: s,
19
- onClose: o,
20
- children: f,
21
- footer: l,
22
- headerExtra: u,
23
- close: v,
24
- "aria-label": y,
25
- className: E
26
- }) {
27
- const [r, p] = e.useState(
28
- () => typeof window < "u" ? window.matchMedia(m).matches : !1
29
- ), [i, d] = e.useState();
30
- e.useEffect(() => {
31
- const t = window.matchMedia(m), c = () => p(t.matches);
32
- return c(), t.addEventListener("change", c), () => t.removeEventListener("change", c);
33
- }, []), e.useEffect(() => {
34
- if (!a || !r) {
35
- d(void 0);
36
- return;
37
- }
38
- const t = B();
39
- return d(t), () => {
40
- N(t), d(void 0);
41
- };
42
- }, [a, r]), e.useEffect(() => {
43
- if (!a) return;
44
- const t = (c) => {
45
- c.key === "Escape" && (c.preventDefault(), o());
46
- };
47
- return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
48
- }, [a, o]), e.useEffect(() => {
49
- if (!a || !r) return;
50
- const t = document.body.style.overflow;
51
- return document.body.style.overflow = "hidden", () => {
52
- document.body.style.overflow = t;
53
- };
54
- }, [a, r]);
55
- const w = y ?? (typeof s == "string" && s.trim() ? s : "Панель");
56
- return /* @__PURE__ */ e.createElement(
57
- "aside",
58
- {
59
- className: h(n.r, E),
60
- "data-open": a ? "true" : "false",
61
- "data-overlay": r ? "true" : "false",
62
- "aria-hidden": !a,
63
- "aria-label": a ? w : void 0,
64
- style: i != null ? { zIndex: i } : void 0
65
- },
66
- a && r ? /* @__PURE__ */ e.createElement("div", { className: n.d, role: "presentation", onClick: o }) : null,
67
- /* @__PURE__ */ e.createElement("div", { className: n.s }, /* @__PURE__ */ e.createElement("div", { className: n.h }, /* @__PURE__ */ e.createElement("div", { className: n.t }, typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ e.createElement(b, { title: String(s), size: "m" }) : s), /* @__PURE__ */ e.createElement("div", { className: n.a }, u, v ?? /* @__PURE__ */ e.createElement(
68
- "button",
69
- {
70
- type: "button",
71
- className: n.c,
72
- "aria-label": "Закрыть",
73
- onClick: o
74
- },
75
- "×"
76
- ))), /* @__PURE__ */ e.createElement("div", { className: n.b }, f), l != null ? /* @__PURE__ */ e.createElement("div", { className: n.f }, l) : null)
77
- );
78
- }
79
- export {
80
- T as P
81
- };
@@ -1,135 +0,0 @@
1
- import u, { useRef as E, useId as Y, useState as N, useLayoutEffect as O, useEffect as S } from "react";
2
- import { createPortal as _ } from "react-dom";
3
- import { c as T } from "./cx-CcykAxZN.js";
4
- import { a as $, r as V } from "./overlayZ-BvHbYC1x.js";
5
- import { u as ee } from "./useControllableValue-CWqH1kpM.js";
6
- import './Popover.css';const te = "c3r", ne = "c3t", oe = "c3p", H = {
7
- r: te,
8
- t: ne,
9
- p: oe
10
- };
11
- function ie(t, e) {
12
- const c = (e == null ? void 0 : e.querySelector("button, a, [role='button']")) ?? (e == null ? void 0 : e.firstElementChild);
13
- return (c instanceof HTMLElement ? c : e ?? t).getBoundingClientRect();
14
- }
15
- function re(t, e) {
16
- return t != null && t.top === e.top && t.left === e.left && t.minWidth === e.minWidth && t.maxHeight === e.maxHeight;
17
- }
18
- function se(t, e, c, p) {
19
- if (!u.isValidElement(t)) return t;
20
- const d = t.props.onClick;
21
- return u.cloneElement(t, {
22
- "aria-haspopup": "menu",
23
- "aria-expanded": e,
24
- "aria-controls": e ? c : void 0,
25
- onClick: (h) => {
26
- d == null || d(h), p();
27
- }
28
- });
29
- }
30
- function fe({
31
- trigger: t,
32
- children: e,
33
- open: c,
34
- defaultOpen: p = !1,
35
- onOpenChange: d,
36
- align: h = "end",
37
- placement: w = "auto",
38
- disabled: W = !1,
39
- label: Z,
40
- role: D = "menu",
41
- className: F,
42
- panelClassName: K
43
- }) {
44
- const x = E(null), b = E(null), g = E(null), y = Y(), [i = !1, j] = ee(
45
- c,
46
- p,
47
- d
48
- ), [m, P] = N(null), [a, k] = N(null), L = E(null);
49
- L.current = a;
50
- const M = (o) => {
51
- W && o || j(o);
52
- };
53
- O(() => {
54
- if (i) {
55
- a == null && k($());
56
- return;
57
- }
58
- a != null && (V(a), k(null));
59
- }, [i, a]), S(() => () => {
60
- L.current != null && V(L.current);
61
- }, []);
62
- const R = () => {
63
- var A;
64
- const o = x.current;
65
- if (!o) return;
66
- const n = ie(o, b.current), r = 8, l = 8, s = ((A = g.current) == null ? void 0 : A.offsetHeight) ?? 0, f = window.innerHeight - n.bottom - r - l, J = n.top - r - l, Q = s > 0 ? s : 160, I = w === "bottom" || w !== "top" && f >= Q, U = Math.min(
67
- 420,
68
- Math.max(120, I ? f : J)
69
- ), v = Math.max(200, n.width), X = h === "end" ? Math.max(8, Math.min(n.right - v, window.innerWidth - v - 8)) : Math.max(8, Math.min(n.left, window.innerWidth - v - 8)), q = { top: I ? n.bottom + r : Math.max(l, n.top - r - (s > 0 ? s : 0)), left: X, minWidth: v, maxHeight: U };
70
- P((B) => re(B, q) ? B : q);
71
- };
72
- O(() => {
73
- if (!i) {
74
- P(null);
75
- return;
76
- }
77
- R();
78
- const o = window.requestAnimationFrame(() => R()), n = () => R();
79
- return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
80
- window.cancelAnimationFrame(o), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
81
- };
82
- }, [i, h, w, e]), S(() => {
83
- if (!i) return;
84
- const o = (r) => {
85
- var s, f;
86
- const l = r.target;
87
- (s = x.current) != null && s.contains(l) || (f = g.current) != null && f.contains(l) || M(!1);
88
- }, n = (r) => {
89
- r.key === "Escape" && M(!1);
90
- };
91
- return document.addEventListener("mousedown", o), document.addEventListener("keydown", n), () => {
92
- document.removeEventListener("mousedown", o), document.removeEventListener("keydown", n);
93
- };
94
- }, [i]);
95
- const G = {
96
- position: "fixed",
97
- zIndex: a ?? 1e3,
98
- ...m ? {
99
- top: m.top,
100
- bottom: "auto",
101
- left: m.left,
102
- minWidth: m.minWidth,
103
- maxHeight: m.maxHeight
104
- } : { visibility: "hidden", pointerEvents: "none" }
105
- }, z = i ? /* @__PURE__ */ u.createElement(
106
- "div",
107
- {
108
- ref: g,
109
- id: y,
110
- role: D,
111
- "aria-label": Z,
112
- className: T(H.p, K),
113
- style: G,
114
- onMouseDown: (o) => o.stopPropagation()
115
- },
116
- e
117
- ) : null, C = () => {
118
- W || M(!i);
119
- };
120
- return /* @__PURE__ */ u.createElement("div", { ref: x, className: T(H.r, F) }, /* @__PURE__ */ u.createElement(
121
- "div",
122
- {
123
- ref: b,
124
- className: H.t,
125
- "aria-haspopup": "menu",
126
- "aria-expanded": i,
127
- "aria-controls": i ? y : void 0,
128
- onClick: u.isValidElement(t) ? void 0 : C
129
- },
130
- se(t, i, y, C)
131
- ), z && typeof document < "u" ? _(z, document.body) : null);
132
- }
133
- export {
134
- fe as P
135
- };
@@ -1,120 +0,0 @@
1
- import e from "react";
2
- import { C } from "./CheckIcon-FdB8fMEF.js";
3
- import { c as o } from "./cx-CcykAxZN.js";
4
- import { u as F } from "./useControllableValue-CWqH1kpM.js";
5
- import './PricingGroup.css';const z = "cur", S = "cui", L = "cus", O = "cub", V = "cug", I = "cua", R = "cum", j = "cuh", A = "cut", G = "cup", K = "cuz", M = "cuo", T = "cue", $ = "cud", q = "cux", H = "cuf", J = "cuy", Q = "cul", U = "cuu", W = "cun", X = "cuc", Y = "cuk", Z = "cuw", a = {
6
- r: z,
7
- i: S,
8
- s: L,
9
- b: O,
10
- g: V,
11
- a: I,
12
- m: R,
13
- h: j,
14
- t: A,
15
- p: G,
16
- z: K,
17
- o: M,
18
- e: T,
19
- d: $,
20
- x: q,
21
- f: H,
22
- y: J,
23
- l: Q,
24
- u: U,
25
- n: W,
26
- c: X,
27
- k: Y,
28
- w: Z
29
- };
30
- function g() {
31
- return /* @__PURE__ */ e.createElement("span", { className: a.k, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(C, { className: a.w }));
32
- }
33
- function _({ feature: l }) {
34
- if (l != null && typeof l == "object" && !e.isValidElement(l) && "label" in l) {
35
- const c = l;
36
- return /* @__PURE__ */ e.createElement("li", { className: a.c }, c.icon != null ? c.icon : /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement("span", null, c.label));
37
- }
38
- return /* @__PURE__ */ e.createElement("li", { className: a.c }, /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement("span", null, l));
39
- }
40
- function h({ item: l }) {
41
- const c = l.badge != null && (l.badgePlacement ?? "pill") === "pill";
42
- return l.title == null && !c ? null : /* @__PURE__ */ e.createElement("div", { className: a.h }, l.title != null ? /* @__PURE__ */ e.createElement("h3", { className: a.t }, l.title) : null, c ? /* @__PURE__ */ e.createElement("span", { className: a.g }, l.badge) : null);
43
- }
44
- function v({ item: l }) {
45
- return l.price == null && l.priceOld == null && l.meta == null ? null : /* @__PURE__ */ e.createElement("div", { className: a.p }, l.priceOld != null ? /* @__PURE__ */ e.createElement("span", { className: a.o }, l.priceOld) : null, l.price != null ? /* @__PURE__ */ e.createElement("span", { className: a.z }, l.price) : null, l.meta != null ? /* @__PURE__ */ e.createElement("span", { className: a.e }, l.meta) : null);
46
- }
47
- function i({ item: l }) {
48
- return l.description == null ? null : /* @__PURE__ */ e.createElement("p", { className: a.d }, l.description);
49
- }
50
- function ee({
51
- actions: l,
52
- placement: c
53
- }) {
54
- return /* @__PURE__ */ e.createElement(
55
- "div",
56
- {
57
- className: c === "footer" ? a.f : a.x,
58
- onClick: (t) => t.stopPropagation(),
59
- onMouseDown: (t) => t.preventDefault()
60
- },
61
- l
62
- );
63
- }
64
- function le({ item: l }) {
65
- return l.features == null && l.featuresLabel == null && l.featuresSummary == null ? null : /* @__PURE__ */ e.createElement("div", { className: a.y }, l.featuresLabel != null ? /* @__PURE__ */ e.createElement("p", { className: a.l }, l.featuresLabel) : null, l.featuresSummary != null ? /* @__PURE__ */ e.createElement("p", { className: a.u }, l.featuresSummary) : null, l.features != null && l.features.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: a.n }, l.features.map((c, t) => /* @__PURE__ */ e.createElement(_, { key: t, feature: c }))) : null);
66
- }
67
- function re({
68
- items: l,
69
- value: c,
70
- defaultValue: t,
71
- selectable: N = !1,
72
- disabled: k = !1,
73
- onValueChange: y,
74
- className: P,
75
- ...w
76
- }) {
77
- const [x, d] = F(
78
- c,
79
- t,
80
- y
81
- );
82
- return /* @__PURE__ */ e.createElement("div", { className: o(a.r, P), role: "list", ...w }, l.map((n) => {
83
- const m = x === n.value, p = k || !!n.disabled, D = !!n.highlighted || m, f = n.badgePlacement ?? "pill", r = n.actionsPlacement ?? "after", E = n.descriptionPlacement ?? "after-price", s = N && !p, b = n.actions != null ? /* @__PURE__ */ e.createElement(
84
- ee,
85
- {
86
- actions: n.actions,
87
- placement: r
88
- }
89
- ) : null, B = /* @__PURE__ */ e.createElement(e.Fragment, null, n.priceFirst ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(v, { item: n }), /* @__PURE__ */ e.createElement(h, { item: n }), /* @__PURE__ */ e.createElement(i, { item: n })) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, { item: n }), E === "before-price" ? /* @__PURE__ */ e.createElement(i, { item: n }) : null, /* @__PURE__ */ e.createElement(v, { item: n }), E === "after-price" ? /* @__PURE__ */ e.createElement(i, { item: n }) : null));
90
- return /* @__PURE__ */ e.createElement(
91
- "div",
92
- {
93
- key: n.value,
94
- role: "listitem",
95
- className: o(a.i, D && a.s),
96
- "data-selected": m ? "true" : void 0,
97
- "data-highlighted": n.highlighted ? "true" : void 0,
98
- "data-selectable": s ? "true" : void 0,
99
- "aria-disabled": p || void 0,
100
- tabIndex: s ? 0 : void 0,
101
- onClick: () => {
102
- s && d(n.value);
103
- },
104
- onKeyDown: (u) => {
105
- s && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), d(n.value));
106
- }
107
- },
108
- n.badge != null && f === "banner" ? /* @__PURE__ */ e.createElement("div", { className: a.b }, n.badge) : null,
109
- n.badge != null && f === "float" ? /* @__PURE__ */ e.createElement("div", { className: o(a.g, a.a) }, n.badge) : null,
110
- n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: a.m }, n.icon) : null,
111
- B,
112
- r === "before" ? b : null,
113
- /* @__PURE__ */ e.createElement(le, { item: n }),
114
- r === "after" || r === "footer" ? b : null
115
- );
116
- }));
117
- }
118
- export {
119
- re as P
120
- };
@@ -1,152 +0,0 @@
1
- import l from "react";
2
- import { C as w } from "./CheckIcon-FdB8fMEF.js";
3
- import { c as D } from "./cx-CcykAxZN.js";
4
- import { u as F } from "./useControllableValue-CWqH1kpM.js";
5
- import './PricingTable.css';const q = "cxr", z = "cxh", B = "cxm", I = "cxn", O = "cxt", T = "cxg", V = "cxp", M = "cxz", H = "cxo", K = "cxe", R = "cxd", S = "cxx", $ = "cxb", j = "cxy", A = "cxl", G = "cxw", J = "cxc", L = "cxk", Q = "cxv", U = "cxa", W = "cxu", X = "cxq", n = {
6
- r: q,
7
- h: z,
8
- m: B,
9
- n: I,
10
- t: O,
11
- g: T,
12
- p: V,
13
- z: M,
14
- o: H,
15
- e: K,
16
- d: R,
17
- x: S,
18
- b: $,
19
- y: j,
20
- l: A,
21
- w: G,
22
- c: J,
23
- k: L,
24
- v: Q,
25
- a: U,
26
- u: W,
27
- q: X
28
- };
29
- function Y() {
30
- return /* @__PURE__ */ l.createElement("span", { className: n.k, "aria-hidden": !0 }, /* @__PURE__ */ l.createElement(w, { className: n.v }));
31
- }
32
- function Z({ value: e }) {
33
- return e === !0 ? /* @__PURE__ */ l.createElement(Y, null) : e === !1 || e == null || e === "" ? /* @__PURE__ */ l.createElement("span", { className: n.a }, "—") : /* @__PURE__ */ l.createElement(l.Fragment, null, e);
34
- }
35
- function _({
36
- item: e,
37
- highlighted: r,
38
- selectable: o,
39
- disabled: u,
40
- onSelect: d
41
- }) {
42
- const m = e.badge != null && (e.badgePlacement ?? "pill") === "pill", p = e.badge != null && e.badgePlacement === "banner";
43
- return /* @__PURE__ */ l.createElement(
44
- "div",
45
- {
46
- className: n.h,
47
- "data-highlighted": r ? "true" : void 0,
48
- "data-selectable": o ? "true" : void 0,
49
- tabIndex: o && !u ? 0 : void 0,
50
- onClick: () => {
51
- o && !u && d();
52
- },
53
- onKeyDown: (t) => {
54
- !o || u || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), d());
55
- }
56
- },
57
- p ? /* @__PURE__ */ l.createElement("span", { className: n.g }, e.badge) : null,
58
- e.icon != null ? /* @__PURE__ */ l.createElement("div", { className: n.m }, e.icon) : null,
59
- e.priceFirst ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(x, { item: e }), /* @__PURE__ */ l.createElement(v, { item: e, pill: m }), e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(v, { item: e, pill: m }), e.descriptionPlacement === "before-price" && e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null, /* @__PURE__ */ l.createElement(x, { item: e }), e.descriptionPlacement !== "before-price" && e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null),
60
- e.actions != null ? /* @__PURE__ */ l.createElement(
61
- "div",
62
- {
63
- className: n.x,
64
- onClick: (t) => t.stopPropagation(),
65
- onMouseDown: (t) => t.preventDefault()
66
- },
67
- e.actions
68
- ) : null
69
- );
70
- }
71
- function v({
72
- item: e,
73
- pill: r
74
- }) {
75
- return e.title == null && !r ? null : /* @__PURE__ */ l.createElement("div", { className: n.n }, e.title != null ? /* @__PURE__ */ l.createElement("h3", { className: n.t }, e.title) : null, r ? /* @__PURE__ */ l.createElement("span", { className: n.g }, e.badge) : null);
76
- }
77
- function x({ item: e }) {
78
- return e.price == null && e.priceOld == null && e.meta == null ? null : /* @__PURE__ */ l.createElement("div", { className: n.p }, e.priceOld != null ? /* @__PURE__ */ l.createElement("span", { className: n.o }, e.priceOld) : null, e.price != null ? /* @__PURE__ */ l.createElement("span", { className: n.z }, e.price) : null, e.meta != null ? /* @__PURE__ */ l.createElement("span", { className: n.e }, e.meta) : null);
79
- }
80
- function te({
81
- items: e,
82
- sections: r,
83
- footerActions: o = !0,
84
- value: u,
85
- defaultValue: d,
86
- selectable: m = !1,
87
- disabled: p = !1,
88
- onValueChange: t,
89
- className: g,
90
- style: h,
91
- ...N
92
- }) {
93
- const [f, b] = F(
94
- u,
95
- d,
96
- t
97
- ), k = e.length, y = {
98
- ...h,
99
- gridTemplateColumns: `var(--pricing-table-label-width) repeat(${k}, minmax(12rem, 1fr))`
100
- };
101
- let P = 0;
102
- return /* @__PURE__ */ l.createElement("div", { className: D(n.r, g), style: y, role: "table", ...N }, /* @__PURE__ */ l.createElement("div", { className: n.q, role: "columnheader" }), e.map((a) => {
103
- const s = f === a.value, c = !!a.highlighted || s;
104
- return /* @__PURE__ */ l.createElement(
105
- _,
106
- {
107
- key: a.value,
108
- item: a,
109
- highlighted: c,
110
- selectable: m && !p && !a.disabled,
111
- disabled: p || !!a.disabled,
112
- onSelect: () => b(a.value)
113
- }
114
- );
115
- }), r == null ? void 0 : r.map((a, s) => /* @__PURE__ */ l.createElement(l.Fragment, { key: s }, a.title != null ? /* @__PURE__ */ l.createElement("div", { className: n.b, role: "rowheader" }, a.title) : null, a.rows.map((c) => {
116
- const C = P++ % 2 === 1;
117
- return /* @__PURE__ */ l.createElement(
118
- "div",
119
- {
120
- key: c.key,
121
- className: n.y,
122
- "data-alt": C ? "true" : void 0,
123
- role: "row"
124
- },
125
- /* @__PURE__ */ l.createElement("div", { className: n.l, role: "rowheader" }, /* @__PURE__ */ l.createElement("span", null, c.label), c.hint != null && c.hint !== "" ? /* @__PURE__ */ l.createElement(
126
- "button",
127
- {
128
- type: "button",
129
- className: n.w,
130
- title: c.hint,
131
- "aria-label": c.hint
132
- },
133
- "?"
134
- ) : null),
135
- e.map((i) => {
136
- var E;
137
- return /* @__PURE__ */ l.createElement("div", { key: i.value, className: n.c, role: "cell" }, /* @__PURE__ */ l.createElement(Z, { value: (E = c.values) == null ? void 0 : E[i.value] }));
138
- })
139
- );
140
- }))), o ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", { className: n.q }), e.map((a) => /* @__PURE__ */ l.createElement("div", { key: a.value, className: n.u }, a.actions != null ? /* @__PURE__ */ l.createElement(
141
- "div",
142
- {
143
- className: n.x,
144
- onClick: (s) => s.stopPropagation(),
145
- onMouseDown: (s) => s.preventDefault()
146
- },
147
- a.actions
148
- ) : null))) : null);
149
- }
150
- export {
151
- te as P
152
- };
@@ -1,129 +0,0 @@
1
- import e from "react";
2
- import { C as w } from "./CheckIcon-FdB8fMEF.js";
3
- import { c as r } from "./cx-CcykAxZN.js";
4
- import { u as C } from "./useControllableValue-CWqH1kpM.js";
5
- import './RadioGroup.css';const z = "cqr", R = "cqi", D = "cqs", F = "cqp", I = "cqh", V = "cqn", A = "cqm", B = "cqf", G = "cqc", L = "cqt", M = "cqe", P = "cqd", T = "cqx", $ = "cqy", j = "cqz", H = "cqk", J = "cqo", K = "cqq", O = "cqw", l = {
6
- r: z,
7
- i: R,
8
- s: D,
9
- p: F,
10
- h: I,
11
- n: V,
12
- m: A,
13
- f: B,
14
- c: G,
15
- t: L,
16
- e: M,
17
- d: P,
18
- x: T,
19
- y: $,
20
- z: j,
21
- k: H,
22
- o: J,
23
- q: K,
24
- w: O
25
- };
26
- function E({
27
- kind: a,
28
- selected: c
29
- }) {
30
- const t = a === "radio";
31
- return /* @__PURE__ */ e.createElement(
32
- "span",
33
- {
34
- className: r(l.k, t ? l.o : l.q),
35
- "data-on": c ? "true" : void 0,
36
- "aria-hidden": !0
37
- },
38
- !t && c ? /* @__PURE__ */ e.createElement(w, { className: l.w }) : null
39
- );
40
- }
41
- function d({
42
- title: a,
43
- meta: c,
44
- price: t,
45
- badge: s
46
- }) {
47
- return a == null && c == null && t == null && s == null ? null : /* @__PURE__ */ e.createElement("div", { className: l.t }, t != null ? /* @__PURE__ */ e.createElement("span", { className: l.z }, t) : null, a ?? null, c != null ? /* @__PURE__ */ e.createElement("span", { className: l.e }, c) : null, s ?? null);
48
- }
49
- function q({ children: a }) {
50
- return /* @__PURE__ */ e.createElement(
51
- "div",
52
- {
53
- className: l.x,
54
- onClick: (c) => c.stopPropagation(),
55
- onMouseDown: (c) => c.preventDefault()
56
- },
57
- a
58
- );
59
- }
60
- function X({
61
- items: a,
62
- value: c,
63
- defaultValue: t,
64
- name: s,
65
- disabled: i = !1,
66
- indicator: m = "check",
67
- indicatorSide: v = "end",
68
- onValueChange: f,
69
- className: N,
70
- ...k
71
- }) {
72
- const h = e.useId(), b = s ?? h, [g, x] = C(
73
- c,
74
- t,
75
- f
76
- );
77
- return /* @__PURE__ */ e.createElement(
78
- "div",
79
- {
80
- className: r(l.r, N),
81
- role: "radiogroup",
82
- "aria-disabled": i || void 0,
83
- ...k
84
- },
85
- a.map((n) => {
86
- const o = g === n.value, y = i || !!n.disabled, u = n.variant === "split", p = n.iconFramed !== !1;
87
- return /* @__PURE__ */ e.createElement(
88
- "label",
89
- {
90
- key: n.value,
91
- className: r(l.i, o && l.s, u && l.p),
92
- "data-selected": o ? "true" : void 0,
93
- "data-indicator": u ? void 0 : v
94
- },
95
- /* @__PURE__ */ e.createElement(
96
- "input",
97
- {
98
- className: l.n,
99
- type: "radio",
100
- name: b,
101
- value: n.value,
102
- checked: o,
103
- disabled: y,
104
- onChange: () => x(n.value)
105
- }
106
- ),
107
- u ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: l.h }, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(l.m, p && l.f) }, n.icon) : null, /* @__PURE__ */ e.createElement(d, { title: n.title }), /* @__PURE__ */ e.createElement(E, { kind: m, selected: o })), /* @__PURE__ */ e.createElement("div", { className: l.y }, /* @__PURE__ */ e.createElement(
108
- d,
109
- {
110
- price: n.price,
111
- meta: n.meta,
112
- badge: n.badge
113
- }
114
- ), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: l.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(q, null, n.actions) : null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(l.m, p && l.f) }, n.icon) : null, /* @__PURE__ */ e.createElement("div", { className: l.c }, /* @__PURE__ */ e.createElement(
115
- d,
116
- {
117
- title: n.title,
118
- meta: n.meta,
119
- price: n.price,
120
- badge: n.badge
121
- }
122
- ), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: l.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(q, null, n.actions) : null), /* @__PURE__ */ e.createElement(E, { kind: m, selected: o }))
123
- );
124
- })
125
- );
126
- }
127
- export {
128
- X as R
129
- };
@@ -1,8 +0,0 @@
1
- import t from "react";
2
- import { S as o } from "./Stack-XkmPSswj.js";
3
- function c(r) {
4
- return /* @__PURE__ */ t.createElement(o, { direction: "row", ...r });
5
- }
6
- export {
7
- c as R
8
- };
package/dist/Row.d.ts DELETED
@@ -1,24 +0,0 @@
1
- import { default as React } from 'react';
2
- import { StackProps } from './Stack';
3
- /**
4
- * @deprecated Используйте `Stack direction="row"`.
5
- * Миграция: `elcrm migrate components`.
6
- *
7
- * Горизонтальный стек (алиас Stack).
8
- *
9
- * @example
10
- * ```tsx
11
- * // Было:
12
- * <Row gap={8}>…</Row>
13
- * // Стало:
14
- * <Stack direction="row" gap={8}>…</Stack>
15
- * ```
16
- */
17
- export type RowProps = Omit<StackProps, "direction">;
18
- /**
19
- * @deprecated Используйте `Stack direction="row"`.
20
- * Миграция: `elcrm migrate components`.
21
- *
22
- * @see Stack, Block, Column
23
- */
24
- export declare function Row(props: RowProps): React.JSX.Element;
package/dist/Row.js DELETED
@@ -1,4 +0,0 @@
1
- import { R } from "./Row-DsQOVn18.js";
2
- export {
3
- R as Row
4
- };