bonkers-ui 2.0.6 → 2.0.8

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 (24) hide show
  1. package/bonkers.css +329 -225
  2. package/components/UiInput/UiInputText.d.ts +2 -1
  3. package/components/UiInput/UiInputText.js.map +1 -1
  4. package/components/UiInputRange/UiInputRange.js +55 -45
  5. package/components/UiInputRange/UiInputRange.js.map +1 -1
  6. package/components/UiPlainRadio/UiPlainRadio.js +76 -56
  7. package/components/UiPlainRadio/UiPlainRadio.js.map +1 -1
  8. package/components/UiRadio/UiRadio.js +36 -35
  9. package/components/UiRadio/UiRadio.js.map +1 -1
  10. package/components/UiSkeleton/UiSkeleton.js +130 -207
  11. package/components/UiSkeleton/UiSkeleton.js.map +1 -1
  12. package/components/UiSkeleton/index.d.ts +1 -0
  13. package/components/UiSkeleton/index.js +2 -0
  14. package/components/UiSkeleton/index.js.map +1 -1
  15. package/components/UiStars/UiStars.d.ts +2 -1
  16. package/components/UiStars/UiStars.js +24 -23
  17. package/components/UiStars/UiStars.js.map +1 -1
  18. package/components/UiTabs/UiTabs.js +22 -17
  19. package/components/UiTabs/UiTabs.js.map +1 -1
  20. package/components/UiToggle/UiToggle.d.ts +2 -0
  21. package/components/UiToggle/UiToggle.js +116 -112
  22. package/components/UiToggle/UiToggle.js.map +1 -1
  23. package/helper.d.ts +6 -14
  24. package/package.json +19 -26
package/components/UiSkeleton/UiSkeleton.js CHANGED
@@ -1,82 +1,81 @@
1
- import { jsxs as c, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as s, jsx as d } from "react/jsx-runtime";
2
2
  import "react";
