@elcrm/components 0.1.2 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -2
- package/dist/ActionGroup.css +1 -1
- package/dist/Avatar.d.ts +2 -1
- package/dist/AvatarGroup.d.ts +2 -1
- package/dist/AvatarName-0BzyfpMq.js +68 -0
- package/dist/AvatarName.css +1 -1
- package/dist/AvatarName.d.ts +4 -1
- package/dist/AvatarName.js +1 -1
- package/dist/Badge.d.ts +2 -1
- package/dist/Card.css +1 -1
- package/dist/ChatFrame-BW2TmCkZ.js +37 -0
- package/dist/ChatFrame.css +1 -0
- package/dist/ChatList.d.ts +9 -0
- package/dist/ChatList.js +7 -0
- package/dist/ChatMessages-B8rdXiK-.js +19 -0
- package/dist/ChatMessages.d.ts +9 -0
- package/dist/ChatMessages.js +4 -0
- package/dist/ChatSplit-DNnu3TNq.js +21 -0
- package/dist/CheckIcon-FdB8fMEF.js +17 -0
- package/dist/CheckIcon.d.ts +8 -0
- package/dist/Dropdown-4yUB2tk1.js +142 -0
- package/dist/Dropdown.css +1 -1
- package/dist/Dropdown.js +1 -1
- package/dist/Footer.css +1 -1
- package/dist/Item.css +1 -1
- package/dist/ItemColumn.css +1 -1
- package/dist/ItemColumn.d.ts +2 -1
- package/dist/Layout-mi6Ghayv.js +31 -0
- package/dist/Layout.css +1 -1
- package/dist/Layout.d.ts +19 -2
- package/dist/Layout.js +1 -1
- package/dist/Loading-DkkG7RcE.js +16 -0
- package/dist/Loading.css +1 -1
- package/dist/Loading.d.ts +1 -1
- package/dist/Loading.js +1 -1
- package/dist/Menu-DuXQv-zT.js +66 -0
- package/dist/Menu.css +1 -1
- package/dist/Menu.js +1 -1
- package/dist/NavSections-BpyZPimZ.js +79 -0
- package/dist/NavSections.css +1 -1
- package/dist/NavSections.js +1 -1
- package/dist/PageHead.css +1 -1
- package/dist/Popover-D0m5JWIt.js +142 -0
- package/dist/Popover.css +1 -1
- package/dist/Popover.js +1 -1
- package/dist/PricingGroup-Czuhe81Z.js +120 -0
- package/dist/PricingGroup.css +1 -1
- package/dist/PricingGroup.js +1 -1
- package/dist/{PricingTable-DALddSwM.js → PricingTable-BuLC0opK.js} +69 -75
- package/dist/PricingTable.css +1 -1
- package/dist/PricingTable.js +1 -1
- package/dist/RadioGroup-fcXzhvMu.js +129 -0
- package/dist/RadioGroup.css +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/Sidebar-CBYq1ad6.js +107 -0
- package/dist/Sidebar.css +1 -1
- package/dist/Sidebar.d.ts +17 -1
- package/dist/Sidebar.js +1 -1
- package/dist/Stat.css +1 -1
- package/dist/TabSections-DN7yVJoF.js +69 -0
- package/dist/TabSections.css +1 -1
- package/dist/TabSections.js +1 -1
- package/dist/TextGroup.d.ts +2 -1
- package/dist/badgeText-CRzlIzi3.js +8 -0
- package/dist/badgeText.d.ts +4 -0
- package/dist/dark.css +4 -1
- package/dist/index.css +21 -19
- package/dist/index.d.ts +10 -1
- package/dist/index.es.d.ts +10 -1
- package/dist/index.es.js +51 -44
- package/dist/light.css +4 -1
- package/dist/rovingKeys-CGlfTtNQ.js +15 -0
- package/dist/rovingKeys.d.ts +13 -0
- package/dist/tokens.css +35 -14
- package/dist/types.d.ts +2 -0
- package/dist/useControllableValue-CWqH1kpM.js +10 -0
- package/dist/useControllableValue.d.ts +4 -0
- package/package.json +5 -1
- package/dist/AvatarName-C1sIDPH-.js +0 -66
- package/dist/Dropdown-CQBMF9aR.js +0 -151
- package/dist/Layout-BQwEaeO0.js +0 -22
- package/dist/Loading-ChGq9peU.js +0 -15
- package/dist/Menu-DpUvOl8Y.js +0 -58
- package/dist/NavSections-NDcIDD6H.js +0 -59
- package/dist/Popover-g2xTGubK.js +0 -123
- package/dist/PricingGroup-DgcdVSq8.js +0 -126
- package/dist/RadioGroup-D2UUOTkY.js +0 -138
- package/dist/Sidebar-DeqxYgxn.js +0 -69
- package/dist/TabSections-Bf_sZo7b.js +0 -50
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import e from "react";
|
|
2
|
-
import { c as r } from "./cx-CcykAxZN.js";
|
|
3
|
-
import './RadioGroup.css';const D = "cqr", F = "cqi", L = "cqs", M = "cqp", B = "cqh", I = "cqn", j = "cqm", A = "cqf", G = "cqc", S = "cqt", T = "cqe", U = "cqd", W = "cqx", $ = "cqy", C = "cqz", H = "cqk", J = "cqo", K = "cqq", O = "cqw", c = {
|
|
4
|
-
r: D,
|
|
5
|
-
i: F,
|
|
6
|
-
s: L,
|
|
7
|
-
p: M,
|
|
8
|
-
h: B,
|
|
9
|
-
n: I,
|
|
10
|
-
m: j,
|
|
11
|
-
f: A,
|
|
12
|
-
c: G,
|
|
13
|
-
t: S,
|
|
14
|
-
e: T,
|
|
15
|
-
d: U,
|
|
16
|
-
x: W,
|
|
17
|
-
y: $,
|
|
18
|
-
z: C,
|
|
19
|
-
k: H,
|
|
20
|
-
o: J,
|
|
21
|
-
q: K,
|
|
22
|
-
w: O
|
|
23
|
-
};
|
|
24
|
-
function P() {
|
|
25
|
-
return /* @__PURE__ */ e.createElement("svg", { className: c.w, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
|
|
26
|
-
"path",
|
|
27
|
-
{
|
|
28
|
-
d: "M2.5 6.2 4.8 8.5 9.5 3.5",
|
|
29
|
-
fill: "none",
|
|
30
|
-
stroke: "currentColor",
|
|
31
|
-
strokeWidth: "1.8",
|
|
32
|
-
strokeLinecap: "round",
|
|
33
|
-
strokeLinejoin: "round"
|
|
34
|
-
}
|
|
35
|
-
));
|
|
36
|
-
}
|
|
37
|
-
function v({
|
|
38
|
-
kind: t,
|
|
39
|
-
selected: l
|
|
40
|
-
}) {
|
|
41
|
-
const a = t === "radio";
|
|
42
|
-
return /* @__PURE__ */ e.createElement(
|
|
43
|
-
"span",
|
|
44
|
-
{
|
|
45
|
-
className: r(c.k, a ? c.o : c.q),
|
|
46
|
-
"data-on": l ? "true" : void 0,
|
|
47
|
-
"aria-hidden": !0
|
|
48
|
-
},
|
|
49
|
-
!a && l ? /* @__PURE__ */ e.createElement(P, null) : null
|
|
50
|
-
);
|
|
51
|
-
}
|
|
52
|
-
function i({
|
|
53
|
-
title: t,
|
|
54
|
-
meta: l,
|
|
55
|
-
price: a,
|
|
56
|
-
badge: s
|
|
57
|
-
}) {
|
|
58
|
-
return t == null && l == null && a == null && s == null ? null : /* @__PURE__ */ e.createElement("div", { className: c.t }, a != null ? /* @__PURE__ */ e.createElement("span", { className: c.z }, a) : null, t ?? null, l != null ? /* @__PURE__ */ e.createElement("span", { className: c.e }, l) : null, s ?? null);
|
|
59
|
-
}
|
|
60
|
-
function f({ children: t }) {
|
|
61
|
-
return /* @__PURE__ */ e.createElement(
|
|
62
|
-
"div",
|
|
63
|
-
{
|
|
64
|
-
className: c.x,
|
|
65
|
-
onClick: (l) => l.stopPropagation(),
|
|
66
|
-
onMouseDown: (l) => l.preventDefault()
|
|
67
|
-
},
|
|
68
|
-
t
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
function Y({
|
|
72
|
-
items: t,
|
|
73
|
-
value: l,
|
|
74
|
-
defaultValue: a,
|
|
75
|
-
name: s,
|
|
76
|
-
disabled: m = !1,
|
|
77
|
-
indicator: p = "check",
|
|
78
|
-
indicatorSide: N = "end",
|
|
79
|
-
onValueChange: u,
|
|
80
|
-
className: k,
|
|
81
|
-
...h
|
|
82
|
-
}) {
|
|
83
|
-
const b = e.useId(), w = s ?? b, [x, y] = e.useState(a), E = l !== void 0, g = E ? l : x, z = (n) => {
|
|
84
|
-
E || y(n), u == null || u(n);
|
|
85
|
-
};
|
|
86
|
-
return /* @__PURE__ */ e.createElement(
|
|
87
|
-
"div",
|
|
88
|
-
{
|
|
89
|
-
className: r(c.r, k),
|
|
90
|
-
role: "radiogroup",
|
|
91
|
-
"aria-disabled": m || void 0,
|
|
92
|
-
...h
|
|
93
|
-
},
|
|
94
|
-
t.map((n) => {
|
|
95
|
-
const o = g === n.value, R = m || !!n.disabled, d = n.variant === "split", q = n.iconFramed !== !1;
|
|
96
|
-
return /* @__PURE__ */ e.createElement(
|
|
97
|
-
"label",
|
|
98
|
-
{
|
|
99
|
-
key: n.value,
|
|
100
|
-
className: r(c.i, o && c.s, d && c.p),
|
|
101
|
-
"data-selected": o ? "true" : void 0,
|
|
102
|
-
"data-indicator": d ? void 0 : N
|
|
103
|
-
},
|
|
104
|
-
/* @__PURE__ */ e.createElement(
|
|
105
|
-
"input",
|
|
106
|
-
{
|
|
107
|
-
className: c.n,
|
|
108
|
-
type: "radio",
|
|
109
|
-
name: w,
|
|
110
|
-
value: n.value,
|
|
111
|
-
checked: o,
|
|
112
|
-
disabled: R,
|
|
113
|
-
onChange: () => z(n.value)
|
|
114
|
-
}
|
|
115
|
-
),
|
|
116
|
-
d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: c.h }, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(c.m, q && c.f) }, n.icon) : null, /* @__PURE__ */ e.createElement(i, { title: n.title }), /* @__PURE__ */ e.createElement(v, { kind: p, selected: o })), /* @__PURE__ */ e.createElement("div", { className: c.y }, /* @__PURE__ */ e.createElement(
|
|
117
|
-
i,
|
|
118
|
-
{
|
|
119
|
-
price: n.price,
|
|
120
|
-
meta: n.meta,
|
|
121
|
-
badge: n.badge
|
|
122
|
-
}
|
|
123
|
-
), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: c.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(f, null, n.actions) : null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(c.m, q && c.f) }, n.icon) : null, /* @__PURE__ */ e.createElement("div", { className: c.c }, /* @__PURE__ */ e.createElement(
|
|
124
|
-
i,
|
|
125
|
-
{
|
|
126
|
-
title: n.title,
|
|
127
|
-
meta: n.meta,
|
|
128
|
-
price: n.price,
|
|
129
|
-
badge: n.badge
|
|
130
|
-
}
|
|
131
|
-
), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: c.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(f, null, n.actions) : null), /* @__PURE__ */ e.createElement(v, { kind: p, selected: o }))
|
|
132
|
-
);
|
|
133
|
-
})
|
|
134
|
-
);
|
|
135
|
-
}
|
|
136
|
-
export {
|
|
137
|
-
Y as R
|
|
138
|
-
};
|
package/dist/Sidebar-DeqxYgxn.js
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import l from "react";
|
|
2
|
-
import { B as h } from "./Badge-jp-9iNNL.js";
|
|
3
|
-
import { I as x } from "./Item-D4okhsfW.js";
|
|
4
|
-
import { c as u } from "./cx-CcykAxZN.js";
|
|
5
|
-
import './Sidebar.css';const k = "c2r", g = "c2b", y = "c2x", B = "c2g", I = "c2s", w = "c2p", z = "c2h", C = "c2n", R = "c2i", T = "c2a", $ = "c2o", j = "c2l", q = "c2d", A = "c2f", D = "c2v", e = {
|
|
6
|
-
r: k,
|
|
7
|
-
b: g,
|
|
8
|
-
x: y,
|
|
9
|
-
g: B,
|
|
10
|
-
s: I,
|
|
11
|
-
p: w,
|
|
12
|
-
h: z,
|
|
13
|
-
n: C,
|
|
14
|
-
i: R,
|
|
15
|
-
a: T,
|
|
16
|
-
o: $,
|
|
17
|
-
l: j,
|
|
18
|
-
d: q,
|
|
19
|
-
f: A,
|
|
20
|
-
v: D
|
|
21
|
-
};
|
|
22
|
-
function F(n) {
|
|
23
|
-
if (n == null || n === "") return null;
|
|
24
|
-
const c = Number(n);
|
|
25
|
-
return !Number.isNaN(c) && c === 0 ? null : !Number.isNaN(c) && c > 99 ? "99+" : String(n);
|
|
26
|
-
}
|
|
27
|
-
function L({
|
|
28
|
-
groups: n,
|
|
29
|
-
items: c,
|
|
30
|
-
value: v,
|
|
31
|
-
onSelect: s,
|
|
32
|
-
variant: E = "cards",
|
|
33
|
-
brand: o,
|
|
34
|
-
extra: r,
|
|
35
|
-
footer: N,
|
|
36
|
-
version: m,
|
|
37
|
-
className: f,
|
|
38
|
-
"aria-label": b = "Основное меню"
|
|
39
|
-
}) {
|
|
40
|
-
const p = n ?? c ?? [];
|
|
41
|
-
return /* @__PURE__ */ l.createElement(
|
|
42
|
-
"aside",
|
|
43
|
-
{
|
|
44
|
-
className: u(e.r, E === "plain" && e.p, f),
|
|
45
|
-
"aria-label": b
|
|
46
|
-
},
|
|
47
|
-
o != null || r != null ? /* @__PURE__ */ l.createElement("div", { className: e.b }, o, r != null ? /* @__PURE__ */ l.createElement("div", { className: e.x }, r) : null) : null,
|
|
48
|
-
/* @__PURE__ */ l.createElement("div", { className: e.g }, p.map((t) => /* @__PURE__ */ l.createElement("nav", { key: t.value, className: e.s, "aria-label": t.title ?? "Навигация" }, t.title ? /* @__PURE__ */ l.createElement("div", { className: e.h }, t.title) : null, /* @__PURE__ */ l.createElement("ul", { className: e.n }, (t.items ?? []).map((a) => {
|
|
49
|
-
const d = F(a.badge), i = v === a.value;
|
|
50
|
-
return /* @__PURE__ */ l.createElement("li", { key: a.value }, /* @__PURE__ */ l.createElement(
|
|
51
|
-
x,
|
|
52
|
-
{
|
|
53
|
-
as: "button",
|
|
54
|
-
active: i,
|
|
55
|
-
className: u(e.i, i && e.a),
|
|
56
|
-
"aria-current": i ? "page" : void 0,
|
|
57
|
-
onClick: () => s == null ? void 0 : s(a.value)
|
|
58
|
-
},
|
|
59
|
-
a.icon != null ? /* @__PURE__ */ l.createElement("span", { className: e.o, "aria-hidden": !0 }, a.icon) : null,
|
|
60
|
-
/* @__PURE__ */ l.createElement("span", { className: e.l }, a.label),
|
|
61
|
-
d != null ? /* @__PURE__ */ l.createElement(h, { className: e.d, tone: "accent", size: "s" }, d) : null
|
|
62
|
-
));
|
|
63
|
-
}))))),
|
|
64
|
-
N != null || m != null ? /* @__PURE__ */ l.createElement("div", { className: u(e.s, e.f) }, N, m != null ? /* @__PURE__ */ l.createElement("div", { className: e.v }, m) : null) : null
|
|
65
|
-
);
|
|
66
|
-
}
|
|
67
|
-
export {
|
|
68
|
-
L as S
|
|
69
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import t, { useMemo as S, useState as y, Suspense as T } from "react";
|
|
2
|
-
import { c as b } from "./cx-CcykAxZN.js";
|
|
3
|
-
import './TabSections.css';const x = "ctr", I = "ctb", M = "ctn", R = "ctt", $ = "cta", g = "cte", j = "cts", q = "ctm", a = {
|
|
4
|
-
r: x,
|
|
5
|
-
b: I,
|
|
6
|
-
n: M,
|
|
7
|
-
t: R,
|
|
8
|
-
a: $,
|
|
9
|
-
e: g,
|
|
10
|
-
s: j,
|
|
11
|
-
m: q
|
|
12
|
-
};
|
|
13
|
-
function A({
|
|
14
|
-
items: l = [],
|
|
15
|
-
resolveSection: d,
|
|
16
|
-
value: o,
|
|
17
|
-
defaultValue: n,
|
|
18
|
-
onValueChange: s,
|
|
19
|
-
loading: v = null,
|
|
20
|
-
actions: m,
|
|
21
|
-
className: i,
|
|
22
|
-
navLabel: E = "Вкладки"
|
|
23
|
-
}) {
|
|
24
|
-
const p = S(() => {
|
|
25
|
-
var e;
|
|
26
|
-
return n || (((e = l.find((c) => !c.disabled)) == null ? void 0 : e.value) ?? "");
|
|
27
|
-
}, [n, l]), [N, f] = y(p), r = o ?? N, k = (e) => {
|
|
28
|
-
o == null && f(e), s == null || s(e);
|
|
29
|
-
}, u = r ? d(r) : null;
|
|
30
|
-
return /* @__PURE__ */ t.createElement("div", { className: b(a.r, i) }, /* @__PURE__ */ t.createElement("div", { className: a.b }, /* @__PURE__ */ t.createElement("nav", { className: a.n, "aria-label": E }, l.map((e) => {
|
|
31
|
-
const c = e.value === r;
|
|
32
|
-
return /* @__PURE__ */ t.createElement(
|
|
33
|
-
"button",
|
|
34
|
-
{
|
|
35
|
-
key: e.value,
|
|
36
|
-
type: "button",
|
|
37
|
-
className: b(a.t, c && a.a),
|
|
38
|
-
"data-active": c ? "true" : void 0,
|
|
39
|
-
"aria-current": c ? "page" : void 0,
|
|
40
|
-
disabled: e.disabled,
|
|
41
|
-
onClick: () => k(e.value)
|
|
42
|
-
},
|
|
43
|
-
/* @__PURE__ */ t.createElement("span", null, e.label),
|
|
44
|
-
e.badge != null && e.badge !== "" ? /* @__PURE__ */ t.createElement("em", { className: a.e }, e.badge) : null
|
|
45
|
-
);
|
|
46
|
-
})), m != null ? /* @__PURE__ */ t.createElement("div", { className: a.s }, m) : null), /* @__PURE__ */ t.createElement("div", { className: a.m }, u ? /* @__PURE__ */ t.createElement(T, { fallback: v }, t.createElement(u)) : null));
|
|
47
|
-
}
|
|
48
|
-
export {
|
|
49
|
-
A as T
|
|
50
|
-
};
|