@elcrm/components 0.1.1 → 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.
Files changed (135) hide show
  1. package/README.md +130 -16
  2. package/dist/ActionGroup-ChKFW0mt.js +27 -0
  3. package/dist/ActionGroup.css +1 -0
  4. package/dist/ActionGroup.d.ts +42 -0
  5. package/dist/ActionGroup.js +4 -0
  6. package/dist/Avatar-loGgFt72.js +113 -0
  7. package/dist/Avatar.d.ts +11 -2
  8. package/dist/Avatar.js +3 -2
  9. package/dist/{AvatarGroup-BAWas4pU.js → AvatarGroup-D1gnT3Od.js} +1 -1
  10. package/dist/AvatarGroup.d.ts +2 -1
  11. package/dist/AvatarGroup.js +1 -1
  12. package/dist/AvatarName-0BzyfpMq.js +68 -0
  13. package/dist/AvatarName.css +1 -1
  14. package/dist/AvatarName.d.ts +8 -2
  15. package/dist/AvatarName.js +1 -1
  16. package/dist/Badge-jp-9iNNL.js +28 -0
  17. package/dist/Badge.css +1 -1
  18. package/dist/Badge.d.ts +33 -17
  19. package/dist/Badge.js +1 -1
  20. package/dist/{Block-BAXh0PPp.js → Block-Bu7NEA0g.js} +1 -1
  21. package/dist/Block.js +1 -1
  22. package/dist/Card.css +1 -1
  23. package/dist/Card.d.ts +8 -1
  24. package/dist/ChatFrame-BW2TmCkZ.js +37 -0
  25. package/dist/ChatFrame.css +1 -0
  26. package/dist/ChatList.d.ts +9 -0
  27. package/dist/ChatList.js +7 -0
  28. package/dist/ChatMessages-B8rdXiK-.js +19 -0
  29. package/dist/ChatMessages.d.ts +9 -0
  30. package/dist/ChatMessages.js +4 -0
  31. package/dist/ChatSplit-DNnu3TNq.js +21 -0
  32. package/dist/CheckIcon-FdB8fMEF.js +17 -0
  33. package/dist/CheckIcon.d.ts +8 -0
  34. package/dist/{Column-DDaqX-A7.js → Column-BiogBDf8.js} +1 -1
  35. package/dist/Column.js +1 -1
  36. package/dist/Dropdown-4yUB2tk1.js +142 -0
  37. package/dist/Dropdown.css +1 -1
  38. package/dist/Dropdown.d.ts +3 -3
  39. package/dist/Dropdown.js +1 -1
  40. package/dist/Footer.css +1 -1
  41. package/dist/Item-D4okhsfW.js +46 -0
  42. package/dist/Item.css +1 -1
  43. package/dist/Item.d.ts +8 -1
  44. package/dist/Item.js +1 -1
  45. package/dist/ItemColumn-M7a9L8CI.js +41 -0
  46. package/dist/ItemColumn.css +1 -0
  47. package/dist/ItemColumn.d.ts +62 -0
  48. package/dist/ItemColumn.js +4 -0
  49. package/dist/Layout-mi6Ghayv.js +31 -0
  50. package/dist/Layout.css +1 -1
  51. package/dist/Layout.d.ts +28 -6
  52. package/dist/Layout.js +1 -1
  53. package/dist/Loading-DkkG7RcE.js +16 -0
  54. package/dist/Loading.css +1 -1
  55. package/dist/Loading.d.ts +1 -1
  56. package/dist/Loading.js +1 -1
  57. package/dist/Menu-DuXQv-zT.js +66 -0
  58. package/dist/Menu.css +1 -1
  59. package/dist/Menu.d.ts +15 -3
  60. package/dist/Menu.js +1 -1
  61. package/dist/NavSections-BpyZPimZ.js +79 -0
  62. package/dist/NavSections.css +1 -1
  63. package/dist/NavSections.js +1 -1
  64. package/dist/PageHead-DgaJ1mXY.js +31 -0
  65. package/dist/PageHead.css +1 -1
  66. package/dist/PageHead.d.ts +28 -6
  67. package/dist/PageHead.js +1 -1
  68. package/dist/{PageShell-CghThHS3.js → PageShell-D9EZiO8o.js} +13 -11
  69. package/dist/PageShell.css +1 -1
  70. package/dist/PageShell.d.ts +11 -6
  71. package/dist/PageShell.js +1 -1
  72. package/dist/Popover-D0m5JWIt.js +142 -0
  73. package/dist/Popover.css +1 -0
  74. package/dist/Popover.d.ts +54 -0
  75. package/dist/Popover.js +4 -0
  76. package/dist/PricingGroup-Czuhe81Z.js +120 -0
  77. package/dist/PricingGroup.css +1 -1
  78. package/dist/PricingGroup.js +1 -1
  79. package/dist/{PricingTable-DALddSwM.js → PricingTable-BuLC0opK.js} +69 -75
  80. package/dist/PricingTable.css +1 -1
  81. package/dist/PricingTable.js +1 -1
  82. package/dist/RadioGroup-fcXzhvMu.js +129 -0
  83. package/dist/RadioGroup.css +1 -1
  84. package/dist/RadioGroup.js +1 -1
  85. package/dist/{Row--HIe6vb9.js → Row-DsQOVn18.js} +1 -1
  86. package/dist/Row.js +1 -1
  87. package/dist/Sidebar-CBYq1ad6.js +107 -0
  88. package/dist/Sidebar.css +1 -0
  89. package/dist/Sidebar.d.ts +99 -0
  90. package/dist/Sidebar.js +4 -0
  91. package/dist/Stack-XkmPSswj.js +53 -0
  92. package/dist/Stack.css +1 -1
  93. package/dist/Stack.d.ts +16 -4
  94. package/dist/Stack.js +3 -2
  95. package/dist/Stat-C5iZyEoo.js +27 -0
  96. package/dist/Stat.css +1 -0
  97. package/dist/Stat.d.ts +39 -0
  98. package/dist/Stat.js +4 -0
  99. package/dist/TabSections-DN7yVJoF.js +69 -0
  100. package/dist/TabSections.css +1 -1
  101. package/dist/TabSections.js +1 -1
  102. package/dist/TextGroup-DmhuyMR1.js +23 -0
  103. package/dist/TextGroup.css +1 -0
  104. package/dist/TextGroup.d.ts +36 -0
  105. package/dist/TextGroup.js +4 -0
  106. package/dist/badgeText-CRzlIzi3.js +8 -0
  107. package/dist/badgeText.d.ts +4 -0
  108. package/dist/dark.css +13 -0
  109. package/dist/index.css +31 -17
  110. package/dist/index.d.ts +27 -4
  111. package/dist/index.es.d.ts +82 -0
  112. package/dist/index.es.js +83 -59
  113. package/dist/light.css +13 -0
  114. package/dist/overlayZ.d.ts +9 -0
  115. package/dist/rovingKeys-CGlfTtNQ.js +15 -0
  116. package/dist/rovingKeys.d.ts +13 -0
  117. package/dist/tokens.css +44 -4
  118. package/dist/types.d.ts +2 -0
  119. package/dist/useControllableValue-CWqH1kpM.js +10 -0
  120. package/dist/useControllableValue.d.ts +4 -0
  121. package/package.json +6 -2
  122. package/dist/Avatar-CyNXYvsa.js +0 -101
  123. package/dist/AvatarName-DhD3TytF.js +0 -56
  124. package/dist/Badge-l6nUkl-H.js +0 -22
  125. package/dist/Dropdown-DQlDiWCR.js +0 -168
  126. package/dist/Item-CaU4RW2G.js +0 -38
  127. package/dist/Layout-Xb3-xsmA.js +0 -18
  128. package/dist/Loading-ChGq9peU.js +0 -15
  129. package/dist/Menu-DRBHvSdJ.js +0 -40
  130. package/dist/NavSections-NDcIDD6H.js +0 -59
  131. package/dist/PageHead-Baz9BLuA.js +0 -22
  132. package/dist/PricingGroup-DgcdVSq8.js +0 -126
  133. package/dist/RadioGroup-D2UUOTkY.js +0 -138
  134. package/dist/Stack-b0-XWwQ1.js +0 -31
  135. package/dist/TabSections-DL7DufKU.js +0 -50
