@codeandfunction/callaloo 3.15.3 → 3.16.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 (138) hide show
  1. package/README.md +7 -3
  2. package/dist/assets/CLFormCharCounter.css +1 -0
  3. package/dist/assets/CLInputMessages.css +1 -0
  4. package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Cdx5rsou.js +45 -0
  5. package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js +128 -0
  6. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-DVuAcV5A.js +252 -0
  7. package/dist/chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js +38 -0
  8. package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js +43 -0
  9. package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js +50 -0
  10. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js +83 -0
  11. package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js +120 -0
  12. package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js +59 -0
  13. package/dist/chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Ckz9MEj5.js +44 -0
  14. package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-mkIKVHjg.js +88 -0
  15. package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-CSf7WiNb.js +65 -0
  16. package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js +33 -0
  17. package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-C8s8K4zb.js +53 -0
  18. package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js +46 -0
  19. package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-DOI4DZGg.js +178 -0
  20. package/dist/chunks/base-theme-C9_Hz5HW.js +832 -0
  21. package/dist/chunks/useEsc-C9QIDZ_8.js +19 -0
  22. package/dist/chunks/useHasSlotContent-DDqs5uK9.js +14 -0
  23. package/dist/chunks/useTheme-yoEfuNvB.js +417 -0
  24. package/dist/chunks/utils-C7Yjsqk-.js +25 -0
  25. package/dist/chunks/utils-DFnkOeYP.js +72 -0
  26. package/dist/chunks/utils-DTWXs4YX.js +14 -0
  27. package/dist/chunks/utils-D_WP3vZz.js +29 -0
  28. package/dist/chunks/utils-Da9LXXQ0.js +28 -0
  29. package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -0
  30. package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +6 -0
  31. package/dist/components/Buttons/CLA11yButton/CLA11yButton.vue.d.ts +2 -2
  32. package/dist/components/Buttons/CLButton/CLButton.css +1 -0
  33. package/dist/components/Buttons/CLButton/CLButton.js +6 -0
  34. package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +7 -7
  35. package/dist/components/CLIcon/CLIcon.css +1 -0
  36. package/dist/components/CLIcon/CLIcon.js +6 -0
  37. package/dist/components/{Assets/CLIcon → CLIcon}/CLIcon.vue.d.ts +1 -1
  38. package/dist/components/CLTable/CLTable.css +1 -0
  39. package/dist/components/CLTable/CLTable.js +196 -0
  40. package/dist/components/{Table → CLTable}/index.d.ts +0 -7
  41. package/dist/components/Containers/CLCard/CLCard.css +1 -0
  42. package/dist/components/Containers/CLCard/CLCard.js +6 -0
  43. package/dist/components/Containers/CLCard/CLCard.vue.d.ts +6 -6
  44. package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -0
  45. package/dist/components/Containers/CLCarousel/CLCarousel.js +436 -0
  46. package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts +2 -2
  47. package/dist/components/Containers/CLCarousel/CLCarouselNavigation.vue.d.ts +1 -1
  48. package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -0
  49. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +137 -0
  50. package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +3 -3
  51. package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -0
  52. package/dist/components/Form/CLCheckbox/CLCheckbox.js +147 -0
  53. package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +4 -4
  54. package/dist/components/Form/CLFormLabel/CLFormLabel.vue.d.ts +1 -1
  55. package/dist/components/Form/CLInput/CLInput.css +1 -0
  56. package/dist/components/Form/CLInput/CLInput.js +378 -0
  57. package/dist/components/Form/CLInput/CLInput.vue.d.ts +5 -5
  58. package/dist/components/Form/CLInput/CLInputPill.vue.d.ts +1 -1
  59. package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -0
  60. package/dist/components/Form/CLRadioButton/CLRadioButton.js +132 -0
  61. package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
  62. package/dist/components/Form/CLSelect/CLSelect.css +1 -0
  63. package/dist/components/Form/CLSelect/CLSelect.js +137 -0
  64. package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +3 -3
  65. package/dist/components/Form/CLTextArea/CLTextArea.css +1 -0
  66. package/dist/components/Form/CLTextArea/CLTextArea.js +149 -0
  67. package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +2 -2
  68. package/dist/components/Form/index.d.ts +5 -9
  69. package/dist/components/Indicators/CLBadge/CLBadge.css +1 -0
  70. package/dist/components/Indicators/CLBadge/CLBadge.js +40 -0
  71. package/dist/components/Indicators/CLBadge/CLBadge.vue.d.ts +1 -1
  72. package/dist/components/Indicators/CLBanner/CLBanner.css +1 -0
  73. package/dist/components/Indicators/CLBanner/CLBanner.js +147 -0
  74. package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +3 -3
  75. package/dist/components/Indicators/CLPill/CLPill.css +1 -0
  76. package/dist/components/Indicators/CLPill/CLPill.js +6 -0
  77. package/dist/components/Indicators/CLPill/CLPill.vue.d.ts +3 -3
  78. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -0
  79. package/dist/components/Indicators/CLProgress/CLProgress.js +6 -0
  80. package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts +2 -2
  81. package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -0
  82. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +6 -0
  83. package/dist/components/Loading/CLSkeleton/CLSkeleton.vue.d.ts +1 -1
  84. package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -0
  85. package/dist/components/Loading/CLSpinner/CLSpinner.js +6 -0
  86. package/dist/components/Loading/CLSpinner/CLSpinner.vue.d.ts +1 -1
  87. package/dist/components/Modals/CLModal/CLModal.css +1 -0
  88. package/dist/components/Modals/CLModal/CLModal.js +175 -0
  89. package/dist/components/Modals/CLModal/CLModal.vue.d.ts +2 -2
  90. package/dist/components/Navigation/CLLink/CLLink.css +1 -0
  91. package/dist/components/Navigation/CLLink/CLLink.js +6 -0
  92. package/dist/components/Navigation/CLLink/CLLink.vue.d.ts +2 -2
  93. package/dist/components/Navigation/CLNavLink/CLNavLink.js +5 -0
  94. package/dist/components/Navigation/CLNavLink/CLNavLink.vue.d.ts +1 -1
  95. package/dist/components/Navigation/CLNavSection/CLNavSection.css +1 -0
  96. package/dist/components/Navigation/CLNavSection/CLNavSection.js +55 -0
  97. package/dist/components/Navigation/CLNavSection/CLNavSection.vue.d.ts +1 -1
  98. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -0
  99. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1233 -0
  100. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +29 -29
  101. package/dist/components/Popups/CLToast/CLToast.css +1 -0
  102. package/dist/components/Popups/CLToast/CLToast.js +6 -0
  103. package/dist/components/Popups/CLToast/CLToast.vue.d.ts +2 -2
  104. package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +44 -0
  105. package/dist/components/Providers/CLThemeProvider/CLThemeProvider.vue.d.ts +27 -0
  106. package/dist/components/Providers/CLThemeProvider/base-theme.d.ts +22 -0
  107. package/dist/components/Providers/CLThemeProvider/index.d.ts +6 -0
  108. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +45 -0
  109. package/dist/components/Providers/{Toast → CLToastProvider}/CLToastProvider.vue.d.ts +1 -7
  110. package/dist/components/Providers/CLToastProvider/index.d.ts +4 -0
  111. package/dist/components/Providers/index.d.ts +2 -6
  112. package/dist/components/Typography/CLHeading/CLHeading.css +1 -0
  113. package/dist/components/Typography/CLHeading/CLHeading.js +6 -0
  114. package/dist/components/Typography/CLText/CLText.css +1 -0
  115. package/dist/components/Typography/CLText/CLText.js +6 -0
  116. package/dist/composables/useTheme.d.ts +26 -0
  117. package/dist/index.d.ts +0 -15
  118. package/dist/index.js +27 -5899
  119. package/package.json +124 -13
  120. package/dist/assets/styles.css +0 -1
  121. package/dist/components/Assets/index.d.ts +0 -2
  122. package/dist/components/Form/CLFormCharCounter/index.d.ts +0 -5
  123. package/dist/components/Form/CLFormLabel/index.d.ts +0 -5
  124. package/dist/components/Providers/Theme/CLThemeProvider.vue.d.ts +0 -26
  125. package/dist/components/Providers/Theme/base-theme.d.ts +0 -48
  126. package/dist/constants.d.ts +0 -22
  127. package/dist/chunks/{icons.QRYZHNAf.js → icons-QRYZHNAf.js} +0 -0
  128. package/dist/components/{Assets/CLIcon → CLIcon}/index.d.ts +0 -0
  129. package/dist/components/{Assets → CLIcon}/utils.d.ts +0 -0
  130. package/dist/components/{Table → CLTable}/CLTable.vue.d.ts +1 -1
  131. /package/dist/components/{Table → CLTable}/CLTableBody.vue.d.ts +0 -0
  132. /package/dist/components/{Table → CLTable}/CLTableCell.vue.d.ts +0 -0
  133. /package/dist/components/{Table → CLTable}/CLTableFooter.vue.d.ts +0 -0
  134. /package/dist/components/{Table → CLTable}/CLTableHeader.vue.d.ts +0 -0
  135. /package/dist/components/{Table → CLTable}/CLTableNestedCell.vue.d.ts +0 -0
  136. /package/dist/components/{Table → CLTable}/CLTableRow.vue.d.ts +0 -0
  137. /package/dist/components/{Table → CLTable}/utils.d.ts +0 -0
  138. /package/dist/components/Providers/{Theme → CLThemeProvider}/utils.d.ts +0 -0
