@dmitriikapustin/ui 0.5.3 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +395 -255
- package/dist/index.d.cts +27 -2
- package/dist/index.d.ts +27 -2
- package/dist/index.js +386 -256
- package/dist/styles.css +3898 -3832
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -297,19 +297,104 @@ var IconlyLink = ({ size = 24, color = "currentColor", className }) => /* @__PUR
|
|
|
297
297
|
/* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
298
298
|
/* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
299
299
|
] });
|
|
300
|
-
var IconlySmile =
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
var
|
|
307
|
-
var
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
var
|
|
312
|
-
|
|
300
|
+
var IconlySmile = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
301
|
+
/* @__PURE__ */ jsx("path", { d: "M12 21C16.9709 21 21 16.9699 21 12C21 7.02908 16.9709 3 12 3C7.02908 3 3 7.02908 3 12C3 16.9699 7.02908 21 12 21Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
302
|
+
/* @__PURE__ */ jsx("path", { d: "M8.76953 9.00533V8.95377M8.72401 8.80078C8.60001 8.80078 8.49901 8.90178 8.50001 9.02578C8.50001 9.14978 8.60101 9.25078 8.72501 9.25078C8.84901 9.25078 8.95001 9.14978 8.95001 9.02578C8.95001 8.90078 8.84901 8.80078 8.72401 8.80078Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
303
|
+
/* @__PURE__ */ jsx("path", { d: "M15.2307 9.00533V8.95377M15.224 8.80078C15.1 8.80078 14.999 8.90178 15 9.02578C15 9.14978 15.101 9.25078 15.225 9.25078C15.349 9.25078 15.45 9.14978 15.45 9.02578C15.45 8.90078 15.349 8.80078 15.224 8.80078Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
304
|
+
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.5199 13.2891C15.5199 15.379 13.9437 17.0739 12.0007 17.0739C10.0567 17.0739 8.48047 15.379 8.48047 13.2891H15.5199Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
305
|
+
] });
|
|
306
|
+
var IconlyAttach = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { transform: "translate(3 2)", fill: color, fillRule: "evenodd", clipRule: "evenodd", d: "M10.9755,0.0003 C11.018449,0.0003 11.0605585,0.00391613217 11.1015405,0.0108603403 L11.2384,0.0117 C11.4424,0.0117 11.6374,0.0947 11.7794,0.2417 L16.8444,5.5187 C16.9784,5.6577 17.0535234,5.8447 17.0535234,6.0377 L17.0535234,15.2037 C17.0714,17.7127 15.1174,19.7627 12.6044,19.8647 L4.5854,19.8657 L4.4764,19.8657 C2.02645714,19.8103286 0.061562449,17.8289196 0.0017018309,15.4028786 L0.0014,4.4907 C0.0594,2.0097 2.1084,0.0117 4.5714,0.0117 L10.8494595,0.0108603403 C10.8904415,0.00391613217 10.932551,0.0003 10.9755,0.0003 Z M10.2254,1.5113 L4.5734,1.5117 C2.9164,1.5117 1.5404,2.8537 1.5014,4.5087 L1.5014,15.2037 C1.4644,16.9167 2.8144,18.3277 4.5104,18.3657 L12.5744,18.3657 C14.2434,18.2967 15.5654,16.9097 15.553481,15.2097 L15.5534,6.9833 L13.5435,6.9843 C11.7135,6.9793 10.2255,5.4873 10.2255,3.6593 L10.2254,1.5113 Z M10.7887,12.6084 C11.2027,12.6084 11.5387,12.9444 11.5387,13.3584 C11.5387,13.7724 11.2027,14.1084 10.7887,14.1084 L5.3887,14.1084 C4.9747,14.1084 4.6387,13.7724 4.6387,13.3584 C4.6387,12.9444 4.9747,12.6084 5.3887,12.6084 L10.7887,12.6084 Z M8.7438,8.8564 C9.1578,8.8564 9.4938,9.1924 9.4938,9.6064 C9.4938,10.0204 9.1578,10.3564 8.7438,10.3564 L5.3878,10.3564 C4.9738,10.3564 4.6378,10.0204 4.6378,9.6064 C4.6378,9.1924 4.9738,8.8564 5.3878,8.8564 L8.7438,8.8564 Z M11.7254,2.3523 L11.7255,3.6593 C11.7255,4.6633 12.5425,5.4813 13.5455,5.4843 L14.7314,5.4833 L11.7254,2.3523 Z" }) });
|
|
307
|
+
var IconlyInfo = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
308
|
+
/* @__PURE__ */ jsx("path", { d: "M7.78216 3H16.2169C19.165 3 21 5.08119 21 8.02638V15.9736C21 18.9188 19.165 21 16.2159 21H7.78216C4.83405 21 3 18.9188 3 15.9736V8.02638C3 5.08119 4.84281 3 7.78216 3Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
309
|
+
/* @__PURE__ */ jsx("path", { d: "M11.9941 15.8917V11.9998M11.9941 8.35426V8.29102", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
310
|
+
] });
|
|
311
|
+
var IconlyInfoCircle = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
312
|
+
/* @__PURE__ */ jsx("path", { d: "M3 12C3 16.9699 7.02908 21 12 21C16.9709 21 21 16.9699 21 12C21 7.02908 16.9709 3 12 3C7.02908 3 3 7.02908 3 12Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
313
|
+
/* @__PURE__ */ jsx("path", { d: "M12.0057 15.6932V11.3936M12 8.35426V8.29102", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
314
|
+
] });
|
|
315
|
+
var IconlySun = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
316
|
+
/* @__PURE__ */ jsx("path", { d: "M12.0001 3V4.3719M12.0001 19.6281V21M21 12.0001H19.6281M4.3719 12.0001H3M18.3639 5.63582L17.3938 6.60589M6.60636 17.3938L5.6363 18.3639M18.3639 18.3639L17.3938 17.3938M6.60636 6.60636L5.6363 5.6363", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
317
|
+
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0002 7.80469C14.3178 7.80469 16.1957 9.68351 16.1957 12.0002C16.1957 14.3178 14.3178 16.1966 12.0002 16.1966C9.68254 16.1966 7.80469 14.3178 7.80469 12.0002C7.80469 9.68351 9.68254 7.80469 12.0002 7.80469Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
318
|
+
] });
|
|
319
|
+
var IconlyMoon = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.912 14.276C20.9577 14.2516 21.0122 14.2935 20.9976 14.3441C19.8991 18.1872 16.3586 21 12.1768 21C7.10487 21 3 16.8854 3 11.8232C3 7.6317 5.80306 4.0999 9.64718 3.00241C9.6968 2.98782 9.73864 3.0423 9.71431 3.08803C8.05544 6.20925 8.55067 10.1867 11.1815 12.8185C13.8133 15.4493 17.7908 15.9446 20.912 14.276Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
320
|
+
var IconlyRoadmap = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
321
|
+
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.75 12.0001C2.75 18.9371 5.063 21.2501 12 21.2501C18.937 21.2501 21.25 18.9371 21.25 12.0001C21.25 5.06312 18.937 2.75012 12 2.75012C5.063 2.75012 2.75 5.06312 2.75 12.0001Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
322
|
+
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69775 15.3024L10.2718 10.2724L15.3018 8.69836L13.7278 13.7274L8.69775 15.3024Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
323
|
+
] });
|
|
324
|
+
var IconlyBook = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
325
|
+
/* @__PURE__ */ jsx("path", { d: "M3.82129 17.6067C3.82129 19.4806 5.3401 20.9994 7.21405 20.9994H19.2137C19.7469 20.9994 20.1789 20.5674 20.1789 20.0342V7.50236C20.1789 6.96528 19.7401 6.53133 19.203 6.53717L17.223 6.56052", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
326
|
+
/* @__PURE__ */ jsx("path", { d: "M7.54297 17.6211H16.9973", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
327
|
+
/* @__PURE__ */ jsx("path", { d: "M3.82227 6.24876V17.6072C3.82227 15.7333 5.34108 14.2145 7.21502 14.2145H16.2209C16.754 14.2145 17.186 13.7835 17.186 13.2503V3.96422C17.186 3.43103 16.754 3 16.2209 3H7.072C5.27686 3 3.82227 4.45459 3.82227 6.24876Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
328
|
+
] });
|
|
329
|
+
var IconlyBookmark = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.2269 6.58638C19.2269 4.02357 17.4766 3 14.9566 3H9.0399C6.59774 3 4.76758 3.95643 4.76758 6.41514V20.1165C4.76661 20.604 5.16163 21 5.65007 21C5.80185 21 5.95072 20.9611 6.08304 20.8871L12.026 17.5557L17.9134 20.8813C18.3386 21.1206 18.8776 20.9708 19.117 20.5456C19.1919 20.4133 19.2318 20.2644 19.2318 20.1117L19.2269 6.58638Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
330
|
+
var IconlySandbox = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxs("g", { transform: "translate(2 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
331
|
+
/* @__PURE__ */ jsx("line", { x1: "6.84825686", y1: "10.3140022", x2: "6.84825686", y2: "14.0589969" }),
|
|
332
|
+
/* @__PURE__ */ jsx("line", { x1: "8.75903359", y1: "12.1867073", x2: "4.93790399", y2: "12.1867073" }),
|
|
333
|
+
/* @__PURE__ */ jsx("line", { x1: "13.3661121", y1: "10.4280345", x2: "13.2590866", y2: "10.4280345" }),
|
|
334
|
+
/* @__PURE__ */ jsx("line", { x1: "15.1796122", y1: "14.0026039", x2: "15.0725866", y2: "14.0026039" }),
|
|
335
|
+
/* @__PURE__ */ jsx("path", { d: "M6.07216276,0 C6.07216276,0.740482877 6.68464554,1.34076212 7.44018226,1.34076212 L8.49666207,1.34076212 C9.66228674,1.34491631 10.6064427,2.27026027 10.611741,3.41266022 L10.611741,4.08771473" }),
|
|
336
|
+
/* @__PURE__ */ jsx("path", { d: "M14.4283141,19.9626083 C11.4231218,20.013497 8.47303168,20.0114199 5.57274558,19.9626083 C2.35350217,19.9626083 0,17.6663844 0,14.5112835 L0,9.86171565 C0,6.70661469 2.35350217,4.41039079 5.57274558,4.41039079 C8.48892657,4.36054061 11.441136,4.36157916 14.4283141,4.41039079 C17.6475575,4.41039079 20,6.70765324 20,9.86171565 L20,14.5112835 C20,17.6663844 17.6475575,19.9626083 14.4283141,19.9626083 Z" })
|
|
337
|
+
] }) });
|
|
338
|
+
var IconlyQuote = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
339
|
+
/* @__PURE__ */ jsx("path", { d: "M15.9393 12.413H15.9483", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
340
|
+
/* @__PURE__ */ jsx("path", { d: "M11.9304 12.413H11.9394", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
341
|
+
/* @__PURE__ */ jsx("path", { d: "M7.9214 12.413H7.9304", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
342
|
+
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.071 19.0698C16.0159 22.1264 11.4896 22.7867 7.78631 21.074C7.23961 20.8539 3.70113 21.8339 2.93334 21.067C2.16555 20.2991 3.14639 16.7601 2.92631 16.2134C1.21285 12.5106 1.87411 7.9826 4.9302 4.9271C8.83147 1.0243 15.1698 1.0243 19.071 4.9271C22.9803 8.83593 22.9723 15.1681 19.071 19.0698Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
343
|
+
] });
|
|
344
|
+
var IconlySuccess = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxs("g", { transform: "translate(2 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
345
|
+
/* @__PURE__ */ jsx("path", { d: "M14.3344,0.7502 L5.6654,0.7502 C2.6444,0.7502 0.7504,2.8892 0.7504,5.9162 L0.7504,14.0842 C0.7504,17.1112 2.6354,19.2502 5.6654,19.2502 L14.3334,19.2502 C17.3644,19.2502 19.2504,17.1112 19.2504,14.0842 L19.2504,5.9162 C19.2504,2.8892 17.3644,0.7502 14.3344,0.7502 Z" }),
|
|
346
|
+
/* @__PURE__ */ jsx("polyline", { points: "6.4399 10.0002 8.8139 12.3732 13.5599 7.6272" })
|
|
347
|
+
] }) });
|
|
348
|
+
var IconlyWarning = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxs("g", { transform: "translate(2 3)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
349
|
+
/* @__PURE__ */ jsx("path", { d: "M2.814,17.4368 L17.197,17.4368 C18.779,17.4368 19.772,15.7268 18.986,14.3528 L11.8,1.7878 C11.009,0.4048 9.015,0.4038 8.223,1.7868 L1.025,14.3518 C0.239,15.7258 1.231,17.4368 2.814,17.4368 Z" }),
|
|
350
|
+
/* @__PURE__ */ jsx("line", { x1: "10.0025", y1: "10.4148", x2: "10.0025", y2: "7.3148" }),
|
|
351
|
+
/* @__PURE__ */ jsx("line", { x1: "9.995", y1: "13.5", x2: "10.005", y2: "13.5" })
|
|
352
|
+
] }) });
|
|
353
|
+
var IconlyError = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxs("g", { transform: "translate(2 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
354
|
+
/* @__PURE__ */ jsx("line", { x1: "12.3955", y1: "7.5949", x2: "7.6035", y2: "12.3869" }),
|
|
355
|
+
/* @__PURE__ */ jsx("line", { x1: "12.397", y1: "12.3898", x2: "7.601", y2: "7.5928" }),
|
|
356
|
+
/* @__PURE__ */ jsx("path", { d: "M14.3345,0.7502 L5.6655,0.7502 C2.6445,0.7502 0.7505,2.8892 0.7505,5.9162 L0.7505,14.0842 C0.7505,17.1112 2.6355,19.2502 5.6655,19.2502 L14.3335,19.2502 C17.3645,19.2502 19.2505,17.1112 19.2505,14.0842 L19.2505,5.9162 C19.2505,2.8892 17.3645,0.7502 14.3345,0.7502 Z" })
|
|
357
|
+
] }) });
|
|
358
|
+
var IconlyEdit = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
359
|
+
/* @__PURE__ */ jsx("path", { d: "M13.3352 19.5078H19.7122", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
360
|
+
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.0578 4.85889V4.85889C14.7138 3.85089 12.8078 4.12289 11.7998 5.46589C11.7998 5.46589 6.78679 12.1439 5.04779 14.4609C3.30879 16.7789 4.95379 19.6509 4.95379 19.6509C4.95379 19.6509 8.19779 20.3969 9.91179 18.1119C11.6268 15.8279 16.6638 9.11689 16.6638 9.11689C17.6718 7.77389 17.4008 5.86689 16.0578 4.85889Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
361
|
+
/* @__PURE__ */ jsx("path", { d: "M10.5042 7.21143L15.3682 10.8624", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
362
|
+
] });
|
|
363
|
+
var IconlyDelete = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
364
|
+
/* @__PURE__ */ jsx("path", { d: "M14.9624 3.87898L15.7806 5.66377H18.42C19.2315 5.66377 19.8894 6.32166 19.8894 7.1332V8.2214C19.8894 8.77625 19.4396 9.22605 18.8848 9.22605H5.11501C4.56015 9.22605 4.11035 8.77625 4.11035 8.2214V7.1332C4.11035 6.32166 4.76823 5.66377 5.57978 5.66377H8.2192L9.0374 3.87898C9.28294 3.34338 9.8181 3 10.4073 3H13.5925C14.1817 3 14.7168 3.34338 14.9624 3.87898Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
365
|
+
/* @__PURE__ */ jsx("path", { d: "M18.3504 9.30078V17.9865C18.3504 19.6511 17.0177 21.0005 15.3738 21.0005H8.62696C6.98305 21.0005 5.65039 19.6511 5.65039 17.9865V9.30078", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
366
|
+
/* @__PURE__ */ jsx("path", { d: "M10.3096 12.8164V17.3248M13.69 12.8164V17.3248", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
367
|
+
] });
|
|
368
|
+
var IconlyDownload = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
369
|
+
/* @__PURE__ */ jsx("path", { d: "M11.8792 14.791V2.75", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
370
|
+
/* @__PURE__ */ jsx("path", { d: "M14.7951 11.8643L11.8791 14.7923L8.96313 11.8643", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
371
|
+
/* @__PURE__ */ jsx("path", { d: "M16.3702 7.25867C19.9492 7.58867 21.2502 8.92867 21.2502 14.2587C21.2502 21.3587 18.9392 21.3587 12.0002 21.3587C5.05924 21.3587 2.75024 21.3587 2.75024 14.2587C2.75024 8.92867 4.05024 7.58867 7.63024 7.25867", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
372
|
+
] });
|
|
373
|
+
var IconlyUpload = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
374
|
+
/* @__PURE__ */ jsx("path", { d: "M7.62059 9.42261H6.73811C4.81455 9.42261 3.25391 10.9833 3.25391 12.9068V17.5167C3.25488 19.4403 4.81455 21 6.73811 21H17.2617C19.1863 21 20.7459 19.4403 20.7459 17.5167V12.8981C20.7459 10.9794 19.1911 9.42358 17.2724 9.42261H16.3812", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
375
|
+
/* @__PURE__ */ jsx("path", { d: "M11.9996 3V14.3847M11.9996 3L9.24414 5.7681M11.9996 3L14.758 5.7681", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
376
|
+
] });
|
|
377
|
+
var IconlyUser = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
378
|
+
/* @__PURE__ */ jsx("circle", { cx: "11.9425", cy: "8.6925", r: "4.6925", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
379
|
+
/* @__PURE__ */ jsx("path", { d: "M5.53573 20C5.42507 19.3629 5.47078 18.7027 5.47078 18.0592C5.47078 15.634 7.43674 13.6681 9.86187 13.6681H14.1377C16.5629 13.6681 18.5288 15.634 18.5288 18.0592C18.5288 18.7027 18.5745 19.3629 18.4639 20", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
380
|
+
] });
|
|
381
|
+
var IconlyCalendar = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxs("g", { transform: "translate(3 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
382
|
+
/* @__PURE__ */ jsx("line", { x1: "0.0926400664", y1: "7.40425532", x2: "17.9165888", y2: "7.40425532" }),
|
|
383
|
+
/* @__PURE__ */ jsx("line", { x1: "13.4420736", y1: "11.3096927", x2: "13.4513376", y2: "11.3096927" }),
|
|
384
|
+
/* @__PURE__ */ jsx("line", { x1: "9.00461445", y1: "11.3096927", x2: "9.01387846", y2: "11.3096927" }),
|
|
385
|
+
/* @__PURE__ */ jsx("line", { x1: "4.55789127", y1: "11.3096927", x2: "4.56715527", y2: "11.3096927" }),
|
|
386
|
+
/* @__PURE__ */ jsx("line", { x1: "13.4420736", y1: "15.1962175", x2: "13.4513376", y2: "15.1962175" }),
|
|
387
|
+
/* @__PURE__ */ jsx("line", { x1: "9.00461445", y1: "15.1962175", x2: "9.01387846", y2: "15.1962175" }),
|
|
388
|
+
/* @__PURE__ */ jsx("line", { x1: "4.55789127", y1: "15.1962175", x2: "4.56715527", y2: "15.1962175" }),
|
|
389
|
+
/* @__PURE__ */ jsx("line", { x1: "13.0437213", y1: "0", x2: "13.0437213", y2: "3.29078014" }),
|
|
390
|
+
/* @__PURE__ */ jsx("line", { x1: "4.96550756", y1: "0", x2: "4.96550756", y2: "3.29078014" }),
|
|
391
|
+
/* @__PURE__ */ jsx("path", { d: "M13.2382655,1.57919622 L4.77096342,1.57919622 C1.83427331,1.57919622 0,3.21513002 0,6.22222222 L0,15.2718676 C0,18.3262411 1.83427331,20 4.77096342,20 L13.2290015,20 C16.1749556,20 18,18.3546099 18,15.3475177 L18,6.22222222 C18.0092289,3.21513002 16.1842196,1.57919622 13.2382655,1.57919622 Z" })
|
|
392
|
+
] }) });
|
|
393
|
+
var IconlyCall = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.20049 15.799C1.3025 8.90022 2.28338 5.74115 3.01055 4.72316C3.10396 4.55862 5.40647 1.11188 7.87459 3.13407C14.0008 8.17945 6.2451 7.46611 11.3894 12.6113C16.5348 17.7554 15.8214 9.99995 20.8659 16.1249C22.8882 18.594 19.4413 20.8964 19.2778 20.9888C18.2598 21.717 15.0995 22.6978 8.20049 15.799Z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
394
|
+
var IconlyHome = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
395
|
+
/* @__PURE__ */ jsx("path", { d: "M4.49609 8.77539V17.4504C4.49609 19.1424 5.86799 20.5143 7.55999 20.5143H16.4393C18.1313 20.5143 19.5032 19.1424 19.5032 17.4504V8.77539", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
396
|
+
/* @__PURE__ */ jsx("path", { d: "M21 9.95611L13.4741 3.9986C12.6101 3.31557 11.3899 3.31557 10.5259 3.9986L3 9.95611", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
397
|
+
] });
|
|
313
398
|
|
|
314
399
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/Tag.module.scss
|
|
315
400
|
var __default5 = { "root": "Tag-module_root", "default": "Tag-module_default", "primary": "Tag-module_primary", "success": "Tag-module_success", "warning": "Tag-module_warning", "error": "Tag-module_error", "closeBtn": "Tag-module_closeBtn" };
|
|
@@ -2526,22 +2611,67 @@ BottomSheet.Panel = Panel;
|
|
|
2526
2611
|
BottomSheet.Handle = Handle;
|
|
2527
2612
|
BottomSheet.Trigger = Trigger;
|
|
2528
2613
|
|
|
2614
|
+
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/CookieConsent.module.scss
|
|
2615
|
+
var __default61 = { "root": "CookieConsent-module_root", "actions": "CookieConsent-module_actions", "description": "CookieConsent-module_description" };
|
|
2616
|
+
var DEFAULT_DESCRIPTION = "\u0421\u0430\u0439\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442 \u0444\u0430\u0439\u043B\u044B cookie \u0434\u043B\u044F \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F \u0434\u0430\u043D\u043D\u044B\u0445. \u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0430\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0441\u0430\u0439\u0442\u043E\u043C, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u0435\u043C \u0444\u0430\u0439\u043B\u043E\u0432 cookie \u0438 \u043F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445.";
|
|
2617
|
+
function CookieConsent({
|
|
2618
|
+
description = DEFAULT_DESCRIPTION,
|
|
2619
|
+
acceptLabel = "\u041F\u0440\u0438\u043D\u0438\u043C\u0430\u044E",
|
|
2620
|
+
storageKey = "cookie-consent-accepted",
|
|
2621
|
+
onAccept,
|
|
2622
|
+
className = ""
|
|
2623
|
+
}) {
|
|
2624
|
+
const [visible, setVisible] = useState(false);
|
|
2625
|
+
useEffect(() => {
|
|
2626
|
+
try {
|
|
2627
|
+
if (typeof window === "undefined") return;
|
|
2628
|
+
if (!window.localStorage.getItem(storageKey)) {
|
|
2629
|
+
setVisible(true);
|
|
2630
|
+
}
|
|
2631
|
+
} catch (e) {
|
|
2632
|
+
setVisible(true);
|
|
2633
|
+
}
|
|
2634
|
+
}, [storageKey]);
|
|
2635
|
+
const accept = () => {
|
|
2636
|
+
try {
|
|
2637
|
+
window.localStorage.setItem(storageKey, "1");
|
|
2638
|
+
} catch (e) {
|
|
2639
|
+
}
|
|
2640
|
+
setVisible(false);
|
|
2641
|
+
onAccept == null ? void 0 : onAccept();
|
|
2642
|
+
};
|
|
2643
|
+
if (!visible) return null;
|
|
2644
|
+
return /* @__PURE__ */ jsxs(
|
|
2645
|
+
"div",
|
|
2646
|
+
{
|
|
2647
|
+
role: "dialog",
|
|
2648
|
+
"aria-live": "polite",
|
|
2649
|
+
"aria-label": "Cookie consent",
|
|
2650
|
+
className: `${__default61.root}${className ? ` ${className}` : ""}`,
|
|
2651
|
+
children: [
|
|
2652
|
+
/* @__PURE__ */ jsx("p", { className: __default61.description, children: description }),
|
|
2653
|
+
/* @__PURE__ */ jsx("div", { className: __default61.actions, children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", onClick: accept, children: acceptLabel }) })
|
|
2654
|
+
]
|
|
2655
|
+
}
|
|
2656
|
+
);
|
|
2657
|
+
}
|
|
2658
|
+
|
|
2529
2659
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoBento.module.scss
|
|
2530
|
-
var
|
|
2660
|
+
var __default62 = { "root": "PromoBento-module_root", "header": "PromoBento-module_header", "heading": "PromoBento-module_heading", "subtitle": "PromoBento-module_subtitle", "grid": "PromoBento-module_grid", "card": "PromoBento-module_card", "cardMedia": "PromoBento-module_cardMedia", "cardMediaInner": "PromoBento-module_cardMediaInner", "cardFade": "PromoBento-module_cardFade", "cardContent": "PromoBento-module_cardContent", "pill": "PromoBento-module_pill", "pillInner": "PromoBento-module_pillInner", "pillIcon": "PromoBento-module_pillIcon", "cardTitle": "PromoBento-module_cardTitle", "cardDesc": "PromoBento-module_cardDesc", "cardCta": "PromoBento-module_cardCta" };
|
|
2531
2661
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
2532
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2533
|
-
media && /* @__PURE__ */ jsxs("div", { className:
|
|
2534
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2535
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2662
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default62.card}${className ? ` ${className}` : ""}`, children: [
|
|
2663
|
+
media && /* @__PURE__ */ jsxs("div", { className: __default62.cardMedia, children: [
|
|
2664
|
+
/* @__PURE__ */ jsx("div", { className: __default62.cardMediaInner, children: media }),
|
|
2665
|
+
/* @__PURE__ */ jsx("div", { className: __default62.cardFade })
|
|
2536
2666
|
] }),
|
|
2537
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2538
|
-
pill && /* @__PURE__ */ jsx("div", { className:
|
|
2539
|
-
pill.icon && /* @__PURE__ */ jsx("span", { className:
|
|
2667
|
+
/* @__PURE__ */ jsxs("div", { className: __default62.cardContent, children: [
|
|
2668
|
+
pill && /* @__PURE__ */ jsx("div", { className: __default62.pill, children: /* @__PURE__ */ jsxs("span", { className: __default62.pillInner, children: [
|
|
2669
|
+
pill.icon && /* @__PURE__ */ jsx("span", { className: __default62.pillIcon, children: pill.icon }),
|
|
2540
2670
|
pill.label
|
|
2541
2671
|
] }) }),
|
|
2542
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
2543
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
2544
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
2672
|
+
/* @__PURE__ */ jsx("h3", { className: __default62.cardTitle, children: title }),
|
|
2673
|
+
description && /* @__PURE__ */ jsx("p", { className: __default62.cardDesc, children: description }),
|
|
2674
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default62.cardCta, children: /* @__PURE__ */ jsx(
|
|
2545
2675
|
Button,
|
|
2546
2676
|
{
|
|
2547
2677
|
variant: "outline",
|
|
@@ -2554,36 +2684,36 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
2554
2684
|
] });
|
|
2555
2685
|
}
|
|
2556
2686
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
2557
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2558
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2559
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
2560
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
2687
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
|
|
2688
|
+
/* @__PURE__ */ jsxs("div", { className: __default62.header, children: [
|
|
2689
|
+
/* @__PURE__ */ jsx("h2", { className: __default62.heading, children: heading }),
|
|
2690
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default62.subtitle, children: subtitle })
|
|
2561
2691
|
] }),
|
|
2562
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2692
|
+
/* @__PURE__ */ jsx("div", { className: __default62.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
2563
2693
|
] });
|
|
2564
2694
|
}
|
|
2565
2695
|
|
|
2566
2696
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoShowcase.module.scss
|
|
2567
|
-
var
|
|
2697
|
+
var __default63 = { "root": "PromoShowcase-module_root", "heading": "PromoShowcase-module_heading", "headingText": "PromoShowcase-module_headingText", "body": "PromoShowcase-module_body", "stepper": "PromoShowcase-module_stepper", "stepButton": "PromoShowcase-module_stepButton", "stepButtonActive": "PromoShowcase-module_stepButtonActive", "contentArea": "PromoShowcase-module_contentArea", "panel": "PromoShowcase-module_panel", "panelActive": "PromoShowcase-module_panelActive", "panelInner": "PromoShowcase-module_panelInner" };
|
|
2568
2698
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
2569
2699
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
2570
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2571
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2572
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2573
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2700
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
|
|
2701
|
+
/* @__PURE__ */ jsx("div", { className: __default63.heading, children: /* @__PURE__ */ jsx("h2", { className: __default63.headingText, children: heading }) }),
|
|
2702
|
+
/* @__PURE__ */ jsxs("div", { className: __default63.body, children: [
|
|
2703
|
+
/* @__PURE__ */ jsx("div", { className: __default63.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
2574
2704
|
"button",
|
|
2575
2705
|
{
|
|
2576
2706
|
onClick: () => setActiveIndex(i),
|
|
2577
|
-
className: `${
|
|
2707
|
+
className: `${__default63.stepButton}${i === activeIndex ? ` ${__default63.stepButtonActive}` : ""}`,
|
|
2578
2708
|
children: step.label
|
|
2579
2709
|
},
|
|
2580
2710
|
i
|
|
2581
2711
|
)) }),
|
|
2582
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2712
|
+
/* @__PURE__ */ jsx("div", { className: __default63.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
2583
2713
|
"div",
|
|
2584
2714
|
{
|
|
2585
|
-
className: `${
|
|
2586
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
2715
|
+
className: `${__default63.panel}${i === activeIndex ? ` ${__default63.panelActive}` : ""}`,
|
|
2716
|
+
children: /* @__PURE__ */ jsx("div", { className: __default63.panelInner, children: step.content })
|
|
2587
2717
|
},
|
|
2588
2718
|
i
|
|
2589
2719
|
)) })
|
|
@@ -2592,7 +2722,7 @@ function PromoShowcase({ heading, steps, className = "" }) {
|
|
|
2592
2722
|
}
|
|
2593
2723
|
|
|
2594
2724
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoSplit.module.scss
|
|
2595
|
-
var
|
|
2725
|
+
var __default64 = { "root": "PromoSplit-module_root", "rootNoVertical": "PromoSplit-module_rootNoVertical", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
|
|
2596
2726
|
function PromoSplit({
|
|
2597
2727
|
heading,
|
|
2598
2728
|
description,
|
|
@@ -2604,17 +2734,17 @@ function PromoSplit({
|
|
|
2604
2734
|
className = ""
|
|
2605
2735
|
}) {
|
|
2606
2736
|
const isLeft = mediaPosition === "left";
|
|
2607
|
-
const noVerticalClass = verticalPadding === "none" ? ` ${
|
|
2608
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
2609
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
2737
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default64.rootNoVertical}` : "";
|
|
2738
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default64.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default64.gridReversed : __default64.grid, children: [
|
|
2739
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default64.textColumn}${isLeft ? ` ${__default64.textColumnLtr}` : ""}`, children: [
|
|
2610
2740
|
/* @__PURE__ */ jsx(SectionHeading, { size: headingSize, children: heading }),
|
|
2611
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
2612
|
-
features && features.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
2613
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
2614
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
2741
|
+
description && /* @__PURE__ */ jsx("p", { className: __default64.description, children: description }),
|
|
2742
|
+
features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default64.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default64.feature, children: [
|
|
2743
|
+
/* @__PURE__ */ jsx("h3", { className: __default64.featureTitle, children: feature.title }),
|
|
2744
|
+
/* @__PURE__ */ jsx("p", { className: __default64.featureDesc, children: feature.description })
|
|
2615
2745
|
] }, i)) })
|
|
2616
2746
|
] }),
|
|
2617
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
2747
|
+
/* @__PURE__ */ jsx("div", { className: `${__default64.mediaColumn}${isLeft ? ` ${__default64.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default64.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default64.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default64.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default64.placeholderCircle, children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
2618
2748
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
2619
2749
|
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
2620
2750
|
/* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -2623,50 +2753,50 @@ function PromoSplit({
|
|
|
2623
2753
|
}
|
|
2624
2754
|
|
|
2625
2755
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTrustGrid.module.scss
|
|
2626
|
-
var
|
|
2756
|
+
var __default65 = { "root": "PromoTrustGrid-module_root", "heading": "PromoTrustGrid-module_heading", "headingText": "PromoTrustGrid-module_headingText", "grid": "PromoTrustGrid-module_grid", "featureCard": "PromoTrustGrid-module_featureCard", "featureIcon": "PromoTrustGrid-module_featureIcon", "featureTitle": "PromoTrustGrid-module_featureTitle", "featureDescription": "PromoTrustGrid-module_featureDescription", "media": "PromoTrustGrid-module_media", "mediaInner": "PromoTrustGrid-module_mediaInner" };
|
|
2627
2757
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
2628
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2629
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2630
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2631
|
-
feature.icon && /* @__PURE__ */ jsx("div", { className:
|
|
2632
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
2633
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
2758
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: [
|
|
2759
|
+
/* @__PURE__ */ jsx("div", { className: __default65.heading, children: /* @__PURE__ */ jsx("h2", { className: __default65.headingText, children: heading }) }),
|
|
2760
|
+
/* @__PURE__ */ jsx("div", { className: __default65.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default65.featureCard, children: [
|
|
2761
|
+
feature.icon && /* @__PURE__ */ jsx("div", { className: __default65.featureIcon, children: feature.icon }),
|
|
2762
|
+
/* @__PURE__ */ jsx("h3", { className: __default65.featureTitle, children: feature.title }),
|
|
2763
|
+
/* @__PURE__ */ jsx("p", { className: __default65.featureDescription, children: feature.description })
|
|
2634
2764
|
] }, i)) }),
|
|
2635
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
2765
|
+
media && /* @__PURE__ */ jsx("div", { className: __default65.media, children: /* @__PURE__ */ jsx("div", { className: __default65.mediaInner, children: media }) })
|
|
2636
2766
|
] });
|
|
2637
2767
|
}
|
|
2638
2768
|
|
|
2639
2769
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoDevicesCTA.module.scss
|
|
2640
|
-
var
|
|
2770
|
+
var __default66 = { "root": "PromoDevicesCTA-module_root", "textBlock": "PromoDevicesCTA-module_textBlock", "heading": "PromoDevicesCTA-module_heading", "description": "PromoDevicesCTA-module_description", "ctaWrap": "PromoDevicesCTA-module_ctaWrap", "devices": "PromoDevicesCTA-module_devices", "laptop": "PromoDevicesCTA-module_laptop", "laptopScreen": "PromoDevicesCTA-module_laptopScreen", "laptopScreenInner": "PromoDevicesCTA-module_laptopScreenInner", "laptopHinge": "PromoDevicesCTA-module_laptopHinge", "laptopBase": "PromoDevicesCTA-module_laptopBase", "tablet": "PromoDevicesCTA-module_tablet", "tabletShell": "PromoDevicesCTA-module_tabletShell", "tabletScreen": "PromoDevicesCTA-module_tabletScreen", "phone": "PromoDevicesCTA-module_phone", "phoneShell": "PromoDevicesCTA-module_phoneShell", "phoneNotch": "PromoDevicesCTA-module_phoneNotch", "phoneScreen": "PromoDevicesCTA-module_phoneScreen" };
|
|
2641
2771
|
function PromoDevicesCTA({
|
|
2642
2772
|
heading,
|
|
2643
2773
|
description,
|
|
2644
2774
|
cta,
|
|
2645
2775
|
className = ""
|
|
2646
2776
|
}) {
|
|
2647
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2648
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2649
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
2650
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
2651
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
2777
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default66.root}${className ? ` ${className}` : ""}`, children: [
|
|
2778
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.textBlock, children: [
|
|
2779
|
+
/* @__PURE__ */ jsx("h2", { className: __default66.heading, children: heading }),
|
|
2780
|
+
description && /* @__PURE__ */ jsx("p", { className: __default66.description, children: description }),
|
|
2781
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default66.ctaWrap, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
2652
2782
|
] }),
|
|
2653
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2654
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2655
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2656
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2657
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2783
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.devices, children: [
|
|
2784
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.laptop, children: [
|
|
2785
|
+
/* @__PURE__ */ jsx("div", { className: __default66.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default66.laptopScreenInner }) }),
|
|
2786
|
+
/* @__PURE__ */ jsx("div", { className: __default66.laptopHinge }),
|
|
2787
|
+
/* @__PURE__ */ jsx("div", { className: __default66.laptopBase })
|
|
2658
2788
|
] }),
|
|
2659
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2660
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2661
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2662
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2789
|
+
/* @__PURE__ */ jsx("div", { className: __default66.tablet, children: /* @__PURE__ */ jsx("div", { className: __default66.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default66.tabletScreen }) }) }),
|
|
2790
|
+
/* @__PURE__ */ jsx("div", { className: __default66.phone, children: /* @__PURE__ */ jsxs("div", { className: __default66.phoneShell, children: [
|
|
2791
|
+
/* @__PURE__ */ jsx("div", { className: __default66.phoneNotch }),
|
|
2792
|
+
/* @__PURE__ */ jsx("div", { className: __default66.phoneScreen })
|
|
2663
2793
|
] }) })
|
|
2664
2794
|
] })
|
|
2665
2795
|
] });
|
|
2666
2796
|
}
|
|
2667
2797
|
|
|
2668
2798
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
|
|
2669
|
-
var
|
|
2799
|
+
var __default67 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "header": "PromoTestimonials-module_header", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "rating": "PromoTestimonials-module_rating", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
|
|
2670
2800
|
function PromoTestimonials({
|
|
2671
2801
|
heading,
|
|
2672
2802
|
subtitle,
|
|
@@ -2677,18 +2807,18 @@ function PromoTestimonials({
|
|
|
2677
2807
|
rating,
|
|
2678
2808
|
className = ""
|
|
2679
2809
|
}) {
|
|
2680
|
-
const noVerticalClass = verticalPadding === "none" ? ` ${
|
|
2810
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default67.rootNoVertical}` : "";
|
|
2681
2811
|
const ratingCountLabel = rating && rating.count !== void 0 && rating.count > 0 ? rating.countLabel ? rating.countLabel(rating.count) : String(rating.count) : null;
|
|
2682
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
2683
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2812
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default67.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default67.wrapper, children: [
|
|
2813
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.header, children: [
|
|
2684
2814
|
/* @__PURE__ */ jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }),
|
|
2685
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2815
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.avatarStack, children: [
|
|
2686
2816
|
testimonials.slice(0, 5).map((t, i) => {
|
|
2687
2817
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
2688
2818
|
return /* @__PURE__ */ jsx(
|
|
2689
2819
|
"div",
|
|
2690
2820
|
{
|
|
2691
|
-
className:
|
|
2821
|
+
className: __default67.avatarRing,
|
|
2692
2822
|
style: { zIndex: 10 - i },
|
|
2693
2823
|
children: /* @__PURE__ */ jsx(
|
|
2694
2824
|
Avatar,
|
|
@@ -2702,12 +2832,12 @@ function PromoTestimonials({
|
|
|
2702
2832
|
i
|
|
2703
2833
|
);
|
|
2704
2834
|
}),
|
|
2705
|
-
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className:
|
|
2835
|
+
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className: __default67.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default67.overflowCircle, children: [
|
|
2706
2836
|
"+",
|
|
2707
2837
|
testimonials.length - 5
|
|
2708
2838
|
] }) })
|
|
2709
2839
|
] }),
|
|
2710
|
-
rating && /* @__PURE__ */ jsxs("p", { className:
|
|
2840
|
+
rating && /* @__PURE__ */ jsxs("p", { className: __default67.rating, children: [
|
|
2711
2841
|
rating.value.toFixed(1),
|
|
2712
2842
|
" \u2605",
|
|
2713
2843
|
ratingCountLabel && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -2716,23 +2846,23 @@ function PromoTestimonials({
|
|
|
2716
2846
|
] })
|
|
2717
2847
|
] })
|
|
2718
2848
|
] }),
|
|
2719
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2849
|
+
/* @__PURE__ */ jsx("div", { className: __default67.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default67.cardsGrid, children: testimonials.map((t, i) => {
|
|
2720
2850
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
2721
2851
|
return /* @__PURE__ */ jsxs(
|
|
2722
2852
|
"div",
|
|
2723
2853
|
{
|
|
2724
|
-
className:
|
|
2854
|
+
className: __default67.card,
|
|
2725
2855
|
children: [
|
|
2726
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
2856
|
+
/* @__PURE__ */ jsxs("p", { className: __default67.quote, children: [
|
|
2727
2857
|
"\u201C",
|
|
2728
2858
|
t.quote,
|
|
2729
2859
|
"\u201D"
|
|
2730
2860
|
] }),
|
|
2731
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2861
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.author, children: [
|
|
2732
2862
|
/* @__PURE__ */ jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
2733
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2734
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
2735
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
2863
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.authorInfo, children: [
|
|
2864
|
+
/* @__PURE__ */ jsx("p", { className: __default67.authorName, children: t.name }),
|
|
2865
|
+
/* @__PURE__ */ jsx("p", { className: __default67.authorRole, children: t.role })
|
|
2736
2866
|
] })
|
|
2737
2867
|
] })
|
|
2738
2868
|
]
|
|
@@ -2740,12 +2870,12 @@ function PromoTestimonials({
|
|
|
2740
2870
|
i
|
|
2741
2871
|
);
|
|
2742
2872
|
}) }) }),
|
|
2743
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
2873
|
+
media && /* @__PURE__ */ jsx("div", { className: __default67.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default67.mediaBox, children: media }) })
|
|
2744
2874
|
] }) });
|
|
2745
2875
|
}
|
|
2746
2876
|
|
|
2747
2877
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoHero.module.scss
|
|
2748
|
-
var
|
|
2878
|
+
var __default68 = { "root": "PromoHero-module_root", "dark": "PromoHero-module_dark", "light": "PromoHero-module_light", "gradient": "PromoHero-module_gradient", "glowLayer": "PromoHero-module_glowLayer", "glowTop": "PromoHero-module_glowTop", "glowBottom": "PromoHero-module_glowBottom", "inner": "PromoHero-module_inner", "textColumn": "PromoHero-module_textColumn", "title": "PromoHero-module_title", "subtitle": "PromoHero-module_subtitle", "subtitleDark": "PromoHero-module_subtitleDark", "subtitleLight": "PromoHero-module_subtitleLight", "actions": "PromoHero-module_actions", "ctaDark": "PromoHero-module_ctaDark", "ghostDark": "PromoHero-module_ghostDark", "mediaColumn": "PromoHero-module_mediaColumn" };
|
|
2749
2879
|
function PromoHero({
|
|
2750
2880
|
title,
|
|
2751
2881
|
subtitle,
|
|
@@ -2755,30 +2885,30 @@ function PromoHero({
|
|
|
2755
2885
|
variant = "dark",
|
|
2756
2886
|
className = ""
|
|
2757
2887
|
}) {
|
|
2758
|
-
const variantClass = variant === "dark" ?
|
|
2759
|
-
const subtitleClass = variant === "light" ?
|
|
2888
|
+
const variantClass = variant === "dark" ? __default68.dark : variant === "gradient" ? __default68.gradient : __default68.light;
|
|
2889
|
+
const subtitleClass = variant === "light" ? __default68.subtitleLight : __default68.subtitleDark;
|
|
2760
2890
|
const isLight = variant === "light";
|
|
2761
2891
|
return /* @__PURE__ */ jsxs(
|
|
2762
2892
|
"section",
|
|
2763
2893
|
{
|
|
2764
|
-
className: `${
|
|
2894
|
+
className: `${__default68.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
2765
2895
|
children: [
|
|
2766
|
-
!isLight && /* @__PURE__ */ jsxs("div", { className:
|
|
2767
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2768
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2896
|
+
!isLight && /* @__PURE__ */ jsxs("div", { className: __default68.glowLayer, "aria-hidden": "true", children: [
|
|
2897
|
+
/* @__PURE__ */ jsx("div", { className: __default68.glowTop }),
|
|
2898
|
+
/* @__PURE__ */ jsx("div", { className: __default68.glowBottom })
|
|
2769
2899
|
] }),
|
|
2770
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2771
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2772
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
2773
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
2774
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className:
|
|
2900
|
+
/* @__PURE__ */ jsxs("div", { className: __default68.inner, children: [
|
|
2901
|
+
/* @__PURE__ */ jsxs("div", { className: __default68.textColumn, children: [
|
|
2902
|
+
/* @__PURE__ */ jsx("h1", { className: __default68.title, children: title }),
|
|
2903
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default68.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
2904
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default68.actions, children: [
|
|
2775
2905
|
cta && /* @__PURE__ */ jsx(
|
|
2776
2906
|
Button,
|
|
2777
2907
|
{
|
|
2778
2908
|
variant: isLight ? "primary" : "outline",
|
|
2779
2909
|
size: "hero",
|
|
2780
2910
|
onClick: cta.onClick,
|
|
2781
|
-
className: !isLight ?
|
|
2911
|
+
className: !isLight ? __default68.ctaDark : "",
|
|
2782
2912
|
children: cta.label
|
|
2783
2913
|
}
|
|
2784
2914
|
),
|
|
@@ -2788,13 +2918,13 @@ function PromoHero({
|
|
|
2788
2918
|
variant: "ghost",
|
|
2789
2919
|
size: "hero",
|
|
2790
2920
|
onClick: secondaryCta.onClick,
|
|
2791
|
-
className: !isLight ?
|
|
2921
|
+
className: !isLight ? __default68.ghostDark : "",
|
|
2792
2922
|
children: secondaryCta.label
|
|
2793
2923
|
}
|
|
2794
2924
|
)
|
|
2795
2925
|
] })
|
|
2796
2926
|
] }),
|
|
2797
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
2927
|
+
media && /* @__PURE__ */ jsx("div", { className: __default68.mediaColumn, children: media })
|
|
2798
2928
|
] })
|
|
2799
2929
|
]
|
|
2800
2930
|
}
|
|
@@ -2802,7 +2932,7 @@ function PromoHero({
|
|
|
2802
2932
|
}
|
|
2803
2933
|
|
|
2804
2934
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoHeroForm.module.scss
|
|
2805
|
-
var
|
|
2935
|
+
var __default69 = { "root": "PromoHeroForm-module_root", "inner": "PromoHeroForm-module_inner", "title": "PromoHeroForm-module_title", "subtitle": "PromoHeroForm-module_subtitle", "form": "PromoHeroForm-module_form", "formInner": "PromoHeroForm-module_formInner", "input": "PromoHeroForm-module_input", "hint": "PromoHeroForm-module_hint", "errorBox": "PromoHeroForm-module_errorBox" };
|
|
2806
2936
|
function PromoHeroForm({
|
|
2807
2937
|
title,
|
|
2808
2938
|
subtitle,
|
|
@@ -2825,17 +2955,17 @@ function PromoHeroForm({
|
|
|
2825
2955
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
2826
2956
|
};
|
|
2827
2957
|
const isDisabled = loading || value.trim().length === 0;
|
|
2828
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
2829
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
2830
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
2958
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default69.inner, children: [
|
|
2959
|
+
/* @__PURE__ */ jsx("h1", { className: __default69.title, children: title }),
|
|
2960
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default69.subtitle, children: subtitle }),
|
|
2831
2961
|
/* @__PURE__ */ jsx(
|
|
2832
2962
|
"form",
|
|
2833
2963
|
{
|
|
2834
|
-
className:
|
|
2964
|
+
className: __default69.form,
|
|
2835
2965
|
onSubmit: handleSubmit,
|
|
2836
2966
|
"aria-busy": loading,
|
|
2837
2967
|
noValidate: true,
|
|
2838
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
2968
|
+
children: /* @__PURE__ */ jsxs("div", { className: __default69.formInner, children: [
|
|
2839
2969
|
/* @__PURE__ */ jsx(
|
|
2840
2970
|
"input",
|
|
2841
2971
|
{
|
|
@@ -2844,7 +2974,7 @@ function PromoHeroForm({
|
|
|
2844
2974
|
value,
|
|
2845
2975
|
onChange: (e) => setValue(e.target.value),
|
|
2846
2976
|
disabled: loading,
|
|
2847
|
-
className:
|
|
2977
|
+
className: __default69.input,
|
|
2848
2978
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
2849
2979
|
}
|
|
2850
2980
|
),
|
|
@@ -2862,13 +2992,13 @@ function PromoHeroForm({
|
|
|
2862
2992
|
] })
|
|
2863
2993
|
}
|
|
2864
2994
|
),
|
|
2865
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className:
|
|
2866
|
-
error && /* @__PURE__ */ jsx("div", { className:
|
|
2995
|
+
hint && !error && /* @__PURE__ */ jsx("p", { className: __default69.hint, children: hint }),
|
|
2996
|
+
error && /* @__PURE__ */ jsx("div", { className: __default69.errorBox, role: "alert", children: error })
|
|
2867
2997
|
] }) });
|
|
2868
2998
|
}
|
|
2869
2999
|
|
|
2870
3000
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoPricing.module.scss
|
|
2871
|
-
var
|
|
3001
|
+
var __default70 = { "root": "PromoPricing-module_root", "dark": "PromoPricing-module_dark", "light": "PromoPricing-module_light", "headingSection": "PromoPricing-module_headingSection", "heading": "PromoPricing-module_heading", "headingDark": "PromoPricing-module_headingDark", "headingLight": "PromoPricing-module_headingLight", "subtitle": "PromoPricing-module_subtitle", "subtitleDark": "PromoPricing-module_subtitleDark", "subtitleLight": "PromoPricing-module_subtitleLight", "tiersGrid": "PromoPricing-module_tiersGrid", "tierDefault": "PromoPricing-module_tierDefault PromoPricing-module_tierCard", "tierHighlighted": "PromoPricing-module_tierHighlighted PromoPricing-module_tierCard", "tierDark": "PromoPricing-module_tierDark PromoPricing-module_tierCard", "tierDarkHighlighted": "PromoPricing-module_tierDarkHighlighted PromoPricing-module_tierCard", "tierName": "PromoPricing-module_tierName", "tierNameMuted": "PromoPricing-module_tierNameMuted", "tierNameDark": "PromoPricing-module_tierNameDark", "tierNameHighlightedLight": "PromoPricing-module_tierNameHighlightedLight", "tierNameHighlightedDark": "PromoPricing-module_tierNameHighlightedDark", "price": "PromoPricing-module_price", "period": "PromoPricing-module_period", "periodMuted": "PromoPricing-module_periodMuted", "periodDark": "PromoPricing-module_periodDark", "periodHighlightedLight": "PromoPricing-module_periodHighlightedLight", "periodHighlightedDark": "PromoPricing-module_periodHighlightedDark", "tierDesc": "PromoPricing-module_tierDesc", "tierDescMuted": "PromoPricing-module_tierDescMuted", "tierDescDark": "PromoPricing-module_tierDescDark", "tierDescHighlightedLight": "PromoPricing-module_tierDescHighlightedLight", "tierDescHighlightedDark": "PromoPricing-module_tierDescHighlightedDark", "featureList": "PromoPricing-module_featureList", "featureItem": "PromoPricing-module_featureItem", "checkIcon": "PromoPricing-module_checkIcon", "checkDefault": "PromoPricing-module_checkDefault", "checkDark": "PromoPricing-module_checkDark", "checkHighlightedLight": "PromoPricing-module_checkHighlightedLight", "checkHighlightedDark": "PromoPricing-module_checkHighlightedDark", "featureTextMuted": "PromoPricing-module_featureTextMuted", "featureTextDark": "PromoPricing-module_featureTextDark", "featureTextHighlightedLight": "PromoPricing-module_featureTextHighlightedLight", "featureTextHighlightedDark": "PromoPricing-module_featureTextHighlightedDark", "ctaWrap": "PromoPricing-module_ctaWrap" };
|
|
2872
3002
|
function PromoPricing({
|
|
2873
3003
|
heading,
|
|
2874
3004
|
subtitle,
|
|
@@ -2878,50 +3008,50 @@ function PromoPricing({
|
|
|
2878
3008
|
}) {
|
|
2879
3009
|
const isDark = variant === "dark";
|
|
2880
3010
|
const getTierClass = (highlighted) => {
|
|
2881
|
-
if (highlighted) return isDark ?
|
|
2882
|
-
return isDark ?
|
|
3011
|
+
if (highlighted) return isDark ? __default70.tierDarkHighlighted : __default70.tierHighlighted;
|
|
3012
|
+
return isDark ? __default70.tierDark : __default70.tierDefault;
|
|
2883
3013
|
};
|
|
2884
3014
|
const getNameClass = (highlighted) => {
|
|
2885
|
-
if (highlighted) return isDark ?
|
|
2886
|
-
return isDark ?
|
|
3015
|
+
if (highlighted) return isDark ? __default70.tierNameHighlightedDark : __default70.tierNameHighlightedLight;
|
|
3016
|
+
return isDark ? __default70.tierNameDark : __default70.tierNameMuted;
|
|
2887
3017
|
};
|
|
2888
3018
|
const getPeriodClass = (highlighted) => {
|
|
2889
|
-
if (highlighted) return isDark ?
|
|
2890
|
-
return isDark ?
|
|
3019
|
+
if (highlighted) return isDark ? __default70.periodHighlightedDark : __default70.periodHighlightedLight;
|
|
3020
|
+
return isDark ? __default70.periodDark : __default70.periodMuted;
|
|
2891
3021
|
};
|
|
2892
3022
|
const getDescClass = (highlighted) => {
|
|
2893
|
-
if (highlighted) return isDark ?
|
|
2894
|
-
return isDark ?
|
|
3023
|
+
if (highlighted) return isDark ? __default70.tierDescHighlightedDark : __default70.tierDescHighlightedLight;
|
|
3024
|
+
return isDark ? __default70.tierDescDark : __default70.tierDescMuted;
|
|
2895
3025
|
};
|
|
2896
3026
|
const getCheckClass = (highlighted) => {
|
|
2897
|
-
if (highlighted) return isDark ?
|
|
2898
|
-
return isDark ?
|
|
3027
|
+
if (highlighted) return isDark ? __default70.checkHighlightedDark : __default70.checkHighlightedLight;
|
|
3028
|
+
return isDark ? __default70.checkDark : __default70.checkDefault;
|
|
2899
3029
|
};
|
|
2900
3030
|
const getFeatureTextClass = (highlighted) => {
|
|
2901
|
-
if (highlighted) return isDark ?
|
|
2902
|
-
return isDark ?
|
|
3031
|
+
if (highlighted) return isDark ? __default70.featureTextHighlightedDark : __default70.featureTextHighlightedLight;
|
|
3032
|
+
return isDark ? __default70.featureTextDark : __default70.featureTextMuted;
|
|
2903
3033
|
};
|
|
2904
3034
|
return /* @__PURE__ */ jsxs(
|
|
2905
3035
|
"section",
|
|
2906
3036
|
{
|
|
2907
|
-
className: `${
|
|
3037
|
+
className: `${__default70.root} ${isDark ? __default70.dark : __default70.light}${className ? ` ${className}` : ""}`,
|
|
2908
3038
|
children: [
|
|
2909
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2910
|
-
/* @__PURE__ */ jsx("h2", { className: `${
|
|
2911
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
3039
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.headingSection, children: [
|
|
3040
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default70.heading} ${isDark ? __default70.headingDark : __default70.headingLight}`, children: heading }),
|
|
3041
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default70.subtitle} ${isDark ? __default70.subtitleDark : __default70.subtitleLight}`, children: subtitle })
|
|
2912
3042
|
] }),
|
|
2913
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3043
|
+
/* @__PURE__ */ jsx("div", { className: __default70.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
|
|
2914
3044
|
"div",
|
|
2915
3045
|
{
|
|
2916
3046
|
className: getTierClass(tier.highlighted),
|
|
2917
3047
|
children: [
|
|
2918
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2919
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3048
|
+
/* @__PURE__ */ jsx("div", { className: __default70.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
3049
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.price, children: [
|
|
2920
3050
|
/* @__PURE__ */ jsx("span", { children: tier.price }),
|
|
2921
|
-
tier.period && /* @__PURE__ */ jsx("span", { className: `${
|
|
3051
|
+
tier.period && /* @__PURE__ */ jsx("span", { className: `${__default70.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
2922
3052
|
] }),
|
|
2923
|
-
tier.description && /* @__PURE__ */ jsx("p", { className: `${
|
|
2924
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
3053
|
+
tier.description && /* @__PURE__ */ jsx("p", { className: `${__default70.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
3054
|
+
/* @__PURE__ */ jsx("ul", { className: __default70.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default70.featureItem, children: [
|
|
2925
3055
|
/* @__PURE__ */ jsx(
|
|
2926
3056
|
"svg",
|
|
2927
3057
|
{
|
|
@@ -2929,13 +3059,13 @@ function PromoPricing({
|
|
|
2929
3059
|
height: "16",
|
|
2930
3060
|
viewBox: "0 0 16 16",
|
|
2931
3061
|
fill: "none",
|
|
2932
|
-
className: `${
|
|
3062
|
+
className: `${__default70.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
2933
3063
|
children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
2934
3064
|
}
|
|
2935
3065
|
),
|
|
2936
3066
|
/* @__PURE__ */ jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
2937
3067
|
] }, fi)) }),
|
|
2938
|
-
tier.cta && /* @__PURE__ */ jsx("div", { className:
|
|
3068
|
+
tier.cta && /* @__PURE__ */ jsx("div", { className: __default70.ctaWrap, children: tier.cta })
|
|
2939
3069
|
]
|
|
2940
3070
|
},
|
|
2941
3071
|
i
|
|
@@ -2946,7 +3076,7 @@ function PromoPricing({
|
|
|
2946
3076
|
}
|
|
2947
3077
|
|
|
2948
3078
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoActionCards.module.scss
|
|
2949
|
-
var
|
|
3079
|
+
var __default71 = { "root": "PromoActionCards-module_root", "header": "PromoActionCards-module_header", "heading": "PromoActionCards-module_heading", "subtitle": "PromoActionCards-module_subtitle", "grid2": "PromoActionCards-module_grid2 PromoActionCards-module_grid", "grid3": "PromoActionCards-module_grid3 PromoActionCards-module_grid", "card": "PromoActionCards-module_card", "cardContent": "PromoActionCards-module_cardContent", "cardTitle": "PromoActionCards-module_cardTitle", "cardDesc": "PromoActionCards-module_cardDesc", "cardFooter": "PromoActionCards-module_cardFooter", "iconGroup": "PromoActionCards-module_iconGroup", "iconCircle": "PromoActionCards-module_iconCircle", "ctaBtn": "PromoActionCards-module_ctaBtn" };
|
|
2950
3080
|
function PromoActionCards({
|
|
2951
3081
|
heading,
|
|
2952
3082
|
subtitle,
|
|
@@ -2954,28 +3084,28 @@ function PromoActionCards({
|
|
|
2954
3084
|
columns = 3,
|
|
2955
3085
|
className = ""
|
|
2956
3086
|
}) {
|
|
2957
|
-
const gridClass = columns === 2 ?
|
|
2958
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2959
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2960
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
2961
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
3087
|
+
const gridClass = columns === 2 ? __default71.grid2 : __default71.grid3;
|
|
3088
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
|
|
3089
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.header, children: [
|
|
3090
|
+
/* @__PURE__ */ jsx("h2", { className: __default71.heading, children: heading }),
|
|
3091
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default71.subtitle, children: subtitle })
|
|
2962
3092
|
] }),
|
|
2963
3093
|
/* @__PURE__ */ jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
2964
3094
|
var _a;
|
|
2965
3095
|
return /* @__PURE__ */ jsxs(
|
|
2966
3096
|
"div",
|
|
2967
3097
|
{
|
|
2968
|
-
className:
|
|
3098
|
+
className: __default71.card,
|
|
2969
3099
|
children: [
|
|
2970
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2971
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
2972
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
3100
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.cardContent, children: [
|
|
3101
|
+
/* @__PURE__ */ jsx("h3", { className: __default71.cardTitle, children: card.title }),
|
|
3102
|
+
/* @__PURE__ */ jsx("p", { className: __default71.cardDesc, children: card.description })
|
|
2973
3103
|
] }),
|
|
2974
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2975
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3104
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.cardFooter, children: [
|
|
3105
|
+
/* @__PURE__ */ jsx("div", { className: __default71.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
|
|
2976
3106
|
"span",
|
|
2977
3107
|
{
|
|
2978
|
-
className:
|
|
3108
|
+
className: __default71.iconCircle,
|
|
2979
3109
|
children: icon
|
|
2980
3110
|
},
|
|
2981
3111
|
ii
|
|
@@ -2984,7 +3114,7 @@ function PromoActionCards({
|
|
|
2984
3114
|
"button",
|
|
2985
3115
|
{
|
|
2986
3116
|
onClick: card.cta.onClick,
|
|
2987
|
-
className:
|
|
3117
|
+
className: __default71.ctaBtn,
|
|
2988
3118
|
children: [
|
|
2989
3119
|
card.cta.label,
|
|
2990
3120
|
/* @__PURE__ */ jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -3001,7 +3131,7 @@ function PromoActionCards({
|
|
|
3001
3131
|
}
|
|
3002
3132
|
|
|
3003
3133
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHero.module.scss
|
|
3004
|
-
var
|
|
3134
|
+
var __default72 = { "root": "ArticleHero-module_root", "bgLayer": "ArticleHero-module_bgLayer", "bgImage": "ArticleHero-module_bgImage", "overlay": "ArticleHero-module_overlay", "topBar": "ArticleHero-module_topBar", "logo": "ArticleHero-module_logo", "divider": "ArticleHero-module_divider", "nav": "ArticleHero-module_nav", "bottom": "ArticleHero-module_bottom", "category": "ArticleHero-module_category", "title": "ArticleHero-module_title", "subtitle": "ArticleHero-module_subtitle" };
|
|
3005
3135
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
3006
3136
|
function ArticleHero({
|
|
3007
3137
|
category,
|
|
@@ -3013,35 +3143,35 @@ function ArticleHero({
|
|
|
3013
3143
|
className = ""
|
|
3014
3144
|
}) {
|
|
3015
3145
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
3016
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
3017
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3018
|
-
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className:
|
|
3019
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3146
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
|
|
3147
|
+
/* @__PURE__ */ jsxs("div", { className: __default72.bgLayer, children: [
|
|
3148
|
+
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default72.bgImage }),
|
|
3149
|
+
/* @__PURE__ */ jsx("div", { className: __default72.overlay })
|
|
3020
3150
|
] }),
|
|
3021
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3022
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
3023
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3024
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
3151
|
+
/* @__PURE__ */ jsxs("div", { className: __default72.topBar, children: [
|
|
3152
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default72.logo, children: logo }),
|
|
3153
|
+
/* @__PURE__ */ jsx("div", { className: __default72.divider }),
|
|
3154
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default72.nav, children: nav })
|
|
3025
3155
|
] }),
|
|
3026
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3027
|
-
category && /* @__PURE__ */ jsx("p", { className:
|
|
3028
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
3029
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
3156
|
+
/* @__PURE__ */ jsxs("div", { className: __default72.bottom, children: [
|
|
3157
|
+
category && /* @__PURE__ */ jsx("p", { className: __default72.category, children: category }),
|
|
3158
|
+
/* @__PURE__ */ jsx("h1", { className: __default72.title, children: title }),
|
|
3159
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default72.subtitle, children: subtitle })
|
|
3030
3160
|
] })
|
|
3031
3161
|
] });
|
|
3032
3162
|
}
|
|
3033
3163
|
|
|
3034
3164
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleBody.module.scss
|
|
3035
|
-
var
|
|
3165
|
+
var __default73 = { "root": "ArticleBody-module_root" };
|
|
3036
3166
|
function ArticleBody({ children, className = "" }) {
|
|
3037
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
3167
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children });
|
|
3038
3168
|
}
|
|
3039
3169
|
|
|
3040
3170
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
3041
|
-
var
|
|
3171
|
+
var __default74 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
|
|
3042
3172
|
var levelClass = {
|
|
3043
|
-
2:
|
|
3044
|
-
3:
|
|
3173
|
+
2: __default74.h2,
|
|
3174
|
+
3: __default74.h3
|
|
3045
3175
|
};
|
|
3046
3176
|
function ArticleHeading({
|
|
3047
3177
|
level = 2,
|
|
@@ -3051,17 +3181,17 @@ function ArticleHeading({
|
|
|
3051
3181
|
className = ""
|
|
3052
3182
|
}) {
|
|
3053
3183
|
const Tag2 = `h${level}`;
|
|
3054
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3055
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3184
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
3185
|
+
/* @__PURE__ */ jsxs("div", { className: __default74.header, children: [
|
|
3056
3186
|
/* @__PURE__ */ jsx(Tag2, { className: levelClass[level], children }),
|
|
3057
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
3187
|
+
action && /* @__PURE__ */ jsx("div", { className: __default74.action, children: action })
|
|
3058
3188
|
] }),
|
|
3059
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
3189
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default74.subtitle, children: subtitle })
|
|
3060
3190
|
] });
|
|
3061
3191
|
}
|
|
3062
3192
|
|
|
3063
3193
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleFigure.module.scss
|
|
3064
|
-
var
|
|
3194
|
+
var __default75 = { "root": "ArticleFigure-module_root", "imageWrapper": "ArticleFigure-module_imageWrapper", "image": "ArticleFigure-module_image", "childWrapper": "ArticleFigure-module_childWrapper", "placeholder": "ArticleFigure-module_placeholder", "placeholderText": "ArticleFigure-module_placeholderText", "legend": "ArticleFigure-module_legend", "legendItem": "ArticleFigure-module_legendItem", "legendSwatch": "ArticleFigure-module_legendSwatch", "legendLabel": "ArticleFigure-module_legendLabel", "caption": "ArticleFigure-module_caption" };
|
|
3065
3195
|
function ArticleFigure({
|
|
3066
3196
|
src,
|
|
3067
3197
|
alt = "",
|
|
@@ -3071,40 +3201,40 @@ function ArticleFigure({
|
|
|
3071
3201
|
children,
|
|
3072
3202
|
className = ""
|
|
3073
3203
|
}) {
|
|
3074
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
3204
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children: [
|
|
3075
3205
|
/* @__PURE__ */ jsx(
|
|
3076
3206
|
"div",
|
|
3077
3207
|
{
|
|
3078
|
-
className:
|
|
3208
|
+
className: __default75.imageWrapper,
|
|
3079
3209
|
style: { minHeight: height },
|
|
3080
3210
|
children: src ? (
|
|
3081
3211
|
// eslint-disable-next-line @next/next/no-img-element
|
|
3082
|
-
/* @__PURE__ */ jsx("img", { src, alt, className:
|
|
3083
|
-
) : children ? /* @__PURE__ */ jsx("div", { className:
|
|
3212
|
+
/* @__PURE__ */ jsx("img", { src, alt, className: __default75.image })
|
|
3213
|
+
) : children ? /* @__PURE__ */ jsx("div", { className: __default75.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default75.placeholder, children: [
|
|
3084
3214
|
/* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
3085
3215
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
3086
3216
|
/* @__PURE__ */ jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
3087
3217
|
] }),
|
|
3088
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3218
|
+
/* @__PURE__ */ jsx("span", { className: __default75.placeholderText, children: "Figure placeholder" })
|
|
3089
3219
|
] })
|
|
3090
3220
|
}
|
|
3091
3221
|
),
|
|
3092
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
3222
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className: __default75.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default75.legendItem, children: [
|
|
3093
3223
|
/* @__PURE__ */ jsx(
|
|
3094
3224
|
"span",
|
|
3095
3225
|
{
|
|
3096
|
-
className:
|
|
3226
|
+
className: __default75.legendSwatch,
|
|
3097
3227
|
style: { backgroundColor: item.color }
|
|
3098
3228
|
}
|
|
3099
3229
|
),
|
|
3100
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3230
|
+
/* @__PURE__ */ jsx("span", { className: __default75.legendLabel, children: item.label })
|
|
3101
3231
|
] }, item.label)) }),
|
|
3102
|
-
caption && /* @__PURE__ */ jsx("figcaption", { className:
|
|
3232
|
+
caption && /* @__PURE__ */ jsx("figcaption", { className: __default75.caption, children: caption })
|
|
3103
3233
|
] });
|
|
3104
3234
|
}
|
|
3105
3235
|
|
|
3106
3236
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleTable.module.scss
|
|
3107
|
-
var
|
|
3237
|
+
var __default76 = { "root": "ArticleTable-module_root", "headerRow": "ArticleTable-module_headerRow", "rankCell": "ArticleTable-module_rankCell", "headerCell": "ArticleTable-module_headerCell", "headerLabel": "ArticleTable-module_headerLabel", "row": "ArticleTable-module_row", "rankValue": "ArticleTable-module_rankValue", "cell": "ArticleTable-module_cell", "cellText": "ArticleTable-module_cellText", "badge": "ArticleTable-module_badge", "showMore": "ArticleTable-module_showMore" };
|
|
3108
3238
|
function ArticleTable({
|
|
3109
3239
|
columns,
|
|
3110
3240
|
rows,
|
|
@@ -3116,19 +3246,19 @@ function ArticleTable({
|
|
|
3116
3246
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
3117
3247
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
3118
3248
|
const hiddenCount = rows.length - limit;
|
|
3119
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3120
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3121
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
3122
|
-
columns.map((col) => /* @__PURE__ */ jsx("div", { className:
|
|
3249
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children: [
|
|
3250
|
+
/* @__PURE__ */ jsxs("div", { className: __default76.headerRow, children: [
|
|
3251
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default76.rankCell }),
|
|
3252
|
+
columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default76.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default76.headerLabel, children: col.label }) }, col.key))
|
|
3123
3253
|
] }),
|
|
3124
|
-
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
3125
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
3254
|
+
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: __default76.row, children: [
|
|
3255
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default76.rankValue, children: /* @__PURE__ */ jsx("span", { children: i + 1 }) }),
|
|
3126
3256
|
columns.map((col) => {
|
|
3127
3257
|
const value = row[col.key];
|
|
3128
3258
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
3129
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3130
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className:
|
|
3131
|
-
hasBadge && /* @__PURE__ */ jsx("span", { className:
|
|
3259
|
+
return /* @__PURE__ */ jsxs("div", { className: __default76.cell, children: [
|
|
3260
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default76.cellText, children: String(value != null ? value : "") }),
|
|
3261
|
+
hasBadge && /* @__PURE__ */ jsx("span", { className: __default76.badge, children: row._badge })
|
|
3132
3262
|
] }, col.key);
|
|
3133
3263
|
})
|
|
3134
3264
|
] }, i)) }),
|
|
@@ -3136,7 +3266,7 @@ function ArticleTable({
|
|
|
3136
3266
|
"button",
|
|
3137
3267
|
{
|
|
3138
3268
|
onClick: () => setExpanded(true),
|
|
3139
|
-
className:
|
|
3269
|
+
className: __default76.showMore,
|
|
3140
3270
|
children: [
|
|
3141
3271
|
"Show ",
|
|
3142
3272
|
hiddenCount,
|
|
@@ -3148,35 +3278,35 @@ function ArticleTable({
|
|
|
3148
3278
|
}
|
|
3149
3279
|
|
|
3150
3280
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleList.module.scss
|
|
3151
|
-
var
|
|
3281
|
+
var __default77 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
3152
3282
|
function ArticleList({
|
|
3153
3283
|
variant = "unordered",
|
|
3154
3284
|
items,
|
|
3155
3285
|
className = ""
|
|
3156
3286
|
}) {
|
|
3157
3287
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
3158
|
-
const variantClass = variant === "ordered" ?
|
|
3288
|
+
const variantClass = variant === "ordered" ? __default77.ordered : __default77.unordered;
|
|
3159
3289
|
return /* @__PURE__ */ jsx(
|
|
3160
3290
|
Tag2,
|
|
3161
3291
|
{
|
|
3162
|
-
className: `${
|
|
3163
|
-
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className:
|
|
3292
|
+
className: `${__default77.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
3293
|
+
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default77.item, children: item }, i))
|
|
3164
3294
|
}
|
|
3165
3295
|
);
|
|
3166
3296
|
}
|
|
3167
3297
|
|
|
3168
3298
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleNote.module.scss
|
|
3169
|
-
var
|
|
3299
|
+
var __default78 = { "root": "ArticleNote-module_root" };
|
|
3170
3300
|
function ArticleNote({ children, className = "" }) {
|
|
3171
|
-
return /* @__PURE__ */ jsx("p", { className: `${
|
|
3301
|
+
return /* @__PURE__ */ jsx("p", { className: `${__default78.root}${className ? ` ${className}` : ""}`, children });
|
|
3172
3302
|
}
|
|
3173
3303
|
|
|
3174
3304
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
3175
|
-
var
|
|
3305
|
+
var __default79 = { "root": "ArticleChatBlock-module_root", "assistant": "ArticleChatBlock-module_assistant", "system": "ArticleChatBlock-module_system", "user": "ArticleChatBlock-module_user", "header": "ArticleChatBlock-module_header", "roleLabel": "ArticleChatBlock-module_roleLabel", "toolBadge": "ArticleChatBlock-module_toolBadge", "toolBadgeInner": "ArticleChatBlock-module_toolBadgeInner", "toolDot": "ArticleChatBlock-module_toolDot", "toolLabel": "ArticleChatBlock-module_toolLabel", "divider": "ArticleChatBlock-module_divider", "contentWrapper": "ArticleChatBlock-module_contentWrapper", "content": "ArticleChatBlock-module_content", "fadeOverlay": "ArticleChatBlock-module_fadeOverlay", "fadeGradient": "ArticleChatBlock-module_fadeGradient", "showMoreBar": "ArticleChatBlock-module_showMoreBar", "showMoreBtn": "ArticleChatBlock-module_showMoreBtn" };
|
|
3176
3306
|
var roleConfig = {
|
|
3177
|
-
assistant: { cls:
|
|
3178
|
-
system: { cls:
|
|
3179
|
-
user: { cls:
|
|
3307
|
+
assistant: { cls: __default79.assistant, gradient: "var(--bg-secondary)" },
|
|
3308
|
+
system: { cls: __default79.system, gradient: "var(--bg-tertiary)" },
|
|
3309
|
+
user: { cls: __default79.user, gradient: "var(--bg-secondary)" }
|
|
3180
3310
|
};
|
|
3181
3311
|
function ArticleChatBlock({
|
|
3182
3312
|
role,
|
|
@@ -3190,40 +3320,40 @@ function ArticleChatBlock({
|
|
|
3190
3320
|
var _a;
|
|
3191
3321
|
const [expanded, setExpanded] = useState(false);
|
|
3192
3322
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
3193
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3194
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3323
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default79.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
3324
|
+
/* @__PURE__ */ jsx("div", { className: __default79.header, children: /* @__PURE__ */ jsxs("span", { className: __default79.roleLabel, children: [
|
|
3195
3325
|
role,
|
|
3196
3326
|
model && ` \u2022 ${model}`
|
|
3197
3327
|
] }) }),
|
|
3198
|
-
toolCall && /* @__PURE__ */ jsx("div", { className:
|
|
3199
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3200
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3328
|
+
toolCall && /* @__PURE__ */ jsx("div", { className: __default79.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default79.toolBadgeInner, children: [
|
|
3329
|
+
/* @__PURE__ */ jsx("span", { className: __default79.toolDot }),
|
|
3330
|
+
/* @__PURE__ */ jsx("span", { className: __default79.toolLabel, children: toolCall })
|
|
3201
3331
|
] }) }),
|
|
3202
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3203
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3332
|
+
/* @__PURE__ */ jsx("div", { className: __default79.divider }),
|
|
3333
|
+
/* @__PURE__ */ jsxs("div", { className: __default79.contentWrapper, children: [
|
|
3204
3334
|
/* @__PURE__ */ jsx(
|
|
3205
3335
|
"div",
|
|
3206
3336
|
{
|
|
3207
|
-
className:
|
|
3337
|
+
className: __default79.content,
|
|
3208
3338
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
3209
3339
|
children
|
|
3210
3340
|
}
|
|
3211
3341
|
),
|
|
3212
|
-
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className:
|
|
3342
|
+
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className: __default79.fadeOverlay, children: [
|
|
3213
3343
|
/* @__PURE__ */ jsx(
|
|
3214
3344
|
"div",
|
|
3215
3345
|
{
|
|
3216
|
-
className:
|
|
3346
|
+
className: __default79.fadeGradient,
|
|
3217
3347
|
style: {
|
|
3218
3348
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
3219
3349
|
}
|
|
3220
3350
|
}
|
|
3221
3351
|
),
|
|
3222
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
3352
|
+
/* @__PURE__ */ jsx("div", { className: `${__default79.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
|
|
3223
3353
|
"button",
|
|
3224
3354
|
{
|
|
3225
3355
|
onClick: () => setExpanded(true),
|
|
3226
|
-
className:
|
|
3356
|
+
className: __default79.showMoreBtn,
|
|
3227
3357
|
children: "Show more"
|
|
3228
3358
|
}
|
|
3229
3359
|
) })
|
|
@@ -3233,14 +3363,14 @@ function ArticleChatBlock({
|
|
|
3233
3363
|
}
|
|
3234
3364
|
|
|
3235
3365
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleLinkButton.module.scss
|
|
3236
|
-
var
|
|
3366
|
+
var __default80 = { "root": "ArticleLinkButton-module_root" };
|
|
3237
3367
|
function ArticleLinkButton({
|
|
3238
3368
|
children,
|
|
3239
3369
|
href,
|
|
3240
3370
|
onClick,
|
|
3241
3371
|
className = ""
|
|
3242
3372
|
}) {
|
|
3243
|
-
const cls = `${
|
|
3373
|
+
const cls = `${__default80.root}${className ? ` ${className}` : ""}`;
|
|
3244
3374
|
if (href) {
|
|
3245
3375
|
return /* @__PURE__ */ jsx("a", { href, className: cls, children });
|
|
3246
3376
|
}
|
|
@@ -3248,35 +3378,35 @@ function ArticleLinkButton({
|
|
|
3248
3378
|
}
|
|
3249
3379
|
|
|
3250
3380
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleFooter.module.scss
|
|
3251
|
-
var
|
|
3381
|
+
var __default81 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
3252
3382
|
function ArticleFooter({
|
|
3253
3383
|
logo,
|
|
3254
3384
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
3255
3385
|
className = ""
|
|
3256
3386
|
}) {
|
|
3257
|
-
return /* @__PURE__ */ jsxs("footer", { className: `${
|
|
3258
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3259
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
3260
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3387
|
+
return /* @__PURE__ */ jsxs("footer", { className: `${__default81.root}${className ? ` ${className}` : ""}`, children: [
|
|
3388
|
+
/* @__PURE__ */ jsxs("div", { className: __default81.topBar, children: [
|
|
3389
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default81.logo, children: logo }),
|
|
3390
|
+
/* @__PURE__ */ jsx("div", { className: __default81.divider })
|
|
3261
3391
|
] }),
|
|
3262
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
3392
|
+
/* @__PURE__ */ jsx("p", { className: __default81.copyright, children: copyright })
|
|
3263
3393
|
] });
|
|
3264
3394
|
}
|
|
3265
3395
|
|
|
3266
3396
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleLayout.module.scss
|
|
3267
|
-
var
|
|
3397
|
+
var __default82 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
3268
3398
|
function ArticleLayout({ children, className = "" }) {
|
|
3269
|
-
return /* @__PURE__ */ jsx("article", { className: `${
|
|
3399
|
+
return /* @__PURE__ */ jsx("article", { className: `${__default82.root}${className ? ` ${className}` : ""}`, children });
|
|
3270
3400
|
}
|
|
3271
3401
|
function ArticleWide({ children, className = "" }) {
|
|
3272
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
3402
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default82.wide}${className ? ` ${className}` : ""}`, children });
|
|
3273
3403
|
}
|
|
3274
3404
|
function ArticleNarrow({ children, className = "" }) {
|
|
3275
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
3405
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default82.narrow}${className ? ` ${className}` : ""}`, children });
|
|
3276
3406
|
}
|
|
3277
3407
|
|
|
3278
3408
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
3279
|
-
var
|
|
3409
|
+
var __default83 = { "figure": "ArticleChart-module_figure", "chartWrapper": "ArticleChart-module_chartWrapper", "tooltip": "ArticleChart-module_tooltip", "tooltipLabel": "ArticleChart-module_tooltipLabel", "tooltipRow": "ArticleChart-module_tooltipRow", "tooltipDot": "ArticleChart-module_tooltipDot", "tooltipName": "ArticleChart-module_tooltipName", "tooltipValue": "ArticleChart-module_tooltipValue", "scatterTooltipLabel": "ArticleChart-module_scatterTooltipLabel", "scatterTooltipRow": "ArticleChart-module_scatterTooltipRow", "legend": "ArticleChart-module_legend", "legendItem": "ArticleChart-module_legendItem", "legendSwatch": "ArticleChart-module_legendSwatch", "legendLabel": "ArticleChart-module_legendLabel" };
|
|
3280
3410
|
function ChartTooltip({
|
|
3281
3411
|
active,
|
|
3282
3412
|
payload,
|
|
@@ -3287,15 +3417,15 @@ function ChartTooltip({
|
|
|
3287
3417
|
}) {
|
|
3288
3418
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
3289
3419
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
3290
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3291
|
-
label !== void 0 && /* @__PURE__ */ jsxs("p", { className:
|
|
3420
|
+
return /* @__PURE__ */ jsxs("div", { className: __default83.tooltip, children: [
|
|
3421
|
+
label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default83.tooltipLabel, children: [
|
|
3292
3422
|
xLabel ? `${xLabel}: ` : "",
|
|
3293
3423
|
label
|
|
3294
3424
|
] }),
|
|
3295
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
3296
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3297
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3298
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3425
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: __default83.tooltipRow, children: [
|
|
3426
|
+
/* @__PURE__ */ jsx("span", { className: __default83.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
3427
|
+
/* @__PURE__ */ jsx("span", { className: __default83.tooltipName, children: entry.name }),
|
|
3428
|
+
/* @__PURE__ */ jsx("span", { className: __default83.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
3299
3429
|
] }, i))
|
|
3300
3430
|
] });
|
|
3301
3431
|
}
|
|
@@ -3309,8 +3439,8 @@ function ArticleLineChart({
|
|
|
3309
3439
|
valueFormatter,
|
|
3310
3440
|
className = ""
|
|
3311
3441
|
}) {
|
|
3312
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
3313
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3442
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default83.figure}${className ? ` ${className}` : ""}`, children: [
|
|
3443
|
+
/* @__PURE__ */ jsx("div", { className: __default83.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
3314
3444
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
3315
3445
|
/* @__PURE__ */ jsx(
|
|
3316
3446
|
XAxis,
|
|
@@ -3360,9 +3490,9 @@ function ArticleLineChart({
|
|
|
3360
3490
|
s.dataKey
|
|
3361
3491
|
))
|
|
3362
3492
|
] }) }) }),
|
|
3363
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3364
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3365
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3493
|
+
/* @__PURE__ */ jsx("div", { className: __default83.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default83.legendItem, children: [
|
|
3494
|
+
/* @__PURE__ */ jsx("span", { className: __default83.legendSwatch, style: { backgroundColor: s.color } }),
|
|
3495
|
+
/* @__PURE__ */ jsx("span", { className: __default83.legendLabel, children: s.name })
|
|
3366
3496
|
] }, s.dataKey)) })
|
|
3367
3497
|
] });
|
|
3368
3498
|
}
|
|
@@ -3377,8 +3507,8 @@ function ArticleBarChart({
|
|
|
3377
3507
|
valueFormatter,
|
|
3378
3508
|
className = ""
|
|
3379
3509
|
}) {
|
|
3380
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
3381
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3510
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default83.figure}${className ? ` ${className}` : ""}`, children: [
|
|
3511
|
+
/* @__PURE__ */ jsx("div", { className: __default83.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
3382
3512
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
3383
3513
|
/* @__PURE__ */ jsx(
|
|
3384
3514
|
XAxis,
|
|
@@ -3426,9 +3556,9 @@ function ArticleBarChart({
|
|
|
3426
3556
|
s.dataKey
|
|
3427
3557
|
))
|
|
3428
3558
|
] }) }) }),
|
|
3429
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3430
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3431
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3559
|
+
/* @__PURE__ */ jsx("div", { className: __default83.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default83.legendItem, children: [
|
|
3560
|
+
/* @__PURE__ */ jsx("span", { className: __default83.legendSwatch, style: { backgroundColor: s.color } }),
|
|
3561
|
+
/* @__PURE__ */ jsx("span", { className: __default83.legendLabel, children: s.name })
|
|
3432
3562
|
] }, s.dataKey)) })
|
|
3433
3563
|
] });
|
|
3434
3564
|
}
|
|
@@ -3446,7 +3576,7 @@ function ArticleScatterChart({
|
|
|
3446
3576
|
var _a;
|
|
3447
3577
|
return (_a = d.color) != null ? _a : color;
|
|
3448
3578
|
});
|
|
3449
|
-
return /* @__PURE__ */ jsx("figure", { className: `${
|
|
3579
|
+
return /* @__PURE__ */ jsx("figure", { className: `${__default83.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default83.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
3450
3580
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
3451
3581
|
/* @__PURE__ */ jsx(
|
|
3452
3582
|
XAxis,
|
|
@@ -3482,14 +3612,14 @@ function ArticleScatterChart({
|
|
|
3482
3612
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
3483
3613
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
3484
3614
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
3485
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3486
|
-
point.label && /* @__PURE__ */ jsx("p", { className:
|
|
3487
|
-
xLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
3615
|
+
return /* @__PURE__ */ jsxs("div", { className: __default83.tooltip, children: [
|
|
3616
|
+
point.label && /* @__PURE__ */ jsx("p", { className: __default83.scatterTooltipLabel, children: point.label }),
|
|
3617
|
+
xLabel && /* @__PURE__ */ jsxs("p", { className: __default83.scatterTooltipRow, children: [
|
|
3488
3618
|
xLabel,
|
|
3489
3619
|
": ",
|
|
3490
3620
|
fmt(point.x)
|
|
3491
3621
|
] }),
|
|
3492
|
-
yLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
3622
|
+
yLabel && /* @__PURE__ */ jsxs("p", { className: __default83.scatterTooltipRow, children: [
|
|
3493
3623
|
yLabel,
|
|
3494
3624
|
": ",
|
|
3495
3625
|
fmt(point.y)
|
|
@@ -3503,7 +3633,7 @@ function ArticleScatterChart({
|
|
|
3503
3633
|
}
|
|
3504
3634
|
|
|
3505
3635
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/LandingLayout.module.scss
|
|
3506
|
-
var
|
|
3636
|
+
var __default84 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
|
|
3507
3637
|
function LandingLayout({
|
|
3508
3638
|
mode = "header",
|
|
3509
3639
|
nav,
|
|
@@ -3512,19 +3642,19 @@ function LandingLayout({
|
|
|
3512
3642
|
className = ""
|
|
3513
3643
|
}) {
|
|
3514
3644
|
if (mode === "sidebar") {
|
|
3515
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3516
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
3517
|
-
/* @__PURE__ */ jsxs("main", { className:
|
|
3518
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3645
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default84.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
3646
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default84.sidebarNav, children: nav }),
|
|
3647
|
+
/* @__PURE__ */ jsxs("main", { className: __default84.sidebarMain, children: [
|
|
3648
|
+
/* @__PURE__ */ jsx("div", { className: __default84.sidebarContent, children }),
|
|
3519
3649
|
footer
|
|
3520
3650
|
] })
|
|
3521
3651
|
] });
|
|
3522
3652
|
}
|
|
3523
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3653
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default84.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
3524
3654
|
nav,
|
|
3525
|
-
/* @__PURE__ */ jsx("main", { className:
|
|
3655
|
+
/* @__PURE__ */ jsx("main", { className: __default84.headerMain, children }),
|
|
3526
3656
|
footer
|
|
3527
3657
|
] });
|
|
3528
3658
|
}
|
|
3529
3659
|
|
|
3530
|
-
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, SectionHeading, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|
|
3660
|
+
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, CookieConsent, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyBookmark, IconlyCalendar, IconlyCall, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyDelete, IconlyDownload, IconlyEdit, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyHome, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyUpload, IconlyUser, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, SectionHeading, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|