@dmitriikapustin/ui 0.4.0 → 0.4.2
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 +779 -525
- package/dist/index.d.cts +106 -7
- package/dist/index.d.ts +106 -7
- package/dist/index.js +776 -527
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext, useState, useEffect, useId, useRef, useCallback, useContext } from 'react';
|
|
1
|
+
import { createContext, useState, useEffect, createElement, useId, useRef, useCallback, useContext } from 'react';
|
|
2
2
|
import Lottie from 'lottie-react';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Line, BarChart, Bar as Bar$1, ScatterChart, Scatter, Cell } from 'recharts';
|
|
@@ -555,6 +555,21 @@ var IconlyShield = ({ size = 24, color = "currentColor", className }) => /* @__P
|
|
|
555
555
|
/* @__PURE__ */ jsx("path", { d: "M14.615,2.375A1.089,1.089,0,0,1,15.344,3.4v6.773a7.781,7.781,0,0,1-1.9,5.1,7.771,7.771,0,0,1-2.2,1.7L7.678,18.9,4.114,16.972a7.767,7.767,0,0,1-2.208-1.7A7.783,7.783,0,0,1,0,10.172V3.4A1.089,1.089,0,0,1,.729,2.375L7.311.062a1.09,1.09,0,0,1,.722,0Z", transform: "translate(0.75 0.749)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
556
556
|
/* @__PURE__ */ jsx("path", { d: "M0,2.005,1.892,3.9,5.79,0", transform: "translate(5.823 7.913)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
557
557
|
] }) });
|
|
558
|
+
var IconlyCategory = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
559
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
560
|
+
/* @__PURE__ */ jsx("rect", { x: "13.5", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
561
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
562
|
+
/* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
563
|
+
] });
|
|
564
|
+
var IconlySetting = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
565
|
+
/* @__PURE__ */ jsx("path", { d: "M19.622 10.395l-1.097-2.65L20 6l-2-2-1.735 1.483-2.707-1.113L12.935 2h-1.954l-.632 2.401-2.645 1.115L6 4 4 6l1.453 1.789-1.08 2.657L2 11v2l2.401.655L5.516 16.3 4 18l2 2 1.791-1.46 2.606 1.072L11 22h2l.604-2.387 2.651-1.098C16.697 18.831 18 20 18 20l2-2-1.484-1.75 1.098-2.652 2.386-.62V11l-2.378-.605z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
566
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
567
|
+
] });
|
|
568
|
+
var IconlyFolder = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { d: "M3 7.5C3 6.119 4.119 5 5.5 5h3.879a2 2 0 0 1 1.414.586l1.207 1.207a2 2 0 0 0 1.414.586H18.5C19.881 7.379 21 8.498 21 9.879V16.5c0 1.381-1.119 2.5-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
569
|
+
var IconlyLink = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
570
|
+
/* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
571
|
+
/* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
572
|
+
] });
|
|
558
573
|
var IconlySmile = IconlyActivity;
|
|
559
574
|
var IconlyAttach = IconlyActivity;
|
|
560
575
|
var IconlyInfo = IconlyActivity;
|
|
@@ -568,7 +583,6 @@ var IconlyInfoCircle = IconlyActivity;
|
|
|
568
583
|
var IconlySuccess = IconlyActivity;
|
|
569
584
|
var IconlyWarning = IconlyActivity;
|
|
570
585
|
var IconlyError = IconlyActivity;
|
|
571
|
-
var IconlyLink = IconlyActivity;
|
|
572
586
|
|
|
573
587
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/Tag.module.scss
|
|
574
588
|
__styleInject(`@charset "UTF-8";
|
|
@@ -1668,6 +1682,73 @@ function Skeleton({ variant = "line", width, height, className = "" }) {
|
|
|
1668
1682
|
);
|
|
1669
1683
|
}
|
|
1670
1684
|
|
|
1685
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/SectionHeading.module.scss
|
|
1686
|
+
__styleInject(`@charset "UTF-8";
|
|
1687
|
+
/* SectionHeading \u2014 \u0435\u0434\u0438\u043D\u0430\u044F \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430 \u0434\u043B\u044F section-h2 \u0432 \u043F\u0430\u043A\u0435\u0442\u0435 \u0438 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F\u0445.
|
|
1688
|
+
\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0437\u0435\u0440\u043A\u0430\u043B\u044F\u0442 PromoSplit-module_heading / PromoTestimonials-module_heading. */
|
|
1689
|
+
.SectionHeading-module_heading {
|
|
1690
|
+
font-size: clamp(1.75rem, 4vw, 2.75rem);
|
|
1691
|
+
font-weight: 700;
|
|
1692
|
+
line-height: 1.1;
|
|
1693
|
+
letter-spacing: -0.03em;
|
|
1694
|
+
color: var(--fg);
|
|
1695
|
+
text-wrap: balance;
|
|
1696
|
+
margin: 0;
|
|
1697
|
+
}
|
|
1698
|
+
|
|
1699
|
+
.SectionHeading-module_alignLeft {
|
|
1700
|
+
text-align: left;
|
|
1701
|
+
}
|
|
1702
|
+
|
|
1703
|
+
.SectionHeading-module_alignCenter {
|
|
1704
|
+
text-align: center;
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1707
|
+
.SectionHeading-module_wrap {
|
|
1708
|
+
display: flex;
|
|
1709
|
+
flex-direction: column;
|
|
1710
|
+
gap: 0.75rem;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1713
|
+
.SectionHeading-module_wrapCenter {
|
|
1714
|
+
display: flex;
|
|
1715
|
+
flex-direction: column;
|
|
1716
|
+
align-items: center;
|
|
1717
|
+
gap: 0.75rem;
|
|
1718
|
+
text-align: center;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
.SectionHeading-module_subtitle {
|
|
1722
|
+
font-size: 1rem;
|
|
1723
|
+
line-height: 1.625;
|
|
1724
|
+
color: var(--fg-secondary);
|
|
1725
|
+
margin: 0;
|
|
1726
|
+
max-width: 42rem;
|
|
1727
|
+
text-wrap: balance;
|
|
1728
|
+
}
|
|
1729
|
+
@media (min-width: 768px) {
|
|
1730
|
+
.SectionHeading-module_subtitle {
|
|
1731
|
+
font-size: 1.125rem;
|
|
1732
|
+
}
|
|
1733
|
+
}`);
|
|
1734
|
+
var __default20 = { "heading": "SectionHeading-module_heading", "alignLeft": "SectionHeading-module_alignLeft", "alignCenter": "SectionHeading-module_alignCenter", "wrap": "SectionHeading-module_wrap", "wrapCenter": "SectionHeading-module_wrapCenter", "subtitle": "SectionHeading-module_subtitle" };
|
|
1735
|
+
function SectionHeading({
|
|
1736
|
+
children,
|
|
1737
|
+
as = "h2",
|
|
1738
|
+
align = "left",
|
|
1739
|
+
subtitle,
|
|
1740
|
+
className = ""
|
|
1741
|
+
}) {
|
|
1742
|
+
const headingClass = `${__default20.heading} ${align === "center" ? __default20.alignCenter : __default20.alignLeft}${className ? ` ${className}` : ""}`;
|
|
1743
|
+
if (subtitle) {
|
|
1744
|
+
return /* @__PURE__ */ jsxs("div", { className: align === "center" ? __default20.wrapCenter : __default20.wrap, children: [
|
|
1745
|
+
createElement(as, { className: headingClass }, children),
|
|
1746
|
+
/* @__PURE__ */ jsx("p", { className: __default20.subtitle, children: subtitle })
|
|
1747
|
+
] });
|
|
1748
|
+
}
|
|
1749
|
+
return createElement(as, { className: headingClass }, children);
|
|
1750
|
+
}
|
|
1751
|
+
|
|
1671
1752
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/TicketButton.module.scss
|
|
1672
1753
|
__styleInject(`@charset "UTF-8";
|
|
1673
1754
|
/* TicketButton SASS Module \u2014 scoped CSS replacing Tailwind group-hover utilities */
|
|
@@ -1732,7 +1813,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
1732
1813
|
align-items: center;
|
|
1733
1814
|
justify-content: center;
|
|
1734
1815
|
}`);
|
|
1735
|
-
var
|
|
1816
|
+
var __default21 = { "root": "TicketButton-module_root", "stub": "TicketButton-module_stub", "body": "TicketButton-module_body", "bodySvg": "TicketButton-module_bodySvg", "bodyText": "TicketButton-module_bodyText", "stubSvg": "TicketButton-module_stubSvg", "stubIcon": "TicketButton-module_stubIcon" };
|
|
1736
1817
|
var DefaultIcon = () => /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) });
|
|
1737
1818
|
function TicketButton(_a) {
|
|
1738
1819
|
var _b = _a, {
|
|
@@ -1755,14 +1836,14 @@ function TicketButton(_a) {
|
|
|
1755
1836
|
return /* @__PURE__ */ jsxs(
|
|
1756
1837
|
"button",
|
|
1757
1838
|
__spreadProps(__spreadValues({
|
|
1758
|
-
className: `${
|
|
1839
|
+
className: `${__default21.root} ${className}`
|
|
1759
1840
|
}, props), {
|
|
1760
1841
|
children: [
|
|
1761
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
1842
|
+
/* @__PURE__ */ jsxs("span", { className: __default21.body, children: [
|
|
1762
1843
|
/* @__PURE__ */ jsxs(
|
|
1763
1844
|
"svg",
|
|
1764
1845
|
{
|
|
1765
|
-
className:
|
|
1846
|
+
className: __default21.bodySvg,
|
|
1766
1847
|
viewBox: "0 0 140 56",
|
|
1767
1848
|
fill: "none",
|
|
1768
1849
|
preserveAspectRatio: "none",
|
|
@@ -1787,13 +1868,13 @@ function TicketButton(_a) {
|
|
|
1787
1868
|
]
|
|
1788
1869
|
}
|
|
1789
1870
|
),
|
|
1790
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
1871
|
+
/* @__PURE__ */ jsx("span", { className: __default21.bodyText, style: { color: fg }, children })
|
|
1791
1872
|
] }),
|
|
1792
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
1873
|
+
/* @__PURE__ */ jsxs("span", { className: __default21.stub, children: [
|
|
1793
1874
|
/* @__PURE__ */ jsxs(
|
|
1794
1875
|
"svg",
|
|
1795
1876
|
{
|
|
1796
|
-
className:
|
|
1877
|
+
className: __default21.stubSvg,
|
|
1797
1878
|
viewBox: "0 0 56 56",
|
|
1798
1879
|
fill: "none",
|
|
1799
1880
|
preserveAspectRatio: "none",
|
|
@@ -1817,7 +1898,7 @@ function TicketButton(_a) {
|
|
|
1817
1898
|
]
|
|
1818
1899
|
}
|
|
1819
1900
|
),
|
|
1820
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
1901
|
+
/* @__PURE__ */ jsx("span", { className: __default21.stubIcon, style: { color: fg }, children: icon || /* @__PURE__ */ jsx(DefaultIcon, {}) })
|
|
1821
1902
|
] })
|
|
1822
1903
|
]
|
|
1823
1904
|
})
|
|
@@ -1918,7 +1999,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
1918
1999
|
.Card-module_spacer {
|
|
1919
2000
|
display: block;
|
|
1920
2001
|
}`);
|
|
1921
|
-
var
|
|
2002
|
+
var __default22 = { "root": "Card-module_root", "imageWrapper": "Card-module_imageWrapper", "image": "Card-module_image", "body": "Card-module_body", "bodyWithImage": "Card-module_bodyWithImage", "bodyNoImage": "Card-module_bodyNoImage", "titleBlock": "Card-module_titleBlock", "title": "Card-module_title", "danger": "Card-module_danger", "description": "Card-module_description", "footer": "Card-module_footer", "footerRow": "Card-module_footerRow", "badges": "Card-module_badges", "spacer": "Card-module_spacer" };
|
|
1922
2003
|
|
|
1923
2004
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/IconBadge.module.scss
|
|
1924
2005
|
__styleInject(`@charset "UTF-8";
|
|
@@ -1938,9 +2019,9 @@ __styleInject(`@charset "UTF-8";
|
|
|
1938
2019
|
width: 20px;
|
|
1939
2020
|
height: 20px;
|
|
1940
2021
|
}`);
|
|
1941
|
-
var
|
|
2022
|
+
var __default23 = { "root": "IconBadge-module_root" };
|
|
1942
2023
|
function IconBadge({ icon, className = "" }) {
|
|
1943
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
2024
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default23.root}${className ? ` ${className}` : ""}`, children: icon });
|
|
1944
2025
|
}
|
|
1945
2026
|
function Card({
|
|
1946
2027
|
image,
|
|
@@ -1957,20 +2038,20 @@ function Card({
|
|
|
1957
2038
|
const hasImage = !!image;
|
|
1958
2039
|
const hasBadgesOrAction = !!(badges && badges.length > 0 || action);
|
|
1959
2040
|
const showFooter = !!footer || hasBadgesOrAction;
|
|
1960
|
-
const variantClass = variant === "danger" ? ` ${
|
|
1961
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
1962
|
-
hasImage && /* @__PURE__ */ jsx("div", { className:
|
|
2041
|
+
const variantClass = variant === "danger" ? ` ${__default22.danger}` : "";
|
|
2042
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default22.root}${variantClass}${className ? ` ${className}` : ""}`, children: [
|
|
2043
|
+
hasImage && /* @__PURE__ */ jsx("div", { className: __default22.imageWrapper, children: typeof image === "string" ? (
|
|
1963
2044
|
// eslint-disable-next-line @next/next/no-img-element
|
|
1964
|
-
/* @__PURE__ */ jsx("img", { src: image, alt: title || "", className:
|
|
2045
|
+
/* @__PURE__ */ jsx("img", { src: image, alt: title || "", className: __default22.image })
|
|
1965
2046
|
) : image }),
|
|
1966
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
1967
|
-
(title || description) && /* @__PURE__ */ jsxs("div", { className:
|
|
1968
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
1969
|
-
description && /* @__PURE__ */ jsx("p", { className: `${
|
|
2047
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default22.body} ${hasImage ? __default22.bodyWithImage : __default22.bodyNoImage}`, children: [
|
|
2048
|
+
(title || description) && /* @__PURE__ */ jsxs("div", { className: __default22.titleBlock, children: [
|
|
2049
|
+
title && /* @__PURE__ */ jsx("h3", { className: __default22.title, children: title }),
|
|
2050
|
+
description && /* @__PURE__ */ jsx("p", { className: `${__default22.description}${descriptionClassName ? ` ${descriptionClassName}` : ""}`, children: description })
|
|
1970
2051
|
] }),
|
|
1971
2052
|
children,
|
|
1972
|
-
showFooter && /* @__PURE__ */ jsx("div", { className:
|
|
1973
|
-
badges && badges.length > 0 ? /* @__PURE__ */ jsx("div", { className:
|
|
2053
|
+
showFooter && /* @__PURE__ */ jsx("div", { className: __default22.footer, children: footer || /* @__PURE__ */ jsxs("div", { className: __default22.footerRow, children: [
|
|
2054
|
+
badges && badges.length > 0 ? /* @__PURE__ */ jsx("div", { className: __default22.badges, children: badges.map((b, i) => /* @__PURE__ */ jsx(IconBadge, { icon: b }, i)) }) : /* @__PURE__ */ jsx("span", { className: __default22.spacer }),
|
|
1974
2055
|
action && /* @__PURE__ */ jsx(
|
|
1975
2056
|
Button,
|
|
1976
2057
|
{
|
|
@@ -2063,7 +2144,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2063
2144
|
height: auto;
|
|
2064
2145
|
display: block;
|
|
2065
2146
|
}`);
|
|
2066
|
-
var
|
|
2147
|
+
var __default24 = { "root": "Gallery-module_root", "title": "Gallery-module_title", "grid": "Gallery-module_grid", "gridItem": "Gallery-module_gridItem", "image": "Gallery-module_image", "masonry": "Gallery-module_masonry", "masonryItem": "Gallery-module_masonryItem" };
|
|
2067
2148
|
function Gallery({
|
|
2068
2149
|
variant = "grid",
|
|
2069
2150
|
images,
|
|
@@ -2072,10 +2153,10 @@ function Gallery({
|
|
|
2072
2153
|
}) {
|
|
2073
2154
|
if (images.length === 0) return null;
|
|
2074
2155
|
const isMasonry = variant === "masonry";
|
|
2075
|
-
const itemClass = isMasonry ?
|
|
2076
|
-
const containerClass = isMasonry ?
|
|
2077
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2078
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
2156
|
+
const itemClass = isMasonry ? __default24.masonryItem : __default24.gridItem;
|
|
2157
|
+
const containerClass = isMasonry ? __default24.masonry : __default24.grid;
|
|
2158
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default24.root}${className ? ` ${className}` : ""}`, children: [
|
|
2159
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default24.title, children: title }),
|
|
2079
2160
|
/* @__PURE__ */ jsx("div", { className: containerClass, children: images.map((src, i) => /* @__PURE__ */ jsx("div", { className: itemClass, children: /* @__PURE__ */ jsx(
|
|
2080
2161
|
"img",
|
|
2081
2162
|
{
|
|
@@ -2083,7 +2164,7 @@ function Gallery({
|
|
|
2083
2164
|
alt: "",
|
|
2084
2165
|
loading: i === 0 ? "eager" : "lazy",
|
|
2085
2166
|
decoding: i === 0 ? "sync" : "async",
|
|
2086
|
-
className:
|
|
2167
|
+
className: __default24.image
|
|
2087
2168
|
}
|
|
2088
2169
|
) }, `${src}-${i}`)) })
|
|
2089
2170
|
] });
|
|
@@ -2102,12 +2183,12 @@ __styleInject(`@charset "UTF-8";
|
|
|
2102
2183
|
font-size: 0.8125rem;
|
|
2103
2184
|
color: var(--fg-muted);
|
|
2104
2185
|
}`);
|
|
2105
|
-
var
|
|
2186
|
+
var __default25 = { "root": "FormField-module_root", "hint": "FormField-module_hint" };
|
|
2106
2187
|
function FormField(_a) {
|
|
2107
2188
|
var _b = _a, { label, error, hint, icon } = _b, inputProps = __objRest(_b, ["label", "error", "hint", "icon"]);
|
|
2108
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
2189
|
+
return /* @__PURE__ */ jsxs("div", { className: __default25.root, children: [
|
|
2109
2190
|
/* @__PURE__ */ jsx(Input, __spreadValues({ label, error, icon }, inputProps)),
|
|
2110
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className:
|
|
2191
|
+
hint && !error && /* @__PURE__ */ jsx("p", { className: __default25.hint, children: hint })
|
|
2111
2192
|
] });
|
|
2112
2193
|
}
|
|
2113
2194
|
|
|
@@ -2159,7 +2240,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2159
2240
|
.SearchBar-module_clearBtn:hover {
|
|
2160
2241
|
color: var(--fg);
|
|
2161
2242
|
}`);
|
|
2162
|
-
var
|
|
2243
|
+
var __default26 = { "root": "SearchBar-module_root", "searchIcon": "SearchBar-module_searchIcon", "input": "SearchBar-module_input", "clearBtn": "SearchBar-module_clearBtn" };
|
|
2163
2244
|
function SearchBar({ placeholder = "Search...", value: controlledValue, onChange, className = "" }) {
|
|
2164
2245
|
const [internalValue, setInternalValue] = useState("");
|
|
2165
2246
|
const value = controlledValue != null ? controlledValue : internalValue;
|
|
@@ -2167,8 +2248,8 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
|
|
|
2167
2248
|
setInternalValue(val);
|
|
2168
2249
|
onChange == null ? void 0 : onChange(val);
|
|
2169
2250
|
};
|
|
2170
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2171
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2251
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default26.root}${className ? ` ${className}` : ""}`, children: [
|
|
2252
|
+
/* @__PURE__ */ jsx("div", { className: __default26.searchIcon, children: /* @__PURE__ */ jsx(IconlySearch, { size: 18 }) }),
|
|
2172
2253
|
/* @__PURE__ */ jsx(
|
|
2173
2254
|
"input",
|
|
2174
2255
|
{
|
|
@@ -2177,14 +2258,14 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
|
|
|
2177
2258
|
onChange: (e) => handleChange(e.target.value),
|
|
2178
2259
|
placeholder,
|
|
2179
2260
|
"aria-label": "Search",
|
|
2180
|
-
className:
|
|
2261
|
+
className: __default26.input
|
|
2181
2262
|
}
|
|
2182
2263
|
),
|
|
2183
2264
|
value && /* @__PURE__ */ jsx(
|
|
2184
2265
|
"button",
|
|
2185
2266
|
{
|
|
2186
2267
|
onClick: () => handleChange(""),
|
|
2187
|
-
className:
|
|
2268
|
+
className: __default26.clearBtn,
|
|
2188
2269
|
"aria-label": "Clear search",
|
|
2189
2270
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 16 })
|
|
2190
2271
|
}
|
|
@@ -2230,18 +2311,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
2230
2311
|
font-size: 0.875rem;
|
|
2231
2312
|
color: var(--fg-muted);
|
|
2232
2313
|
}`);
|
|
2233
|
-
var
|
|
2314
|
+
var __default27 = { "root": "Stat-module_root", "valueRow": "Stat-module_valueRow", "value": "Stat-module_value", "trend": "Stat-module_trend", "positive": "Stat-module_positive", "negative": "Stat-module_negative", "label": "Stat-module_label" };
|
|
2234
2315
|
function Stat({ value, label, trend, className = "" }) {
|
|
2235
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2236
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2237
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2238
|
-
trend && /* @__PURE__ */ jsxs("span", { className: `${
|
|
2316
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default27.root}${className ? ` ${className}` : ""}`, children: [
|
|
2317
|
+
/* @__PURE__ */ jsxs("div", { className: __default27.valueRow, children: [
|
|
2318
|
+
/* @__PURE__ */ jsx("span", { className: __default27.value, children: value }),
|
|
2319
|
+
trend && /* @__PURE__ */ jsxs("span", { className: `${__default27.trend} ${trend.positive ? __default27.positive : __default27.negative}`, children: [
|
|
2239
2320
|
trend.positive ? "\u2191" : "\u2193",
|
|
2240
2321
|
" ",
|
|
2241
2322
|
trend.value
|
|
2242
2323
|
] })
|
|
2243
2324
|
] }),
|
|
2244
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2325
|
+
/* @__PURE__ */ jsx("span", { className: __default27.label, children: label })
|
|
2245
2326
|
] });
|
|
2246
2327
|
}
|
|
2247
2328
|
|
|
@@ -2308,7 +2389,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2308
2389
|
.Alert-module_dismiss:hover {
|
|
2309
2390
|
color: var(--fg);
|
|
2310
2391
|
}`);
|
|
2311
|
-
var
|
|
2392
|
+
var __default28 = { "root": "Alert-module_root", "icon": "Alert-module_icon", "info": "Alert-module_info", "success": "Alert-module_success", "warning": "Alert-module_warning", "error": "Alert-module_error", "content": "Alert-module_content", "title": "Alert-module_title", "message": "Alert-module_message", "dismiss": "Alert-module_dismiss" };
|
|
2312
2393
|
var variantIcons = {
|
|
2313
2394
|
info: IconlyInfoCircle,
|
|
2314
2395
|
success: IconlySuccess,
|
|
@@ -2319,18 +2400,18 @@ function Alert({ variant = "info", title, children, closable = false, className
|
|
|
2319
2400
|
const [visible, setVisible] = useState(true);
|
|
2320
2401
|
if (!visible) return null;
|
|
2321
2402
|
const Icon = variantIcons[variant];
|
|
2322
|
-
const variantClass =
|
|
2323
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2324
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
2325
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2326
|
-
title && /* @__PURE__ */ jsx("p", { className: `${
|
|
2327
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
2403
|
+
const variantClass = __default28[variant];
|
|
2404
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default28.root}${className ? ` ${className}` : ""}`, children: [
|
|
2405
|
+
/* @__PURE__ */ jsx("div", { className: `${__default28.icon} ${variantClass}`, children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
|
|
2406
|
+
/* @__PURE__ */ jsxs("div", { className: __default28.content, children: [
|
|
2407
|
+
title && /* @__PURE__ */ jsx("p", { className: `${__default28.title} ${variantClass}`, children: title }),
|
|
2408
|
+
/* @__PURE__ */ jsx("p", { className: __default28.message, children })
|
|
2328
2409
|
] }),
|
|
2329
2410
|
closable && /* @__PURE__ */ jsx(
|
|
2330
2411
|
"button",
|
|
2331
2412
|
{
|
|
2332
2413
|
onClick: () => setVisible(false),
|
|
2333
|
-
className:
|
|
2414
|
+
className: __default28.dismiss,
|
|
2334
2415
|
"aria-label": "Dismiss",
|
|
2335
2416
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 16 })
|
|
2336
2417
|
}
|
|
@@ -2378,7 +2459,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2378
2459
|
.Tabs-module_panel {
|
|
2379
2460
|
padding-top: 1rem;
|
|
2380
2461
|
}`);
|
|
2381
|
-
var
|
|
2462
|
+
var __default29 = { "tabList": "Tabs-module_tabList", "tab": "Tabs-module_tab", "active": "Tabs-module_active", "indicator": "Tabs-module_indicator", "panel": "Tabs-module_panel" };
|
|
2382
2463
|
function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
2383
2464
|
var _a, _b;
|
|
2384
2465
|
const [activeTab, setActiveTab] = useState(defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.id));
|
|
@@ -2409,7 +2490,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2409
2490
|
"div",
|
|
2410
2491
|
{
|
|
2411
2492
|
role: "tablist",
|
|
2412
|
-
className:
|
|
2493
|
+
className: __default29.tabList,
|
|
2413
2494
|
onKeyDown: handleKeyDown,
|
|
2414
2495
|
children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
|
|
2415
2496
|
"button",
|
|
@@ -2423,10 +2504,10 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2423
2504
|
"aria-controls": `panel-${tab.id}`,
|
|
2424
2505
|
tabIndex: activeTab === tab.id ? 0 : -1,
|
|
2425
2506
|
onClick: () => activateTab(tab.id),
|
|
2426
|
-
className: `${
|
|
2507
|
+
className: `${__default29.tab} ${activeTab === tab.id ? __default29.active : ""}`,
|
|
2427
2508
|
children: [
|
|
2428
2509
|
tab.label,
|
|
2429
|
-
activeTab === tab.id && /* @__PURE__ */ jsx("span", { className:
|
|
2510
|
+
activeTab === tab.id && /* @__PURE__ */ jsx("span", { className: __default29.indicator })
|
|
2430
2511
|
]
|
|
2431
2512
|
},
|
|
2432
2513
|
tab.id
|
|
@@ -2439,7 +2520,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2439
2520
|
role: "tabpanel",
|
|
2440
2521
|
id: `panel-${activeTab}`,
|
|
2441
2522
|
"aria-labelledby": `tab-${activeTab}`,
|
|
2442
|
-
className:
|
|
2523
|
+
className: __default29.panel,
|
|
2443
2524
|
children: activeContent
|
|
2444
2525
|
}
|
|
2445
2526
|
)
|
|
@@ -2504,7 +2585,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2504
2585
|
align-items: center;
|
|
2505
2586
|
gap: 0.25rem;
|
|
2506
2587
|
}`);
|
|
2507
|
-
var
|
|
2588
|
+
var __default30 = { "root": "ChatInput-module_root", "contrast": "ChatInput-module_contrast", "plain": "ChatInput-module_plain", "input": "ChatInput-module_input", "actions": "ChatInput-module_actions", "actionsFull": "ChatInput-module_actionsFull", "actionsEasy": "ChatInput-module_actionsEasy", "toolGroup": "ChatInput-module_toolGroup" };
|
|
2508
2589
|
function ChatInput({
|
|
2509
2590
|
placeholder = "\u0412\u0432\u0435\u0434\u0438 \u0441\u0432\u043E\u0439 email...",
|
|
2510
2591
|
buttonText = "\u041D\u0430\u0447\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
|
|
@@ -2530,7 +2611,7 @@ function ChatInput({
|
|
|
2530
2611
|
var _a;
|
|
2531
2612
|
return (_a = inputRef.current) == null ? void 0 : _a.focus();
|
|
2532
2613
|
},
|
|
2533
|
-
className: `${
|
|
2614
|
+
className: `${__default30.root} ${contrast ? __default30.contrast : __default30.plain}${className ? ` ${className}` : ""}`,
|
|
2534
2615
|
children: [
|
|
2535
2616
|
/* @__PURE__ */ jsx(
|
|
2536
2617
|
"input",
|
|
@@ -2540,11 +2621,11 @@ function ChatInput({
|
|
|
2540
2621
|
value,
|
|
2541
2622
|
onChange: (e) => setValue(e.target.value),
|
|
2542
2623
|
placeholder,
|
|
2543
|
-
className:
|
|
2624
|
+
className: __default30.input
|
|
2544
2625
|
}
|
|
2545
2626
|
),
|
|
2546
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
2547
|
-
type === "full" && /* @__PURE__ */ jsxs("div", { className:
|
|
2627
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default30.actions} ${type === "full" ? __default30.actionsFull : __default30.actionsEasy}`, children: [
|
|
2628
|
+
type === "full" && /* @__PURE__ */ jsxs("div", { className: __default30.toolGroup, children: [
|
|
2548
2629
|
/* @__PURE__ */ jsx(IconButton, { variant: "secondary", icon: /* @__PURE__ */ jsx(IconlySmile, { size: 20 }), type: "button", "aria-label": "Emoji" }),
|
|
2549
2630
|
/* @__PURE__ */ jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsx(IconlyAttach, { size: 20 }), type: "button", "aria-label": "Attach" }),
|
|
2550
2631
|
/* @__PURE__ */ jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsx(IconlyInfo, { size: 20 }), type: "button", "aria-label": "Info" })
|
|
@@ -2601,13 +2682,13 @@ __styleInject(`@charset "UTF-8";
|
|
|
2601
2682
|
color: var(--bg);
|
|
2602
2683
|
border-bottom-right-radius: 16px;
|
|
2603
2684
|
}`);
|
|
2604
|
-
var
|
|
2685
|
+
var __default31 = { "root": "ChatMessage-module_root", "user": "ChatMessage-module_user", "ai": "ChatMessage-module_ai", "bubble": "ChatMessage-module_bubble", "sm": "ChatMessage-module_sm", "lg": "ChatMessage-module_lg", "bubbleUser": "ChatMessage-module_bubbleUser", "bubbleAi": "ChatMessage-module_bubbleAi" };
|
|
2605
2686
|
function ChatMessage({ children, role = "user", size = "sm", className = "" }) {
|
|
2606
2687
|
const isUser = role === "user";
|
|
2607
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
2688
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default31.root} ${isUser ? __default31.user : __default31.ai}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(
|
|
2608
2689
|
"div",
|
|
2609
2690
|
{
|
|
2610
|
-
className: `${
|
|
2691
|
+
className: `${__default31.bubble} ${__default31[size]} ${isUser ? __default31.bubbleUser : __default31.bubbleAi}`,
|
|
2611
2692
|
children
|
|
2612
2693
|
}
|
|
2613
2694
|
) });
|
|
@@ -2627,10 +2708,10 @@ __styleInject(`@charset "UTF-8";
|
|
|
2627
2708
|
letter-spacing: -0.25px;
|
|
2628
2709
|
color: var(--fg-secondary);
|
|
2629
2710
|
}`);
|
|
2630
|
-
var
|
|
2711
|
+
var __default32 = { "root": "TopPromo-module_root", "text": "TopPromo-module_text" };
|
|
2631
2712
|
function TopPromo({ text, buttonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C", onButtonClick, className = "" }) {
|
|
2632
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2633
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2713
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default32.root}${className ? ` ${className}` : ""}`, children: [
|
|
2714
|
+
/* @__PURE__ */ jsx("span", { className: __default32.text, children: text }),
|
|
2634
2715
|
/* @__PURE__ */ jsx(Button, { variant: "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
2635
2716
|
] });
|
|
2636
2717
|
}
|
|
@@ -2666,16 +2747,16 @@ __styleInject(`@charset "UTF-8";
|
|
|
2666
2747
|
.ProfileNav-module_separator {
|
|
2667
2748
|
color: var(--fg-muted);
|
|
2668
2749
|
}`);
|
|
2669
|
-
var
|
|
2750
|
+
var __default33 = { "root": "ProfileNav-module_root", "stats": "ProfileNav-module_stats", "statItem": "ProfileNav-module_statItem", "statText": "ProfileNav-module_statText", "separator": "ProfileNav-module_separator" };
|
|
2670
2751
|
function ProfileNav({ stats, avatarSrc, avatarInitials = "DK", className = "" }) {
|
|
2671
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2672
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2673
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
2752
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default33.root}${className ? ` ${className}` : ""}`, children: [
|
|
2753
|
+
/* @__PURE__ */ jsx("div", { className: __default33.stats, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("span", { className: __default33.statItem, children: [
|
|
2754
|
+
/* @__PURE__ */ jsxs("span", { className: __default33.statText, children: [
|
|
2674
2755
|
stat.value,
|
|
2675
2756
|
" ",
|
|
2676
2757
|
stat.suffix
|
|
2677
2758
|
] }),
|
|
2678
|
-
i < stats.length - 1 && /* @__PURE__ */ jsx("span", { className:
|
|
2759
|
+
i < stats.length - 1 && /* @__PURE__ */ jsx("span", { className: __default33.separator, children: " //" })
|
|
2679
2760
|
] }, i)) }),
|
|
2680
2761
|
/* @__PURE__ */ jsx(Avatar, { size: "sm", src: avatarSrc, initials: avatarInitials })
|
|
2681
2762
|
] });
|
|
@@ -2708,12 +2789,12 @@ __styleInject(`@charset "UTF-8";
|
|
|
2708
2789
|
letter-spacing: -0.25px;
|
|
2709
2790
|
white-space: nowrap;
|
|
2710
2791
|
}`);
|
|
2711
|
-
var
|
|
2792
|
+
var __default34 = { "root": "IconWithText-module_root", "icon": "IconWithText-module_icon", "text": "IconWithText-module_text" };
|
|
2712
2793
|
function IconWithText({ icon, text, side = "left", className = "" }) {
|
|
2713
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2714
|
-
side === "left" && /* @__PURE__ */ jsx("span", { className:
|
|
2715
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2716
|
-
side === "right" && /* @__PURE__ */ jsx("span", { className:
|
|
2794
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default34.root}${className ? ` ${className}` : ""}`, children: [
|
|
2795
|
+
side === "left" && /* @__PURE__ */ jsx("span", { className: __default34.icon, children: icon }),
|
|
2796
|
+
/* @__PURE__ */ jsx("span", { className: __default34.text, children: text }),
|
|
2797
|
+
side === "right" && /* @__PURE__ */ jsx("span", { className: __default34.icon, children: icon })
|
|
2717
2798
|
] });
|
|
2718
2799
|
}
|
|
2719
2800
|
|
|
@@ -2735,7 +2816,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2735
2816
|
.StampCard-module_inner {
|
|
2736
2817
|
background: var(--bg);
|
|
2737
2818
|
}`);
|
|
2738
|
-
var
|
|
2819
|
+
var __default35 = { "root": "StampCard-module_root", "plain": "StampCard-module_plain", "inner": "StampCard-module_inner" };
|
|
2739
2820
|
function StampCard({
|
|
2740
2821
|
children,
|
|
2741
2822
|
className = "",
|
|
@@ -2787,9 +2868,9 @@ function StampCard({
|
|
|
2787
2868
|
};
|
|
2788
2869
|
}, [build, stamp]);
|
|
2789
2870
|
if (!stamp) {
|
|
2790
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
2871
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default35.plain} ${className}`, children });
|
|
2791
2872
|
}
|
|
2792
|
-
return /* @__PURE__ */ jsx("div", { ref: outerRef, className: `${
|
|
2873
|
+
return /* @__PURE__ */ jsx("div", { ref: outerRef, className: `${__default35.root} ${className}`, children: /* @__PURE__ */ jsx("div", { style: { filter: "drop-shadow(0 1px 3px rgba(0,0,0,0.25)) drop-shadow(0 4px 12px rgba(0,0,0,0.20))" }, children: /* @__PURE__ */ jsx(
|
|
2793
2874
|
"div",
|
|
2794
2875
|
{
|
|
2795
2876
|
style: {
|
|
@@ -2798,7 +2879,7 @@ function StampCard({
|
|
|
2798
2879
|
WebkitMaskSize: "100% 100%",
|
|
2799
2880
|
maskSize: "100% 100%"
|
|
2800
2881
|
},
|
|
2801
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
2882
|
+
children: /* @__PURE__ */ jsx("div", { className: __default35.inner, children })
|
|
2802
2883
|
}
|
|
2803
2884
|
) }) });
|
|
2804
2885
|
}
|
|
@@ -2812,7 +2893,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2812
2893
|
justify-content: center;
|
|
2813
2894
|
cursor: pointer;
|
|
2814
2895
|
}`);
|
|
2815
|
-
var
|
|
2896
|
+
var __default36 = { "toggle": "PasswordInput-module_toggle" };
|
|
2816
2897
|
function PasswordInput(_a) {
|
|
2817
2898
|
var props = __objRest(_a, []);
|
|
2818
2899
|
const [showPassword, setShowPassword] = useState(false);
|
|
@@ -2825,7 +2906,7 @@ function PasswordInput(_a) {
|
|
|
2825
2906
|
{
|
|
2826
2907
|
type: "button",
|
|
2827
2908
|
onClick: () => setShowPassword((prev) => !prev),
|
|
2828
|
-
className:
|
|
2909
|
+
className: __default36.toggle,
|
|
2829
2910
|
"aria-label": showPassword ? "Hide password" : "Show password",
|
|
2830
2911
|
tabIndex: -1,
|
|
2831
2912
|
children: showPassword ? /* @__PURE__ */ jsx(IconlyEyeOff, { size: 18 }) : /* @__PURE__ */ jsx(IconlyEye, { size: 18 })
|
|
@@ -2872,21 +2953,21 @@ __styleInject(`@charset "UTF-8";
|
|
|
2872
2953
|
.Breadcrumbs-module_link:hover {
|
|
2873
2954
|
color: var(--fg);
|
|
2874
2955
|
}`);
|
|
2875
|
-
var
|
|
2956
|
+
var __default37 = { "list": "Breadcrumbs-module_list", "item": "Breadcrumbs-module_item", "separator": "Breadcrumbs-module_separator", "active": "Breadcrumbs-module_active", "link": "Breadcrumbs-module_link" };
|
|
2876
2957
|
function Breadcrumbs({
|
|
2877
2958
|
items,
|
|
2878
2959
|
separator = /* @__PURE__ */ jsx(IconlyChevronRight, { size: 14 })
|
|
2879
2960
|
}) {
|
|
2880
|
-
return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className:
|
|
2961
|
+
return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: __default37.list, children: items.map((item, index) => {
|
|
2881
2962
|
var _a;
|
|
2882
2963
|
const isLast = index === items.length - 1;
|
|
2883
|
-
return /* @__PURE__ */ jsxs("li", { className:
|
|
2884
|
-
index > 0 && /* @__PURE__ */ jsx("span", { className:
|
|
2885
|
-
isLast ? /* @__PURE__ */ jsx("span", { className:
|
|
2964
|
+
return /* @__PURE__ */ jsxs("li", { className: __default37.item, children: [
|
|
2965
|
+
index > 0 && /* @__PURE__ */ jsx("span", { className: __default37.separator, "aria-hidden": "true", children: separator }),
|
|
2966
|
+
isLast ? /* @__PURE__ */ jsx("span", { className: __default37.active, "aria-current": "page", children: item.label }) : /* @__PURE__ */ jsx(
|
|
2886
2967
|
"a",
|
|
2887
2968
|
{
|
|
2888
2969
|
href: (_a = item.href) != null ? _a : "#",
|
|
2889
|
-
className:
|
|
2970
|
+
className: __default37.link,
|
|
2890
2971
|
children: item.label
|
|
2891
2972
|
}
|
|
2892
2973
|
)
|
|
@@ -2963,7 +3044,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2963
3044
|
.Toast-module_dismiss:hover {
|
|
2964
3045
|
color: var(--fg);
|
|
2965
3046
|
}`);
|
|
2966
|
-
var
|
|
3047
|
+
var __default38 = { "root": "Toast-module_root", "icon": "Toast-module_icon", "info": "Toast-module_info", "success": "Toast-module_success", "warning": "Toast-module_warning", "error": "Toast-module_error", "content": "Toast-module_content", "title": "Toast-module_title", "message": "Toast-module_message", "dismiss": "Toast-module_dismiss" };
|
|
2967
3048
|
var variantIcons2 = {
|
|
2968
3049
|
info: IconlyInfoCircle,
|
|
2969
3050
|
success: IconlySuccess,
|
|
@@ -2986,24 +3067,24 @@ function Toast({
|
|
|
2986
3067
|
}, [visible, duration, onClose]);
|
|
2987
3068
|
if (!visible) return null;
|
|
2988
3069
|
const Icon = variantIcons2[variant];
|
|
2989
|
-
const variantClass =
|
|
3070
|
+
const variantClass = __default38[variant];
|
|
2990
3071
|
return /* @__PURE__ */ jsxs(
|
|
2991
3072
|
"div",
|
|
2992
3073
|
{
|
|
2993
3074
|
role: "alert",
|
|
2994
3075
|
"aria-live": "assertive",
|
|
2995
|
-
className: `${
|
|
3076
|
+
className: `${__default38.root}${className ? ` ${className}` : ""}`,
|
|
2996
3077
|
children: [
|
|
2997
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
2998
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2999
|
-
title && /* @__PURE__ */ jsx("p", { className: `${
|
|
3000
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
3078
|
+
/* @__PURE__ */ jsx("div", { className: `${__default38.icon} ${variantClass}`, children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
|
|
3079
|
+
/* @__PURE__ */ jsxs("div", { className: __default38.content, children: [
|
|
3080
|
+
title && /* @__PURE__ */ jsx("p", { className: `${__default38.title} ${variantClass}`, children: title }),
|
|
3081
|
+
/* @__PURE__ */ jsx("p", { className: __default38.message, children: message })
|
|
3001
3082
|
] }),
|
|
3002
3083
|
/* @__PURE__ */ jsx(
|
|
3003
3084
|
"button",
|
|
3004
3085
|
{
|
|
3005
3086
|
onClick: onClose,
|
|
3006
|
-
className:
|
|
3087
|
+
className: __default38.dismiss,
|
|
3007
3088
|
"aria-label": "Dismiss",
|
|
3008
3089
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 16 })
|
|
3009
3090
|
}
|
|
@@ -3083,7 +3164,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3083
3164
|
opacity: 0.5;
|
|
3084
3165
|
cursor: not-allowed;
|
|
3085
3166
|
}`);
|
|
3086
|
-
var
|
|
3167
|
+
var __default39 = { "root": "Pagination-module_root", "pageBtn": "Pagination-module_pageBtn", "activePage": "Pagination-module_activePage", "ellipsis": "Pagination-module_ellipsis", "nav": "Pagination-module_nav" };
|
|
3087
3168
|
function getPageRange(current, total, siblings) {
|
|
3088
3169
|
const range = /* @__PURE__ */ new Set();
|
|
3089
3170
|
range.add(1);
|
|
@@ -3112,24 +3193,24 @@ function Pagination({
|
|
|
3112
3193
|
const pages = getPageRange(currentPage, totalPages, siblingCount);
|
|
3113
3194
|
const isFirst = currentPage === 1;
|
|
3114
3195
|
const isLast = currentPage === totalPages;
|
|
3115
|
-
return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: `${
|
|
3196
|
+
return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: `${__default39.root} ${className}`, children: [
|
|
3116
3197
|
/* @__PURE__ */ jsx(
|
|
3117
3198
|
"button",
|
|
3118
3199
|
{
|
|
3119
3200
|
onClick: () => onPageChange(currentPage - 1),
|
|
3120
3201
|
disabled: isFirst,
|
|
3121
3202
|
"aria-label": "Previous page",
|
|
3122
|
-
className:
|
|
3203
|
+
className: __default39.nav,
|
|
3123
3204
|
children: /* @__PURE__ */ jsx(IconlyChevronLeft, { size: 18 })
|
|
3124
3205
|
}
|
|
3125
3206
|
),
|
|
3126
3207
|
pages.map(
|
|
3127
|
-
(page, i) => page === "\u2026" ? /* @__PURE__ */ jsx("span", { className:
|
|
3208
|
+
(page, i) => page === "\u2026" ? /* @__PURE__ */ jsx("span", { className: __default39.ellipsis, children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(
|
|
3128
3209
|
"button",
|
|
3129
3210
|
{
|
|
3130
3211
|
onClick: () => onPageChange(page),
|
|
3131
3212
|
"aria-current": page === currentPage ? "page" : void 0,
|
|
3132
|
-
className: `${
|
|
3213
|
+
className: `${__default39.pageBtn} ${page === currentPage ? __default39.activePage : ""}`,
|
|
3133
3214
|
children: page
|
|
3134
3215
|
},
|
|
3135
3216
|
page
|
|
@@ -3141,7 +3222,7 @@ function Pagination({
|
|
|
3141
3222
|
onClick: () => onPageChange(currentPage + 1),
|
|
3142
3223
|
disabled: isLast,
|
|
3143
3224
|
"aria-label": "Next page",
|
|
3144
|
-
className:
|
|
3225
|
+
className: __default39.nav,
|
|
3145
3226
|
children: /* @__PURE__ */ jsx(IconlyChevronRight, { size: 18 })
|
|
3146
3227
|
}
|
|
3147
3228
|
)
|
|
@@ -3197,7 +3278,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3197
3278
|
letter-spacing: -0.25px;
|
|
3198
3279
|
color: var(--color-error);
|
|
3199
3280
|
}`);
|
|
3200
|
-
var
|
|
3281
|
+
var __default40 = { "root": "CodeInput-module_root", "label": "CodeInput-module_label", "group": "CodeInput-module_group", "digitInput": "CodeInput-module_digitInput", "digitError": "CodeInput-module_digitError", "errorText": "CodeInput-module_errorText" };
|
|
3201
3282
|
function CodeInput({
|
|
3202
3283
|
length,
|
|
3203
3284
|
value,
|
|
@@ -3250,9 +3331,9 @@ function CodeInput({
|
|
|
3250
3331
|
[length, onChange, focusInput]
|
|
3251
3332
|
);
|
|
3252
3333
|
const inputId = label == null ? void 0 : label.toLowerCase().replace(/\s+/g, "-");
|
|
3253
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3254
|
-
label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className:
|
|
3255
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3334
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default40.root} ${className}`, children: [
|
|
3335
|
+
label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: __default40.label, children: label }),
|
|
3336
|
+
/* @__PURE__ */ jsx("div", { className: __default40.group, role: "group", "aria-label": label || "Code input", children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(
|
|
3256
3337
|
"input",
|
|
3257
3338
|
{
|
|
3258
3339
|
id: i === 0 ? inputId : void 0,
|
|
@@ -3267,12 +3348,12 @@ function CodeInput({
|
|
|
3267
3348
|
onKeyDown: handleKeyDown(i),
|
|
3268
3349
|
onPaste: handlePaste,
|
|
3269
3350
|
autoComplete: "one-time-code",
|
|
3270
|
-
className: `${
|
|
3351
|
+
className: `${__default40.digitInput} ${error ? __default40.digitError : ""}`,
|
|
3271
3352
|
"aria-label": `Digit ${i + 1}`
|
|
3272
3353
|
},
|
|
3273
3354
|
i
|
|
3274
3355
|
)) }),
|
|
3275
|
-
error && /* @__PURE__ */ jsx("p", { className:
|
|
3356
|
+
error && /* @__PURE__ */ jsx("p", { className: __default40.errorText, children: error })
|
|
3276
3357
|
] });
|
|
3277
3358
|
}
|
|
3278
3359
|
|
|
@@ -3336,7 +3417,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3336
3417
|
justify-content: flex-end;
|
|
3337
3418
|
margin-top: 1.5rem;
|
|
3338
3419
|
}`);
|
|
3339
|
-
var
|
|
3420
|
+
var __default41 = { "dialog": "Modal-module_dialog", "content": "Modal-module_content", "header": "Modal-module_header", "title": "Modal-module_title", "closeBtn": "Modal-module_closeBtn", "body": "Modal-module_body", "footer": "Modal-module_footer" };
|
|
3340
3421
|
function Modal({
|
|
3341
3422
|
open,
|
|
3342
3423
|
onClose,
|
|
@@ -3366,23 +3447,23 @@ function Modal({
|
|
|
3366
3447
|
ref: dialogRef,
|
|
3367
3448
|
onClose,
|
|
3368
3449
|
onClick: handleBackdropClick,
|
|
3369
|
-
className: `${
|
|
3370
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
3371
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3372
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
3450
|
+
className: `${__default41.dialog}${className ? ` ${className}` : ""}`,
|
|
3451
|
+
children: /* @__PURE__ */ jsxs("div", { className: __default41.content, children: [
|
|
3452
|
+
/* @__PURE__ */ jsxs("div", { className: __default41.header, children: [
|
|
3453
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default41.title, children: title }),
|
|
3373
3454
|
/* @__PURE__ */ jsx(
|
|
3374
3455
|
"button",
|
|
3375
3456
|
{
|
|
3376
3457
|
type: "button",
|
|
3377
3458
|
onClick: onClose,
|
|
3378
|
-
className:
|
|
3459
|
+
className: __default41.closeBtn,
|
|
3379
3460
|
"aria-label": "Close",
|
|
3380
3461
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 20 })
|
|
3381
3462
|
}
|
|
3382
3463
|
)
|
|
3383
3464
|
] }),
|
|
3384
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3385
|
-
footer && /* @__PURE__ */ jsx("div", { className:
|
|
3465
|
+
/* @__PURE__ */ jsx("div", { className: __default41.body, children }),
|
|
3466
|
+
footer && /* @__PURE__ */ jsx("div", { className: __default41.footer, children: footer })
|
|
3386
3467
|
] })
|
|
3387
3468
|
}
|
|
3388
3469
|
);
|
|
@@ -3473,7 +3554,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3473
3554
|
border: none;
|
|
3474
3555
|
border-top: 1px solid var(--border-color);
|
|
3475
3556
|
}`);
|
|
3476
|
-
var
|
|
3557
|
+
var __default42 = { "root": "DropdownMenu-module_root", "trigger": "DropdownMenu-module_trigger", "menu": "DropdownMenu-module_menu", "alignLeft": "DropdownMenu-module_alignLeft", "alignRight": "DropdownMenu-module_alignRight", "item": "DropdownMenu-module_item", "itemIcon": "DropdownMenu-module_itemIcon", "divider": "DropdownMenu-module_divider" };
|
|
3477
3558
|
function DropdownMenu({
|
|
3478
3559
|
trigger,
|
|
3479
3560
|
items,
|
|
@@ -3541,7 +3622,7 @@ function DropdownMenu({
|
|
|
3541
3622
|
openMenu();
|
|
3542
3623
|
}
|
|
3543
3624
|
};
|
|
3544
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `${
|
|
3625
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `${__default42.root} ${className}`, children: [
|
|
3545
3626
|
/* @__PURE__ */ jsx(
|
|
3546
3627
|
"div",
|
|
3547
3628
|
{
|
|
@@ -3550,7 +3631,7 @@ function DropdownMenu({
|
|
|
3550
3631
|
tabIndex: 0,
|
|
3551
3632
|
onClick: () => isOpen ? closeMenu() : openMenu(),
|
|
3552
3633
|
onKeyDown: handleTriggerKeyDown,
|
|
3553
|
-
className:
|
|
3634
|
+
className: __default42.trigger,
|
|
3554
3635
|
"aria-haspopup": "true",
|
|
3555
3636
|
"aria-expanded": isOpen,
|
|
3556
3637
|
children: trigger
|
|
@@ -3561,9 +3642,9 @@ function DropdownMenu({
|
|
|
3561
3642
|
{
|
|
3562
3643
|
role: "menu",
|
|
3563
3644
|
onKeyDown: handleMenuKeyDown,
|
|
3564
|
-
className: `${
|
|
3645
|
+
className: `${__default42.menu} ${align === "right" ? __default42.alignRight : __default42.alignLeft}`,
|
|
3565
3646
|
children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { children: [
|
|
3566
|
-
item.divider && /* @__PURE__ */ jsx("hr", { className:
|
|
3647
|
+
item.divider && /* @__PURE__ */ jsx("hr", { className: __default42.divider }),
|
|
3567
3648
|
/* @__PURE__ */ jsxs(
|
|
3568
3649
|
"button",
|
|
3569
3650
|
{
|
|
@@ -3577,9 +3658,9 @@ function DropdownMenu({
|
|
|
3577
3658
|
item.onClick();
|
|
3578
3659
|
closeMenu();
|
|
3579
3660
|
},
|
|
3580
|
-
className:
|
|
3661
|
+
className: __default42.item,
|
|
3581
3662
|
children: [
|
|
3582
|
-
item.icon && /* @__PURE__ */ jsx("span", { className:
|
|
3663
|
+
item.icon && /* @__PURE__ */ jsx("span", { className: __default42.itemIcon, children: item.icon }),
|
|
3583
3664
|
item.label
|
|
3584
3665
|
]
|
|
3585
3666
|
}
|
|
@@ -3590,6 +3671,105 @@ function DropdownMenu({
|
|
|
3590
3671
|
] });
|
|
3591
3672
|
}
|
|
3592
3673
|
|
|
3674
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/SegmentedControl.module.scss
|
|
3675
|
+
__styleInject(`@charset "UTF-8";
|
|
3676
|
+
/* SegmentedControl \u2014 pill-\u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 N \u0441\u0435\u0433\u043C\u0435\u043D\u0442\u0430\u043C\u0438, \u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0439 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D. */
|
|
3677
|
+
.SegmentedControl-module_root {
|
|
3678
|
+
display: inline-flex;
|
|
3679
|
+
align-items: stretch;
|
|
3680
|
+
border: 1px solid var(--border-color);
|
|
3681
|
+
border-radius: var(--radius-full);
|
|
3682
|
+
padding: 2px;
|
|
3683
|
+
background: var(--bg);
|
|
3684
|
+
line-height: 1;
|
|
3685
|
+
}
|
|
3686
|
+
|
|
3687
|
+
/* \u2014 \u0420\u0430\u0437\u043C\u0435\u0440\u044B (parity \u0441 Button/Toggle) \u2014 */
|
|
3688
|
+
.SegmentedControl-module_sm {
|
|
3689
|
+
height: 28px;
|
|
3690
|
+
}
|
|
3691
|
+
.SegmentedControl-module_sm .SegmentedControl-module_segment {
|
|
3692
|
+
padding: 0 0.625rem;
|
|
3693
|
+
font-size: 11px;
|
|
3694
|
+
font-weight: 600;
|
|
3695
|
+
letter-spacing: 0.04em;
|
|
3696
|
+
}
|
|
3697
|
+
|
|
3698
|
+
.SegmentedControl-module_md {
|
|
3699
|
+
height: 32px;
|
|
3700
|
+
}
|
|
3701
|
+
.SegmentedControl-module_md .SegmentedControl-module_segment {
|
|
3702
|
+
padding: 0 0.875rem;
|
|
3703
|
+
font-size: 13px;
|
|
3704
|
+
font-weight: 600;
|
|
3705
|
+
letter-spacing: -0.25px;
|
|
3706
|
+
}
|
|
3707
|
+
|
|
3708
|
+
/* \u2014 Segment (button) \u2014 */
|
|
3709
|
+
.SegmentedControl-module_segment {
|
|
3710
|
+
appearance: none;
|
|
3711
|
+
border: none;
|
|
3712
|
+
background: transparent;
|
|
3713
|
+
color: var(--fg-muted);
|
|
3714
|
+
border-radius: var(--radius-full);
|
|
3715
|
+
cursor: pointer;
|
|
3716
|
+
transition: color var(--transition-fast), background var(--transition-fast);
|
|
3717
|
+
}
|
|
3718
|
+
.SegmentedControl-module_segment:hover:not(.SegmentedControl-module_segmentActive):not(:disabled) {
|
|
3719
|
+
color: var(--fg);
|
|
3720
|
+
}
|
|
3721
|
+
.SegmentedControl-module_segment:focus-visible {
|
|
3722
|
+
outline: 2px solid var(--brand-primary);
|
|
3723
|
+
outline-offset: 2px;
|
|
3724
|
+
}
|
|
3725
|
+
.SegmentedControl-module_segment:disabled {
|
|
3726
|
+
cursor: not-allowed;
|
|
3727
|
+
opacity: 0.5;
|
|
3728
|
+
}
|
|
3729
|
+
|
|
3730
|
+
.SegmentedControl-module_segmentActive {
|
|
3731
|
+
background: var(--fg);
|
|
3732
|
+
color: var(--bg);
|
|
3733
|
+
cursor: default;
|
|
3734
|
+
}`);
|
|
3735
|
+
var __default43 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
|
|
3736
|
+
function SegmentedControl({
|
|
3737
|
+
options,
|
|
3738
|
+
value,
|
|
3739
|
+
onChange,
|
|
3740
|
+
size = "md",
|
|
3741
|
+
ariaLabel,
|
|
3742
|
+
className = ""
|
|
3743
|
+
}) {
|
|
3744
|
+
return /* @__PURE__ */ jsx(
|
|
3745
|
+
"div",
|
|
3746
|
+
{
|
|
3747
|
+
role: "group",
|
|
3748
|
+
"aria-label": ariaLabel,
|
|
3749
|
+
className: `${__default43.root} ${__default43[size]}${className ? ` ${className}` : ""}`,
|
|
3750
|
+
children: options.map((option) => {
|
|
3751
|
+
const isActive = option.value === value;
|
|
3752
|
+
const isDisabled = option.disabled || false;
|
|
3753
|
+
return /* @__PURE__ */ jsx(
|
|
3754
|
+
"button",
|
|
3755
|
+
{
|
|
3756
|
+
type: "button",
|
|
3757
|
+
"aria-pressed": isActive,
|
|
3758
|
+
disabled: isDisabled,
|
|
3759
|
+
className: `${__default43.segment}${isActive ? ` ${__default43.segmentActive}` : ""}`,
|
|
3760
|
+
onClick: () => {
|
|
3761
|
+
if (isActive || isDisabled) return;
|
|
3762
|
+
onChange(option.value);
|
|
3763
|
+
},
|
|
3764
|
+
children: option.label
|
|
3765
|
+
},
|
|
3766
|
+
option.value
|
|
3767
|
+
);
|
|
3768
|
+
})
|
|
3769
|
+
}
|
|
3770
|
+
);
|
|
3771
|
+
}
|
|
3772
|
+
|
|
3593
3773
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/Header.module.scss
|
|
3594
3774
|
__styleInject(`@charset "UTF-8";
|
|
3595
3775
|
/* Header \u2014 pill-style (border + radius + margin) by default */
|
|
@@ -3702,25 +3882,25 @@ __styleInject(`@charset "UTF-8";
|
|
|
3702
3882
|
padding-top: 1rem;
|
|
3703
3883
|
border-top: 1px solid var(--border-color);
|
|
3704
3884
|
}`);
|
|
3705
|
-
var
|
|
3885
|
+
var __default44 = { "root": "Header-module_root", "container": "Header-module_container", "bar": "Header-module_bar", "leftGroup": "Header-module_leftGroup", "desktopNav": "Header-module_desktopNav", "navLink": "Header-module_navLink", "desktopActions": "Header-module_desktopActions", "mobileToggle": "Header-module_mobileToggle", "mobileMenu": "Header-module_mobileMenu", "mobileNav": "Header-module_mobileNav", "mobileActions": "Header-module_mobileActions" };
|
|
3706
3886
|
function Header({ logo, navItems = [], actions, className = "" }) {
|
|
3707
3887
|
const [mobileOpen, setMobileOpen] = useState(false);
|
|
3708
|
-
return /* @__PURE__ */ jsxs("header", { className: `${
|
|
3709
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3710
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3888
|
+
return /* @__PURE__ */ jsxs("header", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: [
|
|
3889
|
+
/* @__PURE__ */ jsx("div", { className: __default44.container, children: /* @__PURE__ */ jsxs("div", { className: __default44.bar, children: [
|
|
3890
|
+
/* @__PURE__ */ jsxs("div", { className: __default44.leftGroup, children: [
|
|
3711
3891
|
logo,
|
|
3712
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
3892
|
+
/* @__PURE__ */ jsx("nav", { className: __default44.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
|
|
3713
3893
|
"a",
|
|
3714
3894
|
{
|
|
3715
3895
|
href: item.href,
|
|
3716
|
-
className:
|
|
3896
|
+
className: __default44.navLink,
|
|
3717
3897
|
children: item.label
|
|
3718
3898
|
},
|
|
3719
3899
|
item.label
|
|
3720
3900
|
)) })
|
|
3721
3901
|
] }),
|
|
3722
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
3723
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3902
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default44.desktopActions, children: actions }),
|
|
3903
|
+
/* @__PURE__ */ jsx("div", { className: __default44.mobileToggle, children: /* @__PURE__ */ jsx(
|
|
3724
3904
|
IconButton,
|
|
3725
3905
|
{
|
|
3726
3906
|
variant: "primary",
|
|
@@ -3730,17 +3910,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
|
|
|
3730
3910
|
}
|
|
3731
3911
|
) })
|
|
3732
3912
|
] }) }),
|
|
3733
|
-
mobileOpen && /* @__PURE__ */ jsxs("div", { className:
|
|
3734
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
3913
|
+
mobileOpen && /* @__PURE__ */ jsxs("div", { className: __default44.mobileMenu, children: [
|
|
3914
|
+
/* @__PURE__ */ jsx("nav", { className: __default44.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
|
|
3735
3915
|
"a",
|
|
3736
3916
|
{
|
|
3737
3917
|
href: item.href,
|
|
3738
|
-
className:
|
|
3918
|
+
className: __default44.navLink,
|
|
3739
3919
|
children: item.label
|
|
3740
3920
|
},
|
|
3741
3921
|
item.label
|
|
3742
3922
|
)) }),
|
|
3743
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
3923
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default44.mobileActions, children: actions })
|
|
3744
3924
|
] })
|
|
3745
3925
|
] });
|
|
3746
3926
|
}
|
|
@@ -3874,7 +4054,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3874
4054
|
.Footer-module_socialLink:hover {
|
|
3875
4055
|
color: var(--fg);
|
|
3876
4056
|
}`);
|
|
3877
|
-
var
|
|
4057
|
+
var __default45 = { "root": "Footer-module_root", "container": "Footer-module_container", "grid": "Footer-module_grid", "brandCell": "Footer-module_brandCell", "tagline": "Footer-module_tagline", "columnTitle": "Footer-module_columnTitle", "linkList": "Footer-module_linkList", "link": "Footer-module_link", "bottom": "Footer-module_bottom", "copyright": "Footer-module_copyright", "socials": "Footer-module_socials", "socialLink": "Footer-module_socialLink" };
|
|
3878
4058
|
function Footer({
|
|
3879
4059
|
brand,
|
|
3880
4060
|
columns,
|
|
@@ -3885,24 +4065,24 @@ function Footer({
|
|
|
3885
4065
|
const hasBrand = !!(brand && (brand.logo || brand.tagline));
|
|
3886
4066
|
const hasGrid = hasBrand || columns && columns.length > 0;
|
|
3887
4067
|
const hasBottom = !!copyright || socials && socials.length > 0;
|
|
3888
|
-
return /* @__PURE__ */ jsx("footer", { className: `${
|
|
3889
|
-
hasGrid && /* @__PURE__ */ jsxs("div", { className:
|
|
3890
|
-
hasBrand && /* @__PURE__ */ jsxs("div", { className:
|
|
4068
|
+
return /* @__PURE__ */ jsx("footer", { className: `${__default45.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default45.container, children: [
|
|
4069
|
+
hasGrid && /* @__PURE__ */ jsxs("div", { className: __default45.grid, children: [
|
|
4070
|
+
hasBrand && /* @__PURE__ */ jsxs("div", { className: __default45.brandCell, children: [
|
|
3891
4071
|
brand == null ? void 0 : brand.logo,
|
|
3892
|
-
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className:
|
|
4072
|
+
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className: __default45.tagline, children: brand.tagline })
|
|
3893
4073
|
] }),
|
|
3894
4074
|
columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxs("div", { children: [
|
|
3895
|
-
/* @__PURE__ */ jsx("h4", { className:
|
|
3896
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
4075
|
+
/* @__PURE__ */ jsx("h4", { className: __default45.columnTitle, children: col.title }),
|
|
4076
|
+
/* @__PURE__ */ jsx("ul", { className: __default45.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: __default45.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
|
|
3897
4077
|
] }, `${ci}-${col.title}`))
|
|
3898
4078
|
] }),
|
|
3899
|
-
hasBottom && /* @__PURE__ */ jsxs("div", { className:
|
|
3900
|
-
copyright && /* @__PURE__ */ jsx("p", { className:
|
|
3901
|
-
socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
4079
|
+
hasBottom && /* @__PURE__ */ jsxs("div", { className: __default45.bottom, children: [
|
|
4080
|
+
copyright && /* @__PURE__ */ jsx("p", { className: __default45.copyright, children: copyright }),
|
|
4081
|
+
socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: __default45.socials, children: socials.map((social, si) => /* @__PURE__ */ jsx(
|
|
3902
4082
|
"a",
|
|
3903
4083
|
{
|
|
3904
4084
|
href: social.href,
|
|
3905
|
-
className:
|
|
4085
|
+
className: __default45.socialLink,
|
|
3906
4086
|
children: social.label
|
|
3907
4087
|
},
|
|
3908
4088
|
`${si}-${social.label}`
|
|
@@ -3998,7 +4178,7 @@ __styleInject(`.PricingCard-module_root {
|
|
|
3998
4178
|
.PricingCard-module_cta {
|
|
3999
4179
|
width: 100%;
|
|
4000
4180
|
}`);
|
|
4001
|
-
var
|
|
4181
|
+
var __default46 = { "root": "PricingCard-module_root", "highlighted": "PricingCard-module_highlighted", "badgeWrap": "PricingCard-module_badgeWrap", "header": "PricingCard-module_header", "plan": "PricingCard-module_plan", "description": "PricingCard-module_description", "priceBlock": "PricingCard-module_priceBlock", "price": "PricingCard-module_price", "period": "PricingCard-module_period", "features": "PricingCard-module_features", "featureItem": "PricingCard-module_featureItem", "featureItemExcluded": "PricingCard-module_featureItemExcluded", "featureIcon": "PricingCard-module_featureIcon", "featureIconExcluded": "PricingCard-module_featureIconExcluded", "cta": "PricingCard-module_cta" };
|
|
4002
4182
|
function PricingCard({
|
|
4003
4183
|
plan,
|
|
4004
4184
|
price,
|
|
@@ -4013,26 +4193,26 @@ function PricingCard({
|
|
|
4013
4193
|
return /* @__PURE__ */ jsxs(
|
|
4014
4194
|
"div",
|
|
4015
4195
|
{
|
|
4016
|
-
className: `${
|
|
4196
|
+
className: `${__default46.root}${highlighted ? ` ${__default46.highlighted}` : ""}${className ? ` ${className}` : ""}`,
|
|
4017
4197
|
children: [
|
|
4018
|
-
badge && /* @__PURE__ */ jsx("div", { className:
|
|
4019
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4020
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4021
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
4198
|
+
badge && /* @__PURE__ */ jsx("div", { className: __default46.badgeWrap, children: /* @__PURE__ */ jsx(Badge, { color: "info", children: badge }) }),
|
|
4199
|
+
/* @__PURE__ */ jsxs("div", { className: __default46.header, children: [
|
|
4200
|
+
/* @__PURE__ */ jsx("h3", { className: __default46.plan, children: plan }),
|
|
4201
|
+
description && /* @__PURE__ */ jsx("p", { className: __default46.description, children: description })
|
|
4022
4202
|
] }),
|
|
4023
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4024
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4025
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4203
|
+
/* @__PURE__ */ jsxs("div", { className: __default46.priceBlock, children: [
|
|
4204
|
+
/* @__PURE__ */ jsx("span", { className: __default46.price, children: price }),
|
|
4205
|
+
/* @__PURE__ */ jsx("span", { className: __default46.period, children: period })
|
|
4026
4206
|
] }),
|
|
4027
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
4207
|
+
/* @__PURE__ */ jsx("ul", { className: __default46.features, children: features.map((feature, i) => {
|
|
4028
4208
|
const text = typeof feature === "string" ? feature : feature.text;
|
|
4029
4209
|
const isExcluded = typeof feature === "object" && feature.included === false;
|
|
4030
4210
|
return /* @__PURE__ */ jsxs(
|
|
4031
4211
|
"li",
|
|
4032
4212
|
{
|
|
4033
|
-
className: `${
|
|
4213
|
+
className: `${__default46.featureItem}${isExcluded ? ` ${__default46.featureItemExcluded}` : ""}`,
|
|
4034
4214
|
children: [
|
|
4035
|
-
/* @__PURE__ */ jsx("span", { className: `${
|
|
4215
|
+
/* @__PURE__ */ jsx("span", { className: `${__default46.featureIcon}${isExcluded ? ` ${__default46.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsx(IconlyCheck, { size: 16 }) }),
|
|
4036
4216
|
text
|
|
4037
4217
|
]
|
|
4038
4218
|
},
|
|
@@ -4043,7 +4223,7 @@ function PricingCard({
|
|
|
4043
4223
|
Button,
|
|
4044
4224
|
{
|
|
4045
4225
|
variant: highlighted ? "primary" : "outline",
|
|
4046
|
-
className:
|
|
4226
|
+
className: __default46.cta,
|
|
4047
4227
|
onClick: cta.onClick,
|
|
4048
4228
|
children: cta.label
|
|
4049
4229
|
}
|
|
@@ -4091,21 +4271,21 @@ __styleInject(`.TestimonialCard-module_root {
|
|
|
4091
4271
|
font-size: 0.75rem;
|
|
4092
4272
|
color: var(--fg-muted);
|
|
4093
4273
|
}`);
|
|
4094
|
-
var
|
|
4274
|
+
var __default47 = { "root": "TestimonialCard-module_root", "quoteIcon": "TestimonialCard-module_quoteIcon", "quoteText": "TestimonialCard-module_quoteText", "author": "TestimonialCard-module_author", "authorName": "TestimonialCard-module_authorName", "authorRole": "TestimonialCard-module_authorRole" };
|
|
4095
4275
|
function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
|
|
4096
4276
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
4097
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4098
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4099
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
4277
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default47.root}${className ? ` ${className}` : ""}`, children: [
|
|
4278
|
+
/* @__PURE__ */ jsx("div", { className: __default47.quoteIcon, children: /* @__PURE__ */ jsx(IconlyQuote, { size: 32 }) }),
|
|
4279
|
+
/* @__PURE__ */ jsxs("p", { className: __default47.quoteText, children: [
|
|
4100
4280
|
"\u201C",
|
|
4101
4281
|
quote,
|
|
4102
4282
|
"\u201D"
|
|
4103
4283
|
] }),
|
|
4104
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4284
|
+
/* @__PURE__ */ jsxs("div", { className: __default47.author, children: [
|
|
4105
4285
|
/* @__PURE__ */ jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
|
|
4106
4286
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
4107
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4108
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4287
|
+
/* @__PURE__ */ jsx("p", { className: __default47.authorName, children: name }),
|
|
4288
|
+
/* @__PURE__ */ jsx("p", { className: __default47.authorRole, children: role })
|
|
4109
4289
|
] })
|
|
4110
4290
|
] })
|
|
4111
4291
|
] });
|
|
@@ -4177,17 +4357,17 @@ __styleInject(`.FeatureGrid-module_root {
|
|
|
4177
4357
|
color: var(--fg-muted);
|
|
4178
4358
|
line-height: 1.625;
|
|
4179
4359
|
}`);
|
|
4180
|
-
var
|
|
4360
|
+
var __default48 = { "root": "FeatureGrid-module_root", "cols2": "FeatureGrid-module_cols2", "cols3": "FeatureGrid-module_cols3", "cols4": "FeatureGrid-module_cols4", "card": "FeatureGrid-module_card", "cardIcon": "FeatureGrid-module_cardIcon", "cardTitle": "FeatureGrid-module_cardTitle", "cardDescription": "FeatureGrid-module_cardDescription" };
|
|
4181
4361
|
function FeatureGrid({ features, columns = 3, className = "" }) {
|
|
4182
4362
|
const colsClass = {
|
|
4183
|
-
2:
|
|
4184
|
-
3:
|
|
4185
|
-
4:
|
|
4363
|
+
2: __default48.cols2,
|
|
4364
|
+
3: __default48.cols3,
|
|
4365
|
+
4: __default48.cols4
|
|
4186
4366
|
};
|
|
4187
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
4188
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4189
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4190
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4367
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default48.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default48.card, children: [
|
|
4368
|
+
/* @__PURE__ */ jsx("div", { className: __default48.cardIcon, children: feature.icon }),
|
|
4369
|
+
/* @__PURE__ */ jsx("h3", { className: __default48.cardTitle, children: feature.title }),
|
|
4370
|
+
/* @__PURE__ */ jsx("p", { className: __default48.cardDescription, children: feature.description })
|
|
4191
4371
|
] }, i)) });
|
|
4192
4372
|
}
|
|
4193
4373
|
|
|
@@ -4288,7 +4468,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4288
4468
|
display: block;
|
|
4289
4469
|
}
|
|
4290
4470
|
}`);
|
|
4291
|
-
var
|
|
4471
|
+
var __default49 = { "root": "Sidebar-module_root", "menu": "Sidebar-module_menu", "courseSubmenu": "Sidebar-module_courseSubmenu", "logo": "Sidebar-module_logo", "compact": "Sidebar-module_compact", "footer": "Sidebar-module_footer", "nav": "Sidebar-module_nav", "legal": "Sidebar-module_legal", "overlay": "Sidebar-module_overlay", "collapsed": "Sidebar-module_collapsed", "open": "Sidebar-module_open", "overlayVisible": "Sidebar-module_overlayVisible" };
|
|
4292
4472
|
var defaultMenuItems = [
|
|
4293
4473
|
"\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
|
|
4294
4474
|
"\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
|
|
@@ -4332,19 +4512,19 @@ function Sidebar({
|
|
|
4332
4512
|
const items = normaliseItems(rawItems);
|
|
4333
4513
|
const [internalActive, setInternalActive] = useState(0);
|
|
4334
4514
|
const isControlled = activeId !== void 0;
|
|
4335
|
-
const widthClass = type === "courseSubmenu" ?
|
|
4515
|
+
const widthClass = type === "courseSubmenu" ? __default49.courseSubmenu : __default49.menu;
|
|
4336
4516
|
const showLegal = legalText !== null;
|
|
4337
4517
|
const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
|
|
4338
4518
|
const isOpen = collapsed === false;
|
|
4339
4519
|
const collapseClasses = [
|
|
4340
|
-
collapsed ?
|
|
4341
|
-
isOpen ?
|
|
4520
|
+
collapsed ? __default49.collapsed : "",
|
|
4521
|
+
isOpen ? __default49.open : ""
|
|
4342
4522
|
].filter(Boolean).join(" ");
|
|
4343
4523
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4344
4524
|
onToggle && /* @__PURE__ */ jsx(
|
|
4345
4525
|
"div",
|
|
4346
4526
|
{
|
|
4347
|
-
className: `${
|
|
4527
|
+
className: `${__default49.overlay}${isOpen ? ` ${__default49.overlayVisible}` : ""}`,
|
|
4348
4528
|
onClick: onToggle,
|
|
4349
4529
|
"aria-hidden": "true"
|
|
4350
4530
|
}
|
|
@@ -4352,10 +4532,10 @@ function Sidebar({
|
|
|
4352
4532
|
/* @__PURE__ */ jsxs(
|
|
4353
4533
|
"aside",
|
|
4354
4534
|
{
|
|
4355
|
-
className: `${
|
|
4535
|
+
className: `${__default49.root} ${widthClass}${layout === "compact" ? ` ${__default49.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
|
|
4356
4536
|
children: [
|
|
4357
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
4358
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
4537
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default49.logo, children: logo }),
|
|
4538
|
+
/* @__PURE__ */ jsx("nav", { className: __default49.nav, children: items.map((item, i) => {
|
|
4359
4539
|
const isActive = isControlled ? item.id === activeId : i === internalActive;
|
|
4360
4540
|
return /* @__PURE__ */ jsx(
|
|
4361
4541
|
MenuItem,
|
|
@@ -4371,9 +4551,9 @@ function Sidebar({
|
|
|
4371
4551
|
item.id
|
|
4372
4552
|
);
|
|
4373
4553
|
}) }),
|
|
4374
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4554
|
+
/* @__PURE__ */ jsxs("div", { className: __default49.footer, children: [
|
|
4375
4555
|
type === "menu" && footer,
|
|
4376
|
-
showLegal && /* @__PURE__ */ jsx("p", { className:
|
|
4556
|
+
showLegal && /* @__PURE__ */ jsx("p", { className: __default49.legal, children: legalContent })
|
|
4377
4557
|
] })
|
|
4378
4558
|
]
|
|
4379
4559
|
}
|
|
@@ -4483,7 +4663,7 @@ __styleInject(`.AppCard-module_defaultCard {
|
|
|
4483
4663
|
.AppCard-module_stampBg {
|
|
4484
4664
|
background: var(--bg);
|
|
4485
4665
|
}`);
|
|
4486
|
-
var
|
|
4666
|
+
var __default50 = { "defaultCard": "AppCard-module_defaultCard", "stampCard": "AppCard-module_stampCard", "imageWrap": "AppCard-module_imageWrap", "imageWrapRounded": "AppCard-module_imageWrapRounded AppCard-module_imageWrap", "image": "AppCard-module_image", "contentDefaultNoImage": "AppCard-module_contentDefaultNoImage AppCard-module_contentDefault AppCard-module_contentArea", "contentDefaultWithImage": "AppCard-module_contentDefaultWithImage AppCard-module_contentDefault AppCard-module_contentArea", "contentStamp": "AppCard-module_contentStamp AppCard-module_contentArea", "textGroup": "AppCard-module_textGroup", "cardTitle": "AppCard-module_cardTitle", "cardDesc": "AppCard-module_cardDesc", "footer": "AppCard-module_footer", "iconRow": "AppCard-module_iconRow", "shadowWrap": "AppCard-module_shadowWrap", "stampBg": "AppCard-module_stampBg" };
|
|
4487
4667
|
var HOLE_R = 4;
|
|
4488
4668
|
var HOLE_SP = 16;
|
|
4489
4669
|
function buildStampMask(w, h) {
|
|
@@ -4510,18 +4690,18 @@ function CardContent({
|
|
|
4510
4690
|
isStamp
|
|
4511
4691
|
}) {
|
|
4512
4692
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4513
|
-
image && /* @__PURE__ */ jsx("div", { className: isStamp ?
|
|
4693
|
+
image && /* @__PURE__ */ jsx("div", { className: isStamp ? __default50.imageWrap : __default50.imageWrapRounded, children: /* @__PURE__ */ jsx("img", { src: image, alt: title, className: __default50.image }) }),
|
|
4514
4694
|
/* @__PURE__ */ jsxs(
|
|
4515
4695
|
"div",
|
|
4516
4696
|
{
|
|
4517
|
-
className: isStamp ?
|
|
4697
|
+
className: isStamp ? __default50.contentStamp : image ? __default50.contentDefaultWithImage : __default50.contentDefaultNoImage,
|
|
4518
4698
|
children: [
|
|
4519
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4520
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4521
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4699
|
+
/* @__PURE__ */ jsxs("div", { className: __default50.textGroup, children: [
|
|
4700
|
+
/* @__PURE__ */ jsx("h3", { className: __default50.cardTitle, children: title }),
|
|
4701
|
+
/* @__PURE__ */ jsx("p", { className: __default50.cardDesc, children: description })
|
|
4522
4702
|
] }),
|
|
4523
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4524
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4703
|
+
/* @__PURE__ */ jsxs("div", { className: __default50.footer, children: [
|
|
4704
|
+
/* @__PURE__ */ jsx("div", { className: __default50.iconRow, children: icons }),
|
|
4525
4705
|
/* @__PURE__ */ jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
4526
4706
|
] })
|
|
4527
4707
|
]
|
|
@@ -4538,7 +4718,7 @@ function AppCard(_a) {
|
|
|
4538
4718
|
"className"
|
|
4539
4719
|
]);
|
|
4540
4720
|
if (variant === "default") {
|
|
4541
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
4721
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default50.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
|
|
4542
4722
|
}
|
|
4543
4723
|
const padded = variant === "stamp-padded";
|
|
4544
4724
|
return /* @__PURE__ */ jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
|
|
@@ -4564,7 +4744,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4564
4744
|
ro.disconnect();
|
|
4565
4745
|
};
|
|
4566
4746
|
}, [build]);
|
|
4567
|
-
return /* @__PURE__ */ jsx("div", { ref, className: `${
|
|
4747
|
+
return /* @__PURE__ */ jsx("div", { ref, className: `${__default50.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default50.shadowWrap, children: /* @__PURE__ */ jsx(
|
|
4568
4748
|
"div",
|
|
4569
4749
|
{
|
|
4570
4750
|
style: {
|
|
@@ -4573,7 +4753,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4573
4753
|
WebkitMaskSize: "100% 100%",
|
|
4574
4754
|
maskSize: "100% 100%"
|
|
4575
4755
|
},
|
|
4576
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
4756
|
+
children: /* @__PURE__ */ jsx("div", { className: __default50.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
|
|
4577
4757
|
}
|
|
4578
4758
|
) }) });
|
|
4579
4759
|
}
|
|
@@ -4586,7 +4766,7 @@ __styleInject(`.AppTopLine-module_root {
|
|
|
4586
4766
|
justify-content: space-between;
|
|
4587
4767
|
width: 100%;
|
|
4588
4768
|
}`);
|
|
4589
|
-
var
|
|
4769
|
+
var __default51 = { "root": "AppTopLine-module_root" };
|
|
4590
4770
|
function AppTopLine({
|
|
4591
4771
|
promoText = "\u0412\u0430\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0441\u043A\u0438\u0434\u043A\u0430 10% \u043D\u0430 \u0432\u0441\u0435 \u043F\u043B\u0430\u0442\u043D\u044B\u0435 \u043A\u0443\u0440\u0441\u044B",
|
|
4592
4772
|
promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
|
|
@@ -4599,7 +4779,7 @@ function AppTopLine({
|
|
|
4599
4779
|
avatarSrc,
|
|
4600
4780
|
className = ""
|
|
4601
4781
|
}) {
|
|
4602
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4782
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
|
|
4603
4783
|
/* @__PURE__ */ jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
|
|
4604
4784
|
/* @__PURE__ */ jsx(ProfileNav, { stats, avatarSrc })
|
|
4605
4785
|
] });
|
|
@@ -4640,13 +4820,13 @@ __styleInject(`.EmptyState-module_root {
|
|
|
4640
4820
|
.EmptyState-module_action {
|
|
4641
4821
|
margin-top: 1.25rem;
|
|
4642
4822
|
}`);
|
|
4643
|
-
var
|
|
4823
|
+
var __default52 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
|
|
4644
4824
|
function EmptyState({ icon, title, description, action, className = "" }) {
|
|
4645
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4646
|
-
icon && /* @__PURE__ */ jsx("div", { className:
|
|
4647
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4648
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4649
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
4825
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
|
|
4826
|
+
icon && /* @__PURE__ */ jsx("div", { className: __default52.icon, children: icon }),
|
|
4827
|
+
/* @__PURE__ */ jsx("h3", { className: __default52.title, children: title }),
|
|
4828
|
+
/* @__PURE__ */ jsx("p", { className: __default52.description, children: description }),
|
|
4829
|
+
action && /* @__PURE__ */ jsx("div", { className: __default52.action, children: action })
|
|
4650
4830
|
] });
|
|
4651
4831
|
}
|
|
4652
4832
|
|
|
@@ -4694,6 +4874,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
4694
4874
|
}
|
|
4695
4875
|
}
|
|
4696
4876
|
|
|
4877
|
+
/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432, \u0443 \u043A\u043E\u0442\u043E\u0440\u044B\u0445 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C \u0443\u0436\u0435 \u0437\u0430\u0434\u0430\u0451\u0442 vertical rhythm.
|
|
4878
|
+
\u041E\u0431\u044A\u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u043F\u043E\u0441\u043B\u0435 \`.inner\` / \`.innerCompact\` \u2014 \u043F\u0440\u0438 applied \u043A\u0430\u043A \u0432\u0442\u043E\u0440\u043E\u0439
|
|
4879
|
+
\u043A\u043B\u0430\u0441\u0441 \u043F\u0435\u0440\u0435\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0438\u0445 \`padding-block\` \u0437\u0430 \u0441\u0447\u0451\u0442 source-order specificity. */
|
|
4880
|
+
.HeroSection-module_innerNoVertical {
|
|
4881
|
+
padding-block: 0;
|
|
4882
|
+
}
|
|
4883
|
+
@media (min-width: 768px) {
|
|
4884
|
+
.HeroSection-module_innerNoVertical {
|
|
4885
|
+
padding-block: 0;
|
|
4886
|
+
}
|
|
4887
|
+
}
|
|
4888
|
+
|
|
4697
4889
|
.HeroSection-module_content {
|
|
4698
4890
|
max-width: 56rem;
|
|
4699
4891
|
}
|
|
@@ -4838,7 +5030,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4838
5030
|
overflow: hidden;
|
|
4839
5031
|
background: var(--bg-secondary);
|
|
4840
5032
|
}`);
|
|
4841
|
-
var
|
|
5033
|
+
var __default53 = { "root": "HeroSection-module_root", "bgGlow": "HeroSection-module_bgGlow", "glowOrb": "HeroSection-module_glowOrb", "inner": "HeroSection-module_inner", "innerCompact": "HeroSection-module_innerCompact", "innerNoVertical": "HeroSection-module_innerNoVertical", "content": "HeroSection-module_content", "contentCenter": "HeroSection-module_contentCenter HeroSection-module_content", "eyebrowWrap": "HeroSection-module_eyebrowWrap", "eyebrowCenter": "HeroSection-module_eyebrowCenter", "eyebrow": "HeroSection-module_eyebrow", "eyebrowDot": "HeroSection-module_eyebrowDot", "title": "HeroSection-module_title", "subtitle": "HeroSection-module_subtitle", "subtitleCenter": "HeroSection-module_subtitleCenter", "actions": "HeroSection-module_actions", "actionsCenter": "HeroSection-module_actionsCenter", "mediaWrapCenter": "HeroSection-module_mediaWrapCenter HeroSection-module_mediaWrap", "mediaWrapLeft": "HeroSection-module_mediaWrapLeft HeroSection-module_mediaWrap", "splitGrid": "HeroSection-module_splitGrid", "mediaSplit": "HeroSection-module_mediaSplit", "mediaBox": "HeroSection-module_mediaBox" };
|
|
4842
5034
|
function HeroSection({
|
|
4843
5035
|
eyebrow,
|
|
4844
5036
|
title,
|
|
@@ -4848,36 +5040,43 @@ function HeroSection({
|
|
|
4848
5040
|
align = "center",
|
|
4849
5041
|
size = "default",
|
|
4850
5042
|
mediaPosition = "left",
|
|
5043
|
+
verticalPadding = "default",
|
|
4851
5044
|
className = ""
|
|
4852
5045
|
}) {
|
|
4853
5046
|
const isCenter = align === "center";
|
|
4854
5047
|
const isCompact = size === "compact";
|
|
4855
5048
|
const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
|
|
4856
|
-
const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ?
|
|
4857
|
-
eyebrow && /* @__PURE__ */ jsx("div", { className: `${
|
|
4858
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5049
|
+
const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ? __default53.contentCenter : __default53.content, children: [
|
|
5050
|
+
eyebrow && /* @__PURE__ */ jsx("div", { className: `${__default53.eyebrowWrap}${isCenter ? ` ${__default53.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxs("span", { className: __default53.eyebrow, children: [
|
|
5051
|
+
/* @__PURE__ */ jsx("span", { className: __default53.eyebrowDot }),
|
|
4859
5052
|
eyebrow
|
|
4860
5053
|
] }) }),
|
|
4861
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
4862
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
4863
|
-
actions && /* @__PURE__ */ jsx("div", { className: `${
|
|
5054
|
+
/* @__PURE__ */ jsx("h1", { className: __default53.title, children: title }),
|
|
5055
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default53.subtitle}${isCenter ? ` ${__default53.subtitleCenter}` : ""}`, children: subtitle }),
|
|
5056
|
+
actions && /* @__PURE__ */ jsx("div", { className: `${__default53.actions}${isCenter ? ` ${__default53.actionsCenter}` : ""}`, children: actions })
|
|
4864
5057
|
] });
|
|
4865
5058
|
const mediaBlock = media && /* @__PURE__ */ jsx(
|
|
4866
5059
|
"div",
|
|
4867
5060
|
{
|
|
4868
|
-
className: isSplitRight ?
|
|
4869
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
5061
|
+
className: isSplitRight ? __default53.mediaSplit : isCenter ? __default53.mediaWrapCenter : __default53.mediaWrapLeft,
|
|
5062
|
+
children: /* @__PURE__ */ jsx("div", { className: __default53.mediaBox, children: media })
|
|
4870
5063
|
}
|
|
4871
5064
|
);
|
|
4872
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
4873
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4874
|
-
/* @__PURE__ */ jsx(
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
|
|
4880
|
-
|
|
5065
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
|
|
5066
|
+
/* @__PURE__ */ jsx("div", { className: __default53.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: __default53.glowOrb }) }),
|
|
5067
|
+
/* @__PURE__ */ jsx(
|
|
5068
|
+
"div",
|
|
5069
|
+
{
|
|
5070
|
+
className: `${isCompact ? __default53.innerCompact : __default53.inner}${verticalPadding === "none" ? ` ${__default53.innerNoVertical}` : ""}`,
|
|
5071
|
+
children: isSplitRight ? /* @__PURE__ */ jsxs("div", { className: __default53.splitGrid, children: [
|
|
5072
|
+
contentBlock,
|
|
5073
|
+
mediaBlock
|
|
5074
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5075
|
+
contentBlock,
|
|
5076
|
+
mediaBlock
|
|
5077
|
+
] })
|
|
5078
|
+
}
|
|
5079
|
+
)
|
|
4881
5080
|
] });
|
|
4882
5081
|
}
|
|
4883
5082
|
|
|
@@ -4949,15 +5148,15 @@ __styleInject(`.LogoCloud-module_root {
|
|
|
4949
5148
|
font-size: 1rem;
|
|
4950
5149
|
}
|
|
4951
5150
|
}`);
|
|
4952
|
-
var
|
|
5151
|
+
var __default54 = { "root": "LogoCloud-module_root", "label": "LogoCloud-module_label", "grid": "LogoCloud-module_grid", "logoItem": "LogoCloud-module_logoItem", "logoImg": "LogoCloud-module_logoImg", "logoText": "LogoCloud-module_logoText" };
|
|
4953
5152
|
function LogoCloud({
|
|
4954
5153
|
label = "Trusted by teams at",
|
|
4955
5154
|
logos,
|
|
4956
5155
|
className = ""
|
|
4957
5156
|
}) {
|
|
4958
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
4959
|
-
label && /* @__PURE__ */ jsx("p", { className:
|
|
4960
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5157
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: [
|
|
5158
|
+
label && /* @__PURE__ */ jsx("p", { className: __default54.label, children: label }),
|
|
5159
|
+
/* @__PURE__ */ jsx("div", { className: __default54.grid, children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: __default54.logoItem, children: logo.src ? (
|
|
4961
5160
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4962
5161
|
/* @__PURE__ */ jsx(
|
|
4963
5162
|
"img",
|
|
@@ -4965,10 +5164,10 @@ function LogoCloud({
|
|
|
4965
5164
|
src: logo.src,
|
|
4966
5165
|
alt: logo.name,
|
|
4967
5166
|
width: logo.width || 100,
|
|
4968
|
-
className: `${
|
|
5167
|
+
className: `${__default54.logoImg} logo-img`
|
|
4969
5168
|
}
|
|
4970
5169
|
)
|
|
4971
|
-
) : /* @__PURE__ */ jsx("span", { className:
|
|
5170
|
+
) : /* @__PURE__ */ jsx("span", { className: __default54.logoText, children: logo.name }) }, logo.name)) })
|
|
4972
5171
|
] });
|
|
4973
5172
|
}
|
|
4974
5173
|
|
|
@@ -5064,18 +5263,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
5064
5263
|
color: var(--fg-muted);
|
|
5065
5264
|
letter-spacing: -0.25px;
|
|
5066
5265
|
}`);
|
|
5067
|
-
var
|
|
5266
|
+
var __default55 = { "root": "StatsBar-module_root", "inline": "StatsBar-module_inline", "inlineGrid": "StatsBar-module_inlineGrid", "inlineItem": "StatsBar-module_inlineItem", "cardsGrid": "StatsBar-module_cardsGrid", "card": "StatsBar-module_card", "cardIconWrap": "StatsBar-module_cardIconWrap", "statValue": "StatsBar-module_statValue", "statLabel": "StatsBar-module_statLabel" };
|
|
5068
5267
|
function StatsBar({ stats, variant = "inline", className = "" }) {
|
|
5069
5268
|
if (variant === "cards") {
|
|
5070
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5071
|
-
stat.icon && /* @__PURE__ */ jsx("div", { className:
|
|
5072
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5073
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5269
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default55.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default55.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default55.card, children: [
|
|
5270
|
+
stat.icon && /* @__PURE__ */ jsx("div", { className: __default55.cardIconWrap, children: stat.icon }),
|
|
5271
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statValue, children: stat.value }),
|
|
5272
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statLabel, children: stat.label })
|
|
5074
5273
|
] }, i)) }) });
|
|
5075
5274
|
}
|
|
5076
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5077
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5078
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5275
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default55.root} ${__default55.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default55.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default55.inlineItem, children: [
|
|
5276
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statValue, children: stat.value }),
|
|
5277
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statLabel, children: stat.label })
|
|
5079
5278
|
] }, i)) }) });
|
|
5080
5279
|
}
|
|
5081
5280
|
|
|
@@ -5095,6 +5294,16 @@ __styleInject(`@charset "UTF-8";
|
|
|
5095
5294
|
}
|
|
5096
5295
|
}
|
|
5097
5296
|
|
|
5297
|
+
/* Opt-in \u0434\u043B\u044F default variant \u2014 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u0442 vertical rhythm. */
|
|
5298
|
+
.CTASection-module_defaultNoVertical {
|
|
5299
|
+
padding-block: 0;
|
|
5300
|
+
}
|
|
5301
|
+
@media (min-width: 768px) {
|
|
5302
|
+
.CTASection-module_defaultNoVertical {
|
|
5303
|
+
padding-block: 0;
|
|
5304
|
+
}
|
|
5305
|
+
}
|
|
5306
|
+
|
|
5098
5307
|
/* \u2500\u2500\u2500 Variant: filled \u2500\u2500\u2500 */
|
|
5099
5308
|
.CTASection-module_filled {
|
|
5100
5309
|
padding-block: 3rem;
|
|
@@ -5165,24 +5374,27 @@ __styleInject(`@charset "UTF-8";
|
|
|
5165
5374
|
gap: 0.75rem;
|
|
5166
5375
|
justify-content: center;
|
|
5167
5376
|
}`);
|
|
5168
|
-
var
|
|
5377
|
+
var __default56 = { "root": "CTASection-module_root", "default": "CTASection-module_default", "defaultNoVertical": "CTASection-module_defaultNoVertical", "filled": "CTASection-module_filled", "bordered": "CTASection-module_bordered", "inner": "CTASection-module_inner", "title": "CTASection-module_title", "titleFilled": "CTASection-module_titleFilled", "description": "CTASection-module_description", "descriptionFilled": "CTASection-module_descriptionFilled", "actions": "CTASection-module_actions" };
|
|
5169
5378
|
function CTASection({
|
|
5170
5379
|
title,
|
|
5171
5380
|
description,
|
|
5172
5381
|
actions,
|
|
5173
5382
|
variant = "default",
|
|
5383
|
+
verticalPadding = "default",
|
|
5174
5384
|
className = ""
|
|
5175
5385
|
}) {
|
|
5176
5386
|
const isFilled = variant === "filled";
|
|
5177
|
-
|
|
5178
|
-
|
|
5179
|
-
|
|
5180
|
-
|
|
5387
|
+
const noVerticalClass = variant === "default" && verticalPadding === "none" ? ` ${__default56.defaultNoVertical}` : "";
|
|
5388
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default56.root} ${__default56[variant]}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default56.inner, children: [
|
|
5389
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default56.title}${isFilled ? ` ${__default56.titleFilled}` : ""}`, children: title }),
|
|
5390
|
+
description && /* @__PURE__ */ jsx("p", { className: `${__default56.description}${isFilled ? ` ${__default56.descriptionFilled}` : ""}`, children: description }),
|
|
5391
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default56.actions, children: actions })
|
|
5181
5392
|
] }) });
|
|
5182
5393
|
}
|
|
5183
5394
|
|
|
5184
5395
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/BentoGrid.module.scss
|
|
5185
|
-
__styleInject(
|
|
5396
|
+
__styleInject(`@charset "UTF-8";
|
|
5397
|
+
.BentoGrid-module_root {
|
|
5186
5398
|
padding-block: 2.5rem;
|
|
5187
5399
|
}
|
|
5188
5400
|
@media (min-width: 768px) {
|
|
@@ -5191,6 +5403,16 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5191
5403
|
}
|
|
5192
5404
|
}
|
|
5193
5405
|
|
|
5406
|
+
/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432 \u0441 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u043C vertical rhythm wrapper'\u043E\u043C. */
|
|
5407
|
+
.BentoGrid-module_rootNoVertical {
|
|
5408
|
+
padding-block: 0;
|
|
5409
|
+
}
|
|
5410
|
+
@media (min-width: 768px) {
|
|
5411
|
+
.BentoGrid-module_rootNoVertical {
|
|
5412
|
+
padding-block: 0;
|
|
5413
|
+
}
|
|
5414
|
+
}
|
|
5415
|
+
|
|
5194
5416
|
.BentoGrid-module_grid {
|
|
5195
5417
|
display: grid;
|
|
5196
5418
|
grid-template-columns: 1fr;
|
|
@@ -5273,21 +5495,22 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5273
5495
|
line-height: 1.625;
|
|
5274
5496
|
letter-spacing: -0.25px;
|
|
5275
5497
|
}`);
|
|
5276
|
-
var
|
|
5277
|
-
function BentoGrid({ items, className = "" }) {
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
const
|
|
5498
|
+
var __default57 = { "root": "BentoGrid-module_root", "rootNoVertical": "BentoGrid-module_rootNoVertical", "grid": "BentoGrid-module_grid", "item": "BentoGrid-module_item", "colSpan2": "BentoGrid-module_colSpan2", "rowSpan2": "BentoGrid-module_rowSpan2", "mediaWrap": "BentoGrid-module_mediaWrap", "content": "BentoGrid-module_content", "contentTall": "BentoGrid-module_contentTall", "itemIcon": "BentoGrid-module_itemIcon", "itemTitle": "BentoGrid-module_itemTitle", "itemDescription": "BentoGrid-module_itemDescription" };
|
|
5499
|
+
function BentoGrid({ items, verticalPadding = "default", className = "" }) {
|
|
5500
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default57.rootNoVertical}` : "";
|
|
5501
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default57.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default57.grid, children: items.map((item, i) => {
|
|
5502
|
+
const spanClass = item.span === 2 ? ` ${__default57.colSpan2}` : "";
|
|
5503
|
+
const rowClass = item.rowSpan === 2 ? ` ${__default57.rowSpan2}` : "";
|
|
5281
5504
|
return /* @__PURE__ */ jsxs(
|
|
5282
5505
|
"div",
|
|
5283
5506
|
{
|
|
5284
|
-
className: `${
|
|
5507
|
+
className: `${__default57.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
|
|
5285
5508
|
children: [
|
|
5286
|
-
item.media && /* @__PURE__ */ jsx("div", { className:
|
|
5287
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
5288
|
-
item.icon && /* @__PURE__ */ jsx("div", { className:
|
|
5289
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
5290
|
-
item.description && /* @__PURE__ */ jsx("p", { className:
|
|
5509
|
+
item.media && /* @__PURE__ */ jsx("div", { className: __default57.mediaWrap, children: item.media }),
|
|
5510
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default57.content}${item.rowSpan === 2 ? ` ${__default57.contentTall}` : ""}`, children: [
|
|
5511
|
+
item.icon && /* @__PURE__ */ jsx("div", { className: __default57.itemIcon, children: item.icon }),
|
|
5512
|
+
/* @__PURE__ */ jsx("h3", { className: __default57.itemTitle, children: item.title }),
|
|
5513
|
+
item.description && /* @__PURE__ */ jsx("p", { className: __default57.itemDescription, children: item.description })
|
|
5291
5514
|
] })
|
|
5292
5515
|
]
|
|
5293
5516
|
},
|
|
@@ -5402,7 +5625,7 @@ __styleInject(`.FAQSection-module_root {
|
|
|
5402
5625
|
line-height: 1.625;
|
|
5403
5626
|
padding-right: 2rem;
|
|
5404
5627
|
}`);
|
|
5405
|
-
var
|
|
5628
|
+
var __default58 = { "root": "FAQSection-module_root", "container": "FAQSection-module_container", "title": "FAQSection-module_title", "subtitle": "FAQSection-module_subtitle", "list": "FAQSection-module_list", "item": "FAQSection-module_item", "question": "FAQSection-module_question", "questionText": "FAQSection-module_questionText", "toggleIcon": "FAQSection-module_toggleIcon", "toggleIconOpen": "FAQSection-module_toggleIconOpen FAQSection-module_toggleIcon", "answerOpen": "FAQSection-module_answerOpen FAQSection-module_answer", "answerClosed": "FAQSection-module_answerClosed FAQSection-module_answer", "answerText": "FAQSection-module_answerText" };
|
|
5406
5629
|
function FAQSection({
|
|
5407
5630
|
title = "Frequently asked questions",
|
|
5408
5631
|
subtitle,
|
|
@@ -5411,25 +5634,25 @@ function FAQSection({
|
|
|
5411
5634
|
}) {
|
|
5412
5635
|
const [openIndex, setOpenIndex] = useState(null);
|
|
5413
5636
|
const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
|
|
5414
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5415
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
5416
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
5417
|
-
/* @__PURE__ */ jsx("div", { className: title || subtitle ?
|
|
5637
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default58.container, children: [
|
|
5638
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default58.title, children: title }),
|
|
5639
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default58.subtitle, children: subtitle }),
|
|
5640
|
+
/* @__PURE__ */ jsx("div", { className: title || subtitle ? __default58.list : "", children: items.map((item, i) => {
|
|
5418
5641
|
const isOpen = openIndex === i;
|
|
5419
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
5642
|
+
return /* @__PURE__ */ jsxs("div", { className: __default58.item, children: [
|
|
5420
5643
|
/* @__PURE__ */ jsxs(
|
|
5421
5644
|
"button",
|
|
5422
5645
|
{
|
|
5423
5646
|
onClick: () => toggle(i),
|
|
5424
|
-
className:
|
|
5647
|
+
className: __default58.question,
|
|
5425
5648
|
"aria-expanded": isOpen,
|
|
5426
5649
|
children: [
|
|
5427
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5428
|
-
/* @__PURE__ */ jsx("span", { className: isOpen ?
|
|
5650
|
+
/* @__PURE__ */ jsx("span", { className: __default58.questionText, children: item.question }),
|
|
5651
|
+
/* @__PURE__ */ jsx("span", { className: isOpen ? __default58.toggleIconOpen : __default58.toggleIcon, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
|
|
5429
5652
|
]
|
|
5430
5653
|
}
|
|
5431
5654
|
),
|
|
5432
|
-
/* @__PURE__ */ jsx("div", { className: isOpen ?
|
|
5655
|
+
/* @__PURE__ */ jsx("div", { className: isOpen ? __default58.answerOpen : __default58.answerClosed, children: /* @__PURE__ */ jsx("p", { className: __default58.answerText, children: item.answer }) })
|
|
5433
5656
|
] }, i);
|
|
5434
5657
|
}) })
|
|
5435
5658
|
] }) });
|
|
@@ -5519,32 +5742,32 @@ __styleInject(`.ComparisonTable-module_root {
|
|
|
5519
5742
|
font-weight: 500;
|
|
5520
5743
|
color: var(--fg);
|
|
5521
5744
|
}`);
|
|
5522
|
-
var
|
|
5745
|
+
var __default59 = { "root": "ComparisonTable-module_root", "scrollWrap": "ComparisonTable-module_scrollWrap", "table": "ComparisonTable-module_table", "headerCell": "ComparisonTable-module_headerCell", "columnHeader": "ComparisonTable-module_columnHeader", "columnHeaderHighlighted": "ComparisonTable-module_columnHeaderHighlighted ComparisonTable-module_columnHeader", "bodyRow": "ComparisonTable-module_bodyRow", "featureCell": "ComparisonTable-module_featureCell", "valueCell": "ComparisonTable-module_valueCell", "valueCellHighlighted": "ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "valueCellHighlightedLast": "ComparisonTable-module_valueCellHighlightedLast ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "iconSuccess": "ComparisonTable-module_iconSuccess", "iconMuted": "ComparisonTable-module_iconMuted", "textValue": "ComparisonTable-module_textValue" };
|
|
5523
5746
|
function ComparisonTable({ columns, rows, className = "" }) {
|
|
5524
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5747
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default59.scrollWrap, children: /* @__PURE__ */ jsxs("table", { className: __default59.table, children: [
|
|
5525
5748
|
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
5526
|
-
/* @__PURE__ */ jsx("th", { className:
|
|
5749
|
+
/* @__PURE__ */ jsx("th", { className: __default59.headerCell }),
|
|
5527
5750
|
columns.map((col, i) => /* @__PURE__ */ jsx(
|
|
5528
5751
|
"th",
|
|
5529
5752
|
{
|
|
5530
|
-
className: col.highlighted ?
|
|
5753
|
+
className: col.highlighted ? __default59.columnHeaderHighlighted : __default59.columnHeader,
|
|
5531
5754
|
children: col.label
|
|
5532
5755
|
},
|
|
5533
5756
|
i
|
|
5534
5757
|
))
|
|
5535
5758
|
] }) }),
|
|
5536
|
-
/* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className:
|
|
5537
|
-
/* @__PURE__ */ jsx("td", { className:
|
|
5759
|
+
/* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className: __default59.bodyRow, children: [
|
|
5760
|
+
/* @__PURE__ */ jsx("td", { className: __default59.featureCell, children: row.feature }),
|
|
5538
5761
|
row.values.map((val, vi) => {
|
|
5539
5762
|
var _a;
|
|
5540
5763
|
const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
|
|
5541
5764
|
const isLast = ri === rows.length - 1;
|
|
5542
|
-
const cellClass = isHighlighted ? isLast ?
|
|
5765
|
+
const cellClass = isHighlighted ? isLast ? __default59.valueCellHighlightedLast : __default59.valueCellHighlighted : __default59.valueCell;
|
|
5543
5766
|
return /* @__PURE__ */ jsx(
|
|
5544
5767
|
"td",
|
|
5545
5768
|
{
|
|
5546
5769
|
className: cellClass,
|
|
5547
|
-
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className:
|
|
5770
|
+
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className: __default59.iconSuccess, children: /* @__PURE__ */ jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsx("span", { className: __default59.iconMuted, children: /* @__PURE__ */ jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsx("span", { className: __default59.textValue, children: val }) : val
|
|
5548
5771
|
},
|
|
5549
5772
|
vi
|
|
5550
5773
|
);
|
|
@@ -5709,7 +5932,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5709
5932
|
background: var(--border-color-strong);
|
|
5710
5933
|
transition: background var(--transition-fast), width var(--transition-fast);
|
|
5711
5934
|
}`);
|
|
5712
|
-
var
|
|
5935
|
+
var __default60 = { "root": "BottomSheet-module_root", "trigger": "BottomSheet-module_trigger", "bar": "BottomSheet-module_bar", "barHandle": "BottomSheet-module_barHandle", "handleBar": "BottomSheet-module_handleBar", "barActions": "BottomSheet-module_barActions", "backdrop": "BottomSheet-module_backdrop", "backdropOpen": "BottomSheet-module_backdropOpen", "panel": "BottomSheet-module_panel", "panelOpen": "BottomSheet-module_panelOpen", "handle": "BottomSheet-module_handle" };
|
|
5713
5936
|
var BottomSheetContext = createContext(null);
|
|
5714
5937
|
function useBottomSheet(part) {
|
|
5715
5938
|
const ctx = useContext(BottomSheetContext);
|
|
@@ -5781,13 +6004,13 @@ function BottomSheet({
|
|
|
5781
6004
|
BottomSheetContext.Provider,
|
|
5782
6005
|
{
|
|
5783
6006
|
value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
|
|
5784
|
-
children: /* @__PURE__ */ jsx("div", { className: `${
|
|
6007
|
+
children: /* @__PURE__ */ jsx("div", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children })
|
|
5785
6008
|
}
|
|
5786
6009
|
);
|
|
5787
6010
|
}
|
|
5788
6011
|
function Bar({ children, className = "" }) {
|
|
5789
6012
|
const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
|
|
5790
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
6013
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default60.bar}${className ? ` ${className}` : ""}`, children: [
|
|
5791
6014
|
/* @__PURE__ */ jsx(
|
|
5792
6015
|
"button",
|
|
5793
6016
|
{
|
|
@@ -5797,12 +6020,12 @@ function Bar({ children, className = "" }) {
|
|
|
5797
6020
|
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5798
6021
|
onTouchEnd: onDragEnd,
|
|
5799
6022
|
onTouchCancel: onDragEnd,
|
|
5800
|
-
className:
|
|
6023
|
+
className: __default60.barHandle,
|
|
5801
6024
|
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
|
|
5802
|
-
children: /* @__PURE__ */ jsx("span", { className:
|
|
6025
|
+
children: /* @__PURE__ */ jsx("span", { className: __default60.handleBar })
|
|
5803
6026
|
}
|
|
5804
6027
|
),
|
|
5805
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6028
|
+
/* @__PURE__ */ jsx("div", { className: __default60.barActions, children })
|
|
5806
6029
|
] });
|
|
5807
6030
|
}
|
|
5808
6031
|
function Panel({ children, className = "" }) {
|
|
@@ -5823,7 +6046,7 @@ function Panel({ children, className = "" }) {
|
|
|
5823
6046
|
/* @__PURE__ */ jsx(
|
|
5824
6047
|
"div",
|
|
5825
6048
|
{
|
|
5826
|
-
className: `${
|
|
6049
|
+
className: `${__default60.backdrop}${open || isDraggingOpen ? ` ${__default60.backdropOpen}` : ""}`,
|
|
5827
6050
|
onClick: () => setOpen(false),
|
|
5828
6051
|
"aria-hidden": "true"
|
|
5829
6052
|
}
|
|
@@ -5831,7 +6054,7 @@ function Panel({ children, className = "" }) {
|
|
|
5831
6054
|
/* @__PURE__ */ jsx(
|
|
5832
6055
|
"div",
|
|
5833
6056
|
{
|
|
5834
|
-
className: `${
|
|
6057
|
+
className: `${__default60.panel}${open ? ` ${__default60.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
|
|
5835
6058
|
role: "dialog",
|
|
5836
6059
|
"aria-modal": open,
|
|
5837
6060
|
"aria-hidden": !open && !isDraggingOpen,
|
|
@@ -5864,9 +6087,9 @@ function Handle({ className = "" }) {
|
|
|
5864
6087
|
if (e.pointerType === "mouse") return;
|
|
5865
6088
|
onDragEnd();
|
|
5866
6089
|
},
|
|
5867
|
-
className: `${
|
|
6090
|
+
className: `${__default60.handle}${className ? ` ${className}` : ""}`,
|
|
5868
6091
|
"aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
5869
|
-
children: /* @__PURE__ */ jsx("span", { className:
|
|
6092
|
+
children: /* @__PURE__ */ jsx("span", { className: __default60.handleBar })
|
|
5870
6093
|
}
|
|
5871
6094
|
);
|
|
5872
6095
|
}
|
|
@@ -5876,7 +6099,7 @@ function Trigger({ children, className = "" }) {
|
|
|
5876
6099
|
"div",
|
|
5877
6100
|
{
|
|
5878
6101
|
onClick: () => setOpen(!open),
|
|
5879
|
-
className: `${
|
|
6102
|
+
className: `${__default60.trigger}${className ? ` ${className}` : ""}`,
|
|
5880
6103
|
children
|
|
5881
6104
|
}
|
|
5882
6105
|
);
|
|
@@ -6045,21 +6268,21 @@ __styleInject(`.PromoBento-module_root {
|
|
|
6045
6268
|
.PromoBento-module_cardCta {
|
|
6046
6269
|
margin-top: 0.25rem;
|
|
6047
6270
|
}`);
|
|
6048
|
-
var
|
|
6271
|
+
var __default61 = { "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" };
|
|
6049
6272
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
6050
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
6051
|
-
media && /* @__PURE__ */ jsxs("div", { className:
|
|
6052
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6053
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6273
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default61.card}${className ? ` ${className}` : ""}`, children: [
|
|
6274
|
+
media && /* @__PURE__ */ jsxs("div", { className: __default61.cardMedia, children: [
|
|
6275
|
+
/* @__PURE__ */ jsx("div", { className: __default61.cardMediaInner, children: media }),
|
|
6276
|
+
/* @__PURE__ */ jsx("div", { className: __default61.cardFade })
|
|
6054
6277
|
] }),
|
|
6055
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6056
|
-
pill && /* @__PURE__ */ jsx("div", { className:
|
|
6057
|
-
pill.icon && /* @__PURE__ */ jsx("span", { className:
|
|
6278
|
+
/* @__PURE__ */ jsxs("div", { className: __default61.cardContent, children: [
|
|
6279
|
+
pill && /* @__PURE__ */ jsx("div", { className: __default61.pill, children: /* @__PURE__ */ jsxs("span", { className: __default61.pillInner, children: [
|
|
6280
|
+
pill.icon && /* @__PURE__ */ jsx("span", { className: __default61.pillIcon, children: pill.icon }),
|
|
6058
6281
|
pill.label
|
|
6059
6282
|
] }) }),
|
|
6060
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6061
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6062
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
6283
|
+
/* @__PURE__ */ jsx("h3", { className: __default61.cardTitle, children: title }),
|
|
6284
|
+
description && /* @__PURE__ */ jsx("p", { className: __default61.cardDesc, children: description }),
|
|
6285
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default61.cardCta, children: /* @__PURE__ */ jsx(
|
|
6063
6286
|
Button,
|
|
6064
6287
|
{
|
|
6065
6288
|
variant: "outline",
|
|
@@ -6072,12 +6295,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
6072
6295
|
] });
|
|
6073
6296
|
}
|
|
6074
6297
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
6075
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6076
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6077
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6078
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
6298
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
|
|
6299
|
+
/* @__PURE__ */ jsxs("div", { className: __default61.header, children: [
|
|
6300
|
+
/* @__PURE__ */ jsx("h2", { className: __default61.heading, children: heading }),
|
|
6301
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default61.subtitle, children: subtitle })
|
|
6079
6302
|
] }),
|
|
6080
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6303
|
+
/* @__PURE__ */ jsx("div", { className: __default61.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
6081
6304
|
] });
|
|
6082
6305
|
}
|
|
6083
6306
|
|
|
@@ -6199,26 +6422,26 @@ __styleInject(`.PromoShowcase-module_root {
|
|
|
6199
6422
|
padding: 2.5rem;
|
|
6200
6423
|
}
|
|
6201
6424
|
}`);
|
|
6202
|
-
var
|
|
6425
|
+
var __default62 = { "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" };
|
|
6203
6426
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
6204
6427
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
6205
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6206
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6207
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6208
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6428
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
|
|
6429
|
+
/* @__PURE__ */ jsx("div", { className: __default62.heading, children: /* @__PURE__ */ jsx("h2", { className: __default62.headingText, children: heading }) }),
|
|
6430
|
+
/* @__PURE__ */ jsxs("div", { className: __default62.body, children: [
|
|
6431
|
+
/* @__PURE__ */ jsx("div", { className: __default62.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
6209
6432
|
"button",
|
|
6210
6433
|
{
|
|
6211
6434
|
onClick: () => setActiveIndex(i),
|
|
6212
|
-
className: `${
|
|
6435
|
+
className: `${__default62.stepButton}${i === activeIndex ? ` ${__default62.stepButtonActive}` : ""}`,
|
|
6213
6436
|
children: step.label
|
|
6214
6437
|
},
|
|
6215
6438
|
i
|
|
6216
6439
|
)) }),
|
|
6217
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6440
|
+
/* @__PURE__ */ jsx("div", { className: __default62.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
6218
6441
|
"div",
|
|
6219
6442
|
{
|
|
6220
|
-
className: `${
|
|
6221
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
6443
|
+
className: `${__default62.panel}${i === activeIndex ? ` ${__default62.panelActive}` : ""}`,
|
|
6444
|
+
children: /* @__PURE__ */ jsx("div", { className: __default62.panelInner, children: step.content })
|
|
6222
6445
|
},
|
|
6223
6446
|
i
|
|
6224
6447
|
)) })
|
|
@@ -6227,7 +6450,8 @@ function PromoShowcase({ heading, steps, className = "" }) {
|
|
|
6227
6450
|
}
|
|
6228
6451
|
|
|
6229
6452
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoSplit.module.scss
|
|
6230
|
-
__styleInject(
|
|
6453
|
+
__styleInject(`@charset "UTF-8";
|
|
6454
|
+
.PromoSplit-module_root {
|
|
6231
6455
|
padding: 4rem 0;
|
|
6232
6456
|
}
|
|
6233
6457
|
@media (min-width: 768px) {
|
|
@@ -6236,6 +6460,16 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6236
6460
|
}
|
|
6237
6461
|
}
|
|
6238
6462
|
|
|
6463
|
+
/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432 \u0441 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u043C vertical rhythm wrapper'\u043E\u043C. */
|
|
6464
|
+
.PromoSplit-module_rootNoVertical {
|
|
6465
|
+
padding-block: 0;
|
|
6466
|
+
}
|
|
6467
|
+
@media (min-width: 768px) {
|
|
6468
|
+
.PromoSplit-module_rootNoVertical {
|
|
6469
|
+
padding-block: 0;
|
|
6470
|
+
}
|
|
6471
|
+
}
|
|
6472
|
+
|
|
6239
6473
|
.PromoSplit-module_grid {
|
|
6240
6474
|
display: grid;
|
|
6241
6475
|
grid-template-columns: 1fr;
|
|
@@ -6367,26 +6601,28 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6367
6601
|
align-items: center;
|
|
6368
6602
|
justify-content: center;
|
|
6369
6603
|
}`);
|
|
6370
|
-
var
|
|
6604
|
+
var __default63 = { "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", "heading": "PromoSplit-module_heading", "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" };
|
|
6371
6605
|
function PromoSplit({
|
|
6372
6606
|
heading,
|
|
6373
6607
|
description,
|
|
6374
6608
|
features,
|
|
6375
6609
|
media,
|
|
6376
6610
|
mediaPosition = "right",
|
|
6611
|
+
verticalPadding = "default",
|
|
6377
6612
|
className = ""
|
|
6378
6613
|
}) {
|
|
6379
6614
|
const isLeft = mediaPosition === "left";
|
|
6380
|
-
|
|
6381
|
-
|
|
6382
|
-
|
|
6383
|
-
|
|
6384
|
-
|
|
6385
|
-
|
|
6386
|
-
/* @__PURE__ */ jsx("
|
|
6615
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
|
|
6616
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
|
|
6617
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
|
|
6618
|
+
/* @__PURE__ */ jsx("h2", { className: __default63.heading, children: heading }),
|
|
6619
|
+
description && /* @__PURE__ */ jsx("p", { className: __default63.description, children: description }),
|
|
6620
|
+
features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default63.feature, children: [
|
|
6621
|
+
/* @__PURE__ */ jsx("h3", { className: __default63.featureTitle, children: feature.title }),
|
|
6622
|
+
/* @__PURE__ */ jsx("p", { className: __default63.featureDesc, children: feature.description })
|
|
6387
6623
|
] }, i)) })
|
|
6388
6624
|
] }),
|
|
6389
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
6625
|
+
/* @__PURE__ */ jsx("div", { className: `${__default63.mediaColumn}${isLeft ? ` ${__default63.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default63.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default63.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default63.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default63.placeholderCircle, children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
6390
6626
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
6391
6627
|
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
6392
6628
|
/* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -6503,16 +6739,16 @@ __styleInject(`.PromoTrustGrid-module_root {
|
|
|
6503
6739
|
justify-content: center;
|
|
6504
6740
|
padding: 1.5rem;
|
|
6505
6741
|
}`);
|
|
6506
|
-
var
|
|
6742
|
+
var __default64 = { "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" };
|
|
6507
6743
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
6508
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6509
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6510
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6511
|
-
feature.icon && /* @__PURE__ */ jsx("div", { className:
|
|
6512
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6513
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
6744
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
|
|
6745
|
+
/* @__PURE__ */ jsx("div", { className: __default64.heading, children: /* @__PURE__ */ jsx("h2", { className: __default64.headingText, children: heading }) }),
|
|
6746
|
+
/* @__PURE__ */ jsx("div", { className: __default64.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default64.featureCard, children: [
|
|
6747
|
+
feature.icon && /* @__PURE__ */ jsx("div", { className: __default64.featureIcon, children: feature.icon }),
|
|
6748
|
+
/* @__PURE__ */ jsx("h3", { className: __default64.featureTitle, children: feature.title }),
|
|
6749
|
+
/* @__PURE__ */ jsx("p", { className: __default64.featureDescription, children: feature.description })
|
|
6514
6750
|
] }, i)) }),
|
|
6515
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
6751
|
+
media && /* @__PURE__ */ jsx("div", { className: __default64.media, children: /* @__PURE__ */ jsx("div", { className: __default64.mediaInner, children: media }) })
|
|
6516
6752
|
] });
|
|
6517
6753
|
}
|
|
6518
6754
|
|
|
@@ -6699,36 +6935,37 @@ __styleInject(`@charset "UTF-8";
|
|
|
6699
6935
|
border-radius: clamp(8px, 1.5vw, 16px);
|
|
6700
6936
|
background: var(--bg-tertiary);
|
|
6701
6937
|
}`);
|
|
6702
|
-
var
|
|
6938
|
+
var __default65 = { "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" };
|
|
6703
6939
|
function PromoDevicesCTA({
|
|
6704
6940
|
heading,
|
|
6705
6941
|
description,
|
|
6706
6942
|
cta,
|
|
6707
6943
|
className = ""
|
|
6708
6944
|
}) {
|
|
6709
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6710
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6711
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6712
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6713
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
6945
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: [
|
|
6946
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.textBlock, children: [
|
|
6947
|
+
/* @__PURE__ */ jsx("h2", { className: __default65.heading, children: heading }),
|
|
6948
|
+
description && /* @__PURE__ */ jsx("p", { className: __default65.description, children: description }),
|
|
6949
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default65.ctaWrap, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
6714
6950
|
] }),
|
|
6715
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6716
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6717
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6718
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6719
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6951
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.devices, children: [
|
|
6952
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.laptop, children: [
|
|
6953
|
+
/* @__PURE__ */ jsx("div", { className: __default65.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default65.laptopScreenInner }) }),
|
|
6954
|
+
/* @__PURE__ */ jsx("div", { className: __default65.laptopHinge }),
|
|
6955
|
+
/* @__PURE__ */ jsx("div", { className: __default65.laptopBase })
|
|
6720
6956
|
] }),
|
|
6721
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6722
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6723
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6724
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6957
|
+
/* @__PURE__ */ jsx("div", { className: __default65.tablet, children: /* @__PURE__ */ jsx("div", { className: __default65.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default65.tabletScreen }) }) }),
|
|
6958
|
+
/* @__PURE__ */ jsx("div", { className: __default65.phone, children: /* @__PURE__ */ jsxs("div", { className: __default65.phoneShell, children: [
|
|
6959
|
+
/* @__PURE__ */ jsx("div", { className: __default65.phoneNotch }),
|
|
6960
|
+
/* @__PURE__ */ jsx("div", { className: __default65.phoneScreen })
|
|
6725
6961
|
] }) })
|
|
6726
6962
|
] })
|
|
6727
6963
|
] });
|
|
6728
6964
|
}
|
|
6729
6965
|
|
|
6730
6966
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
|
|
6731
|
-
__styleInject(
|
|
6967
|
+
__styleInject(`@charset "UTF-8";
|
|
6968
|
+
.PromoTestimonials-module_root {
|
|
6732
6969
|
padding: 4rem 0;
|
|
6733
6970
|
}
|
|
6734
6971
|
@media (min-width: 768px) {
|
|
@@ -6737,6 +6974,16 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6737
6974
|
}
|
|
6738
6975
|
}
|
|
6739
6976
|
|
|
6977
|
+
/* Opt-in \u0434\u043B\u044F consumer'\u043E\u0432 \u0441 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u043C vertical rhythm wrapper'\u043E\u043C. */
|
|
6978
|
+
.PromoTestimonials-module_rootNoVertical {
|
|
6979
|
+
padding-block: 0;
|
|
6980
|
+
}
|
|
6981
|
+
@media (min-width: 768px) {
|
|
6982
|
+
.PromoTestimonials-module_rootNoVertical {
|
|
6983
|
+
padding-block: 0;
|
|
6984
|
+
}
|
|
6985
|
+
}
|
|
6986
|
+
|
|
6740
6987
|
.PromoTestimonials-module_wrapper {
|
|
6741
6988
|
position: relative;
|
|
6742
6989
|
border-radius: clamp(20px, 3vw, 40px);
|
|
@@ -6910,22 +7157,24 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6910
7157
|
background: var(--bg-secondary);
|
|
6911
7158
|
overflow: hidden;
|
|
6912
7159
|
}`);
|
|
6913
|
-
var
|
|
7160
|
+
var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "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" };
|
|
6914
7161
|
function PromoTestimonials({
|
|
6915
7162
|
heading,
|
|
6916
7163
|
subtitle,
|
|
6917
7164
|
testimonials,
|
|
6918
7165
|
media,
|
|
7166
|
+
verticalPadding = "default",
|
|
6919
7167
|
className = ""
|
|
6920
7168
|
}) {
|
|
6921
|
-
|
|
6922
|
-
|
|
7169
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
|
|
7170
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default66.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default66.wrapper, children: [
|
|
7171
|
+
/* @__PURE__ */ jsx("div", { className: __default66.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default66.avatarStack, children: [
|
|
6923
7172
|
testimonials.slice(0, 5).map((t, i) => {
|
|
6924
7173
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6925
7174
|
return /* @__PURE__ */ jsx(
|
|
6926
7175
|
"div",
|
|
6927
7176
|
{
|
|
6928
|
-
className:
|
|
7177
|
+
className: __default66.avatarRing,
|
|
6929
7178
|
style: { zIndex: 10 - i },
|
|
6930
7179
|
children: /* @__PURE__ */ jsx(
|
|
6931
7180
|
Avatar,
|
|
@@ -6939,32 +7188,32 @@ function PromoTestimonials({
|
|
|
6939
7188
|
i
|
|
6940
7189
|
);
|
|
6941
7190
|
}),
|
|
6942
|
-
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className:
|
|
7191
|
+
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className: __default66.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default66.overflowCircle, children: [
|
|
6943
7192
|
"+",
|
|
6944
7193
|
testimonials.length - 5
|
|
6945
7194
|
] }) })
|
|
6946
7195
|
] }) }),
|
|
6947
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6948
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6949
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
7196
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.headingSection, children: [
|
|
7197
|
+
/* @__PURE__ */ jsx("h2", { className: __default66.heading, children: heading }),
|
|
7198
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default66.subtitle, children: subtitle })
|
|
6950
7199
|
] }),
|
|
6951
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7200
|
+
/* @__PURE__ */ jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
|
|
6952
7201
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6953
7202
|
return /* @__PURE__ */ jsxs(
|
|
6954
7203
|
"div",
|
|
6955
7204
|
{
|
|
6956
|
-
className:
|
|
7205
|
+
className: __default66.card,
|
|
6957
7206
|
children: [
|
|
6958
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
7207
|
+
/* @__PURE__ */ jsxs("p", { className: __default66.quote, children: [
|
|
6959
7208
|
"\u201C",
|
|
6960
7209
|
t.quote,
|
|
6961
7210
|
"\u201D"
|
|
6962
7211
|
] }),
|
|
6963
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7212
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.author, children: [
|
|
6964
7213
|
/* @__PURE__ */ jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
6965
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6966
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
6967
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
7214
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.authorInfo, children: [
|
|
7215
|
+
/* @__PURE__ */ jsx("p", { className: __default66.authorName, children: t.name }),
|
|
7216
|
+
/* @__PURE__ */ jsx("p", { className: __default66.authorRole, children: t.role })
|
|
6968
7217
|
] })
|
|
6969
7218
|
] })
|
|
6970
7219
|
]
|
|
@@ -6972,7 +7221,7 @@ function PromoTestimonials({
|
|
|
6972
7221
|
i
|
|
6973
7222
|
);
|
|
6974
7223
|
}) }) }),
|
|
6975
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
7224
|
+
media && /* @__PURE__ */ jsx("div", { className: __default66.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default66.mediaBox, children: media }) })
|
|
6976
7225
|
] }) });
|
|
6977
7226
|
}
|
|
6978
7227
|
|
|
@@ -7124,7 +7373,7 @@ __styleInject(`.PromoHero-module_root {
|
|
|
7124
7373
|
align-items: center;
|
|
7125
7374
|
justify-content: center;
|
|
7126
7375
|
}`);
|
|
7127
|
-
var
|
|
7376
|
+
var __default67 = { "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" };
|
|
7128
7377
|
function PromoHero({
|
|
7129
7378
|
title,
|
|
7130
7379
|
subtitle,
|
|
@@ -7134,30 +7383,30 @@ function PromoHero({
|
|
|
7134
7383
|
variant = "dark",
|
|
7135
7384
|
className = ""
|
|
7136
7385
|
}) {
|
|
7137
|
-
const variantClass = variant === "dark" ?
|
|
7138
|
-
const subtitleClass = variant === "light" ?
|
|
7386
|
+
const variantClass = variant === "dark" ? __default67.dark : variant === "gradient" ? __default67.gradient : __default67.light;
|
|
7387
|
+
const subtitleClass = variant === "light" ? __default67.subtitleLight : __default67.subtitleDark;
|
|
7139
7388
|
const isLight = variant === "light";
|
|
7140
7389
|
return /* @__PURE__ */ jsxs(
|
|
7141
7390
|
"section",
|
|
7142
7391
|
{
|
|
7143
|
-
className: `${
|
|
7392
|
+
className: `${__default67.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
7144
7393
|
children: [
|
|
7145
|
-
!isLight && /* @__PURE__ */ jsxs("div", { className:
|
|
7146
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7147
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7394
|
+
!isLight && /* @__PURE__ */ jsxs("div", { className: __default67.glowLayer, "aria-hidden": "true", children: [
|
|
7395
|
+
/* @__PURE__ */ jsx("div", { className: __default67.glowTop }),
|
|
7396
|
+
/* @__PURE__ */ jsx("div", { className: __default67.glowBottom })
|
|
7148
7397
|
] }),
|
|
7149
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7150
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7151
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
7152
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
7153
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className:
|
|
7398
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.inner, children: [
|
|
7399
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.textColumn, children: [
|
|
7400
|
+
/* @__PURE__ */ jsx("h1", { className: __default67.title, children: title }),
|
|
7401
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default67.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
7402
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default67.actions, children: [
|
|
7154
7403
|
cta && /* @__PURE__ */ jsx(
|
|
7155
7404
|
Button,
|
|
7156
7405
|
{
|
|
7157
7406
|
variant: isLight ? "primary" : "outline",
|
|
7158
7407
|
size: "hero",
|
|
7159
7408
|
onClick: cta.onClick,
|
|
7160
|
-
className: !isLight ?
|
|
7409
|
+
className: !isLight ? __default67.ctaDark : "",
|
|
7161
7410
|
children: cta.label
|
|
7162
7411
|
}
|
|
7163
7412
|
),
|
|
@@ -7167,13 +7416,13 @@ function PromoHero({
|
|
|
7167
7416
|
variant: "ghost",
|
|
7168
7417
|
size: "hero",
|
|
7169
7418
|
onClick: secondaryCta.onClick,
|
|
7170
|
-
className: !isLight ?
|
|
7419
|
+
className: !isLight ? __default67.ghostDark : "",
|
|
7171
7420
|
children: secondaryCta.label
|
|
7172
7421
|
}
|
|
7173
7422
|
)
|
|
7174
7423
|
] })
|
|
7175
7424
|
] }),
|
|
7176
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
7425
|
+
media && /* @__PURE__ */ jsx("div", { className: __default67.mediaColumn, children: media })
|
|
7177
7426
|
] })
|
|
7178
7427
|
]
|
|
7179
7428
|
}
|
|
@@ -7327,7 +7576,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
7327
7576
|
max-width: 640px;
|
|
7328
7577
|
width: 100%;
|
|
7329
7578
|
}`);
|
|
7330
|
-
var
|
|
7579
|
+
var __default68 = { "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" };
|
|
7331
7580
|
function PromoHeroForm({
|
|
7332
7581
|
title,
|
|
7333
7582
|
subtitle,
|
|
@@ -7350,17 +7599,17 @@ function PromoHeroForm({
|
|
|
7350
7599
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
7351
7600
|
};
|
|
7352
7601
|
const isDisabled = loading || value.trim().length === 0;
|
|
7353
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
7354
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
7355
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
7602
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default68.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default68.inner, children: [
|
|
7603
|
+
/* @__PURE__ */ jsx("h1", { className: __default68.title, children: title }),
|
|
7604
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default68.subtitle, children: subtitle }),
|
|
7356
7605
|
/* @__PURE__ */ jsx(
|
|
7357
7606
|
"form",
|
|
7358
7607
|
{
|
|
7359
|
-
className:
|
|
7608
|
+
className: __default68.form,
|
|
7360
7609
|
onSubmit: handleSubmit,
|
|
7361
7610
|
"aria-busy": loading,
|
|
7362
7611
|
noValidate: true,
|
|
7363
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
7612
|
+
children: /* @__PURE__ */ jsxs("div", { className: __default68.formInner, children: [
|
|
7364
7613
|
/* @__PURE__ */ jsx(
|
|
7365
7614
|
"input",
|
|
7366
7615
|
{
|
|
@@ -7369,7 +7618,7 @@ function PromoHeroForm({
|
|
|
7369
7618
|
value,
|
|
7370
7619
|
onChange: (e) => setValue(e.target.value),
|
|
7371
7620
|
disabled: loading,
|
|
7372
|
-
className:
|
|
7621
|
+
className: __default68.input,
|
|
7373
7622
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
7374
7623
|
}
|
|
7375
7624
|
),
|
|
@@ -7387,8 +7636,8 @@ function PromoHeroForm({
|
|
|
7387
7636
|
] })
|
|
7388
7637
|
}
|
|
7389
7638
|
),
|
|
7390
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className:
|
|
7391
|
-
error && /* @__PURE__ */ jsx("div", { className:
|
|
7639
|
+
hint && !error && /* @__PURE__ */ jsx("p", { className: __default68.hint, children: hint }),
|
|
7640
|
+
error && /* @__PURE__ */ jsx("div", { className: __default68.errorBox, role: "alert", children: error })
|
|
7392
7641
|
] }) });
|
|
7393
7642
|
}
|
|
7394
7643
|
|
|
@@ -7666,7 +7915,7 @@ __styleInject(`.PromoPricing-module_root {
|
|
|
7666
7915
|
.PromoPricing-module_ctaWrap {
|
|
7667
7916
|
margin-top: auto;
|
|
7668
7917
|
}`);
|
|
7669
|
-
var
|
|
7918
|
+
var __default69 = { "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" };
|
|
7670
7919
|
function PromoPricing({
|
|
7671
7920
|
heading,
|
|
7672
7921
|
subtitle,
|
|
@@ -7676,50 +7925,50 @@ function PromoPricing({
|
|
|
7676
7925
|
}) {
|
|
7677
7926
|
const isDark = variant === "dark";
|
|
7678
7927
|
const getTierClass = (highlighted) => {
|
|
7679
|
-
if (highlighted) return isDark ?
|
|
7680
|
-
return isDark ?
|
|
7928
|
+
if (highlighted) return isDark ? __default69.tierDarkHighlighted : __default69.tierHighlighted;
|
|
7929
|
+
return isDark ? __default69.tierDark : __default69.tierDefault;
|
|
7681
7930
|
};
|
|
7682
7931
|
const getNameClass = (highlighted) => {
|
|
7683
|
-
if (highlighted) return isDark ?
|
|
7684
|
-
return isDark ?
|
|
7932
|
+
if (highlighted) return isDark ? __default69.tierNameHighlightedDark : __default69.tierNameHighlightedLight;
|
|
7933
|
+
return isDark ? __default69.tierNameDark : __default69.tierNameMuted;
|
|
7685
7934
|
};
|
|
7686
7935
|
const getPeriodClass = (highlighted) => {
|
|
7687
|
-
if (highlighted) return isDark ?
|
|
7688
|
-
return isDark ?
|
|
7936
|
+
if (highlighted) return isDark ? __default69.periodHighlightedDark : __default69.periodHighlightedLight;
|
|
7937
|
+
return isDark ? __default69.periodDark : __default69.periodMuted;
|
|
7689
7938
|
};
|
|
7690
7939
|
const getDescClass = (highlighted) => {
|
|
7691
|
-
if (highlighted) return isDark ?
|
|
7692
|
-
return isDark ?
|
|
7940
|
+
if (highlighted) return isDark ? __default69.tierDescHighlightedDark : __default69.tierDescHighlightedLight;
|
|
7941
|
+
return isDark ? __default69.tierDescDark : __default69.tierDescMuted;
|
|
7693
7942
|
};
|
|
7694
7943
|
const getCheckClass = (highlighted) => {
|
|
7695
|
-
if (highlighted) return isDark ?
|
|
7696
|
-
return isDark ?
|
|
7944
|
+
if (highlighted) return isDark ? __default69.checkHighlightedDark : __default69.checkHighlightedLight;
|
|
7945
|
+
return isDark ? __default69.checkDark : __default69.checkDefault;
|
|
7697
7946
|
};
|
|
7698
7947
|
const getFeatureTextClass = (highlighted) => {
|
|
7699
|
-
if (highlighted) return isDark ?
|
|
7700
|
-
return isDark ?
|
|
7948
|
+
if (highlighted) return isDark ? __default69.featureTextHighlightedDark : __default69.featureTextHighlightedLight;
|
|
7949
|
+
return isDark ? __default69.featureTextDark : __default69.featureTextMuted;
|
|
7701
7950
|
};
|
|
7702
7951
|
return /* @__PURE__ */ jsxs(
|
|
7703
7952
|
"section",
|
|
7704
7953
|
{
|
|
7705
|
-
className: `${
|
|
7954
|
+
className: `${__default69.root} ${isDark ? __default69.dark : __default69.light}${className ? ` ${className}` : ""}`,
|
|
7706
7955
|
children: [
|
|
7707
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7708
|
-
/* @__PURE__ */ jsx("h2", { className: `${
|
|
7709
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
7956
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.headingSection, children: [
|
|
7957
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default69.heading} ${isDark ? __default69.headingDark : __default69.headingLight}`, children: heading }),
|
|
7958
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default69.subtitle} ${isDark ? __default69.subtitleDark : __default69.subtitleLight}`, children: subtitle })
|
|
7710
7959
|
] }),
|
|
7711
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7960
|
+
/* @__PURE__ */ jsx("div", { className: __default69.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
|
|
7712
7961
|
"div",
|
|
7713
7962
|
{
|
|
7714
7963
|
className: getTierClass(tier.highlighted),
|
|
7715
7964
|
children: [
|
|
7716
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7717
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7965
|
+
/* @__PURE__ */ jsx("div", { className: __default69.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
7966
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.price, children: [
|
|
7718
7967
|
/* @__PURE__ */ jsx("span", { children: tier.price }),
|
|
7719
|
-
tier.period && /* @__PURE__ */ jsx("span", { className: `${
|
|
7968
|
+
tier.period && /* @__PURE__ */ jsx("span", { className: `${__default69.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
7720
7969
|
] }),
|
|
7721
|
-
tier.description && /* @__PURE__ */ jsx("p", { className: `${
|
|
7722
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
7970
|
+
tier.description && /* @__PURE__ */ jsx("p", { className: `${__default69.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
7971
|
+
/* @__PURE__ */ jsx("ul", { className: __default69.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default69.featureItem, children: [
|
|
7723
7972
|
/* @__PURE__ */ jsx(
|
|
7724
7973
|
"svg",
|
|
7725
7974
|
{
|
|
@@ -7727,13 +7976,13 @@ function PromoPricing({
|
|
|
7727
7976
|
height: "16",
|
|
7728
7977
|
viewBox: "0 0 16 16",
|
|
7729
7978
|
fill: "none",
|
|
7730
|
-
className: `${
|
|
7979
|
+
className: `${__default69.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
7731
7980
|
children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
7732
7981
|
}
|
|
7733
7982
|
),
|
|
7734
7983
|
/* @__PURE__ */ jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
7735
7984
|
] }, fi)) }),
|
|
7736
|
-
tier.cta && /* @__PURE__ */ jsx("div", { className:
|
|
7985
|
+
tier.cta && /* @__PURE__ */ jsx("div", { className: __default69.ctaWrap, children: tier.cta })
|
|
7737
7986
|
]
|
|
7738
7987
|
},
|
|
7739
7988
|
i
|
|
@@ -7891,7 +8140,7 @@ __styleInject(`.PromoActionCards-module_root {
|
|
|
7891
8140
|
.PromoActionCards-module_ctaBtn:hover {
|
|
7892
8141
|
opacity: 0.9;
|
|
7893
8142
|
}`);
|
|
7894
|
-
var
|
|
8143
|
+
var __default70 = { "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" };
|
|
7895
8144
|
function PromoActionCards({
|
|
7896
8145
|
heading,
|
|
7897
8146
|
subtitle,
|
|
@@ -7899,28 +8148,28 @@ function PromoActionCards({
|
|
|
7899
8148
|
columns = 3,
|
|
7900
8149
|
className = ""
|
|
7901
8150
|
}) {
|
|
7902
|
-
const gridClass = columns === 2 ?
|
|
7903
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
7904
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7905
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
7906
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8151
|
+
const gridClass = columns === 2 ? __default70.grid2 : __default70.grid3;
|
|
8152
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
|
|
8153
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.header, children: [
|
|
8154
|
+
/* @__PURE__ */ jsx("h2", { className: __default70.heading, children: heading }),
|
|
8155
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default70.subtitle, children: subtitle })
|
|
7907
8156
|
] }),
|
|
7908
8157
|
/* @__PURE__ */ jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
7909
8158
|
var _a;
|
|
7910
8159
|
return /* @__PURE__ */ jsxs(
|
|
7911
8160
|
"div",
|
|
7912
8161
|
{
|
|
7913
|
-
className:
|
|
8162
|
+
className: __default70.card,
|
|
7914
8163
|
children: [
|
|
7915
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7916
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
7917
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
8164
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.cardContent, children: [
|
|
8165
|
+
/* @__PURE__ */ jsx("h3", { className: __default70.cardTitle, children: card.title }),
|
|
8166
|
+
/* @__PURE__ */ jsx("p", { className: __default70.cardDesc, children: card.description })
|
|
7918
8167
|
] }),
|
|
7919
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7920
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8168
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.cardFooter, children: [
|
|
8169
|
+
/* @__PURE__ */ jsx("div", { className: __default70.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
|
|
7921
8170
|
"span",
|
|
7922
8171
|
{
|
|
7923
|
-
className:
|
|
8172
|
+
className: __default70.iconCircle,
|
|
7924
8173
|
children: icon
|
|
7925
8174
|
},
|
|
7926
8175
|
ii
|
|
@@ -7929,7 +8178,7 @@ function PromoActionCards({
|
|
|
7929
8178
|
"button",
|
|
7930
8179
|
{
|
|
7931
8180
|
onClick: card.cta.onClick,
|
|
7932
|
-
className:
|
|
8181
|
+
className: __default70.ctaBtn,
|
|
7933
8182
|
children: [
|
|
7934
8183
|
card.cta.label,
|
|
7935
8184
|
/* @__PURE__ */ jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -8052,7 +8301,7 @@ __styleInject(`.ArticleHero-module_root {
|
|
|
8052
8301
|
color: rgba(255, 255, 255, 0.9);
|
|
8053
8302
|
line-height: 22.5px;
|
|
8054
8303
|
}`);
|
|
8055
|
-
var
|
|
8304
|
+
var __default71 = { "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" };
|
|
8056
8305
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
8057
8306
|
function ArticleHero({
|
|
8058
8307
|
category,
|
|
@@ -8064,20 +8313,20 @@ function ArticleHero({
|
|
|
8064
8313
|
className = ""
|
|
8065
8314
|
}) {
|
|
8066
8315
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
8067
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
8068
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8069
|
-
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className:
|
|
8070
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8316
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
|
|
8317
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.bgLayer, children: [
|
|
8318
|
+
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default71.bgImage }),
|
|
8319
|
+
/* @__PURE__ */ jsx("div", { className: __default71.overlay })
|
|
8071
8320
|
] }),
|
|
8072
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8073
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
8074
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8075
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
8321
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.topBar, children: [
|
|
8322
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default71.logo, children: logo }),
|
|
8323
|
+
/* @__PURE__ */ jsx("div", { className: __default71.divider }),
|
|
8324
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default71.nav, children: nav })
|
|
8076
8325
|
] }),
|
|
8077
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8078
|
-
category && /* @__PURE__ */ jsx("p", { className:
|
|
8079
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
8080
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8326
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.bottom, children: [
|
|
8327
|
+
category && /* @__PURE__ */ jsx("p", { className: __default71.category, children: category }),
|
|
8328
|
+
/* @__PURE__ */ jsx("h1", { className: __default71.title, children: title }),
|
|
8329
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default71.subtitle, children: subtitle })
|
|
8081
8330
|
] })
|
|
8082
8331
|
] });
|
|
8083
8332
|
}
|
|
@@ -8089,9 +8338,9 @@ __styleInject(`.ArticleBody-module_root {
|
|
|
8089
8338
|
color: var(--fg-secondary);
|
|
8090
8339
|
font-weight: 400;
|
|
8091
8340
|
}`);
|
|
8092
|
-
var
|
|
8341
|
+
var __default72 = { "root": "ArticleBody-module_root" };
|
|
8093
8342
|
function ArticleBody({ children, className = "" }) {
|
|
8094
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8343
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children });
|
|
8095
8344
|
}
|
|
8096
8345
|
|
|
8097
8346
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
@@ -8134,10 +8383,10 @@ __styleInject(`.ArticleHeading-module_root {
|
|
|
8134
8383
|
line-height: 1.25rem;
|
|
8135
8384
|
color: var(--fg-muted);
|
|
8136
8385
|
}`);
|
|
8137
|
-
var
|
|
8386
|
+
var __default73 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
|
|
8138
8387
|
var levelClass = {
|
|
8139
|
-
2:
|
|
8140
|
-
3:
|
|
8388
|
+
2: __default73.h2,
|
|
8389
|
+
3: __default73.h3
|
|
8141
8390
|
};
|
|
8142
8391
|
function ArticleHeading({
|
|
8143
8392
|
level = 2,
|
|
@@ -8147,12 +8396,12 @@ function ArticleHeading({
|
|
|
8147
8396
|
className = ""
|
|
8148
8397
|
}) {
|
|
8149
8398
|
const Tag2 = `h${level}`;
|
|
8150
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8151
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8399
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
|
|
8400
|
+
/* @__PURE__ */ jsxs("div", { className: __default73.header, children: [
|
|
8152
8401
|
/* @__PURE__ */ jsx(Tag2, { className: levelClass[level], children }),
|
|
8153
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
8402
|
+
action && /* @__PURE__ */ jsx("div", { className: __default73.action, children: action })
|
|
8154
8403
|
] }),
|
|
8155
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8404
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default73.subtitle, children: subtitle })
|
|
8156
8405
|
] });
|
|
8157
8406
|
}
|
|
8158
8407
|
|
|
@@ -8228,7 +8477,7 @@ __styleInject(`.ArticleFigure-module_root {
|
|
|
8228
8477
|
line-height: 1.25rem;
|
|
8229
8478
|
color: var(--fg-muted);
|
|
8230
8479
|
}`);
|
|
8231
|
-
var
|
|
8480
|
+
var __default74 = { "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" };
|
|
8232
8481
|
function ArticleFigure({
|
|
8233
8482
|
src,
|
|
8234
8483
|
alt = "",
|
|
@@ -8238,35 +8487,35 @@ function ArticleFigure({
|
|
|
8238
8487
|
children,
|
|
8239
8488
|
className = ""
|
|
8240
8489
|
}) {
|
|
8241
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8490
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
8242
8491
|
/* @__PURE__ */ jsx(
|
|
8243
8492
|
"div",
|
|
8244
8493
|
{
|
|
8245
|
-
className:
|
|
8494
|
+
className: __default74.imageWrapper,
|
|
8246
8495
|
style: { minHeight: height },
|
|
8247
8496
|
children: src ? (
|
|
8248
8497
|
// eslint-disable-next-line @next/next/no-img-element
|
|
8249
|
-
/* @__PURE__ */ jsx("img", { src, alt, className:
|
|
8250
|
-
) : children ? /* @__PURE__ */ jsx("div", { className:
|
|
8498
|
+
/* @__PURE__ */ jsx("img", { src, alt, className: __default74.image })
|
|
8499
|
+
) : children ? /* @__PURE__ */ jsx("div", { className: __default74.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default74.placeholder, children: [
|
|
8251
8500
|
/* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
8252
8501
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
8253
8502
|
/* @__PURE__ */ jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
8254
8503
|
] }),
|
|
8255
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8504
|
+
/* @__PURE__ */ jsx("span", { className: __default74.placeholderText, children: "Figure placeholder" })
|
|
8256
8505
|
] })
|
|
8257
8506
|
}
|
|
8258
8507
|
),
|
|
8259
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
8508
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className: __default74.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default74.legendItem, children: [
|
|
8260
8509
|
/* @__PURE__ */ jsx(
|
|
8261
8510
|
"span",
|
|
8262
8511
|
{
|
|
8263
|
-
className:
|
|
8512
|
+
className: __default74.legendSwatch,
|
|
8264
8513
|
style: { backgroundColor: item.color }
|
|
8265
8514
|
}
|
|
8266
8515
|
),
|
|
8267
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8516
|
+
/* @__PURE__ */ jsx("span", { className: __default74.legendLabel, children: item.label })
|
|
8268
8517
|
] }, item.label)) }),
|
|
8269
|
-
caption && /* @__PURE__ */ jsx("figcaption", { className:
|
|
8518
|
+
caption && /* @__PURE__ */ jsx("figcaption", { className: __default74.caption, children: caption })
|
|
8270
8519
|
] });
|
|
8271
8520
|
}
|
|
8272
8521
|
|
|
@@ -8359,7 +8608,7 @@ __styleInject(`.ArticleTable-module_root {
|
|
|
8359
8608
|
.ArticleTable-module_showMore:hover {
|
|
8360
8609
|
color: var(--fg);
|
|
8361
8610
|
}`);
|
|
8362
|
-
var
|
|
8611
|
+
var __default75 = { "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" };
|
|
8363
8612
|
function ArticleTable({
|
|
8364
8613
|
columns,
|
|
8365
8614
|
rows,
|
|
@@ -8371,19 +8620,19 @@ function ArticleTable({
|
|
|
8371
8620
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
8372
8621
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
8373
8622
|
const hiddenCount = rows.length - limit;
|
|
8374
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8375
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8376
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
8377
|
-
columns.map((col) => /* @__PURE__ */ jsx("div", { className:
|
|
8623
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children: [
|
|
8624
|
+
/* @__PURE__ */ jsxs("div", { className: __default75.headerRow, children: [
|
|
8625
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default75.rankCell }),
|
|
8626
|
+
columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default75.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default75.headerLabel, children: col.label }) }, col.key))
|
|
8378
8627
|
] }),
|
|
8379
|
-
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
8380
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
8628
|
+
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: __default75.row, children: [
|
|
8629
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default75.rankValue, children: /* @__PURE__ */ jsx("span", { children: i + 1 }) }),
|
|
8381
8630
|
columns.map((col) => {
|
|
8382
8631
|
const value = row[col.key];
|
|
8383
8632
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
8384
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
8385
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className:
|
|
8386
|
-
hasBadge && /* @__PURE__ */ jsx("span", { className:
|
|
8633
|
+
return /* @__PURE__ */ jsxs("div", { className: __default75.cell, children: [
|
|
8634
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default75.cellText, children: String(value != null ? value : "") }),
|
|
8635
|
+
hasBadge && /* @__PURE__ */ jsx("span", { className: __default75.badge, children: row._badge })
|
|
8387
8636
|
] }, col.key);
|
|
8388
8637
|
})
|
|
8389
8638
|
] }, i)) }),
|
|
@@ -8391,7 +8640,7 @@ function ArticleTable({
|
|
|
8391
8640
|
"button",
|
|
8392
8641
|
{
|
|
8393
8642
|
onClick: () => setExpanded(true),
|
|
8394
|
-
className:
|
|
8643
|
+
className: __default75.showMore,
|
|
8395
8644
|
children: [
|
|
8396
8645
|
"Show ",
|
|
8397
8646
|
hiddenCount,
|
|
@@ -8424,19 +8673,19 @@ __styleInject(`.ArticleList-module_root {
|
|
|
8424
8673
|
.ArticleList-module_item {
|
|
8425
8674
|
padding-left: 0.25rem;
|
|
8426
8675
|
}`);
|
|
8427
|
-
var
|
|
8676
|
+
var __default76 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
8428
8677
|
function ArticleList({
|
|
8429
8678
|
variant = "unordered",
|
|
8430
8679
|
items,
|
|
8431
8680
|
className = ""
|
|
8432
8681
|
}) {
|
|
8433
8682
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
8434
|
-
const variantClass = variant === "ordered" ?
|
|
8683
|
+
const variantClass = variant === "ordered" ? __default76.ordered : __default76.unordered;
|
|
8435
8684
|
return /* @__PURE__ */ jsx(
|
|
8436
8685
|
Tag2,
|
|
8437
8686
|
{
|
|
8438
|
-
className: `${
|
|
8439
|
-
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className:
|
|
8687
|
+
className: `${__default76.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
8688
|
+
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default76.item, children: item }, i))
|
|
8440
8689
|
}
|
|
8441
8690
|
);
|
|
8442
8691
|
}
|
|
@@ -8448,9 +8697,9 @@ __styleInject(`.ArticleNote-module_root {
|
|
|
8448
8697
|
color: var(--fg-secondary);
|
|
8449
8698
|
font-style: italic;
|
|
8450
8699
|
}`);
|
|
8451
|
-
var
|
|
8700
|
+
var __default77 = { "root": "ArticleNote-module_root" };
|
|
8452
8701
|
function ArticleNote({ children, className = "" }) {
|
|
8453
|
-
return /* @__PURE__ */ jsx("p", { className: `${
|
|
8702
|
+
return /* @__PURE__ */ jsx("p", { className: `${__default77.root}${className ? ` ${className}` : ""}`, children });
|
|
8454
8703
|
}
|
|
8455
8704
|
|
|
8456
8705
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
@@ -8563,11 +8812,11 @@ __styleInject(`.ArticleChatBlock-module_root {
|
|
|
8563
8812
|
.ArticleChatBlock-module_showMoreBtn:hover {
|
|
8564
8813
|
color: var(--fg);
|
|
8565
8814
|
}`);
|
|
8566
|
-
var
|
|
8815
|
+
var __default78 = { "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" };
|
|
8567
8816
|
var roleConfig = {
|
|
8568
|
-
assistant: { cls:
|
|
8569
|
-
system: { cls:
|
|
8570
|
-
user: { cls:
|
|
8817
|
+
assistant: { cls: __default78.assistant, gradient: "var(--bg-secondary)" },
|
|
8818
|
+
system: { cls: __default78.system, gradient: "var(--bg-tertiary)" },
|
|
8819
|
+
user: { cls: __default78.user, gradient: "var(--bg-secondary)" }
|
|
8571
8820
|
};
|
|
8572
8821
|
function ArticleChatBlock({
|
|
8573
8822
|
role,
|
|
@@ -8581,40 +8830,40 @@ function ArticleChatBlock({
|
|
|
8581
8830
|
var _a;
|
|
8582
8831
|
const [expanded, setExpanded] = useState(false);
|
|
8583
8832
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
8584
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8585
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8833
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default78.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
8834
|
+
/* @__PURE__ */ jsx("div", { className: __default78.header, children: /* @__PURE__ */ jsxs("span", { className: __default78.roleLabel, children: [
|
|
8586
8835
|
role,
|
|
8587
8836
|
model && ` \u2022 ${model}`
|
|
8588
8837
|
] }) }),
|
|
8589
|
-
toolCall && /* @__PURE__ */ jsx("div", { className:
|
|
8590
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8591
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8838
|
+
toolCall && /* @__PURE__ */ jsx("div", { className: __default78.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default78.toolBadgeInner, children: [
|
|
8839
|
+
/* @__PURE__ */ jsx("span", { className: __default78.toolDot }),
|
|
8840
|
+
/* @__PURE__ */ jsx("span", { className: __default78.toolLabel, children: toolCall })
|
|
8592
8841
|
] }) }),
|
|
8593
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8594
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8842
|
+
/* @__PURE__ */ jsx("div", { className: __default78.divider }),
|
|
8843
|
+
/* @__PURE__ */ jsxs("div", { className: __default78.contentWrapper, children: [
|
|
8595
8844
|
/* @__PURE__ */ jsx(
|
|
8596
8845
|
"div",
|
|
8597
8846
|
{
|
|
8598
|
-
className:
|
|
8847
|
+
className: __default78.content,
|
|
8599
8848
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
8600
8849
|
children
|
|
8601
8850
|
}
|
|
8602
8851
|
),
|
|
8603
|
-
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className:
|
|
8852
|
+
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className: __default78.fadeOverlay, children: [
|
|
8604
8853
|
/* @__PURE__ */ jsx(
|
|
8605
8854
|
"div",
|
|
8606
8855
|
{
|
|
8607
|
-
className:
|
|
8856
|
+
className: __default78.fadeGradient,
|
|
8608
8857
|
style: {
|
|
8609
8858
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
8610
8859
|
}
|
|
8611
8860
|
}
|
|
8612
8861
|
),
|
|
8613
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
8862
|
+
/* @__PURE__ */ jsx("div", { className: `${__default78.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
|
|
8614
8863
|
"button",
|
|
8615
8864
|
{
|
|
8616
8865
|
onClick: () => setExpanded(true),
|
|
8617
|
-
className:
|
|
8866
|
+
className: __default78.showMoreBtn,
|
|
8618
8867
|
children: "Show more"
|
|
8619
8868
|
}
|
|
8620
8869
|
) })
|
|
@@ -8646,14 +8895,14 @@ __styleInject(`.ArticleLinkButton-module_root {
|
|
|
8646
8895
|
.ArticleLinkButton-module_root:active {
|
|
8647
8896
|
opacity: 0.8;
|
|
8648
8897
|
}`);
|
|
8649
|
-
var
|
|
8898
|
+
var __default79 = { "root": "ArticleLinkButton-module_root" };
|
|
8650
8899
|
function ArticleLinkButton({
|
|
8651
8900
|
children,
|
|
8652
8901
|
href,
|
|
8653
8902
|
onClick,
|
|
8654
8903
|
className = ""
|
|
8655
8904
|
}) {
|
|
8656
|
-
const cls = `${
|
|
8905
|
+
const cls = `${__default79.root}${className ? ` ${className}` : ""}`;
|
|
8657
8906
|
if (href) {
|
|
8658
8907
|
return /* @__PURE__ */ jsx("a", { href, className: cls, children });
|
|
8659
8908
|
}
|
|
@@ -8690,18 +8939,18 @@ __styleInject(`.ArticleFooter-module_root {
|
|
|
8690
8939
|
line-height: 1.25rem;
|
|
8691
8940
|
color: var(--fg-muted);
|
|
8692
8941
|
}`);
|
|
8693
|
-
var
|
|
8942
|
+
var __default80 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
8694
8943
|
function ArticleFooter({
|
|
8695
8944
|
logo,
|
|
8696
8945
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
8697
8946
|
className = ""
|
|
8698
8947
|
}) {
|
|
8699
|
-
return /* @__PURE__ */ jsxs("footer", { className: `${
|
|
8700
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8701
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
8702
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8948
|
+
return /* @__PURE__ */ jsxs("footer", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children: [
|
|
8949
|
+
/* @__PURE__ */ jsxs("div", { className: __default80.topBar, children: [
|
|
8950
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default80.logo, children: logo }),
|
|
8951
|
+
/* @__PURE__ */ jsx("div", { className: __default80.divider })
|
|
8703
8952
|
] }),
|
|
8704
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
8953
|
+
/* @__PURE__ */ jsx("p", { className: __default80.copyright, children: copyright })
|
|
8705
8954
|
] });
|
|
8706
8955
|
}
|
|
8707
8956
|
|
|
@@ -8724,15 +8973,15 @@ __styleInject(`.ArticleLayout-module_root {
|
|
|
8724
8973
|
width: 100%;
|
|
8725
8974
|
max-width: 720px;
|
|
8726
8975
|
}`);
|
|
8727
|
-
var
|
|
8976
|
+
var __default81 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
8728
8977
|
function ArticleLayout({ children, className = "" }) {
|
|
8729
|
-
return /* @__PURE__ */ jsx("article", { className: `${
|
|
8978
|
+
return /* @__PURE__ */ jsx("article", { className: `${__default81.root}${className ? ` ${className}` : ""}`, children });
|
|
8730
8979
|
}
|
|
8731
8980
|
function ArticleWide({ children, className = "" }) {
|
|
8732
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8981
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default81.wide}${className ? ` ${className}` : ""}`, children });
|
|
8733
8982
|
}
|
|
8734
8983
|
function ArticleNarrow({ children, className = "" }) {
|
|
8735
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8984
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default81.narrow}${className ? ` ${className}` : ""}`, children });
|
|
8736
8985
|
}
|
|
8737
8986
|
|
|
8738
8987
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
@@ -8819,7 +9068,7 @@ __styleInject(`.ArticleChart-module_figure {
|
|
|
8819
9068
|
line-height: 1rem;
|
|
8820
9069
|
color: var(--fg-secondary);
|
|
8821
9070
|
}`);
|
|
8822
|
-
var
|
|
9071
|
+
var __default82 = { "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" };
|
|
8823
9072
|
function ChartTooltip({
|
|
8824
9073
|
active,
|
|
8825
9074
|
payload,
|
|
@@ -8830,15 +9079,15 @@ function ChartTooltip({
|
|
|
8830
9079
|
}) {
|
|
8831
9080
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8832
9081
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8833
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
8834
|
-
label !== void 0 && /* @__PURE__ */ jsxs("p", { className:
|
|
9082
|
+
return /* @__PURE__ */ jsxs("div", { className: __default82.tooltip, children: [
|
|
9083
|
+
label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default82.tooltipLabel, children: [
|
|
8835
9084
|
xLabel ? `${xLabel}: ` : "",
|
|
8836
9085
|
label
|
|
8837
9086
|
] }),
|
|
8838
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
8839
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8840
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8841
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9087
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: __default82.tooltipRow, children: [
|
|
9088
|
+
/* @__PURE__ */ jsx("span", { className: __default82.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
9089
|
+
/* @__PURE__ */ jsx("span", { className: __default82.tooltipName, children: entry.name }),
|
|
9090
|
+
/* @__PURE__ */ jsx("span", { className: __default82.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
8842
9091
|
] }, i))
|
|
8843
9092
|
] });
|
|
8844
9093
|
}
|
|
@@ -8852,8 +9101,8 @@ function ArticleLineChart({
|
|
|
8852
9101
|
valueFormatter,
|
|
8853
9102
|
className = ""
|
|
8854
9103
|
}) {
|
|
8855
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8856
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9104
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9105
|
+
/* @__PURE__ */ jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8857
9106
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8858
9107
|
/* @__PURE__ */ jsx(
|
|
8859
9108
|
XAxis,
|
|
@@ -8903,9 +9152,9 @@ function ArticleLineChart({
|
|
|
8903
9152
|
s.dataKey
|
|
8904
9153
|
))
|
|
8905
9154
|
] }) }) }),
|
|
8906
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8907
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8908
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9155
|
+
/* @__PURE__ */ jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default82.legendItem, children: [
|
|
9156
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9157
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendLabel, children: s.name })
|
|
8909
9158
|
] }, s.dataKey)) })
|
|
8910
9159
|
] });
|
|
8911
9160
|
}
|
|
@@ -8920,8 +9169,8 @@ function ArticleBarChart({
|
|
|
8920
9169
|
valueFormatter,
|
|
8921
9170
|
className = ""
|
|
8922
9171
|
}) {
|
|
8923
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8924
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9172
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9173
|
+
/* @__PURE__ */ jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8925
9174
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
8926
9175
|
/* @__PURE__ */ jsx(
|
|
8927
9176
|
XAxis,
|
|
@@ -8969,9 +9218,9 @@ function ArticleBarChart({
|
|
|
8969
9218
|
s.dataKey
|
|
8970
9219
|
))
|
|
8971
9220
|
] }) }) }),
|
|
8972
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8973
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8974
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9221
|
+
/* @__PURE__ */ jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default82.legendItem, children: [
|
|
9222
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9223
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendLabel, children: s.name })
|
|
8975
9224
|
] }, s.dataKey)) })
|
|
8976
9225
|
] });
|
|
8977
9226
|
}
|
|
@@ -8989,7 +9238,7 @@ function ArticleScatterChart({
|
|
|
8989
9238
|
var _a;
|
|
8990
9239
|
return (_a = d.color) != null ? _a : color;
|
|
8991
9240
|
});
|
|
8992
|
-
return /* @__PURE__ */ jsx("figure", { className: `${
|
|
9241
|
+
return /* @__PURE__ */ jsx("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8993
9242
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8994
9243
|
/* @__PURE__ */ jsx(
|
|
8995
9244
|
XAxis,
|
|
@@ -9025,14 +9274,14 @@ function ArticleScatterChart({
|
|
|
9025
9274
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
9026
9275
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
9027
9276
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
9028
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
9029
|
-
point.label && /* @__PURE__ */ jsx("p", { className:
|
|
9030
|
-
xLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
9277
|
+
return /* @__PURE__ */ jsxs("div", { className: __default82.tooltip, children: [
|
|
9278
|
+
point.label && /* @__PURE__ */ jsx("p", { className: __default82.scatterTooltipLabel, children: point.label }),
|
|
9279
|
+
xLabel && /* @__PURE__ */ jsxs("p", { className: __default82.scatterTooltipRow, children: [
|
|
9031
9280
|
xLabel,
|
|
9032
9281
|
": ",
|
|
9033
9282
|
fmt(point.x)
|
|
9034
9283
|
] }),
|
|
9035
|
-
yLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
9284
|
+
yLabel && /* @__PURE__ */ jsxs("p", { className: __default82.scatterTooltipRow, children: [
|
|
9036
9285
|
yLabel,
|
|
9037
9286
|
": ",
|
|
9038
9287
|
fmt(point.y)
|
|
@@ -9109,7 +9358,7 @@ __styleInject(`.LandingLayout-module_headerMode {
|
|
|
9109
9358
|
padding-right: 4rem;
|
|
9110
9359
|
}
|
|
9111
9360
|
}`);
|
|
9112
|
-
var
|
|
9361
|
+
var __default83 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
|
|
9113
9362
|
function LandingLayout({
|
|
9114
9363
|
mode = "header",
|
|
9115
9364
|
nav,
|
|
@@ -9118,19 +9367,19 @@ function LandingLayout({
|
|
|
9118
9367
|
className = ""
|
|
9119
9368
|
}) {
|
|
9120
9369
|
if (mode === "sidebar") {
|
|
9121
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
9122
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
9123
|
-
/* @__PURE__ */ jsxs("main", { className:
|
|
9124
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9370
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default83.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
9371
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default83.sidebarNav, children: nav }),
|
|
9372
|
+
/* @__PURE__ */ jsxs("main", { className: __default83.sidebarMain, children: [
|
|
9373
|
+
/* @__PURE__ */ jsx("div", { className: __default83.sidebarContent, children }),
|
|
9125
9374
|
footer
|
|
9126
9375
|
] })
|
|
9127
9376
|
] });
|
|
9128
9377
|
}
|
|
9129
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
9378
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default83.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
9130
9379
|
nav,
|
|
9131
|
-
/* @__PURE__ */ jsx("main", { className:
|
|
9380
|
+
/* @__PURE__ */ jsx("main", { className: __default83.headerMain, children }),
|
|
9132
9381
|
footer
|
|
9133
9382
|
] });
|
|
9134
9383
|
}
|
|
9135
9384
|
|
|
9136
|
-
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|
|
9385
|
+
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, SectionHeading, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|