3
- import s from "classnames";
4
- import { ESkeletonKind as o } from "./_types.js";
5
- const u = ({
6
- kind: t,
7
- className: m
8
- }) => /* @__PURE__ */ c("div", { className: m, children: [
9
- t === o.RESULT_CARD && /* @__PURE__ */ c(
3
+ import e from "classnames";
4
+ import { ESkeletonKind as l } from "./_types.js";
5
+ const x = ({
6
+ kind: a,
7
+ className: r
8
+ }) => /* @__PURE__ */ s("div", { className: r, children: [
9
+ a === l.RESULT_CARD && /* @__PURE__ */ s(
10
10
  "div",
11
11
  {
12
- className: s(
12
+ className: e(
13
13
  "ui-skeleton-card",
14
14
  "animate-pulse",
15
15
  "border-2",
16
16
  "border-secondary-alt-300",
17
- "grid grid-cols-[120px_1fr_180px]",
18
- "rounded-2xl"
17
+ "md:grid md:grid-cols-[120px_1fr_180px]",
18
+ "rounded-2xl",
19
+ "overflow-hidden"
19
20
  ),
20
21
  children: [
21
- /* @__PURE__ */ e(
22
+ /* @__PURE__ */ d(
22
23
  "div",
23
24
  {
24
- className: s(
25
+ className: e(
25
26
  "ui-skeleton-card__content",
26
- "bg-secondary-alt-300",
27
- "gap-xs",
28
- "items-center",
29
- "justify-center",
30
- "p-md",
31
- "rounded-bl-xl",
32
- "rounded-tl-xl"
27
+ "bg-secondary-alt-200",
28
+ "flex gap-xs items-center justify-center",
29
+ "px-sm py-xxs",
30
+ "md:border-b-0 border-t-0 border-b border-secondary-alt-300",
31
+ "md:rounded-tl-xl md:rounded-bl-xl",
32
+ "rounded-tl-xl md:rounded-br-0"
33
33
  ),
34
- children: /* @__PURE__ */ c("div", { className: s("grid", "grow", "gap-xxs", "justify-items-center"), children: [
35
- /* @__PURE__ */ e(
34
+ children: /* @__PURE__ */ s("div", { className: e("grid", "grow", "gap-xxs", "justify-items-center"), children: [
35
+ /* @__PURE__ */ d(
36
36
  "div",
37
37
  {
38
- className: s(
38
+ className: e(
39
39
  "ui-skeleton-card__content",
40
40
  "bg-secondary-alt-400",
41
- "h-xl",
42
- "mb-sm",
41
+ "h-xxxl",
42
+ "md:mb-sm",
43
43
  "rounded-sm",
44
- "w-xxxxl"
44
+ "w-xxxl"
45
45
  )
46
46
  }
47
47
  ),
48
- /* @__PURE__ */ e(
48
+ /* @__PURE__ */ d(
49
49
  "div",
50
50
  {
51
- className: s(
51
+ className: e(
52
52
  "ui-skeleton-card__content",
53
53
  "bg-secondary-alt-400",
54
54
  "h-xxxxl",
55
55
  "rounded-full",
56
- "w-xxxxl"
56
+ "w-xxxxl",
57
+ "hidden md:block"
57
58
  )
58
59
  }
59
60
  )
60
61
  ] })
61
62
  }
62
63
  ),
63
- /* @__PURE__ */ c(
64
+ /* @__PURE__ */ s(
64
65
  "div",
65
66
  {
66
- className: s(
67
+ className: e(
67
68
  "ui-skeleton-main__content",
68
- "bg-white"
69
+ "bg-white",
70
+ "md:border-b-0"
69
71
  ),
70
72
  children: [
71
- /* @__PURE__ */ c("div", { className: s(
72
- "grid",
73
- "p-sm"
74
- ), children: [
75
- /* @__PURE__ */ e(
73
+ /* @__PURE__ */ s("div", { className: e("grid", "gap-xxs", "p-sm"), children: [
74
+ /* @__PURE__ */ d(
76
75
  "div",
77
76
  {
78
- className: s(
79
- "bg-secondary-alt-400",
77
+ className: e(
78
+ "bg-secondary-alt-300",
80
79
  "h-md",
81
80
  "mb-xxs",
82
81
  "rounded-sm",
@@ -84,100 +83,68 @@ const u = ({
84
83
  )
85
84
  }
86
85
  ),
87
- /* @__PURE__ */ e("div", { className: s(
88
- "flex",
89
- "gap-sm",
90
- "mb-xxs"
91
- ), children: ["w-2/5", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
92
- "div",
93
- {
94
- className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
95
- },
96
- a
97
- )) }),
98
- /* @__PURE__ */ e("div", { className: s(
99
- "flex",
100
- "justify-between"
101
- ), children: ["w-1/3", "w-1/4"].map((l, a) => /* @__PURE__ */ e(
102
- "div",
103
- {
104
- className: s(l, "h-[20px]", a === 0 ? "bg-secondary-alt-400" : "bg-secondary-alt-300", "rounded-sm", "mb-xxs")
105
- },
106
- a
107
- )) })
86
+ /* @__PURE__ */ s("div", { className: e("flex flex-wrap gap-xs mb-xxs"), children: [
87
+ /* @__PURE__ */ d("div", { className: e("w-2/5 h-md bg-secondary-alt-300 rounded-sm") }),
88
+ /* @__PURE__ */ d("div", { className: e("w-1/4 h-md bg-secondary-alt-300 rounded-sm") })
89
+ ] }),
90
+ /* @__PURE__ */ s("div", { className: e("flex justify-between"), children: [
91
+ /* @__PURE__ */ d("div", { className: e("w-1/3 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs") }),
92
+ /* @__PURE__ */ d("div", { className: e("w-1/4 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs") })
93
+ ] })
108
94
  ] }),
109
- /* @__PURE__ */ e("div", { className: s(
110
- "grid",
111
- "grid-cols-4"
112
- ), children: Array.from({
113
- length: 4
114
- }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
115
- "border",
116
- "border-secondary-alt-300",
117
- "px-xs",
118
- "py-md"
119
- ), children: /* @__PURE__ */ e("div", { className: s(
120
- "place-items-center"
121
- ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
122
- "div",
123
- {
124
- className: s(
125
- "bg-secondary-alt-300",
126
- "mb-xxxs",
127
- "rounded-sm",
128
- d,
129
- r === 1 ? "h-md" : "h-[20px]"
130
- )
131
- },
132
- r
133
- )) }) }, a)) })
95
+ /* @__PURE__ */ s("div", { className: e("border-t border-secondary-alt-300", "md:grid md:grid-cols-2"), children: [
96
+ /* @__PURE__ */ s("div", { className: e(
97
+ "hidden md:flex flex-col justify-between md:justify-center md:items-center md:flex-col",
98
+ "md:border-r border-secondary-alt-300",
99
+ "p-xs md:border-b-0 border-b"
100
+ ), children: [
101
+ /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm w-2/3 h-[20px]") }),
102
+ /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm w-2/4 h-md") })
103
+ ] }),
104
+ /* @__PURE__ */ s("div", { className: e("flex flex-col justify-between md:justify-center md:items-center md:flex-col p-xs"), children: [
105
+ /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/3") }),
106
+ /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/4") })
107
+ ] })
108
+ ] })
134
109
  ]
135
110
  }
136
111
  ),
137
- /* @__PURE__ */ e(
112
+ /* @__PURE__ */ s(
138
113
  "div",
139
114
  {
140
- className: s(
115
+ className: e(
141
116
  "ui-skeleton-cta-cell",
142
117
  "bg-secondary-alt-200",
143
- "flex-col",
144
- "flex",
145
- "items-center",
146
- "px-sm",
147
- "py-md",
148
- "rounded-br-xl",
149
- "rounded-tr-xl"
118
+ "flex flex-row md:flex-col md:grid md:place-content-center md:items-center md:gap-sm",
119
+ "border-t md:border-t-0 border-l-0 border-secondary-alt-300",
120
+ "p-sm justify-between items-center",
121
+ "md:rounded-tr-xl md:rounded-br-xl",
122
+ "rounded-br-xl md:rounded-tl-0",
123
+ "md:border-l"
150
124
  ),
151
- children: ["w-3/4", "w-1/2", "w-3/4", "w-4/5"].map((l, a) => {
152
- const d = a === 1 ? "h-lg" : "h-[20px]";
153
- return /* @__PURE__ */ e(
125
+ children: [
126
+ /* @__PURE__ */ d("div", { className: e("flex flex-col md:items-center w-full"), children: /* @__PURE__ */ d("div", { className: e("bg-secondary-alt-300", "mb-xxxs", "rounded-sm", "h-lg", "w-[120px]") }) }),
127
+ /* @__PURE__ */ d(
154
128
  "div",
155
129
  {
156
- className: s(
157
- "ui-skeleton-cta-cell__content",
130
+ className: e(
158
131
  "bg-secondary-alt-400",
159
- "flex-col",
160
- "flex",
161
- "h-[20px]",
162
- "mb-xxxs",
132
+ "h-xxl",
163
133
  "rounded-sm",
164
- l,
165
- d,
166
- a === 3 ? "h-xxl bg-secondary-alt-500 mt-md" : d
134
+ "w-full"
167
135
  )
168
- },
169
- a
170
- );
171
- })
136
+ }
137
+ )
138
+ ]
172
139
  }
173
140
  )
174
141
  ]
175
142
  }
176
143
  ),
177
- t === o.RESULT_CARD_MOBILE && /* @__PURE__ */ c(
144
+ a === l.RESULT_CARD_MOBILE && /* @__PURE__ */ s(
178
145
  "div",
179
146
  {
180
- className: s(
147
+ className: e(
181
148
  "ui-skeleton-card-mobile",
182
149
  "animate-pulse",
183
150
  "border-2",
@@ -187,17 +154,17 @@ const u = ({
187
154
  "p-sm"
188
155
  ),
189
156
  children: [
190
- /* @__PURE__ */ e(
157
+ /* @__PURE__ */ d(
191
158
  "div",
192
159
  {
193
- className: s(
160
+ className: e(
194
161
  "ui-skeleton-card__content"
195
162
  ),
196
- children: /* @__PURE__ */ c("div", { className: "flex grow gap-sm", children: [
197
- /* @__PURE__ */ e(
163
+ children: /* @__PURE__ */ s("div", { className: "flex grow gap-sm", children: [
164
+ /* @__PURE__ */ d(
198
165
  "div",
199
166
  {
200
- className: s(
167
+ className: e(
201
168
  "ui-skeleton-card__content",
202
169
  "bg-secondary-alt-400",
203
170
  "h-xxxl",
@@ -206,11 +173,11 @@ const u = ({
206
173
  )
207
174
  }
208
175
  ),
209
- /* @__PURE__ */ c("div", { className: s("flex", "flex-col", "grow"), children: [
210
- /* @__PURE__ */ e(
176
+ /* @__PURE__ */ s("div", { className: e("flex", "flex-col", "grow"), children: [
177
+ /* @__PURE__ */ d(
211
178
  "div",
212
179
  {
213
- className: s(
180
+ className: e(
214
181
  "ui-skeleton-card__content",
215
182
  "bg-secondary-alt-400",
216
183
  "h-md",
@@ -220,10 +187,10 @@ const u = ({
220
187
  )
221
188
  }
222
189
  ),
223
- /* @__PURE__ */ e(
190
+ /* @__PURE__ */ d(
224
191
  "div",
225
192
  {
226
- className: s(
193
+ className: e(
227
194
  "ui-skeleton-card__content",
228
195
  "bg-secondary-alt-400",
229
196
  "h-md",
@@ -237,7 +204,7 @@ const u = ({
237
204
  ] })
238
205
  }
239
206
  ),
240
- /* @__PURE__ */ e("div", { className: s(
207
+ /* @__PURE__ */ d("div", { className: e(
241
208
  "flex",
242
209
  "grow",
243
210
  "gap-xxs",
@@ -245,10 +212,10 @@ const u = ({
245
212
  "border-t",
246
213
  "p-sm",
247
214
  "border-secondary-alt-300"
248
- ), children: /* @__PURE__ */ e(
215
+ ), children: /* @__PURE__ */ d(
249
216
  "div",
250
217
  {
251
- className: s(
218
+ className: e(
252
219
  "ui-skeleton-card__content",
253
220
  "bg-secondary-alt-500",
254
221
  "h-xxxxl",
@@ -257,85 +224,41 @@ const u = ({
257
224
  )
258
225
  }
259
226
  ) }),
260
- /* @__PURE__ */ e("div", { className: s(
261
- "grid",
262
- "grid-cols-3"
263
- ), children: Array.from({
264
- length: 3
265
- }).map((l, a) => /* @__PURE__ */ e("div", { className: s(
266
- "border",
267
- "border-l-0",
268
- "border-secondary-alt-300",
269
- "py-xxs",
270
- "place-items-center",
271
- a === 2 ? "border-r-0" : ""
272
- ), children: ["w-2/3", "w-2/4"].map((d, r) => /* @__PURE__ */ e(
273
- "div",
274
- {
275
- className: s(
276
- "bg-secondary-alt-300",
277
- "mb-xxxs",
278
- "rounded-sm",
279
- "h-md",
280
- r === 0 ? "bg-secondary-alt-300" : "bg-secondary-alt-400",
281
- d
282
- )
283
- },
284
- r
285
- )) }, a)) }),
286
- /* @__PURE__ */ e("div", { className: s(
287
- "flex",
288
- "gap-sm",
289
- "my-xxs"
290
- ), children: ["w-2/6", "w-2/6"].map((l, a) => /* @__PURE__ */ e(
291
- "div",
292
- {
293
- className: s(l, "h-md", "bg-secondary-alt-300", "rounded-sm")
294
- },
295
- a
296
- )) }),
297
- /* @__PURE__ */ c("div", { className: s(
227
+ /* @__PURE__ */ s("div", { className: e("grid grid-cols-3"), children: [
228
+ /* @__PURE__ */ s("div", { className: e("border border-l-0 border-secondary-alt-300 py-xxs place-items-center"), children: [
229
+ /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400") }),
230
+ /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300") })
231
+ ] }),
232
+ /* @__PURE__ */ s("div", { className: e("border border-l-0 border-secondary-alt-300 py-xxs place-items-center"), children: [
233
+ /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400") }),
234
+ /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300") })
235
+ ] }),
236
+ /* @__PURE__ */ s("div", { className: e("border border-l-0 border-secondary-alt-300 py-xxs place-items-center border-r-0"), children: [
237
+ /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400") }),
238
+ /* @__PURE__ */ d("div", { className: e("mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300") })
239
+ ] })
240
+ ] }),
241
+ /* @__PURE__ */ s("div", { className: e("flex gap-sm my-xxs"), children: [
242
+ /* @__PURE__ */ d("div", { className: e("w-2/6 h-md bg-secondary-alt-300 rounded-sm") }),
243
+ /* @__PURE__ */ d("div", { className: e("w-2/6 h-md bg-secondary-alt-300 rounded-sm") })
244
+ ] }),
245
+ /* @__PURE__ */ s("div", { className: e(
298
246
  "flex",
299
247
  "justify-between"
300
248
  ), children: [
301
- /* @__PURE__ */ e("div", { className: s(
302
- "flex",
303
- "flex-col",
304
- "gap-xxxs",
305
- "w-full"
306
- ), children: ["w-3/5", "w-2/5", "w-3/6", "w-3/5"].map((l, a) => /* @__PURE__ */ e(
307
- "div",
308
- {
309
- className: s(
310
- "rounded-sm",
311
- l,
312
- a === 2 ? "h-md" : a === 3 ? "h-sm" : "h-[20px]",
313
- a === 3 ? "bg-secondary-alt-400" : "bg-secondary-alt-300"
314
- )
315
- },
316
- a
317
- )) }),
318
- /* @__PURE__ */ e("div", { className: s(
319
- "flex",
320
- "flex-col",
321
- "gap-xxxs",
322
- "w-full",
323
- "items-end"
324
- ), children: ["w-3/6", "w-2/5", "w-3/5"].map((l, a) => /* @__PURE__ */ e(
325
- "div",
326
- {
327
- className: s(
328
- a === 2 ? "rounded-full" : "rounded-sm",
329
- l,
330
- a === 1 ? "h-[20px]" : "h-md",
331
- a === 1 ? "bg-secondary-alt-300" : "bg-secondary-alt-400",
332
- a === 0 || a === 2 ? "mt-xxs" : "mt-0"
333
- )
334
- },
335
- a
336
- )) })
249
+ /* @__PURE__ */ s("div", { className: e("flex flex-col gap-xxxs w-full"), children: [
250
+ /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/5 h-[20px] bg-secondary-alt-300") }),
251
+ /* @__PURE__ */ d("div", { className: e("rounded-sm w-2/5 h-[20px] bg-secondary-alt-300") }),
252
+ /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/6 h-md bg-secondary-alt-300") }),
253
+ /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/5 h-sm bg-secondary-alt-400") })
254
+ ] }),
255
+ /* @__PURE__ */ s("div", { className: e("flex flex-col gap-xxxs w-full items-end"), children: [
256
+ /* @__PURE__ */ d("div", { className: e("rounded-sm w-3/6 h-md bg-secondary-alt-400 mt-xxs") }),
257
+ /* @__PURE__ */ d("div", { className: e("rounded-sm w-2/5 h-[20px] bg-secondary-alt-300 mt-0") }),
258
+ /* @__PURE__ */ d("div", { className: e("rounded-full w-3/5 h-md bg-secondary-alt-400 mt-xxs") })
259
+ ] })
337
260
  ] }),
338
- /* @__PURE__ */ e("div", { className: s(
261
+ /* @__PURE__ */ d("div", { className: e(
339
262
  "flex",
340
263
  "h-md",
341
264
  "w-full",
@@ -343,7 +266,7 @@ const u = ({
343
266
  "bg-secondary-alt-400",
344
267
  "mt-sm"
345
268
  ) }),
346
- /* @__PURE__ */ e("div", { className: s(
269
+ /* @__PURE__ */ d("div", { className: e(
347
270
  "flex",
348
271
  "h-xxl",
349
272
  "w-full",
@@ -351,22 +274,22 @@ const u = ({
351
274
  "bg-secondary-alt-500",
352
275
  "mt-xxs"
353
276
  ) }),
354
- /* @__PURE__ */ e(
277
+ /* @__PURE__ */ d(
355
278
  "div",
356
279
  {
357
- className: s(
280
+ className: e(
358
281
  "flex",
359
282
  "border-b",
360
- "border-secondary-alt-400",
283
+ "border-secondary-alt-300",
361
284
  "mt-sm",
362
285
  "-mx-sm"
363
286
  )
364
287
  }
365
288
  ),
366
- /* @__PURE__ */ e(
289
+ /* @__PURE__ */ d(
367
290
  "div",
368
291
  {
369
- className: s(
292
+ className: e(
370
293
  "flex",
371
294
  "h-sm",
372
295
  "justify-center",
@@ -381,6 +304,6 @@ const u = ({
381
304
  )
382
305
  ] });
383
306
  export {
384
- u as UiSkeleton
307
+ x as UiSkeleton
385
308
  };
386
309
  //# sourceMappingURL=UiSkeleton.js.map
package/components/UiSkeleton/UiSkeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UiSkeleton.js","sources":["../../../src/components/UiSkeleton/UiSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ESkeletonKind } from \"./_types\";\n\ntype UiSkeletonProps = {\n\tkind: ESkeletonKind\n\tclassName?: string\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<div className={ className }>\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD && (\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"grid grid-cols-[120px_1fr_180px]\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\"gap-xs\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\t\"p-md\",\n\t\t\t\t\t\t\t\"rounded-bl-xl\",\n\t\t\t\t\t\t\t\"rounded-tl-xl\"\n\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"grow\", \"gap-xxs\", \"justify-items-center\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xl\",\n\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-main__content\",\n\t\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"p-sm\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"gap-sm\",\n\t\t\t\t\t\t\t\t\"mb-xxs\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-2/5\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\"justify-between\",\n\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t{ [\"w-1/3\", \"w-1/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst heightClass = \"h-[20px]\";\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-400\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, heightClass, bgClass, \"rounded-sm\", \"mb-xxs\") }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\t\"grid-cols-4\",\n\n\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\t\tlength: 4\n\t\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"px-xs\",\n\t\t\t\t\t\t\t\t\t\"py-md\"\n\n\t\t\t\t\t\t\t\t) } >\n\t\t\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\t\t\"place-items-center\"\n\n\t\t\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t\t\t\t\t? \"h-md\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theightClass\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)) }\n\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-cta-cell\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\t\t\"px-sm\",\n\t\t\t\t\t\t\t\"py-md\",\n\t\t\t\t\t\t\t\"rounded-br-xl\",\n\t\t\t\t\t\t\t\"rounded-tr-xl\"\n\n\t\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-3/4\", \"w-1/2\", \"w-3/4\", \"w-4/5\"].map((widthClass, index) => {\n\n\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t? \"h-lg\"\n\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\t\t\t\t\t\t\tconst lastDivClass = index === 3\n\t\t\t\t\t\t\t\t? \"h-xxl bg-secondary-alt-500 mt-md\"\n\t\t\t\t\t\t\t\t: heightClass;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-cta-cell__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\t\t\t\"h-[20px]\",\n\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\tlastDivClass\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}) }\n\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t) }\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD_MOBILE && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card-mobile\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"p-sm\"\n\t\t\t\t\t) }>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex grow gap-sm\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={ cx(\"flex\",\"flex-col\", \"grow\") }>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-4/5\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-2/3\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"grow\",\n\t\t\t\t\t\t\"gap-xxs\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"border-t\",\n\t\t\t\t\t\t\"p-sm\",\n\t\t\t\t\t\t\"border-secondary-alt-300\") }>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"grid-cols-3\",\n\n\t\t\t\t\t) } >\n\t\t\t\t\t\t{ Array.from({\n\t\t\t\t\t\t\tlength: 3\n\t\t\t\t\t\t}).map((_, index)=> (\n\t\t\t\t\t\t\t<div key={ index } className={ cx(\n\t\t\t\t\t\t\t\t\"border\",\n\t\t\t\t\t\t\t\t\"border-l-0\",\n\t\t\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\"py-xxs\",\n\t\t\t\t\t\t\t\t\"place-items-center\",\n\t\t\t\t\t\t\t\tindex === 2\n\t\t\t\t\t\t\t\t\t? \"border-r-0\"\n\t\t\t\t\t\t\t\t\t: \"\"\n\n\t\t\t\t\t\t\t) } >\n\n\t\t\t\t\t\t\t\t{ [\"w-2/3\", \"w-2/4\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-400\";\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"mb-xxxs\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\t\tbgClass,\n\t\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t)) }\n\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"gap-sm\",\n\t\t\t\t\t\t\"my-xxs\"\n\t\t\t\t\t) }>\n\t\t\t\t\t\t{ [\"w-2/6\", \"w-2/6\"].map((widthClass, index) => {\n\t\t\t\t\t\t\tconst bgClass = index === 0\n\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tclassName={ cx(widthClass, \"h-md\", bgClass, \"rounded-sm\") }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}) }\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"justify-between\"\n\t\t\t\t\t) }>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"gap-xxxs\",\n\t\t\t\t\t\t\t\"w-full\"\n\n\t\t\t\t\t\t) }>\n\n\t\t\t\t\t\t\t{ [\"w-3/5\", \"w-2/5\", \"w-3/6\",\"w-3/5\"].map((widthClass, index) => {\n\t\t\t\t\t\t\t\tconst bgClass = index === 3\n\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-400\"\n\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-300\";\n\t\t\t\t\t\t\t\tconst heightClass = index === 2\n\t\t\t\t\t\t\t\t\t? \"h-md\"\n\t\t\t\t\t\t\t\t\t: index === 3\n\t\t\t\t\t\t\t\t\t\t? \"h-sm\"\n\t\t\t\t\t\t\t\t\t\t: \"h-[20px]\";\n\t\t\t\t\t\t\t\treturn (\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\t\tbgClass\n\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\t\"flex-col\",\n\t\t\t\t\t\t\t\"gap-xxxs\",\n\t\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\t\"items-end\"\n\t\t\t\t\t\t) }>\n\n\t\t\t\t\t\t\t{ [\"w-3/6\", \"w-2/5\", \"w-3/5\"].map((widthClass, index)=> {\n\t\t\t\t\t\t\t\tconst bgClass = index === 1\n\t\t\t\t\t\t\t\t\t? \"bg-secondary-alt-300\"\n\t\t\t\t\t\t\t\t\t: \"bg-secondary-alt-400\";\n\t\t\t\t\t\t\t\tconst roundClass = index === 2\n\t\t\t\t\t\t\t\t\t? \"rounded-full\"\n\t\t\t\t\t\t\t\t\t: \"rounded-sm\";\n\t\t\t\t\t\t\t\tconst heightClass = index === 1\n\t\t\t\t\t\t\t\t\t? \"h-[20px]\"\n\t\t\t\t\t\t\t\t\t: \"h-md\";\n\t\t\t\t\t\t\t\tconst marginsClass = index === 0\n\t\t\t\t\t\t\t\t\t? \"mt-xxs\"\n\t\t\t\t\t\t\t\t\t: index === 2\n\t\t\t\t\t\t\t\t\t\t? \"mt-xxs\"\n\t\t\t\t\t\t\t\t\t\t: \"mt-0\";\n\t\t\t\t\t\t\t\treturn (\n\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\troundClass,\n\t\t\t\t\t\t\t\t\t\t\twidthClass,\n\t\t\t\t\t\t\t\t\t\t\theightClass,\n\t\t\t\t\t\t\t\t\t\t\tbgClass,\n\t\t\t\t\t\t\t\t\t\t\tmarginsClass,\n\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\"mt-xxs\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"border-b\",\n\t\t\t\t\t\t\"border-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\",\n\t\t\t\t\t\t\"-mx-sm\"\n\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-sm\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t</div>\n\t);\n};\n"],"names":["UiSkeleton","kind","className","jsxs","ESkeletonKind","cx","jsx","widthClass","index","_","heightClass"],"mappings":"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"}
1
+ {"version":3,"file":"UiSkeleton.js","sources":["../../../src/components/UiSkeleton/UiSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ESkeletonKind } from \"./_types\";\n\ntype UiSkeletonProps = {\n\tkind: ESkeletonKind\n\tclassName?: string\n}\n\nexport const UiSkeleton: React.FC<UiSkeletonProps> = ({\n\tkind,\n\tclassName\n}) => {\n\n\treturn (\n\t\t<div className={ className }>\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD && (\n\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"md:grid md:grid-cols-[120px_1fr_180px]\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"overflow-hidden\"\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex gap-xs items-center justify-center\",\n\t\t\t\t\t\t\t\"px-sm py-xxs\",\n\t\t\t\t\t\t\t\"md:border-b-0 border-t-0 border-b border-secondary-alt-300\",\n\t\t\t\t\t\t\t\"md:rounded-tl-xl md:rounded-bl-xl\",\n\t\t\t\t\t\t\t\"rounded-tl-xl md:rounded-br-0\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"grow\", \"gap-xxs\", \"justify-items-center\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"md:mb-sm\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\t\"w-xxxxl\",\n\t\t\t\t\t\t\t\t\t\"hidden md:block\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-main__content\",\n\t\t\t\t\t\t\t\"bg-white\",\n\t\t\t\t\t\t\t\"md:border-b-0\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"grid\", \"gap-xxs\", \"p-sm\") }>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-3/5\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex flex-wrap gap-xs mb-xxs\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-2/5 h-md bg-secondary-alt-300 rounded-sm\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-1/4 h-md bg-secondary-alt-300 rounded-sm\") } />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex justify-between\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-1/3 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"w-1/4 h-[20px] bg-secondary-alt-300 rounded-sm mb-xxs\") } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border-t border-secondary-alt-300\", \"md:grid md:grid-cols-2\") }>\n\t\t\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\t\t\"hidden md:flex flex-col justify-between md:justify-center md:items-center md:flex-col\",\n\t\t\t\t\t\t\t\t\"md:border-r border-secondary-alt-300\",\n\t\t\t\t\t\t\t\t\"p-xs md:border-b-0 border-b\"\n\t\t\t\t\t\t\t) }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm w-2/3 h-[20px]\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm w-2/4 h-md\") } />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className={ cx(\"flex flex-col justify-between md:justify-center md:items-center md:flex-col p-xs\") }>\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/3\") } />\n\t\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300 mb-xxxs rounded-sm h-md w-2/4\") } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-cta-cell\",\n\t\t\t\t\t\t\t\"bg-secondary-alt-200\",\n\t\t\t\t\t\t\t\"flex flex-row md:flex-col md:grid md:place-content-center md:items-center md:gap-sm\",\n\t\t\t\t\t\t\t\"border-t md:border-t-0 border-l-0 border-secondary-alt-300\",\n\t\t\t\t\t\t\t\"p-sm justify-between items-center\",\n\t\t\t\t\t\t\t\"md:rounded-tr-xl md:rounded-br-xl\",\n\t\t\t\t\t\t\t\"rounded-br-xl md:rounded-tl-0\",\n\t\t\t\t\t\t\t\"md:border-l\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={ cx(\"flex flex-col md:items-center w-full\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"bg-secondary-alt-300\", \"mb-xxxs\", \"rounded-sm\", \"h-lg\", \"w-[120px]\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\"w-full\"\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t) }\n\n\t\t\t{ kind === ESkeletonKind.RESULT_CARD_MOBILE && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"ui-skeleton-card-mobile\",\n\t\t\t\t\t\t\"animate-pulse\",\n\t\t\t\t\t\t\"border-2\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-2xl\",\n\t\t\t\t\t\t\"grid\",\n\t\t\t\t\t\t\"p-sm\"\n\t\t\t\t\t) }>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"ui-skeleton-card__content\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex grow gap-sm\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\"h-xxxl\",\n\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\"w-xxxl\"\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={ cx(\"flex\",\"flex-col\", \"grow\") }>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-4/5\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\t\t\t\t\"mb-sm\",\n\t\t\t\t\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\t\t\t\t\"w-2/3\"\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"grow\",\n\t\t\t\t\t\t\"gap-xxs\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"border-t\",\n\t\t\t\t\t\t\"p-sm\",\n\t\t\t\t\t\t\"border-secondary-alt-300\") }>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\t\"ui-skeleton-card__content\",\n\t\t\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\t\t\"h-xxxxl\",\n\t\t\t\t\t\t\t\t\"rounded-full\",\n\t\t\t\t\t\t\t\t\"w-xxxxl\"\n\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={ cx(\"grid grid-cols-3\") }>\n\t\t\t\t\t\t<div className={ cx(\"border border-l-0 border-secondary-alt-300 py-xxs place-items-center\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border border-l-0 border-secondary-alt-300 py-xxs place-items-center\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"border border-l-0 border-secondary-alt-300 py-xxs place-items-center border-r-0\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/3 bg-secondary-alt-400\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"mb-xxxs rounded-sm h-md w-2/4 bg-secondary-alt-300\") } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\"flex gap-sm my-xxs\") }>\n\t\t\t\t\t\t<div className={ cx(\"w-2/6 h-md bg-secondary-alt-300 rounded-sm\") } />\n\t\t\t\t\t\t<div className={ cx(\"w-2/6 h-md bg-secondary-alt-300 rounded-sm\") } />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"justify-between\"\n\t\t\t\t\t) }>\n\n\t\t\t\t\t\t<div className={ cx(\"flex flex-col gap-xxxs w-full\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/5 h-[20px] bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-2/5 h-[20px] bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/6 h-md bg-secondary-alt-300\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/5 h-sm bg-secondary-alt-400\") } />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className={ cx(\"flex flex-col gap-xxxs w-full items-end\") }>\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-3/6 h-md bg-secondary-alt-400 mt-xxs\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-sm w-2/5 h-[20px] bg-secondary-alt-300 mt-0\") } />\n\t\t\t\t\t\t\t<div className={ cx(\"rounded-full w-3/5 h-md bg-secondary-alt-400 mt-xxs\") } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-md\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"bg-secondary-alt-400\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-xxl\",\n\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\"rounded-lg\",\n\t\t\t\t\t\t\"bg-secondary-alt-500\",\n\t\t\t\t\t\t\"mt-xxs\"\n\t\t\t\t\t) } />\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"border-b\",\n\t\t\t\t\t\t\"border-secondary-alt-300\",\n\t\t\t\t\t\t\"mt-sm\",\n\t\t\t\t\t\t\"-mx-sm\"\n\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className={ cx(\n\t\t\t\t\t\t\"flex\",\n\t\t\t\t\t\t\"h-sm\",\n\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\"bg-secondary-alt-300\",\n\t\t\t\t\t\t\"rounded-sm\",\n\t\t\t\t\t\t\"mt-sm\"\n\t\t\t\t\t) }\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t</div>\n\t);\n};\n"],"names":["UiSkeleton","kind","className","jsxs","ESkeletonKind","cx","jsx"],"mappings":"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"}
package/components/UiSkeleton/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { UiSkeleton } from './UiSkeleton';
2
+ export { ESkeletonKind } from './_types';
package/components/UiSkeleton/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import { UiSkeleton as r } from "./UiSkeleton.js";
2
+ import { ESkeletonKind as n } from "./_types.js";
2
3
  export {
4
+ n as ESkeletonKind,
3
5
  r as UiSkeleton
4
6
  };
5
7
  //# sourceMappingURL=index.js.map
package/components/UiSkeleton/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
package/components/UiStars/UiStars.d.ts CHANGED
@@ -12,7 +12,8 @@ interface IUiStars {
12
12
  size?: EStarsSize;
13
13
  count?: number;
14
14
  color?: EStarColors;
15
+ name?: string;
15
16
  className?: string;
16
17
  }
17
- export declare const UiStars: ({ starsFilled, size, count, className, color }: IUiStars) => React.JSX.Element;
18
+ export declare const UiStars: ({ starsFilled, size, count, className, color, name }: IUiStars) => React.JSX.Element;
18
19
  export {};