@@ -0,0 +1,19 @@
1
+ import { i as n } from "./base-theme-C9_Hz5HW.js";
2
+ const v = ({ escHandler: t, triggerElem: e }) => {
3
+ const s = (a) => {
4
+ if (n)
5
+ if (e?.value) {
6
+ const i = e.value?.getAttribute("aria-expanded") === "true", o = a.target === e.value;
7
+ a.key === "Escape" && i && o && t?.();
8
+ } else
9
+ a.key === "Escape" && t?.();
10
+ }, u = () => {
11
+ n && (e?.value ? e.value.removeEventListener("keyup", s, !1) : document.removeEventListener("keyup", s, !1));
12
+ };
13
+ return n && (e?.value ? e.value.addEventListener("keyup", s, !1) : document.addEventListener("keyup", s, !1)), {
14
+ clearEventListeners: u
15
+ };
16
+ };
17
+ export {
18
+ v as u
19
+ };
@@ -0,0 +1,14 @@
1
+ import { useSlots as i, computed as l } from "vue";
2
+ const c = (e = "default") => {
3
+ const n = i(), t = (s) => {
4
+ try {
5
+ return !!s?.[e]?.().some((r) => Array.isArray(r.children) ? !0 : typeof r.children == "string" && r.children.trim() ? !(r.children === "v-if" || r.children === "v-show") : typeof r.children == "object" ? t(r.children) : !1);
6
+ } catch (r) {
7
+ return console.error(r), !1;
8
+ }
9
+ };
10
+ return l(() => t(n));
11
+ };
12
+ export {
13
+ c as u
14
+ };
@@ -0,0 +1,417 @@
1
+ import { C as ce } from "./base-theme-C9_Hz5HW.js";
2
+ import { inject as se, ref as V } from "vue";
3
+ var P = { exports: {} }, J;
4
+ function ie() {
5
+ return J || (J = 1, (function(e) {
6
+ (function() {
7
+ const f = (r) => new TextEncoder().encode(r);
8
+ function a(r, v) {
9
+ typeof r == "string" && (r = f(r));
10
+ let u = r.length, s = v ^ u, n = 0, d;
11
+ for (; u >= 4; )
12
+ d = r[n] & 255 | (r[++n] & 255) << 8 | (r[++n] & 255) << 16 | (r[++n] & 255) << 24, d = (d & 65535) * 1540483477 + (((d >>> 16) * 1540483477 & 65535) << 16), d ^= d >>> 24, d = (d & 65535) * 1540483477 + (((d >>> 16) * 1540483477 & 65535) << 16), s = (s & 65535) * 1540483477 + (((s >>> 16) * 1540483477 & 65535) << 16) ^ d, u -= 4, ++n;
13
+ switch (u) {
14
+ case 3:
15
+ s ^= (r[n + 2] & 255) << 16;
16
+ case 2:
17
+ s ^= (r[n + 1] & 255) << 8;
18
+ case 1:
19
+ s ^= r[n] & 255, s = (s & 65535) * 1540483477 + (((s >>> 16) * 1540483477 & 65535) << 16);
20
+ }
21
+ return s ^= s >>> 13, s = (s & 65535) * 1540483477 + (((s >>> 16) * 1540483477 & 65535) << 16), s ^= s >>> 15, s >>> 0;
22
+ }
23
+ function c(r, v) {
24
+ typeof r == "string" && (r = f(r));
25
+ let u, s, n, d, h, w, o, l;
26
+ for (u = r.length & 3, s = r.length - u, n = v, h = 3432918353, w = 461845907, l = 0; l < s; )
27
+ o = r[l] & 255 | (r[++l] & 255) << 8 | (r[++l] & 255) << 16 | (r[++l] & 255) << 24, ++l, o = (o & 65535) * h + (((o >>> 16) * h & 65535) << 16) & 4294967295, o = o << 15 | o >>> 17, o = (o & 65535) * w + (((o >>> 16) * w & 65535) << 16) & 4294967295, n ^= o, n = n << 13 | n >>> 19, d = (n & 65535) * 5 + (((n >>> 16) * 5 & 65535) << 16) & 4294967295, n = (d & 65535) + 27492 + (((d >>> 16) + 58964 & 65535) << 16);
28
+ switch (o = 0, u) {
29
+ case 3:
30
+ o ^= (r[l + 2] & 255) << 16;
31
+ case 2:
32
+ o ^= (r[l + 1] & 255) << 8;
33
+ case 1:
34
+ o ^= r[l] & 255, o = (o & 65535) * h + (((o >>> 16) * h & 65535) << 16) & 4294967295, o = o << 15 | o >>> 17, o = (o & 65535) * w + (((o >>> 16) * w & 65535) << 16) & 4294967295, n ^= o;
35
+ }
36
+ return n ^= r.length, n ^= n >>> 16, n = (n & 65535) * 2246822507 + (((n >>> 16) * 2246822507 & 65535) << 16) & 4294967295, n ^= n >>> 13, n = (n & 65535) * 3266489909 + (((n >>> 16) * 3266489909 & 65535) << 16) & 4294967295, n ^= n >>> 16, n >>> 0;
37
+ }
38
+ const t = c;
39
+ t.v2 = a, t.v3 = c, e.exports = t;
40
+ })();
41
+ })(P)), P.exports;
42
+ }
43
+ var ue = ie(), Z = "comm", W = "rule", ee = "decl", de = "@import", le = "@namespace", xe = "@keyframes", he = "@layer", re = Math.abs, K = String.fromCharCode;
44
+ function fe(e) {
45
+ return e.trim();
46
+ }
47
+ function N(e, f, a) {
48
+ return e.replace(f, a);
49
+ }
50
+ function be(e, f, a) {
51
+ return e.indexOf(f, a);
52
+ }
53
+ function M(e, f) {
54
+ return e.charCodeAt(f) | 0;
55
+ }
56
+ function C(e, f, a) {
57
+ return e.slice(f, a);
58
+ }
59
+ function $(e) {
60
+ return e.length;
61
+ }
62
+ function ve(e) {
63
+ return e.length;
64
+ }
65
+ function F(e, f) {
66
+ return f.push(e), e;
67
+ }
68
+ var I = 1, A = 1, te = 0, p = 0, x = 0, B = "";
69
+ function U(e, f, a, c, t, r, v, u) {
70
+ return { value: e, root: f, parent: a, type: c, props: t, children: r, line: I, column: A, length: v, return: "", siblings: u };
71
+ }
72
+ function me() {
73
+ return x;
74
+ }
75
+ function pe() {
76
+ return x = p > 0 ? M(B, --p) : 0, A--, x === 10 && (A = 1, I--), x;
77
+ }
78
+ function g() {
79
+ return x = p < te ? M(B, p++) : 0, A++, x === 10 && (A = 1, I++), x;
80
+ }
81
+ function S() {
82
+ return M(B, p);
83
+ }
84
+ function O() {
85
+ return p;
86
+ }
87
+ function L(e, f) {
88
+ return C(B, e, f);
89
+ }
90
+ function z(e) {
91
+ switch (e) {
92
+ // \0 \t \n \r \s whitespace token
93
+ case 0:
94
+ case 9:
95
+ case 10:
96
+ case 13:
97
+ case 32:
98
+ return 5;
99
+ // ! + , / > @ ~ isolate token
100
+ case 33:
101
+ case 43:
102
+ case 44:
103
+ case 47:
104
+ case 62:
105
+ case 64:
106
+ case 126:
107
+ // ; { } breakpoint token
108
+ case 59:
109
+ case 123:
110
+ case 125:
111
+ return 4;
112
+ // : accompanied token
113
+ case 58:
114
+ return 3;
115
+ // " ' ( [ opening delimit token
116
+ case 34:
117
+ case 39:
118
+ case 40:
119
+ case 91:
120
+ return 2;
121
+ // ) ] closing delimit token
122
+ case 41:
123
+ case 93:
124
+ return 1;
125
+ }
126
+ return 0;
127
+ }
128
+ function we(e) {
129
+ return I = A = 1, te = $(B = e), p = 0, [];
130
+ }
131
+ function ge(e) {
132
+ return B = "", e;
133
+ }
134
+ function j(e) {
135
+ return fe(L(p - 1, q(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
136
+ }
137
+ function ke(e) {
138
+ for (; (x = S()) && x < 33; )
139
+ g();
140
+ return z(e) > 2 || z(x) > 3 ? "" : " ";
141
+ }
142
+ function $e(e, f) {
143
+ for (; --f && g() && !(x < 48 || x > 102 || x > 57 && x < 65 || x > 70 && x < 97); )
144
+ ;
145
+ return L(e, O() + (f < 6 && S() == 32 && g() == 32));
146
+ }
147
+ function q(e) {
148
+ for (; g(); )
149
+ switch (x) {
150
+ // ] ) " '
151
+ case e:
152
+ return p;
153
+ // " '
154
+ case 34:
155
+ case 39:
156
+ e !== 34 && e !== 39 && q(x);
157
+ break;
158
+ // (
159
+ case 40:
160
+ e === 41 && q(e);
161
+ break;
162
+ // \
163
+ case 92:
164
+ g();
165
+ break;
166
+ }
167
+ return p;
168
+ }
169
+ function Ee(e, f) {
170
+ for (; g() && e + x !== 57; )
171
+ if (e + x === 84 && S() === 47)
172
+ break;
173
+ return "/*" + L(f, p - 1) + "*" + K(e === 47 ? e : g());
174
+ }
175
+ function ye(e) {
176
+ for (; !z(S()); )
177
+ g();
178
+ return L(e, p);
179
+ }
180
+ function Re(e) {
181
+ return ge(H("", null, null, null, [""], e = we(e), 0, [0], e));
182
+ }
183
+ function H(e, f, a, c, t, r, v, u, s) {
184
+ for (var n = 0, d = 0, h = v, w = 0, o = 0, l = 0, m = 1, D = 1, E = 1, b = 0, y = "", T = t, R = r, k = c, i = y; D; )
185
+ switch (l = b, b = g()) {
186
+ // (
187
+ case 40:
188
+ if (l != 108 && M(i, h - 1) == 58) {
189
+ be(i += N(j(b), "&", "&\f"), "&\f", re(n ? u[n - 1] : 0)) != -1 && (E = -1);
190
+ break;
191
+ }
192
+ // " ' [
193
+ case 34:
194
+ case 39:
195
+ case 91:
196
+ i += j(b);
197
+ break;
198
+ // \t \n \r \s
199
+ case 9:
200
+ case 10:
201
+ case 13:
202
+ case 32:
203
+ i += ke(l);
204
+ break;
205
+ // \
206
+ case 92:
207
+ i += $e(O() - 1, 7);
208
+ continue;
209
+ // /
210
+ case 47:
211
+ switch (S()) {
212
+ case 42:
213
+ case 47:
214
+ F(Se(Ee(g(), O()), f, a, s), s), (z(l || 1) == 5 || z(S() || 1) == 5) && $(i) && C(i, -1, void 0) !== " " && (i += " ");
215
+ break;
216
+ default:
217
+ i += "/";
218
+ }
219
+ break;
220
+ // {
221
+ case 123 * m:
222
+ u[n++] = $(i) * E;
223
+ // } ; \0
224
+ case 125 * m:
225
+ case 59:
226
+ case 0:
227
+ switch (b) {
228
+ // \0 }
229
+ case 0:
230
+ case 125:
231
+ D = 0;
232
+ // ;
233
+ case 59 + d:
234
+ E == -1 && (i = N(i, /\f/g, "")), o > 0 && ($(i) - h || m === 0 && l === 47) && F(o > 32 ? X(i + ";", c, a, h - 1, s) : X(N(i, " ", "") + ";", c, a, h - 2, s), s);
235
+ break;
236
+ // @ ;
237
+ case 59:
238
+ i += ";";
239
+ // { rule/at-rule
240
+ default:
241
+ if (F(k = Q(i, f, a, n, d, t, u, y, T = [], R = [], h, r), r), b === 123)
242
+ if (d === 0)
243
+ H(i, f, k, k, T, r, h, u, R);
244
+ else {
245
+ switch (w) {
246
+ // c(ontainer)
247
+ case 99:
248
+ if (M(i, 3) === 110) break;
249
+ // l(ayer)
250
+ case 108:
251
+ if (M(i, 2) === 97) break;
252
+ default:
253
+ d = 0;
254
+ // d(ocument) m(edia) s(upports)
255
+ case 100:
256
+ case 109:
257
+ case 115:
258
+ }
259
+ d ? H(e, k, k, c && F(Q(e, k, k, 0, 0, t, u, y, t, T = [], h, R), R), t, R, h, u, c ? T : R) : H(i, k, k, k, [""], R, 0, u, R);
260
+ }
261
+ }
262
+ n = d = o = 0, m = E = 1, y = i = "", h = v;
263
+ break;
264
+ // :
265
+ case 58:
266
+ h = 1 + $(i), o = l;
267
+ default:
268
+ if (m < 1) {
269
+ if (b == 123)
270
+ --m;
271
+ else if (b == 125 && m++ == 0 && pe() == 125)
272
+ continue;
273
+ }
274
+ switch (i += K(b), b * m) {
275
+ // &
276
+ case 38:
277
+ E = d > 0 ? 1 : (i += "\f", -1);
278
+ break;
279
+ // ,
280
+ case 44:
281
+ u[n++] = ($(i) - 1) * E, E = 1;
282
+ break;
283
+ // @
284
+ case 64:
285
+ S() === 45 && (i += j(g())), w = S(), d = h = $(y = i += ye(O())), b++;
286
+ break;
287
+ // -
288
+ case 45:
289
+ l === 45 && $(i) == 2 && (m = 0);
290
+ }
291
+ }
292
+ return r;
293
+ }
294
+ function Q(e, f, a, c, t, r, v, u, s, n, d, h) {
295
+ for (var w = t - 1, o = t === 0 ? r : [""], l = ve(o), m = 0, D = 0, E = 0; m < c; ++m)
296
+ for (var b = 0, y = C(e, w + 1, w = re(D = v[m])), T = e; b < l; ++b)
297
+ (T = fe(D > 0 ? o[b] + " " + y : N(y, /&\f/g, o[b]))) && (s[E++] = T);
298
+ return U(e, f, a, t === 0 ? W : u, s, n, d, h);
299
+ }
300
+ function Se(e, f, a, c) {
301
+ return U(e, f, a, Z, K(me()), C(e, 2, -2), 0, c);
302
+ }
303
+ function X(e, f, a, c, t) {
304
+ return U(e, f, a, ee, C(e, 0, c), C(e, c + 1, -1), c, t);
305
+ }
306
+ function _(e, f) {
307
+ for (var a = "", c = 0; c < e.length; c++)
308
+ a += f(e[c], c, e, f) || "";
309
+ return a;
310
+ }
311
+ function Te(e, f, a, c) {
312
+ switch (e.type) {
313
+ case he:
314
+ if (e.children.length) break;
315
+ case de:
316
+ case le:
317
+ case ee:
318
+ return e.return = e.return || e.value;
319
+ case Z:
320
+ return "";
321
+ case xe:
322
+ return e.return = e.value + "{" + _(e.children, c) + "}";
323
+ case W:
324
+ if (!$(e.value = e.props.join(","))) return "";
325
+ }
326
+ return $(a = _(e.children, c)) ? e.return = e.value + "{" + a + "}" : "";
327
+ }
328
+ const Me = () => G`-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;`, Oe = ({
329
+ backgroundColor: e = "white",
330
+ borderColor: f,
331
+ placeholderColor: a
332
+ }) => G`border-color:${f};border-style:solid;border-width:1px;margin:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background-color:${e};line-height:1;appearance:none;-moz-appearance:none;-webkit-appearance:none;&::placeholder{color:${a};}${Me()}`, Ce = ({
333
+ key: e
334
+ }) => {
335
+ if (window?.document?.querySelector(`style[data-clll-theme="${e}"]`))
336
+ return;
337
+ const f = window?.document?.createElement("style");
338
+ if (f)
339
+ return f.setAttribute("data-clll-theme", e), f.appendChild(window?.document.createTextNode("")), window?.document.head.appendChild(f), f;
340
+ }, G = (e, ...f) => {
341
+ const a = [e[0]];
342
+ return (() => {
343
+ f.forEach((r, v) => {
344
+ a.push(r, e[v + 1]);
345
+ });
346
+ })(), a.join("").replace(/[\r\n]+/gm, "");
347
+ }, He = (...e) => {
348
+ if (import.meta?.env?.VITEST) return "";
349
+ const a = e.filter(Boolean).join(""), c = _(Re(a), Te), t = ue.v2(c).toString(36), r = `clll-theme--${t}`, v = `.${r}{${a}}`, u = Ce({ key: t });
350
+ return u && (u?.sheet?.parentStyleSheet ? u?.sheet?.insertRule(
351
+ v,
352
+ u.sheet?.cssRules.length
353
+ ) : u.appendChild(window?.document.createTextNode(v))), r;
354
+ }, Ve = ({
355
+ borderColor: e,
356
+ outlineWidth: f = "2px",
357
+ outlineOffset: a = "0px",
358
+ outlineColor: c = "transparent",
359
+ shadowWidth: t = "--clll-unit-1_5",
360
+ shadowColor: r
361
+ }) => G`outline-color:rgba(0,0,0,0);outline-offset:${a};outline-style:solid;outline-width:${f};&:focus{outline:none;}&:focus{&[type='checkbox'],&[type='radio']{border-color:transparent!important;outline-color:${e};outline-style:solid;outline-width:${f};box-shadow:0 0 0 var(${t})${r};}}&:focus-visible{border-color:transparent!important;outline-color:${e};outline-style:solid;outline-width:${f};box-shadow:0 0 0 var(${t})${r};}&[type='checkbox'],&[type='radio']{border-color:${e};&:focus{outline-color:${c};border-color:transparent;}}`, Ie = ({
362
+ color: e,
363
+ colors: f,
364
+ mode: a,
365
+ variant: c
366
+ }) => {
367
+ const t = ce[c][a], r = f[e];
368
+ if (r)
369
+ return {
370
+ bg: t.bg !== void 0 ? r[t.bg] : void 0,
371
+ border: t.border !== void 0 ? r[t.border] : void 0,
372
+ borderHover: t.borderHover !== void 0 ? r[t.borderHover] : void 0,
373
+ disabled: t.disabled !== void 0 ? r[t.disabled] : void 0,
374
+ focus: t.focus !== void 0 ? r[t.focus] : void 0,
375
+ hover: t.hover !== void 0 ? r[t.hover] : void 0,
376
+ shadow: t.shadow !== void 0 ? r[t.shadow] : void 0,
377
+ text: t.text !== void 0 ? r[t.text] : void 0,
378
+ textBody: t.textBody !== void 0 ? r[t.textBody] : void 0,
379
+ textDisabled: t.textDisabled !== void 0 ? r[t.textDisabled] : void 0
380
+ };
381
+ }, ne = V(), ae = V(), oe = V(), Y = V({
382
+ primary: {},
383
+ secondary: {},
384
+ neutral: {},
385
+ danger: {},
386
+ warning: {},
387
+ success: {},
388
+ info: {}
389
+ }), Ae = (e) => {
390
+ ne.value = e;
391
+ }, Be = (e) => {
392
+ Y.value = { ...Y.value, ...e };
393
+ }, De = (e) => {
394
+ ae.value = e;
395
+ }, ze = (e) => {
396
+ oe.value = e, typeof window < "u" && e && window?.document.documentElement.style.setProperty(
397
+ "--clll-font-family",
398
+ e
399
+ );
400
+ }, Le = () => se("clll-theme", {
401
+ borderRadius: ne,
402
+ colors: Y,
403
+ darkMode: ae,
404
+ fontFamily: oe,
405
+ setBorderRadius: Ae,
406
+ setColors: Be,
407
+ setDarkMode: De,
408
+ setFontFamily: ze
409
+ });
410
+ export {
411
+ He as a,
412
+ Oe as b,
413
+ G as c,
414
+ Ve as f,
415
+ Ie as g,
416
+ Le as u
417
+ };
@@ -0,0 +1,25 @@
1
+ import { CLMode as a, CLColors as d, CLColorVariants as u } from "../index.js";
2
+ import { u as t, g as i, a as c, c as s } from "./useTheme-yoEfuNvB.js";
3
+ const b = () => {
4
+ const { borderRadius: o, darkMode: e } = t(), l = e.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)";
5
+ let r;
6
+ return o.value && (r = s`
7
+ &:not([class*='clll-skeleton--rounded-']) {
8
+ &.clll-skeleton.clll-skeleton--rounded {
9
+ border-radius: var(--clll-${o.value});
10
+ }
11
+ }
12
+ `), c(s`background-color:${l};`, r);
13
+ }, g = ({ color: o = d.Primary }) => {
14
+ const { colors: e, darkMode: l } = t(), r = l.value ? a.Dark : a.Light, n = i({
15
+ color: o,
16
+ colors: e.value,
17
+ mode: r,
18
+ variant: u.Solid
19
+ });
20
+ return c(s`color:${n?.bg};`);
21
+ };
22
+ export {
23
+ g as a,
24
+ b as s
25
+ };
@@ -0,0 +1,72 @@
1
+ import { CLMode as s, CLColorVariants as u, CLColors as i } from "../index.js";
2
+ import { u as g, g as p, c as b, a as $ } from "./useTheme-yoEfuNvB.js";
3
+ const k = ({
4
+ color: c = i.Primary,
5
+ variant: l
6
+ }) => {
7
+ const { borderRadius: e, colors: a, darkMode: n } = g(), d = n.value ? s.Dark : s.Light, r = l === u.Outline, t = p({
8
+ color: c,
9
+ colors: a.value,
10
+ mode: d,
11
+ variant: l
12
+ });
13
+ let o;
14
+ return e.value && (o = b`
15
+ &:not([class*='clll-badge--rounded-']) {
16
+ &.clll-badge {
17
+ border-radius: var(--clll-${e.value});
18
+ }
19
+ }
20
+ `), $(b`border-color:${r ? t?.border : "transparent"};border-style:${r ? "solid" : "none"};border-width:${r ? "1px" : "0"};background-color:${t?.bg};.clll-badge__count{color:${t?.text};}`, o);
21
+ }, _ = ({
22
+ color: c = i.Primary,
23
+ variant: l
24
+ }) => {
25
+ const { borderRadius: e, colors: a, darkMode: n } = g(), d = n.value ? s.Dark : s.Light, r = p({
26
+ color: c,
27
+ colors: a.value,
28
+ mode: d,
29
+ variant: l
30
+ });
31
+ let t;
32
+ e.value && (t = b`&:not([class*='clll-banner--rounded-']){&.clll-banner.clll-banner--rounded{border-radius:var(--clll-${e.value});}}`);
33
+ const o = b`background-color:${r?.bg ?? "transparent"};border-color:${r?.focus ?? "transparent"};&.clll-banner--bordered{border-bottom-width:.25rem}.clll-banner__content{.clll-heading,.clll-text{color:${r?.text}}}`;
34
+ return $(o, t);
35
+ }, C = ({
36
+ color: c = i.Primary,
37
+ variant: l
38
+ }) => {
39
+ const { borderRadius: e, colors: a, darkMode: n } = g(), d = n.value ? s.Dark : s.Light, r = l === u.Outline, t = l === u.Ghost, o = p({
40
+ color: c,
41
+ colors: a.value,
42
+ mode: d,
43
+ variant: l
44
+ });
45
+ let m;
46
+ return e.value && (m = b`
47
+ &.clll-pill.clll-pill--rounded {
48
+ border-radius: var(--clll-${e.value});
49
+ }
50
+ `), $(m, b`border-color:${r ? o?.border : "transparent"};border-width:${r ? "1px" : "0"};border-style:${r ? "solid" : "none"};background-color:${o?.bg ?? "transparent"};.clll-pill__label{background-color:${o?.bg ?? "transparent"};}&.clll-pill--clickable{&:hover{background-color:${o?.bg ?? "transparent"};}}.clll-pill__label{color:${o?.text};}.clll-icon{color:${o?.text};background-color:${o?.bg ?? "transparent"};}.clll-pill__count{color:${o?.text};background-color:${!r && !t ? o?.hover : "transparent"};${r ? `border-left-style:solid;border-left-color:${r ? o?.border : "transparent"};border-left-width:1px;` : ""}`);
51
+ }, x = ({
52
+ color: c = i.Primary
53
+ }) => {
54
+ const { colors: l, darkMode: e } = g(), a = e.value ? s.Dark : s.Light, n = p({
55
+ color: c,
56
+ colors: l.value,
57
+ mode: a,
58
+ variant: u.Solid
59
+ }), d = p({
60
+ color: i.Neutral,
61
+ colors: l.value,
62
+ mode: a,
63
+ variant: u.Solid
64
+ }), r = b`.clll-progress__bar-container{background-color:${d?.disabled ?? "transparent"};.clll-progress__bar{background-color:${n?.bg ?? "transparent"};}}`;
65
+ return $(r);
66
+ };
67
+ export {
68
+ x as a,
69
+ k as b,
70
+ _ as c,
71
+ C as p
72
+ };
@@ -0,0 +1,14 @@
1
+ import { CLMode as o, CLColors as c, CLColorVariants as l } from "../index.js";
2
+ import { u as m, g as n, a as p, c as u } from "./useTheme-yoEfuNvB.js";
3
+ const d = ({ color: e = c.Neutral }) => {
4
+ const { colors: t, darkMode: r } = m(), a = r.value ? o.Light : o.Dark, s = n({
5
+ color: e,
6
+ colors: t.value,
7
+ mode: a,
8
+ variant: l.Text
9
+ });
10
+ return p(u`color: ${s?.textBody};white-space: pre-wrap;`);
11
+ };
12
+ export {
13
+ d as t
14
+ };
@@ -0,0 +1,29 @@
1
+ import { CLMode as c, CLColorVariants as i } from "../index.js";
2
+ import { u as b, g as h, c as d, a as g, f as p } from "./useTheme-yoEfuNvB.js";
3
+ const m = ({ color: t, variant: r }) => {
4
+ const { borderRadius: o, colors: a, darkMode: u } = b(), n = u.value ? c.Dark : c.Light, s = r === i.Ghost, l = h({
5
+ color: t,
6
+ colors: a.value,
7
+ mode: n,
8
+ variant: r
9
+ });
10
+ let e;
11
+ return o.value && (e = d`&:not([class*='clll-card--rounded-']){&.clll-card.clll-card--rounded{border-radius:var(--clll-${o.value})}}`), g(
12
+ d`border-color:${s ? "transparent" : l?.border};background-color:${l?.bg};&.clll-card--has-link{${p({ borderColor: l?.focus, shadowColor: l?.shadow, outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}}.clll-card__image{background-color:${l?.bg}}.clll-card__heading,.clll-card__byline{color:${l?.text}}`,
13
+ e
14
+ );
15
+ }, $ = ({ color: t, variant: r }) => {
16
+ const { borderRadius: o, colors: a, darkMode: u } = b(), n = u.value ? c.Dark : c.Light, s = r === i.Ghost, l = h({
17
+ color: t,
18
+ colors: a.value,
19
+ mode: n,
20
+ variant: r
21
+ });
22
+ let e;
23
+ return o.value && (e = d`&:not([class*='clll-disclosure--rounded-']){&.clll-disclosure.clll-disclosure--rounded{border-radius:var(--clll-${o.value});.clll-disclosure__trigger{.clll-button.clll-button--rounded{border-radius:var(--clll-${o.value})}}}}
24
+ `), g(d`border-color:${s ? "transparent" : l?.focus};border-style:solid;border-width:1px;.clll-disclosure__heading{.clll-heading,.clll-text{color:${l?.text};}}.clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:${s ? "transparent" : l?.focus};}.clll-disclosure__trigger{.clll-button{border:0;}}`, e);
25
+ };
26
+ export {
27
+ m as c,
28
+ $ as d
29
+ };
@@ -0,0 +1,28 @@
1
+ import { CLMode as a, CLColorVariants as u } from "../index.js";
2
+ import { u as i, g as h, c as s, a as v, f as m } from "./useTheme-yoEfuNvB.js";
3
+ const p = ({ color: d }) => {
4
+ const { borderRadius: r, colors: e, darkMode: c } = i(), n = c.value ? a.Dark : a.Light, t = h({
5
+ color: d,
6
+ colors: e.value,
7
+ mode: n,
8
+ variant: u.Solid
9
+ });
10
+ let l;
11
+ return r.value && (l = s`&.clll-a11y__button.--rounded{border-radius:var(--clll-${r.value});}`), v(s`${m({ borderColor: t?.focus, shadowColor: t?.shadow, shadowWidth: "--clll-unit-0" })}`, l);
12
+ }, $ = ({
13
+ color: d,
14
+ variant: r = u.Soft
15
+ }) => {
16
+ const { borderRadius: e, colors: c, darkMode: n } = i(), t = n.value ? a.Dark : a.Light, l = r === u.Outline, o = h({
17
+ color: d,
18
+ colors: c.value,
19
+ mode: t,
20
+ variant: r
21
+ });
22
+ let b;
23
+ return e.value && (b = s`&:not([class*='clll-button--rounded-']){&.clll-button.clll-button--rounded{border-radius:var(--clll-${e.value})}}`), v(s`.clll-button__content,.clll-icon{color:${o?.text};}border-color:${l ? o?.border : "transparent"};background-color:${o?.bg ?? "transparent"};&:hover:not([disabled]){background-color:${o?.hover ?? "transparent"};border-color:${l ? o?.borderHover : "transparent"};}${m({ borderColor: o?.focus, shadowColor: o?.shadow, shadowWidth: "--clll-unit-0" })}`, b);
24
+ };
25
+ export {
26
+ p as a,
27
+ $ as b
28
+ };
@@ -0,0 +1 @@
1
+ :root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-a11y__button{display:inline-block}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--fluid{display:block}
@@ -0,0 +1,6 @@
1
+ import './CLA11yButton.css';
2
+ import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Cdx5rsou.js";
3
+ export {
4
+ t as CLA11yButton,
5
+ t as default
6
+ };
@@ -13,10 +13,10 @@ export interface CLA11yButtonProps {
13
13
  }
14
14
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLA11yButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLA11yButtonProps> & Readonly<{}>, {
15
15
  color: CLColors;
16
- testId: string;
17
- rounded: boolean;
18
16
  enabled: boolean;
19
17
  fluid: boolean;
18
+ rounded: boolean;
19
+ testId: string;
20
20
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
21
21
  refExpandedArea: HTMLDivElement;
22
22
  }, HTMLDivElement>, {