@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.cjs
CHANGED
|
@@ -303,19 +303,104 @@ var IconlyLink = ({ size = 24, color = "currentColor", className }) => /* @__PUR
|
|
|
303
303
|
/* @__PURE__ */ jsxRuntime.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" }),
|
|
304
304
|
/* @__PURE__ */ jsxRuntime.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" })
|
|
305
305
|
] });
|
|
306
|
-
var IconlySmile =
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
var
|
|
313
|
-
var
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
var
|
|
318
|
-
|
|
306
|
+
var IconlySmile = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
307
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
308
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
309
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
310
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
311
|
+
] });
|
|
312
|
+
var IconlyAttach = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.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" }) });
|
|
313
|
+
var IconlyInfo = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
314
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
315
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.9941 15.8917V11.9998M11.9941 8.35426V8.29102", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
316
|
+
] });
|
|
317
|
+
var IconlyInfoCircle = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
318
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
319
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.0057 15.6932V11.3936M12 8.35426V8.29102", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
320
|
+
] });
|
|
321
|
+
var IconlySun = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
322
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
323
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
324
|
+
] });
|
|
325
|
+
var IconlyMoon = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.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" }) });
|
|
326
|
+
var IconlyRoadmap = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
327
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
328
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
329
|
+
] });
|
|
330
|
+
var IconlyBook = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
331
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
332
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.54297 17.6211H16.9973", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
333
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
334
|
+
] });
|
|
335
|
+
var IconlyBookmark = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.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" }) });
|
|
336
|
+
var IconlySandbox = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(2 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
337
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6.84825686", y1: "10.3140022", x2: "6.84825686", y2: "14.0589969" }),
|
|
338
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8.75903359", y1: "12.1867073", x2: "4.93790399", y2: "12.1867073" }),
|
|
339
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "13.3661121", y1: "10.4280345", x2: "13.2590866", y2: "10.4280345" }),
|
|
340
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15.1796122", y1: "14.0026039", x2: "15.0725866", y2: "14.0026039" }),
|
|
341
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
342
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
343
|
+
] }) });
|
|
344
|
+
var IconlyQuote = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
345
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.9393 12.413H15.9483", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
346
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.9304 12.413H11.9394", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
347
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.9214 12.413H7.9304", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
348
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
349
|
+
] });
|
|
350
|
+
var IconlySuccess = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(2 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
351
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
352
|
+
/* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6.4399 10.0002 8.8139 12.3732 13.5599 7.6272" })
|
|
353
|
+
] }) });
|
|
354
|
+
var IconlyWarning = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(2 3)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
355
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
356
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10.0025", y1: "10.4148", x2: "10.0025", y2: "7.3148" }),
|
|
357
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9.995", y1: "13.5", x2: "10.005", y2: "13.5" })
|
|
358
|
+
] }) });
|
|
359
|
+
var IconlyError = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(2 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
360
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12.3955", y1: "7.5949", x2: "7.6035", y2: "12.3869" }),
|
|
361
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12.397", y1: "12.3898", x2: "7.601", y2: "7.5928" }),
|
|
362
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
363
|
+
] }) });
|
|
364
|
+
var IconlyEdit = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
365
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.3352 19.5078H19.7122", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
366
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
367
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5042 7.21143L15.3682 10.8624", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
368
|
+
] });
|
|
369
|
+
var IconlyDelete = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
370
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
371
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
372
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.3096 12.8164V17.3248M13.69 12.8164V17.3248", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
373
|
+
] });
|
|
374
|
+
var IconlyDownload = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
375
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.8792 14.791V2.75", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
376
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.7951 11.8643L11.8791 14.7923L8.96313 11.8643", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
377
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
378
|
+
] });
|
|
379
|
+
var IconlyUpload = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
380
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
381
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
382
|
+
] });
|
|
383
|
+
var IconlyUser = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
384
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11.9425", cy: "8.6925", r: "4.6925", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
385
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
386
|
+
] });
|
|
387
|
+
var IconlyCalendar = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(3 2)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
|
|
388
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "0.0926400664", y1: "7.40425532", x2: "17.9165888", y2: "7.40425532" }),
|
|
389
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "13.4420736", y1: "11.3096927", x2: "13.4513376", y2: "11.3096927" }),
|
|
390
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9.00461445", y1: "11.3096927", x2: "9.01387846", y2: "11.3096927" }),
|
|
391
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4.55789127", y1: "11.3096927", x2: "4.56715527", y2: "11.3096927" }),
|
|
392
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "13.4420736", y1: "15.1962175", x2: "13.4513376", y2: "15.1962175" }),
|
|
393
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9.00461445", y1: "15.1962175", x2: "9.01387846", y2: "15.1962175" }),
|
|
394
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4.55789127", y1: "15.1962175", x2: "4.56715527", y2: "15.1962175" }),
|
|
395
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "13.0437213", y1: "0", x2: "13.0437213", y2: "3.29078014" }),
|
|
396
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4.96550756", y1: "0", x2: "4.96550756", y2: "3.29078014" }),
|
|
397
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
398
|
+
] }) });
|
|
399
|
+
var IconlyCall = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.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" }) });
|
|
400
|
+
var IconlyHome = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
401
|
+
/* @__PURE__ */ jsxRuntime.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" }),
|
|
402
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
403
|
+
] });
|
|
319
404
|
|
|
320
405
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/Tag.module.scss
|
|
321
406
|
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" };
|
|
@@ -2532,22 +2617,67 @@ BottomSheet.Panel = Panel;
|
|
|
2532
2617
|
BottomSheet.Handle = Handle;
|
|
2533
2618
|
BottomSheet.Trigger = Trigger;
|
|
2534
2619
|
|
|
2620
|
+
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/CookieConsent.module.scss
|
|
2621
|
+
var __default61 = { "root": "CookieConsent-module_root", "actions": "CookieConsent-module_actions", "description": "CookieConsent-module_description" };
|
|
2622
|
+
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.";
|
|
2623
|
+
function CookieConsent({
|
|
2624
|
+
description = DEFAULT_DESCRIPTION,
|
|
2625
|
+
acceptLabel = "\u041F\u0440\u0438\u043D\u0438\u043C\u0430\u044E",
|
|
2626
|
+
storageKey = "cookie-consent-accepted",
|
|
2627
|
+
onAccept,
|
|
2628
|
+
className = ""
|
|
2629
|
+
}) {
|
|
2630
|
+
const [visible, setVisible] = react.useState(false);
|
|
2631
|
+
react.useEffect(() => {
|
|
2632
|
+
try {
|
|
2633
|
+
if (typeof window === "undefined") return;
|
|
2634
|
+
if (!window.localStorage.getItem(storageKey)) {
|
|
2635
|
+
setVisible(true);
|
|
2636
|
+
}
|
|
2637
|
+
} catch (e) {
|
|
2638
|
+
setVisible(true);
|
|
2639
|
+
}
|
|
2640
|
+
}, [storageKey]);
|
|
2641
|
+
const accept = () => {
|
|
2642
|
+
try {
|
|
2643
|
+
window.localStorage.setItem(storageKey, "1");
|
|
2644
|
+
} catch (e) {
|
|
2645
|
+
}
|
|
2646
|
+
setVisible(false);
|
|
2647
|
+
onAccept == null ? void 0 : onAccept();
|
|
2648
|
+
};
|
|
2649
|
+
if (!visible) return null;
|
|
2650
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2651
|
+
"div",
|
|
2652
|
+
{
|
|
2653
|
+
role: "dialog",
|
|
2654
|
+
"aria-live": "polite",
|
|
2655
|
+
"aria-label": "Cookie consent",
|
|
2656
|
+
className: `${__default61.root}${className ? ` ${className}` : ""}`,
|
|
2657
|
+
children: [
|
|
2658
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default61.description, children: description }),
|
|
2659
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.actions, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", size: "sm", onClick: accept, children: acceptLabel }) })
|
|
2660
|
+
]
|
|
2661
|
+
}
|
|
2662
|
+
);
|
|
2663
|
+
}
|
|
2664
|
+
|
|
2535
2665
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoBento.module.scss
|
|
2536
|
-
var
|
|
2666
|
+
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" };
|
|
2537
2667
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
2538
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2539
|
-
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2540
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2541
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2668
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default62.card}${className ? ` ${className}` : ""}`, children: [
|
|
2669
|
+
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.cardMedia, children: [
|
|
2670
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.cardMediaInner, children: media }),
|
|
2671
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.cardFade })
|
|
2542
2672
|
] }),
|
|
2543
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2544
|
-
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2545
|
-
pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2673
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.cardContent, children: [
|
|
2674
|
+
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.pill, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default62.pillInner, children: [
|
|
2675
|
+
pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default62.pillIcon, children: pill.icon }),
|
|
2546
2676
|
pill.label
|
|
2547
2677
|
] }) }),
|
|
2548
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
2549
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2550
|
-
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2678
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default62.cardTitle, children: title }),
|
|
2679
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default62.cardDesc, children: description }),
|
|
2680
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.cardCta, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2551
2681
|
Button,
|
|
2552
2682
|
{
|
|
2553
2683
|
variant: "outline",
|
|
@@ -2560,36 +2690,36 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
2560
2690
|
] });
|
|
2561
2691
|
}
|
|
2562
2692
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
2563
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
2564
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2565
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2566
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2693
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
|
|
2694
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.header, children: [
|
|
2695
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default62.heading, children: heading }),
|
|
2696
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default62.subtitle, children: subtitle })
|
|
2567
2697
|
] }),
|
|
2568
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2698
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.grid, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
2569
2699
|
] });
|
|
2570
2700
|
}
|
|
2571
2701
|
|
|
2572
2702
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoShowcase.module.scss
|
|
2573
|
-
var
|
|
2703
|
+
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" };
|
|
2574
2704
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
2575
2705
|
const [activeIndex, setActiveIndex] = react.useState(0);
|
|
2576
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
2577
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2578
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2579
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2706
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
|
|
2707
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.headingText, children: heading }) }),
|
|
2708
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.body, children: [
|
|
2709
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2580
2710
|
"button",
|
|
2581
2711
|
{
|
|
2582
2712
|
onClick: () => setActiveIndex(i),
|
|
2583
|
-
className: `${
|
|
2713
|
+
className: `${__default63.stepButton}${i === activeIndex ? ` ${__default63.stepButtonActive}` : ""}`,
|
|
2584
2714
|
children: step.label
|
|
2585
2715
|
},
|
|
2586
2716
|
i
|
|
2587
2717
|
)) }),
|
|
2588
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2718
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2589
2719
|
"div",
|
|
2590
2720
|
{
|
|
2591
|
-
className: `${
|
|
2592
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2721
|
+
className: `${__default63.panel}${i === activeIndex ? ` ${__default63.panelActive}` : ""}`,
|
|
2722
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.panelInner, children: step.content })
|
|
2593
2723
|
},
|
|
2594
2724
|
i
|
|
2595
2725
|
)) })
|
|
@@ -2598,7 +2728,7 @@ function PromoShowcase({ heading, steps, className = "" }) {
|
|
|
2598
2728
|
}
|
|
2599
2729
|
|
|
2600
2730
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoSplit.module.scss
|
|
2601
|
-
var
|
|
2731
|
+
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" };
|
|
2602
2732
|
function PromoSplit({
|
|
2603
2733
|
heading,
|
|
2604
2734
|
description,
|
|
@@ -2610,17 +2740,17 @@ function PromoSplit({
|
|
|
2610
2740
|
className = ""
|
|
2611
2741
|
}) {
|
|
2612
2742
|
const isLeft = mediaPosition === "left";
|
|
2613
|
-
const noVerticalClass = verticalPadding === "none" ? ` ${
|
|
2614
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
2615
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2743
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default64.rootNoVertical}` : "";
|
|
2744
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default64.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default64.gridReversed : __default64.grid, children: [
|
|
2745
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default64.textColumn}${isLeft ? ` ${__default64.textColumnLtr}` : ""}`, children: [
|
|
2616
2746
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: headingSize, children: heading }),
|
|
2617
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2618
|
-
features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2619
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
2620
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2747
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default64.description, children: description }),
|
|
2748
|
+
features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.features, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.feature, children: [
|
|
2749
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default64.featureTitle, children: feature.title }),
|
|
2750
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default64.featureDesc, children: feature.description })
|
|
2621
2751
|
] }, i)) })
|
|
2622
2752
|
] }),
|
|
2623
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
2753
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default64.mediaColumn}${isLeft ? ` ${__default64.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.mediaBox, children: media ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.mediaContent, children: media }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.mediaPlaceholder, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.placeholderCircle, children: /* @__PURE__ */ jsxRuntime.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: [
|
|
2624
2754
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
2625
2755
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
2626
2756
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -2629,50 +2759,50 @@ function PromoSplit({
|
|
|
2629
2759
|
}
|
|
2630
2760
|
|
|
2631
2761
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTrustGrid.module.scss
|
|
2632
|
-
var
|
|
2762
|
+
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" };
|
|
2633
2763
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
2634
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
2635
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2636
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2637
|
-
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2638
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
2639
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2764
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: [
|
|
2765
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default65.headingText, children: heading }) }),
|
|
2766
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.featureCard, children: [
|
|
2767
|
+
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.featureIcon, children: feature.icon }),
|
|
2768
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default65.featureTitle, children: feature.title }),
|
|
2769
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.featureDescription, children: feature.description })
|
|
2640
2770
|
] }, i)) }),
|
|
2641
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2771
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.media, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.mediaInner, children: media }) })
|
|
2642
2772
|
] });
|
|
2643
2773
|
}
|
|
2644
2774
|
|
|
2645
2775
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoDevicesCTA.module.scss
|
|
2646
|
-
var
|
|
2776
|
+
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" };
|
|
2647
2777
|
function PromoDevicesCTA({
|
|
2648
2778
|
heading,
|
|
2649
2779
|
description,
|
|
2650
2780
|
cta,
|
|
2651
2781
|
className = ""
|
|
2652
2782
|
}) {
|
|
2653
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
2654
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2655
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2656
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2657
|
-
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2783
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default66.root}${className ? ` ${className}` : ""}`, children: [
|
|
2784
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.textBlock, children: [
|
|
2785
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default66.heading, children: heading }),
|
|
2786
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.description, children: description }),
|
|
2787
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.ctaWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
2658
2788
|
] }),
|
|
2659
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2660
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2661
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2662
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2663
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2789
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.devices, children: [
|
|
2790
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.laptop, children: [
|
|
2791
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.laptopScreen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.laptopScreenInner }) }),
|
|
2792
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.laptopHinge }),
|
|
2793
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.laptopBase })
|
|
2664
2794
|
] }),
|
|
2665
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2666
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2667
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2668
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2795
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.tablet, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.tabletShell, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.tabletScreen }) }) }),
|
|
2796
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.phone, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.phoneShell, children: [
|
|
2797
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.phoneNotch }),
|
|
2798
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.phoneScreen })
|
|
2669
2799
|
] }) })
|
|
2670
2800
|
] })
|
|
2671
2801
|
] });
|
|
2672
2802
|
}
|
|
2673
2803
|
|
|
2674
2804
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
|
|
2675
|
-
var
|
|
2805
|
+
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" };
|
|
2676
2806
|
function PromoTestimonials({
|
|
2677
2807
|
heading,
|
|
2678
2808
|
subtitle,
|
|
@@ -2683,18 +2813,18 @@ function PromoTestimonials({
|
|
|
2683
2813
|
rating,
|
|
2684
2814
|
className = ""
|
|
2685
2815
|
}) {
|
|
2686
|
-
const noVerticalClass = verticalPadding === "none" ? ` ${
|
|
2816
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default67.rootNoVertical}` : "";
|
|
2687
2817
|
const ratingCountLabel = rating && rating.count !== void 0 && rating.count > 0 ? rating.countLabel ? rating.countLabel(rating.count) : String(rating.count) : null;
|
|
2688
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
2689
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2818
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default67.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.wrapper, children: [
|
|
2819
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.header, children: [
|
|
2690
2820
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }),
|
|
2691
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2821
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.avatarStack, children: [
|
|
2692
2822
|
testimonials.slice(0, 5).map((t, i) => {
|
|
2693
2823
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
2694
2824
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2695
2825
|
"div",
|
|
2696
2826
|
{
|
|
2697
|
-
className:
|
|
2827
|
+
className: __default67.avatarRing,
|
|
2698
2828
|
style: { zIndex: 10 - i },
|
|
2699
2829
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2700
2830
|
Avatar,
|
|
@@ -2708,12 +2838,12 @@ function PromoTestimonials({
|
|
|
2708
2838
|
i
|
|
2709
2839
|
);
|
|
2710
2840
|
}),
|
|
2711
|
-
testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2841
|
+
testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.overflowBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.overflowCircle, children: [
|
|
2712
2842
|
"+",
|
|
2713
2843
|
testimonials.length - 5
|
|
2714
2844
|
] }) })
|
|
2715
2845
|
] }),
|
|
2716
|
-
rating && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
2846
|
+
rating && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default67.rating, children: [
|
|
2717
2847
|
rating.value.toFixed(1),
|
|
2718
2848
|
" \u2605",
|
|
2719
2849
|
ratingCountLabel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -2722,23 +2852,23 @@ function PromoTestimonials({
|
|
|
2722
2852
|
] })
|
|
2723
2853
|
] })
|
|
2724
2854
|
] }),
|
|
2725
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2855
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.cardsGrid, children: testimonials.map((t, i) => {
|
|
2726
2856
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
2727
2857
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2728
2858
|
"div",
|
|
2729
2859
|
{
|
|
2730
|
-
className:
|
|
2860
|
+
className: __default67.card,
|
|
2731
2861
|
children: [
|
|
2732
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
2862
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default67.quote, children: [
|
|
2733
2863
|
"\u201C",
|
|
2734
2864
|
t.quote,
|
|
2735
2865
|
"\u201D"
|
|
2736
2866
|
] }),
|
|
2737
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2867
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.author, children: [
|
|
2738
2868
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
2739
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2740
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2741
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2869
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.authorInfo, children: [
|
|
2870
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default67.authorName, children: t.name }),
|
|
2871
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default67.authorRole, children: t.role })
|
|
2742
2872
|
] })
|
|
2743
2873
|
] })
|
|
2744
2874
|
]
|
|
@@ -2746,12 +2876,12 @@ function PromoTestimonials({
|
|
|
2746
2876
|
i
|
|
2747
2877
|
);
|
|
2748
2878
|
}) }) }),
|
|
2749
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2879
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.mediaSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.mediaBox, children: media }) })
|
|
2750
2880
|
] }) });
|
|
2751
2881
|
}
|
|
2752
2882
|
|
|
2753
2883
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoHero.module.scss
|
|
2754
|
-
var
|
|
2884
|
+
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" };
|
|
2755
2885
|
function PromoHero({
|
|
2756
2886
|
title,
|
|
2757
2887
|
subtitle,
|
|
@@ -2761,30 +2891,30 @@ function PromoHero({
|
|
|
2761
2891
|
variant = "dark",
|
|
2762
2892
|
className = ""
|
|
2763
2893
|
}) {
|
|
2764
|
-
const variantClass = variant === "dark" ?
|
|
2765
|
-
const subtitleClass = variant === "light" ?
|
|
2894
|
+
const variantClass = variant === "dark" ? __default68.dark : variant === "gradient" ? __default68.gradient : __default68.light;
|
|
2895
|
+
const subtitleClass = variant === "light" ? __default68.subtitleLight : __default68.subtitleDark;
|
|
2766
2896
|
const isLight = variant === "light";
|
|
2767
2897
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2768
2898
|
"section",
|
|
2769
2899
|
{
|
|
2770
|
-
className: `${
|
|
2900
|
+
className: `${__default68.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
2771
2901
|
children: [
|
|
2772
|
-
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2773
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2774
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2902
|
+
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.glowLayer, "aria-hidden": "true", children: [
|
|
2903
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.glowTop }),
|
|
2904
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.glowBottom })
|
|
2775
2905
|
] }),
|
|
2776
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2777
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2778
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
2779
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
2780
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2906
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.inner, children: [
|
|
2907
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.textColumn, children: [
|
|
2908
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default68.title, children: title }),
|
|
2909
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default68.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
2910
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.actions, children: [
|
|
2781
2911
|
cta && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2782
2912
|
Button,
|
|
2783
2913
|
{
|
|
2784
2914
|
variant: isLight ? "primary" : "outline",
|
|
2785
2915
|
size: "hero",
|
|
2786
2916
|
onClick: cta.onClick,
|
|
2787
|
-
className: !isLight ?
|
|
2917
|
+
className: !isLight ? __default68.ctaDark : "",
|
|
2788
2918
|
children: cta.label
|
|
2789
2919
|
}
|
|
2790
2920
|
),
|
|
@@ -2794,13 +2924,13 @@ function PromoHero({
|
|
|
2794
2924
|
variant: "ghost",
|
|
2795
2925
|
size: "hero",
|
|
2796
2926
|
onClick: secondaryCta.onClick,
|
|
2797
|
-
className: !isLight ?
|
|
2927
|
+
className: !isLight ? __default68.ghostDark : "",
|
|
2798
2928
|
children: secondaryCta.label
|
|
2799
2929
|
}
|
|
2800
2930
|
)
|
|
2801
2931
|
] })
|
|
2802
2932
|
] }),
|
|
2803
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2933
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.mediaColumn, children: media })
|
|
2804
2934
|
] })
|
|
2805
2935
|
]
|
|
2806
2936
|
}
|
|
@@ -2808,7 +2938,7 @@ function PromoHero({
|
|
|
2808
2938
|
}
|
|
2809
2939
|
|
|
2810
2940
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoHeroForm.module.scss
|
|
2811
|
-
var
|
|
2941
|
+
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" };
|
|
2812
2942
|
function PromoHeroForm({
|
|
2813
2943
|
title,
|
|
2814
2944
|
subtitle,
|
|
@@ -2831,17 +2961,17 @@ function PromoHeroForm({
|
|
|
2831
2961
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
2832
2962
|
};
|
|
2833
2963
|
const isDisabled = loading || value.trim().length === 0;
|
|
2834
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
2835
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
2836
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2964
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.inner, children: [
|
|
2965
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default69.title, children: title }),
|
|
2966
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default69.subtitle, children: subtitle }),
|
|
2837
2967
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2838
2968
|
"form",
|
|
2839
2969
|
{
|
|
2840
|
-
className:
|
|
2970
|
+
className: __default69.form,
|
|
2841
2971
|
onSubmit: handleSubmit,
|
|
2842
2972
|
"aria-busy": loading,
|
|
2843
2973
|
noValidate: true,
|
|
2844
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2974
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.formInner, children: [
|
|
2845
2975
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2846
2976
|
"input",
|
|
2847
2977
|
{
|
|
@@ -2850,7 +2980,7 @@ function PromoHeroForm({
|
|
|
2850
2980
|
value,
|
|
2851
2981
|
onChange: (e) => setValue(e.target.value),
|
|
2852
2982
|
disabled: loading,
|
|
2853
|
-
className:
|
|
2983
|
+
className: __default69.input,
|
|
2854
2984
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
2855
2985
|
}
|
|
2856
2986
|
),
|
|
@@ -2868,13 +2998,13 @@ function PromoHeroForm({
|
|
|
2868
2998
|
] })
|
|
2869
2999
|
}
|
|
2870
3000
|
),
|
|
2871
|
-
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2872
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3001
|
+
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default69.hint, children: hint }),
|
|
3002
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.errorBox, role: "alert", children: error })
|
|
2873
3003
|
] }) });
|
|
2874
3004
|
}
|
|
2875
3005
|
|
|
2876
3006
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoPricing.module.scss
|
|
2877
|
-
var
|
|
3007
|
+
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" };
|
|
2878
3008
|
function PromoPricing({
|
|
2879
3009
|
heading,
|
|
2880
3010
|
subtitle,
|
|
@@ -2884,50 +3014,50 @@ function PromoPricing({
|
|
|
2884
3014
|
}) {
|
|
2885
3015
|
const isDark = variant === "dark";
|
|
2886
3016
|
const getTierClass = (highlighted) => {
|
|
2887
|
-
if (highlighted) return isDark ?
|
|
2888
|
-
return isDark ?
|
|
3017
|
+
if (highlighted) return isDark ? __default70.tierDarkHighlighted : __default70.tierHighlighted;
|
|
3018
|
+
return isDark ? __default70.tierDark : __default70.tierDefault;
|
|
2889
3019
|
};
|
|
2890
3020
|
const getNameClass = (highlighted) => {
|
|
2891
|
-
if (highlighted) return isDark ?
|
|
2892
|
-
return isDark ?
|
|
3021
|
+
if (highlighted) return isDark ? __default70.tierNameHighlightedDark : __default70.tierNameHighlightedLight;
|
|
3022
|
+
return isDark ? __default70.tierNameDark : __default70.tierNameMuted;
|
|
2893
3023
|
};
|
|
2894
3024
|
const getPeriodClass = (highlighted) => {
|
|
2895
|
-
if (highlighted) return isDark ?
|
|
2896
|
-
return isDark ?
|
|
3025
|
+
if (highlighted) return isDark ? __default70.periodHighlightedDark : __default70.periodHighlightedLight;
|
|
3026
|
+
return isDark ? __default70.periodDark : __default70.periodMuted;
|
|
2897
3027
|
};
|
|
2898
3028
|
const getDescClass = (highlighted) => {
|
|
2899
|
-
if (highlighted) return isDark ?
|
|
2900
|
-
return isDark ?
|
|
3029
|
+
if (highlighted) return isDark ? __default70.tierDescHighlightedDark : __default70.tierDescHighlightedLight;
|
|
3030
|
+
return isDark ? __default70.tierDescDark : __default70.tierDescMuted;
|
|
2901
3031
|
};
|
|
2902
3032
|
const getCheckClass = (highlighted) => {
|
|
2903
|
-
if (highlighted) return isDark ?
|
|
2904
|
-
return isDark ?
|
|
3033
|
+
if (highlighted) return isDark ? __default70.checkHighlightedDark : __default70.checkHighlightedLight;
|
|
3034
|
+
return isDark ? __default70.checkDark : __default70.checkDefault;
|
|
2905
3035
|
};
|
|
2906
3036
|
const getFeatureTextClass = (highlighted) => {
|
|
2907
|
-
if (highlighted) return isDark ?
|
|
2908
|
-
return isDark ?
|
|
3037
|
+
if (highlighted) return isDark ? __default70.featureTextHighlightedDark : __default70.featureTextHighlightedLight;
|
|
3038
|
+
return isDark ? __default70.featureTextDark : __default70.featureTextMuted;
|
|
2909
3039
|
};
|
|
2910
3040
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2911
3041
|
"section",
|
|
2912
3042
|
{
|
|
2913
|
-
className: `${
|
|
3043
|
+
className: `${__default70.root} ${isDark ? __default70.dark : __default70.light}${className ? ` ${className}` : ""}`,
|
|
2914
3044
|
children: [
|
|
2915
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2916
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${
|
|
2917
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
3045
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.headingSection, children: [
|
|
3046
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default70.heading} ${isDark ? __default70.headingDark : __default70.headingLight}`, children: heading }),
|
|
3047
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default70.subtitle} ${isDark ? __default70.subtitleDark : __default70.subtitleLight}`, children: subtitle })
|
|
2918
3048
|
] }),
|
|
2919
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3049
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2920
3050
|
"div",
|
|
2921
3051
|
{
|
|
2922
3052
|
className: getTierClass(tier.highlighted),
|
|
2923
3053
|
children: [
|
|
2924
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2925
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3054
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.tierName, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
3055
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.price, children: [
|
|
2926
3056
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: tier.price }),
|
|
2927
|
-
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${
|
|
3057
|
+
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default70.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
2928
3058
|
] }),
|
|
2929
|
-
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
2930
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
3059
|
+
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default70.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
3060
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default70.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default70.featureItem, children: [
|
|
2931
3061
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2932
3062
|
"svg",
|
|
2933
3063
|
{
|
|
@@ -2935,13 +3065,13 @@ function PromoPricing({
|
|
|
2935
3065
|
height: "16",
|
|
2936
3066
|
viewBox: "0 0 16 16",
|
|
2937
3067
|
fill: "none",
|
|
2938
|
-
className: `${
|
|
3068
|
+
className: `${__default70.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
2939
3069
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
2940
3070
|
}
|
|
2941
3071
|
),
|
|
2942
3072
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
2943
3073
|
] }, fi)) }),
|
|
2944
|
-
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3074
|
+
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.ctaWrap, children: tier.cta })
|
|
2945
3075
|
]
|
|
2946
3076
|
},
|
|
2947
3077
|
i
|
|
@@ -2952,7 +3082,7 @@ function PromoPricing({
|
|
|
2952
3082
|
}
|
|
2953
3083
|
|
|
2954
3084
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoActionCards.module.scss
|
|
2955
|
-
var
|
|
3085
|
+
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" };
|
|
2956
3086
|
function PromoActionCards({
|
|
2957
3087
|
heading,
|
|
2958
3088
|
subtitle,
|
|
@@ -2960,28 +3090,28 @@ function PromoActionCards({
|
|
|
2960
3090
|
columns = 3,
|
|
2961
3091
|
className = ""
|
|
2962
3092
|
}) {
|
|
2963
|
-
const gridClass = columns === 2 ?
|
|
2964
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
2965
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2966
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2967
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3093
|
+
const gridClass = columns === 2 ? __default71.grid2 : __default71.grid3;
|
|
3094
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
|
|
3095
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.header, children: [
|
|
3096
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default71.heading, children: heading }),
|
|
3097
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default71.subtitle, children: subtitle })
|
|
2968
3098
|
] }),
|
|
2969
3099
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
2970
3100
|
var _a;
|
|
2971
3101
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2972
3102
|
"div",
|
|
2973
3103
|
{
|
|
2974
|
-
className:
|
|
3104
|
+
className: __default71.card,
|
|
2975
3105
|
children: [
|
|
2976
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2977
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
2978
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3106
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.cardContent, children: [
|
|
3107
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default71.cardTitle, children: card.title }),
|
|
3108
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default71.cardDesc, children: card.description })
|
|
2979
3109
|
] }),
|
|
2980
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2981
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3110
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.cardFooter, children: [
|
|
3111
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2982
3112
|
"span",
|
|
2983
3113
|
{
|
|
2984
|
-
className:
|
|
3114
|
+
className: __default71.iconCircle,
|
|
2985
3115
|
children: icon
|
|
2986
3116
|
},
|
|
2987
3117
|
ii
|
|
@@ -2990,7 +3120,7 @@ function PromoActionCards({
|
|
|
2990
3120
|
"button",
|
|
2991
3121
|
{
|
|
2992
3122
|
onClick: card.cta.onClick,
|
|
2993
|
-
className:
|
|
3123
|
+
className: __default71.ctaBtn,
|
|
2994
3124
|
children: [
|
|
2995
3125
|
card.cta.label,
|
|
2996
3126
|
/* @__PURE__ */ jsxRuntime.jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -3007,7 +3137,7 @@ function PromoActionCards({
|
|
|
3007
3137
|
}
|
|
3008
3138
|
|
|
3009
3139
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHero.module.scss
|
|
3010
|
-
var
|
|
3140
|
+
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" };
|
|
3011
3141
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
3012
3142
|
function ArticleHero({
|
|
3013
3143
|
category,
|
|
@@ -3019,35 +3149,35 @@ function ArticleHero({
|
|
|
3019
3149
|
className = ""
|
|
3020
3150
|
}) {
|
|
3021
3151
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
3022
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
3023
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3024
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className:
|
|
3025
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3152
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
|
|
3153
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default72.bgLayer, children: [
|
|
3154
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className: __default72.bgImage }),
|
|
3155
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.overlay })
|
|
3026
3156
|
] }),
|
|
3027
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3028
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3029
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3030
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3157
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default72.topBar, children: [
|
|
3158
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.logo, children: logo }),
|
|
3159
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.divider }),
|
|
3160
|
+
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.nav, children: nav })
|
|
3031
3161
|
] }),
|
|
3032
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3033
|
-
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3034
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
3035
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3162
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default72.bottom, children: [
|
|
3163
|
+
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default72.category, children: category }),
|
|
3164
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default72.title, children: title }),
|
|
3165
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default72.subtitle, children: subtitle })
|
|
3036
3166
|
] })
|
|
3037
3167
|
] });
|
|
3038
3168
|
}
|
|
3039
3169
|
|
|
3040
3170
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleBody.module.scss
|
|
3041
|
-
var
|
|
3171
|
+
var __default73 = { "root": "ArticleBody-module_root" };
|
|
3042
3172
|
function ArticleBody({ children, className = "" }) {
|
|
3043
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
3173
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children });
|
|
3044
3174
|
}
|
|
3045
3175
|
|
|
3046
3176
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
3047
|
-
var
|
|
3177
|
+
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" };
|
|
3048
3178
|
var levelClass = {
|
|
3049
|
-
2:
|
|
3050
|
-
3:
|
|
3179
|
+
2: __default74.h2,
|
|
3180
|
+
3: __default74.h3
|
|
3051
3181
|
};
|
|
3052
3182
|
function ArticleHeading({
|
|
3053
3183
|
level = 2,
|
|
@@ -3057,17 +3187,17 @@ function ArticleHeading({
|
|
|
3057
3187
|
className = ""
|
|
3058
3188
|
}) {
|
|
3059
3189
|
const Tag2 = `h${level}`;
|
|
3060
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
3061
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3190
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
3191
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.header, children: [
|
|
3062
3192
|
/* @__PURE__ */ jsxRuntime.jsx(Tag2, { className: levelClass[level], children }),
|
|
3063
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3193
|
+
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.action, children: action })
|
|
3064
3194
|
] }),
|
|
3065
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3195
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default74.subtitle, children: subtitle })
|
|
3066
3196
|
] });
|
|
3067
3197
|
}
|
|
3068
3198
|
|
|
3069
3199
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleFigure.module.scss
|
|
3070
|
-
var
|
|
3200
|
+
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" };
|
|
3071
3201
|
function ArticleFigure({
|
|
3072
3202
|
src,
|
|
3073
3203
|
alt = "",
|
|
@@ -3077,40 +3207,40 @@ function ArticleFigure({
|
|
|
3077
3207
|
children,
|
|
3078
3208
|
className = ""
|
|
3079
3209
|
}) {
|
|
3080
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
3210
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children: [
|
|
3081
3211
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3082
3212
|
"div",
|
|
3083
3213
|
{
|
|
3084
|
-
className:
|
|
3214
|
+
className: __default75.imageWrapper,
|
|
3085
3215
|
style: { minHeight: height },
|
|
3086
3216
|
children: src ? (
|
|
3087
3217
|
// eslint-disable-next-line @next/next/no-img-element
|
|
3088
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className:
|
|
3089
|
-
) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3218
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: __default75.image })
|
|
3219
|
+
) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.childWrapper, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.placeholder, children: [
|
|
3090
3220
|
/* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
3091
3221
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
3092
3222
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
3093
3223
|
] }),
|
|
3094
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3224
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.placeholderText, children: "Figure placeholder" })
|
|
3095
3225
|
] })
|
|
3096
3226
|
}
|
|
3097
3227
|
),
|
|
3098
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3228
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.legend, children: legend.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.legendItem, children: [
|
|
3099
3229
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3100
3230
|
"span",
|
|
3101
3231
|
{
|
|
3102
|
-
className:
|
|
3232
|
+
className: __default75.legendSwatch,
|
|
3103
3233
|
style: { backgroundColor: item.color }
|
|
3104
3234
|
}
|
|
3105
3235
|
),
|
|
3106
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3236
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.legendLabel, children: item.label })
|
|
3107
3237
|
] }, item.label)) }),
|
|
3108
|
-
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className:
|
|
3238
|
+
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: __default75.caption, children: caption })
|
|
3109
3239
|
] });
|
|
3110
3240
|
}
|
|
3111
3241
|
|
|
3112
3242
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleTable.module.scss
|
|
3113
|
-
var
|
|
3243
|
+
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" };
|
|
3114
3244
|
function ArticleTable({
|
|
3115
3245
|
columns,
|
|
3116
3246
|
rows,
|
|
@@ -3122,19 +3252,19 @@ function ArticleTable({
|
|
|
3122
3252
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
3123
3253
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
3124
3254
|
const hiddenCount = rows.length - limit;
|
|
3125
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
3126
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3127
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3128
|
-
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3255
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children: [
|
|
3256
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default76.headerRow, children: [
|
|
3257
|
+
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default76.rankCell }),
|
|
3258
|
+
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default76.headerCell, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default76.headerLabel, children: col.label }) }, col.key))
|
|
3129
3259
|
] }),
|
|
3130
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3131
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3260
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default76.row, children: [
|
|
3261
|
+
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default76.rankValue, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) }),
|
|
3132
3262
|
columns.map((col) => {
|
|
3133
3263
|
const value = row[col.key];
|
|
3134
3264
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
3135
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3136
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3137
|
-
hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3265
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default76.cell, children: [
|
|
3266
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default76.cellText, children: String(value != null ? value : "") }),
|
|
3267
|
+
hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default76.badge, children: row._badge })
|
|
3138
3268
|
] }, col.key);
|
|
3139
3269
|
})
|
|
3140
3270
|
] }, i)) }),
|
|
@@ -3142,7 +3272,7 @@ function ArticleTable({
|
|
|
3142
3272
|
"button",
|
|
3143
3273
|
{
|
|
3144
3274
|
onClick: () => setExpanded(true),
|
|
3145
|
-
className:
|
|
3275
|
+
className: __default76.showMore,
|
|
3146
3276
|
children: [
|
|
3147
3277
|
"Show ",
|
|
3148
3278
|
hiddenCount,
|
|
@@ -3154,35 +3284,35 @@ function ArticleTable({
|
|
|
3154
3284
|
}
|
|
3155
3285
|
|
|
3156
3286
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleList.module.scss
|
|
3157
|
-
var
|
|
3287
|
+
var __default77 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
3158
3288
|
function ArticleList({
|
|
3159
3289
|
variant = "unordered",
|
|
3160
3290
|
items,
|
|
3161
3291
|
className = ""
|
|
3162
3292
|
}) {
|
|
3163
3293
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
3164
|
-
const variantClass = variant === "ordered" ?
|
|
3294
|
+
const variantClass = variant === "ordered" ? __default77.ordered : __default77.unordered;
|
|
3165
3295
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3166
3296
|
Tag2,
|
|
3167
3297
|
{
|
|
3168
|
-
className: `${
|
|
3169
|
-
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className:
|
|
3298
|
+
className: `${__default77.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
3299
|
+
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: __default77.item, children: item }, i))
|
|
3170
3300
|
}
|
|
3171
3301
|
);
|
|
3172
3302
|
}
|
|
3173
3303
|
|
|
3174
3304
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleNote.module.scss
|
|
3175
|
-
var
|
|
3305
|
+
var __default78 = { "root": "ArticleNote-module_root" };
|
|
3176
3306
|
function ArticleNote({ children, className = "" }) {
|
|
3177
|
-
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
3307
|
+
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default78.root}${className ? ` ${className}` : ""}`, children });
|
|
3178
3308
|
}
|
|
3179
3309
|
|
|
3180
3310
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
3181
|
-
var
|
|
3311
|
+
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" };
|
|
3182
3312
|
var roleConfig = {
|
|
3183
|
-
assistant: { cls:
|
|
3184
|
-
system: { cls:
|
|
3185
|
-
user: { cls:
|
|
3313
|
+
assistant: { cls: __default79.assistant, gradient: "var(--bg-secondary)" },
|
|
3314
|
+
system: { cls: __default79.system, gradient: "var(--bg-tertiary)" },
|
|
3315
|
+
user: { cls: __default79.user, gradient: "var(--bg-secondary)" }
|
|
3186
3316
|
};
|
|
3187
3317
|
function ArticleChatBlock({
|
|
3188
3318
|
role,
|
|
@@ -3196,40 +3326,40 @@ function ArticleChatBlock({
|
|
|
3196
3326
|
var _a;
|
|
3197
3327
|
const [expanded, setExpanded] = react.useState(false);
|
|
3198
3328
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
3199
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
3200
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3329
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default79.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
3330
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.header, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default79.roleLabel, children: [
|
|
3201
3331
|
role,
|
|
3202
3332
|
model && ` \u2022 ${model}`
|
|
3203
3333
|
] }) }),
|
|
3204
|
-
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3205
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3206
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3334
|
+
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.toolBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default79.toolBadgeInner, children: [
|
|
3335
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default79.toolDot }),
|
|
3336
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default79.toolLabel, children: toolCall })
|
|
3207
3337
|
] }) }),
|
|
3208
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3209
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3338
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.divider }),
|
|
3339
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default79.contentWrapper, children: [
|
|
3210
3340
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3211
3341
|
"div",
|
|
3212
3342
|
{
|
|
3213
|
-
className:
|
|
3343
|
+
className: __default79.content,
|
|
3214
3344
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
3215
3345
|
children
|
|
3216
3346
|
}
|
|
3217
3347
|
),
|
|
3218
|
-
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3348
|
+
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default79.fadeOverlay, children: [
|
|
3219
3349
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3220
3350
|
"div",
|
|
3221
3351
|
{
|
|
3222
|
-
className:
|
|
3352
|
+
className: __default79.fadeGradient,
|
|
3223
3353
|
style: {
|
|
3224
3354
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
3225
3355
|
}
|
|
3226
3356
|
}
|
|
3227
3357
|
),
|
|
3228
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
3358
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default79.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3229
3359
|
"button",
|
|
3230
3360
|
{
|
|
3231
3361
|
onClick: () => setExpanded(true),
|
|
3232
|
-
className:
|
|
3362
|
+
className: __default79.showMoreBtn,
|
|
3233
3363
|
children: "Show more"
|
|
3234
3364
|
}
|
|
3235
3365
|
) })
|
|
@@ -3239,14 +3369,14 @@ function ArticleChatBlock({
|
|
|
3239
3369
|
}
|
|
3240
3370
|
|
|
3241
3371
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleLinkButton.module.scss
|
|
3242
|
-
var
|
|
3372
|
+
var __default80 = { "root": "ArticleLinkButton-module_root" };
|
|
3243
3373
|
function ArticleLinkButton({
|
|
3244
3374
|
children,
|
|
3245
3375
|
href,
|
|
3246
3376
|
onClick,
|
|
3247
3377
|
className = ""
|
|
3248
3378
|
}) {
|
|
3249
|
-
const cls = `${
|
|
3379
|
+
const cls = `${__default80.root}${className ? ` ${className}` : ""}`;
|
|
3250
3380
|
if (href) {
|
|
3251
3381
|
return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, children });
|
|
3252
3382
|
}
|
|
@@ -3254,35 +3384,35 @@ function ArticleLinkButton({
|
|
|
3254
3384
|
}
|
|
3255
3385
|
|
|
3256
3386
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleFooter.module.scss
|
|
3257
|
-
var
|
|
3387
|
+
var __default81 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
3258
3388
|
function ArticleFooter({
|
|
3259
3389
|
logo,
|
|
3260
3390
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
3261
3391
|
className = ""
|
|
3262
3392
|
}) {
|
|
3263
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${
|
|
3264
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3265
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3266
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3393
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${__default81.root}${className ? ` ${className}` : ""}`, children: [
|
|
3394
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.topBar, children: [
|
|
3395
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.logo, children: logo }),
|
|
3396
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.divider })
|
|
3267
3397
|
] }),
|
|
3268
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3398
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default81.copyright, children: copyright })
|
|
3269
3399
|
] });
|
|
3270
3400
|
}
|
|
3271
3401
|
|
|
3272
3402
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleLayout.module.scss
|
|
3273
|
-
var
|
|
3403
|
+
var __default82 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
3274
3404
|
function ArticleLayout({ children, className = "" }) {
|
|
3275
|
-
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${
|
|
3405
|
+
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${__default82.root}${className ? ` ${className}` : ""}`, children });
|
|
3276
3406
|
}
|
|
3277
3407
|
function ArticleWide({ children, className = "" }) {
|
|
3278
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
3408
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default82.wide}${className ? ` ${className}` : ""}`, children });
|
|
3279
3409
|
}
|
|
3280
3410
|
function ArticleNarrow({ children, className = "" }) {
|
|
3281
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
3411
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default82.narrow}${className ? ` ${className}` : ""}`, children });
|
|
3282
3412
|
}
|
|
3283
3413
|
|
|
3284
3414
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
3285
|
-
var
|
|
3415
|
+
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" };
|
|
3286
3416
|
function ChartTooltip({
|
|
3287
3417
|
active,
|
|
3288
3418
|
payload,
|
|
@@ -3293,15 +3423,15 @@ function ChartTooltip({
|
|
|
3293
3423
|
}) {
|
|
3294
3424
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
3295
3425
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
3296
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3297
|
-
label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
3426
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default83.tooltip, children: [
|
|
3427
|
+
label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default83.tooltipLabel, children: [
|
|
3298
3428
|
xLabel ? `${xLabel}: ` : "",
|
|
3299
3429
|
label
|
|
3300
3430
|
] }),
|
|
3301
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3302
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3303
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3304
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3431
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default83.tooltipRow, children: [
|
|
3432
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
3433
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.tooltipName, children: entry.name }),
|
|
3434
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
3305
3435
|
] }, i))
|
|
3306
3436
|
] });
|
|
3307
3437
|
}
|
|
@@ -3315,8 +3445,8 @@ function ArticleLineChart({
|
|
|
3315
3445
|
valueFormatter,
|
|
3316
3446
|
className = ""
|
|
3317
3447
|
}) {
|
|
3318
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
3319
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3448
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default83.figure}${className ? ` ${className}` : ""}`, children: [
|
|
3449
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
3320
3450
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
3321
3451
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3322
3452
|
recharts.XAxis,
|
|
@@ -3366,9 +3496,9 @@ function ArticleLineChart({
|
|
|
3366
3496
|
s.dataKey
|
|
3367
3497
|
))
|
|
3368
3498
|
] }) }) }),
|
|
3369
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3370
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3371
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3499
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default83.legendItem, children: [
|
|
3500
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.legendSwatch, style: { backgroundColor: s.color } }),
|
|
3501
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.legendLabel, children: s.name })
|
|
3372
3502
|
] }, s.dataKey)) })
|
|
3373
3503
|
] });
|
|
3374
3504
|
}
|
|
@@ -3383,8 +3513,8 @@ function ArticleBarChart({
|
|
|
3383
3513
|
valueFormatter,
|
|
3384
3514
|
className = ""
|
|
3385
3515
|
}) {
|
|
3386
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
3387
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3516
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default83.figure}${className ? ` ${className}` : ""}`, children: [
|
|
3517
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
3388
3518
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
3389
3519
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3390
3520
|
recharts.XAxis,
|
|
@@ -3432,9 +3562,9 @@ function ArticleBarChart({
|
|
|
3432
3562
|
s.dataKey
|
|
3433
3563
|
))
|
|
3434
3564
|
] }) }) }),
|
|
3435
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3436
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3437
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3565
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default83.legendItem, children: [
|
|
3566
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.legendSwatch, style: { backgroundColor: s.color } }),
|
|
3567
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default83.legendLabel, children: s.name })
|
|
3438
3568
|
] }, s.dataKey)) })
|
|
3439
3569
|
] });
|
|
3440
3570
|
}
|
|
@@ -3452,7 +3582,7 @@ function ArticleScatterChart({
|
|
|
3452
3582
|
var _a;
|
|
3453
3583
|
return (_a = d.color) != null ? _a : color;
|
|
3454
3584
|
});
|
|
3455
|
-
return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${
|
|
3585
|
+
return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${__default83.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
3456
3586
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
3457
3587
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3458
3588
|
recharts.XAxis,
|
|
@@ -3488,14 +3618,14 @@ function ArticleScatterChart({
|
|
|
3488
3618
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
3489
3619
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
3490
3620
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
3491
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3492
|
-
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3493
|
-
xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
3621
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default83.tooltip, children: [
|
|
3622
|
+
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default83.scatterTooltipLabel, children: point.label }),
|
|
3623
|
+
xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default83.scatterTooltipRow, children: [
|
|
3494
3624
|
xLabel,
|
|
3495
3625
|
": ",
|
|
3496
3626
|
fmt(point.x)
|
|
3497
3627
|
] }),
|
|
3498
|
-
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
3628
|
+
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default83.scatterTooltipRow, children: [
|
|
3499
3629
|
yLabel,
|
|
3500
3630
|
": ",
|
|
3501
3631
|
fmt(point.y)
|
|
@@ -3509,7 +3639,7 @@ function ArticleScatterChart({
|
|
|
3509
3639
|
}
|
|
3510
3640
|
|
|
3511
3641
|
// css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/LandingLayout.module.scss
|
|
3512
|
-
var
|
|
3642
|
+
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" };
|
|
3513
3643
|
function LandingLayout({
|
|
3514
3644
|
mode = "header",
|
|
3515
3645
|
nav,
|
|
@@ -3518,17 +3648,17 @@ function LandingLayout({
|
|
|
3518
3648
|
className = ""
|
|
3519
3649
|
}) {
|
|
3520
3650
|
if (mode === "sidebar") {
|
|
3521
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
3522
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3523
|
-
/* @__PURE__ */ jsxRuntime.jsxs("main", { className:
|
|
3524
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3651
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default84.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
3652
|
+
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default84.sidebarNav, children: nav }),
|
|
3653
|
+
/* @__PURE__ */ jsxRuntime.jsxs("main", { className: __default84.sidebarMain, children: [
|
|
3654
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default84.sidebarContent, children }),
|
|
3525
3655
|
footer
|
|
3526
3656
|
] })
|
|
3527
3657
|
] });
|
|
3528
3658
|
}
|
|
3529
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
3659
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default84.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
3530
3660
|
nav,
|
|
3531
|
-
/* @__PURE__ */ jsxRuntime.jsx("main", { className:
|
|
3661
|
+
/* @__PURE__ */ jsxRuntime.jsx("main", { className: __default84.headerMain, children }),
|
|
3532
3662
|
footer
|
|
3533
3663
|
] });
|
|
3534
3664
|
}
|
|
@@ -3565,6 +3695,7 @@ exports.ChatMessage = ChatMessage;
|
|
|
3565
3695
|
exports.Checkbox = Checkbox;
|
|
3566
3696
|
exports.CodeInput = CodeInput;
|
|
3567
3697
|
exports.ComparisonTable = ComparisonTable;
|
|
3698
|
+
exports.CookieConsent = CookieConsent;
|
|
3568
3699
|
exports.Divider = Divider;
|
|
3569
3700
|
exports.DropdownMenu = DropdownMenu;
|
|
3570
3701
|
exports.EmptyState = EmptyState;
|
|
@@ -3581,6 +3712,9 @@ exports.IconWithText = IconWithText;
|
|
|
3581
3712
|
exports.IconlyActivity = IconlyActivity;
|
|
3582
3713
|
exports.IconlyAttach = IconlyAttach;
|
|
3583
3714
|
exports.IconlyBook = IconlyBook;
|
|
3715
|
+
exports.IconlyBookmark = IconlyBookmark;
|
|
3716
|
+
exports.IconlyCalendar = IconlyCalendar;
|
|
3717
|
+
exports.IconlyCall = IconlyCall;
|
|
3584
3718
|
exports.IconlyCategory = IconlyCategory;
|
|
3585
3719
|
exports.IconlyCheck = IconlyCheck;
|
|
3586
3720
|
exports.IconlyChevronDown = IconlyChevronDown;
|
|
@@ -3588,11 +3722,15 @@ exports.IconlyChevronLeft = IconlyChevronLeft;
|
|
|
3588
3722
|
exports.IconlyChevronRight = IconlyChevronRight;
|
|
3589
3723
|
exports.IconlyClock = IconlyClock;
|
|
3590
3724
|
exports.IconlyClose = IconlyClose;
|
|
3725
|
+
exports.IconlyDelete = IconlyDelete;
|
|
3726
|
+
exports.IconlyDownload = IconlyDownload;
|
|
3727
|
+
exports.IconlyEdit = IconlyEdit;
|
|
3591
3728
|
exports.IconlyError = IconlyError;
|
|
3592
3729
|
exports.IconlyEye = IconlyEye;
|
|
3593
3730
|
exports.IconlyEyeOff = IconlyEyeOff;
|
|
3594
3731
|
exports.IconlyFolder = IconlyFolder;
|
|
3595
3732
|
exports.IconlyHeart = IconlyHeart;
|
|
3733
|
+
exports.IconlyHome = IconlyHome;
|
|
3596
3734
|
exports.IconlyInfo = IconlyInfo;
|
|
3597
3735
|
exports.IconlyInfoCircle = IconlyInfoCircle;
|
|
3598
3736
|
exports.IconlyLink = IconlyLink;
|
|
@@ -3611,6 +3749,8 @@ exports.IconlySmile = IconlySmile;
|
|
|
3611
3749
|
exports.IconlyStar = IconlyStar;
|
|
3612
3750
|
exports.IconlySuccess = IconlySuccess;
|
|
3613
3751
|
exports.IconlySun = IconlySun;
|
|
3752
|
+
exports.IconlyUpload = IconlyUpload;
|
|
3753
|
+
exports.IconlyUser = IconlyUser;
|
|
3614
3754
|
exports.IconlyWarning = IconlyWarning;
|
|
3615
3755
|
exports.Input = Input;
|
|
3616
3756
|
exports.LandingLayout = LandingLayout;
|