@@ -1,168 +0,0 @@
1
- import e from "react";
2
- import { c as k } from "./cx-CcykAxZN.js";
3
- import './Dropdown.css';const z = "crr", F = "crt", G = "crc", K = "crp", T = "crh", U = "crg", q = "crd", A = "cri", H = "crn", J = "crk", Q = "crl", V = "cru", X = "crm", Y = "crb", Z = "cro", _ = "crf", $ = "crx", O = "cry", P = "crv", t = {
4
- r: z,
5
- t: F,
6
- c: G,
7
- p: K,
8
- h: T,
9
- g: U,
10
- d: q,
11
- i: A,
12
- n: H,
13
- k: J,
14
- l: Q,
15
- u: V,
16
- m: X,
17
- b: Y,
18
- o: Z,
19
- f: _,
20
- x: $,
21
- y: O,
22
- v: P
23
- };
24
- function S() {
25
- return /* @__PURE__ */ e.createElement("svg", { className: t.c, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
26
- "path",
27
- {
28
- d: "M2.5 4.5 6 8l3.5-3.5",
29
- fill: "none",
30
- stroke: "currentColor",
31
- strokeWidth: "1.5",
32
- strokeLinecap: "round",
33
- strokeLinejoin: "round"
34
- }
35
- ));
36
- }
37
- function ee() {
38
- return /* @__PURE__ */ e.createElement("svg", { className: t.m, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
39
- "path",
40
- {
41
- d: "M4.5 2.5 8 6l-3.5 3.5",
42
- fill: "none",
43
- stroke: "currentColor",
44
- strokeWidth: "1.5",
45
- strokeLinecap: "round",
46
- strokeLinejoin: "round"
47
- }
48
- ));
49
- }
50
- function N({ className: r }) {
51
- return /* @__PURE__ */ e.createElement("svg", { className: k(t.v, r), viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
52
- "path",
53
- {
54
- d: "M2.5 6.2 4.8 8.5 9.5 3.5",
55
- fill: "none",
56
- stroke: "currentColor",
57
- strokeWidth: "1.8",
58
- strokeLinecap: "round",
59
- strokeLinejoin: "round"
60
- }
61
- ));
62
- }
63
- function ne({ item: r }) {
64
- return r.checkbox ? /* @__PURE__ */ e.createElement("span", { className: k(t.x, r.checked && t.y), "aria-hidden": !0 }, r.checked ? /* @__PURE__ */ e.createElement(N, null) : null) : r.checked ? /* @__PURE__ */ e.createElement("span", { className: t.k, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(N, null)) : r.status != null ? /* @__PURE__ */ e.createElement(
65
- "span",
66
- {
67
- className: k(t.b, r.status === "online" ? t.o : t.f),
68
- "aria-hidden": !0
69
- }
70
- ) : r.icon != null ? /* @__PURE__ */ e.createElement("span", { className: t.n }, r.icon) : null;
71
- }
72
- function te(r, l, a) {
73
- return l != null && l.length > 0 ? a != null && l[0] && l[0].title == null ? [{ ...l[0], title: a }, ...l.slice(1)] : l : r != null && r.length > 0 ? [{ title: a, items: r }] : a != null ? [{ title: a, items: [] }] : [];
74
- }
75
- function le({
76
- items: r,
77
- groups: l,
78
- trigger: a,
79
- label: m,
80
- hideChevron: x = !1,
81
- title: y,
82
- align: L = "end",
83
- open: E,
84
- defaultOpen: w = !1,
85
- onOpenChange: f,
86
- closeOnSelect: C = !0,
87
- disabled: v = !1,
88
- onSelect: h,
89
- className: g,
90
- ...B
91
- }) {
92
- const p = e.useRef(null), [D, R] = e.useState(w), b = E !== void 0, o = b ? E : D, u = (c) => {
93
- b || R(c), f == null || f(c);
94
- }, j = te(r, l, y);
95
- e.useEffect(() => {
96
- if (!o) return;
97
- const c = (n) => {
98
- const d = p.current;
99
- d && !d.contains(n.target) && u(!1);
100
- }, s = (n) => {
101
- n.key === "Escape" && u(!1);
102
- };
103
- return document.addEventListener("mousedown", c), document.addEventListener("keydown", s), () => {
104
- document.removeEventListener("mousedown", c), document.removeEventListener("keydown", s);
105
- };
106
- }, [o]);
107
- const M = (c) => {
108
- var n;
109
- if (c.disabled) return;
110
- (n = c.onClick) == null || n.call(c), h == null || h(c.value, c), c.checkbox || c.submenu || !C || u(!1);
111
- }, W = a != null ? /* @__PURE__ */ e.createElement(
112
- "span",
113
- {
114
- onClick: () => {
115
- v || u(!o);
116
- }
117
- },
118
- a
119
- ) : /* @__PURE__ */ e.createElement(
120
- "button",
121
- {
122
- type: "button",
123
- className: t.t,
124
- "data-open": o ? "true" : void 0,
125
- disabled: v,
126
- "aria-haspopup": "menu",
127
- "aria-expanded": o,
128
- onClick: () => u(!o)
129
- },
130
- m,
131
- x ? null : /* @__PURE__ */ e.createElement(S, null)
132
- );
133
- return /* @__PURE__ */ e.createElement("div", { ref: p, className: k(t.r, g), ...B }, W, o ? /* @__PURE__ */ e.createElement(
134
- "div",
135
- {
136
- className: t.p,
137
- "data-align": L,
138
- role: "menu",
139
- "aria-label": typeof m == "string" ? m : void 0
140
- },
141
- j.map((c, s) => /* @__PURE__ */ e.createElement(e.Fragment, { key: s }, s > 0 ? /* @__PURE__ */ e.createElement("hr", { className: t.d }) : null, /* @__PURE__ */ e.createElement("div", { className: t.g, role: "group" }, c.title != null ? /* @__PURE__ */ e.createElement("p", { className: t.h }, c.title) : null, c.items.map((n) => {
142
- const d = c.items.some(
143
- (i) => i.checked || i.checkbox || i.status != null || i.icon != null
144
- ), I = /* @__PURE__ */ e.createElement(ne, { item: n });
145
- return /* @__PURE__ */ e.createElement(
146
- "button",
147
- {
148
- key: n.value,
149
- type: "button",
150
- role: "menuitem",
151
- className: t.i,
152
- "data-checked": (n.checked || n.checkbox) && n.checked ? "true" : void 0,
153
- "data-danger": n.danger ? "true" : void 0,
154
- disabled: n.disabled,
155
- "aria-checked": n.checked != null || n.checkbox ? !!n.checked : void 0,
156
- onClick: () => M(n)
157
- },
158
- d ? I ?? /* @__PURE__ */ e.createElement("span", { className: t.n, "aria-hidden": !0 }) : null,
159
- n.label != null ? /* @__PURE__ */ e.createElement("span", { className: t.l }, n.label) : null,
160
- n.shortcut != null ? /* @__PURE__ */ e.createElement("span", { className: t.u }, n.shortcut) : null,
161
- n.submenu ? /* @__PURE__ */ e.createElement(ee, null) : null
162
- );
163
- }))))
164
- ) : null);
165
- }
166
- export {
167
- le as D
168
- };
@@ -1,38 +0,0 @@
1
- import r from "react";
2
- import { c as m } from "./cx-CcykAxZN.js";
3
- import './Item.css';const l = "cir", u = "cia", i = {
4
- r: l,
5
- a: u
6
- };
7
- function f(n) {
8
- const { active: t, children: e, className: o, as: s = "button", ...a } = n, c = m(i.r, t && i.a, o);
9
- return s === "a" ? /* @__PURE__ */ r.createElement(
10
- "a",
11
- {
12
- className: c,
13
- "data-active": t ? "true" : void 0,
14
- ...a
15
- },
16
- e
17
- ) : s === "li" ? /* @__PURE__ */ r.createElement(
18
- "li",
19
- {
20
- className: c,
21
- "data-active": t ? "true" : void 0,
22
- ...a
23
- },
24
- e
25
- ) : /* @__PURE__ */ r.createElement(
26
- "button",
27
- {
28
- type: "button",
29
- className: c,
30
- "data-active": t ? "true" : void 0,
31
- ...a
32
- },
33
- e
34
- );
35
- }
36
- export {
37
- f as I
38
- };
@@ -1,18 +0,0 @@
1
- import t from "react";
2
- import { c as s } from "./cx-CcykAxZN.js";
3
- import './Layout.css';const n = "clr", l = "clm", c = {
4
- r: n,
5
- m: l
6
- };
7
- function p({
8
- header: e,
9
- footer: m,
10
- children: r,
11
- className: a,
12
- ...o
13
- }) {
14
- return /* @__PURE__ */ t.createElement("div", { className: s(c.r, a), ...o }, e, /* @__PURE__ */ t.createElement("main", { className: c.m }, r), m);
15
- }
16
- export {
17
- p as L
18
- };
@@ -1,15 +0,0 @@
1
- import c from "react";
2
- import { c as e } from "./cx-CcykAxZN.js";
3
- import './Loading.css';const s = "cgr", a = {
4
- r: s
5
- };
6
- function i({
7
- children: r = "Загрузка…",
8
- className: t,
9
- ...o
10
- }) {
11
- return /* @__PURE__ */ c.createElement("div", { className: e(a.r, t), role: "status", ...o }, r);
12
- }
13
- export {
14
- i as L
15
- };
@@ -1,40 +0,0 @@
1
- import u from "react";
2
- import { c as l } from "./cx-CcykAxZN.js";
3
- import './Menu.css';const b = "cmr", f = "cmv", i = "cmi", k = "cma", c = {
4
- r: b,
5
- v: f,
6
- i,
7
- a: k
8
- };
9
- function C({
10
- items: r,
11
- vertical: t,
12
- value: v,
13
- onSelect: n,
14
- children: d,
15
- className: e,
16
- ...p
17
- }) {
18
- return /* @__PURE__ */ u.createElement("nav", { className: l(c.r, t && c.v, e), ...p }, r == null ? void 0 : r.map((a) => {
19
- const o = a.active ?? (v != null && a.value === v);
20
- return /* @__PURE__ */ u.createElement(
21
- "button",
22
- {
23
- key: a.value,
24
- type: "button",
25
- className: l(c.i, o && c.a),
26
- "data-active": o ? "true" : void 0,
27
- "aria-current": o ? "page" : void 0,
28
- disabled: a.disabled,
29
- onClick: () => {
30
- var s;
31
- (s = a.onClick) == null || s.call(a), n == null || n(a.value);
32
- }
33
- },
34
- a.label
35
- );
36
- }), d);
37
- }
38
- export {
39
- C as M
40
- };
@@ -1,59 +0,0 @@
1
- import e, { useMemo as x, useState as I, Suspense as M } from "react";
2
- import { c as d } from "./cx-CcykAxZN.js";
3
- import './NavSections.css';const R = "cvr", j = "cvn", q = "cvg", w = "cvl", z = "cvi", A = "cva", B = "cvc", D = "cvt", F = "cvf", G = "cvm", t = {
4
- r: R,
5
- n: j,
6
- g: q,
7
- l: w,
8
- i: z,
9
- a: A,
10
- c: B,
11
- t: D,
12
- f: F,
13
- m: G
14
- };
15
- function H(l) {
16
- for (const r of l) {
17
- const n = r.items.find((s) => !s.disabled);
18
- if (n) return n.value;
19
- }
20
- return "";
21
- }
22
- function L({
23
- groups: l,
24
- resolveSection: r,
25
- value: n,
26
- defaultValue: s,
27
- onValueChange: i,
28
- loading: f = null,
29
- footer: v,
30
- className: b,
31
- navLabel: E = "Разделы"
32
- }) {
33
- const N = x(
34
- () => s || H(l),
35
- [s, l]
36
- ), [k, p] = I(N), m = n ?? k, y = (a) => {
37
- n == null && p(a), i == null || i(a);
38
- }, u = m ? r(m) : null;
39
- return /* @__PURE__ */ e.createElement("div", { className: d(t.r, b) }, /* @__PURE__ */ e.createElement("nav", { className: t.n, "aria-label": E }, l.map((a, S) => /* @__PURE__ */ e.createElement("div", { key: S, className: t.g }, a.label != null ? /* @__PURE__ */ e.createElement("div", { className: t.l }, a.label) : null, a.items.map((c) => {
40
- const o = c.value === m;
41
- return /* @__PURE__ */ e.createElement(
42
- "button",
43
- {
44
- key: c.value,
45
- type: "button",
46
- className: d(t.i, o && t.a),
47
- "data-active": o ? "true" : void 0,
48
- "aria-current": o ? "page" : void 0,
49
- disabled: c.disabled,
50
- onClick: () => y(c.value)
51
- },
52
- c.icon != null ? /* @__PURE__ */ e.createElement("span", { className: t.c, "aria-hidden": !0 }, c.icon) : null,
53
- /* @__PURE__ */ e.createElement("span", { className: t.t }, c.label)
54
- );
55
- }))), v != null ? /* @__PURE__ */ e.createElement("div", { className: t.f }, v) : null), /* @__PURE__ */ e.createElement("div", { className: t.m }, u ? /* @__PURE__ */ e.createElement(M, { fallback: f }, e.createElement(u)) : null));
56
- }
57
- export {
58
- L as N
59
- };
@@ -1,22 +0,0 @@
1
- import c from "react";
2
- import { c as r } from "./cx-CcykAxZN.js";
3
- import './PageHead.css';const m = "ccr", o = "ccw", E = "cct", N = "cch", d = "ccs", h = "cca", e = {
4
- r: m,
5
- w: o,
6
- t: E,
7
- h: N,
8
- s: d,
9
- a: h
10
- };
11
- function p({
12
- title: s,
13
- subtitle: a,
14
- actions: t,
15
- className: l,
16
- children: n
17
- }) {
18
- return /* @__PURE__ */ c.createElement("div", { className: r(e.r, l) }, /* @__PURE__ */ c.createElement("div", { className: e.w }, /* @__PURE__ */ c.createElement("div", { className: e.t }, /* @__PURE__ */ c.createElement("h1", { className: e.h }, s), a != null ? /* @__PURE__ */ c.createElement("p", { className: e.s }, a) : null), t != null ? /* @__PURE__ */ c.createElement("div", { className: e.a }, t) : null), n);
19
- }
20
- export {
21
- p as P
22
- };
@@ -1,126 +0,0 @@
1
- import e from "react";
2
- import { c as i } from "./cx-CcykAxZN.js";
3
- import './PricingGroup.css';const z = "cur", O = "cui", j = "cus", M = "cub", R = "cug", A = "cua", G = "cum", I = "cuh", K = "cut", T = "cup", U = "cuz", W = "cuo", $ = "cue", q = "cud", C = "cux", H = "cuf", J = "cuy", Q = "cul", X = "cuu", Y = "cun", Z = "cuc", _ = "cuk", V = "cuw", c = {
4
- r: z,
5
- i: O,
6
- s: j,
7
- b: M,
8
- g: R,
9
- a: A,
10
- m: G,
11
- h: I,
12
- t: K,
13
- p: T,
14
- z: U,
15
- o: W,
16
- e: $,
17
- d: q,
18
- x: C,
19
- f: H,
20
- y: J,
21
- l: Q,
22
- u: X,
23
- n: Y,
24
- c: Z,
25
- k: _,
26
- w: V
27
- };
28
- function N() {
29
- return /* @__PURE__ */ e.createElement("span", { className: c.k, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement("svg", { className: c.w, viewBox: "0 0 12 12" }, /* @__PURE__ */ e.createElement(
30
- "path",
31
- {
32
- d: "M2.5 6.2 4.8 8.5 9.5 3.5",
33
- fill: "none",
34
- stroke: "currentColor",
35
- strokeWidth: "1.8",
36
- strokeLinecap: "round",
37
- strokeLinejoin: "round"
38
- }
39
- )));
40
- }
41
- function ee({ feature: l }) {
42
- if (l != null && typeof l == "object" && !e.isValidElement(l) && "label" in l) {
43
- const t = l;
44
- return /* @__PURE__ */ e.createElement("li", { className: c.c }, t.icon != null ? t.icon : /* @__PURE__ */ e.createElement(N, null), /* @__PURE__ */ e.createElement("span", null, t.label));
45
- }
46
- return /* @__PURE__ */ e.createElement("li", { className: c.c }, /* @__PURE__ */ e.createElement(N, null), /* @__PURE__ */ e.createElement("span", null, l));
47
- }
48
- function h({ item: l }) {
49
- const t = l.badge != null && (l.badgePlacement ?? "pill") === "pill";
50
- return l.title == null && !t ? null : /* @__PURE__ */ e.createElement("div", { className: c.h }, l.title != null ? /* @__PURE__ */ e.createElement("h3", { className: c.t }, l.title) : null, t ? /* @__PURE__ */ e.createElement("span", { className: c.g }, l.badge) : null);
51
- }
52
- function k({ item: l }) {
53
- return l.price == null && l.priceOld == null && l.meta == null ? null : /* @__PURE__ */ e.createElement("div", { className: c.p }, l.priceOld != null ? /* @__PURE__ */ e.createElement("span", { className: c.o }, l.priceOld) : null, l.price != null ? /* @__PURE__ */ e.createElement("span", { className: c.z }, l.price) : null, l.meta != null ? /* @__PURE__ */ e.createElement("span", { className: c.e }, l.meta) : null);
54
- }
55
- function d({ item: l }) {
56
- return l.description == null ? null : /* @__PURE__ */ e.createElement("p", { className: c.d }, l.description);
57
- }
58
- function le({
59
- actions: l,
60
- placement: t
61
- }) {
62
- return /* @__PURE__ */ e.createElement(
63
- "div",
64
- {
65
- className: t === "footer" ? c.f : c.x,
66
- onClick: (a) => a.stopPropagation(),
67
- onMouseDown: (a) => a.preventDefault()
68
- },
69
- l
70
- );
71
- }
72
- function ne({ item: l }) {
73
- return l.features == null && l.featuresLabel == null && l.featuresSummary == null ? null : /* @__PURE__ */ e.createElement("div", { className: c.y }, l.featuresLabel != null ? /* @__PURE__ */ e.createElement("p", { className: c.l }, l.featuresLabel) : null, l.featuresSummary != null ? /* @__PURE__ */ e.createElement("p", { className: c.u }, l.featuresSummary) : null, l.features != null && l.features.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: c.n }, l.features.map((t, a) => /* @__PURE__ */ e.createElement(ee, { key: a, feature: t }))) : null);
74
- }
75
- function ae({
76
- items: l,
77
- value: t,
78
- defaultValue: a,
79
- selectable: y = !1,
80
- disabled: P = !1,
81
- onValueChange: u,
82
- className: w,
83
- ...x
84
- }) {
85
- const [B, D] = e.useState(a), m = t !== void 0, F = m ? t : B, f = (n) => {
86
- m || D(n), u == null || u(n);
87
- };
88
- return /* @__PURE__ */ e.createElement("div", { className: i(c.r, w), role: "list", ...x }, l.map((n) => {
89
- const p = F === n.value, E = P || !!n.disabled, L = !!n.highlighted || p, b = n.badgePlacement ?? "pill", r = n.actionsPlacement ?? "after", g = n.descriptionPlacement ?? "after-price", s = y && !E, v = n.actions != null ? /* @__PURE__ */ e.createElement(
90
- le,
91
- {
92
- actions: n.actions,
93
- placement: r
94
- }
95
- ) : null, S = /* @__PURE__ */ e.createElement(e.Fragment, null, n.priceFirst ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(k, { item: n }), /* @__PURE__ */ e.createElement(h, { item: n }), /* @__PURE__ */ e.createElement(d, { item: n })) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, { item: n }), g === "before-price" ? /* @__PURE__ */ e.createElement(d, { item: n }) : null, /* @__PURE__ */ e.createElement(k, { item: n }), g === "after-price" ? /* @__PURE__ */ e.createElement(d, { item: n }) : null));
96
- return /* @__PURE__ */ e.createElement(
97
- "div",
98
- {
99
- key: n.value,
100
- role: "listitem",
101
- className: i(c.i, L && c.s),
102
- "data-selected": p ? "true" : void 0,
103
- "data-highlighted": n.highlighted ? "true" : void 0,
104
- "data-selectable": s ? "true" : void 0,
105
- "aria-disabled": E || void 0,
106
- tabIndex: s ? 0 : void 0,
107
- onClick: () => {
108
- s && f(n.value);
109
- },
110
- onKeyDown: (o) => {
111
- s && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), f(n.value));
112
- }
113
- },
114
- n.badge != null && b === "banner" ? /* @__PURE__ */ e.createElement("div", { className: c.b }, n.badge) : null,
115
- n.badge != null && b === "float" ? /* @__PURE__ */ e.createElement("div", { className: i(c.g, c.a) }, n.badge) : null,
116
- n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: c.m }, n.icon) : null,
117
- S,
118
- r === "before" ? v : null,
119
- /* @__PURE__ */ e.createElement(ne, { item: n }),
120
- r === "after" || r === "footer" ? v : null
121
- );
122
- }));
123
- }
124
- export {
125
- ae as P
126
- };
@@ -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
- };
@@ -1,31 +0,0 @@
1
- import m from "react";
2
- import { c as u } from "./cx-CcykAxZN.js";
3
- import './Stack.css';function a(t) {
4
- if (t != null)
5
- return { gap: typeof t == "number" ? `${t}px` : t };
6
- }
7
- const i = "c1r", l = "c1h", r = {
8
- r: i,
9
- h: l
10
- };
11
- function p({
12
- direction: t = "column",
13
- gap: c,
14
- children: e,
15
- className: n,
16
- style: o,
17
- ...s
18
- }) {
19
- return /* @__PURE__ */ m.createElement(
20
- "div",
21
- {
22
- className: u(r.r, t === "row" && r.h, n),
23
- style: { ...a(c), ...o },
24
- ...s
25
- },
26
- e
27
- );
28
- }
29
- export {
30
- p as S
31
- };