@dmitriikapustin/ui 0.4.1 → 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 +664 -527
- package/dist/index.d.cts +68 -6
- package/dist/index.d.ts +68 -6
- package/dist/index.js +665 -529
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1688,6 +1688,73 @@ function Skeleton({ variant = "line", width, height, className = "" }) {
|
|
|
1688
1688
|
);
|
|
1689
1689
|
}
|
|
1690
1690
|
|
|
1691
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/SectionHeading.module.scss
|
|
1692
|
+
__styleInject(`@charset "UTF-8";
|
|
1693
|
+
/* 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.
|
|
1694
|
+
\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0437\u0435\u0440\u043A\u0430\u043B\u044F\u0442 PromoSplit-module_heading / PromoTestimonials-module_heading. */
|
|
1695
|
+
.SectionHeading-module_heading {
|
|
1696
|
+
font-size: clamp(1.75rem, 4vw, 2.75rem);
|
|
1697
|
+
font-weight: 700;
|
|
1698
|
+
line-height: 1.1;
|
|
1699
|
+
letter-spacing: -0.03em;
|
|
1700
|
+
color: var(--fg);
|
|
1701
|
+
text-wrap: balance;
|
|
1702
|
+
margin: 0;
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
.SectionHeading-module_alignLeft {
|
|
1706
|
+
text-align: left;
|
|
1707
|
+
}
|
|
1708
|
+
|
|
1709
|
+
.SectionHeading-module_alignCenter {
|
|
1710
|
+
text-align: center;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1713
|
+
.SectionHeading-module_wrap {
|
|
1714
|
+
display: flex;
|
|
1715
|
+
flex-direction: column;
|
|
1716
|
+
gap: 0.75rem;
|
|
1717
|
+
}
|
|
1718
|
+
|
|
1719
|
+
.SectionHeading-module_wrapCenter {
|
|
1720
|
+
display: flex;
|
|
1721
|
+
flex-direction: column;
|
|
1722
|
+
align-items: center;
|
|
1723
|
+
gap: 0.75rem;
|
|
1724
|
+
text-align: center;
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1727
|
+
.SectionHeading-module_subtitle {
|
|
1728
|
+
font-size: 1rem;
|
|
1729
|
+
line-height: 1.625;
|
|
1730
|
+
color: var(--fg-secondary);
|
|
1731
|
+
margin: 0;
|
|
1732
|
+
max-width: 42rem;
|
|
1733
|
+
text-wrap: balance;
|
|
1734
|
+
}
|
|
1735
|
+
@media (min-width: 768px) {
|
|
1736
|
+
.SectionHeading-module_subtitle {
|
|
1737
|
+
font-size: 1.125rem;
|
|
1738
|
+
}
|
|
1739
|
+
}`);
|
|
1740
|
+
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" };
|
|
1741
|
+
function SectionHeading({
|
|
1742
|
+
children,
|
|
1743
|
+
as = "h2",
|
|
1744
|
+
align = "left",
|
|
1745
|
+
subtitle,
|
|
1746
|
+
className = ""
|
|
1747
|
+
}) {
|
|
1748
|
+
const headingClass = `${__default20.heading} ${align === "center" ? __default20.alignCenter : __default20.alignLeft}${className ? ` ${className}` : ""}`;
|
|
1749
|
+
if (subtitle) {
|
|
1750
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: align === "center" ? __default20.wrapCenter : __default20.wrap, children: [
|
|
1751
|
+
react.createElement(as, { className: headingClass }, children),
|
|
1752
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default20.subtitle, children: subtitle })
|
|
1753
|
+
] });
|
|
1754
|
+
}
|
|
1755
|
+
return react.createElement(as, { className: headingClass }, children);
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1691
1758
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/TicketButton.module.scss
|
|
1692
1759
|
__styleInject(`@charset "UTF-8";
|
|
1693
1760
|
/* TicketButton SASS Module \u2014 scoped CSS replacing Tailwind group-hover utilities */
|
|
@@ -1752,7 +1819,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
1752
1819
|
align-items: center;
|
|
1753
1820
|
justify-content: center;
|
|
1754
1821
|
}`);
|
|
1755
|
-
var
|
|
1822
|
+
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" };
|
|
1756
1823
|
var DefaultIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) });
|
|
1757
1824
|
function TicketButton(_a) {
|
|
1758
1825
|
var _b = _a, {
|
|
@@ -1775,14 +1842,14 @@ function TicketButton(_a) {
|
|
|
1775
1842
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1776
1843
|
"button",
|
|
1777
1844
|
__spreadProps(__spreadValues({
|
|
1778
|
-
className: `${
|
|
1845
|
+
className: `${__default21.root} ${className}`
|
|
1779
1846
|
}, props), {
|
|
1780
1847
|
children: [
|
|
1781
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
1848
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default21.body, children: [
|
|
1782
1849
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1783
1850
|
"svg",
|
|
1784
1851
|
{
|
|
1785
|
-
className:
|
|
1852
|
+
className: __default21.bodySvg,
|
|
1786
1853
|
viewBox: "0 0 140 56",
|
|
1787
1854
|
fill: "none",
|
|
1788
1855
|
preserveAspectRatio: "none",
|
|
@@ -1807,13 +1874,13 @@ function TicketButton(_a) {
|
|
|
1807
1874
|
]
|
|
1808
1875
|
}
|
|
1809
1876
|
),
|
|
1810
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1877
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default21.bodyText, style: { color: fg }, children })
|
|
1811
1878
|
] }),
|
|
1812
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
1879
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default21.stub, children: [
|
|
1813
1880
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1814
1881
|
"svg",
|
|
1815
1882
|
{
|
|
1816
|
-
className:
|
|
1883
|
+
className: __default21.stubSvg,
|
|
1817
1884
|
viewBox: "0 0 56 56",
|
|
1818
1885
|
fill: "none",
|
|
1819
1886
|
preserveAspectRatio: "none",
|
|
@@ -1837,7 +1904,7 @@ function TicketButton(_a) {
|
|
|
1837
1904
|
]
|
|
1838
1905
|
}
|
|
1839
1906
|
),
|
|
1840
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1907
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default21.stubIcon, style: { color: fg }, children: icon || /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, {}) })
|
|
1841
1908
|
] })
|
|
1842
1909
|
]
|
|
1843
1910
|
})
|
|
@@ -1938,7 +2005,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
1938
2005
|
.Card-module_spacer {
|
|
1939
2006
|
display: block;
|
|
1940
2007
|
}`);
|
|
1941
|
-
var
|
|
2008
|
+
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" };
|
|
1942
2009
|
|
|
1943
2010
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/IconBadge.module.scss
|
|
1944
2011
|
__styleInject(`@charset "UTF-8";
|
|
@@ -1958,9 +2025,9 @@ __styleInject(`@charset "UTF-8";
|
|
|
1958
2025
|
width: 20px;
|
|
1959
2026
|
height: 20px;
|
|
1960
2027
|
}`);
|
|
1961
|
-
var
|
|
2028
|
+
var __default23 = { "root": "IconBadge-module_root" };
|
|
1962
2029
|
function IconBadge({ icon, className = "" }) {
|
|
1963
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
2030
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default23.root}${className ? ` ${className}` : ""}`, children: icon });
|
|
1964
2031
|
}
|
|
1965
2032
|
function Card({
|
|
1966
2033
|
image,
|
|
@@ -1977,20 +2044,20 @@ function Card({
|
|
|
1977
2044
|
const hasImage = !!image;
|
|
1978
2045
|
const hasBadgesOrAction = !!(badges && badges.length > 0 || action);
|
|
1979
2046
|
const showFooter = !!footer || hasBadgesOrAction;
|
|
1980
|
-
const variantClass = variant === "danger" ? ` ${
|
|
1981
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
1982
|
-
hasImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2047
|
+
const variantClass = variant === "danger" ? ` ${__default22.danger}` : "";
|
|
2048
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default22.root}${variantClass}${className ? ` ${className}` : ""}`, children: [
|
|
2049
|
+
hasImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default22.imageWrapper, children: typeof image === "string" ? (
|
|
1983
2050
|
// eslint-disable-next-line @next/next/no-img-element
|
|
1984
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title || "", className:
|
|
2051
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title || "", className: __default22.image })
|
|
1985
2052
|
) : image }),
|
|
1986
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
1987
|
-
(title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1988
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
1989
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
2053
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default22.body} ${hasImage ? __default22.bodyWithImage : __default22.bodyNoImage}`, children: [
|
|
2054
|
+
(title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default22.titleBlock, children: [
|
|
2055
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default22.title, children: title }),
|
|
2056
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default22.description}${descriptionClassName ? ` ${descriptionClassName}` : ""}`, children: description })
|
|
1990
2057
|
] }),
|
|
1991
2058
|
children,
|
|
1992
|
-
showFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1993
|
-
badges && badges.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2059
|
+
showFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default22.footer, children: footer || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default22.footerRow, children: [
|
|
2060
|
+
badges && badges.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default22.badges, children: badges.map((b, i) => /* @__PURE__ */ jsxRuntime.jsx(IconBadge, { icon: b }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default22.spacer }),
|
|
1994
2061
|
action && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1995
2062
|
Button,
|
|
1996
2063
|
{
|
|
@@ -2083,7 +2150,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2083
2150
|
height: auto;
|
|
2084
2151
|
display: block;
|
|
2085
2152
|
}`);
|
|
2086
|
-
var
|
|
2153
|
+
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" };
|
|
2087
2154
|
function Gallery({
|
|
2088
2155
|
variant = "grid",
|
|
2089
2156
|
images,
|
|
@@ -2092,10 +2159,10 @@ function Gallery({
|
|
|
2092
2159
|
}) {
|
|
2093
2160
|
if (images.length === 0) return null;
|
|
2094
2161
|
const isMasonry = variant === "masonry";
|
|
2095
|
-
const itemClass = isMasonry ?
|
|
2096
|
-
const containerClass = isMasonry ?
|
|
2097
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
2098
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2162
|
+
const itemClass = isMasonry ? __default24.masonryItem : __default24.gridItem;
|
|
2163
|
+
const containerClass = isMasonry ? __default24.masonry : __default24.grid;
|
|
2164
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default24.root}${className ? ` ${className}` : ""}`, children: [
|
|
2165
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default24.title, children: title }),
|
|
2099
2166
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: images.map((src, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: itemClass, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2100
2167
|
"img",
|
|
2101
2168
|
{
|
|
@@ -2103,7 +2170,7 @@ function Gallery({
|
|
|
2103
2170
|
alt: "",
|
|
2104
2171
|
loading: i === 0 ? "eager" : "lazy",
|
|
2105
2172
|
decoding: i === 0 ? "sync" : "async",
|
|
2106
|
-
className:
|
|
2173
|
+
className: __default24.image
|
|
2107
2174
|
}
|
|
2108
2175
|
) }, `${src}-${i}`)) })
|
|
2109
2176
|
] });
|
|
@@ -2122,12 +2189,12 @@ __styleInject(`@charset "UTF-8";
|
|
|
2122
2189
|
font-size: 0.8125rem;
|
|
2123
2190
|
color: var(--fg-muted);
|
|
2124
2191
|
}`);
|
|
2125
|
-
var
|
|
2192
|
+
var __default25 = { "root": "FormField-module_root", "hint": "FormField-module_hint" };
|
|
2126
2193
|
function FormField(_a) {
|
|
2127
2194
|
var _b = _a, { label, error, hint, icon } = _b, inputProps = __objRest(_b, ["label", "error", "hint", "icon"]);
|
|
2128
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2195
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default25.root, children: [
|
|
2129
2196
|
/* @__PURE__ */ jsxRuntime.jsx(Input, __spreadValues({ label, error, icon }, inputProps)),
|
|
2130
|
-
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2197
|
+
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default25.hint, children: hint })
|
|
2131
2198
|
] });
|
|
2132
2199
|
}
|
|
2133
2200
|
|
|
@@ -2179,7 +2246,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2179
2246
|
.SearchBar-module_clearBtn:hover {
|
|
2180
2247
|
color: var(--fg);
|
|
2181
2248
|
}`);
|
|
2182
|
-
var
|
|
2249
|
+
var __default26 = { "root": "SearchBar-module_root", "searchIcon": "SearchBar-module_searchIcon", "input": "SearchBar-module_input", "clearBtn": "SearchBar-module_clearBtn" };
|
|
2183
2250
|
function SearchBar({ placeholder = "Search...", value: controlledValue, onChange, className = "" }) {
|
|
2184
2251
|
const [internalValue, setInternalValue] = react.useState("");
|
|
2185
2252
|
const value = controlledValue != null ? controlledValue : internalValue;
|
|
@@ -2187,8 +2254,8 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
|
|
|
2187
2254
|
setInternalValue(val);
|
|
2188
2255
|
onChange == null ? void 0 : onChange(val);
|
|
2189
2256
|
};
|
|
2190
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2191
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2257
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default26.root}${className ? ` ${className}` : ""}`, children: [
|
|
2258
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default26.searchIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlySearch, { size: 18 }) }),
|
|
2192
2259
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2193
2260
|
"input",
|
|
2194
2261
|
{
|
|
@@ -2197,14 +2264,14 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
|
|
|
2197
2264
|
onChange: (e) => handleChange(e.target.value),
|
|
2198
2265
|
placeholder,
|
|
2199
2266
|
"aria-label": "Search",
|
|
2200
|
-
className:
|
|
2267
|
+
className: __default26.input
|
|
2201
2268
|
}
|
|
2202
2269
|
),
|
|
2203
2270
|
value && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2204
2271
|
"button",
|
|
2205
2272
|
{
|
|
2206
2273
|
onClick: () => handleChange(""),
|
|
2207
|
-
className:
|
|
2274
|
+
className: __default26.clearBtn,
|
|
2208
2275
|
"aria-label": "Clear search",
|
|
2209
2276
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 })
|
|
2210
2277
|
}
|
|
@@ -2250,18 +2317,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
2250
2317
|
font-size: 0.875rem;
|
|
2251
2318
|
color: var(--fg-muted);
|
|
2252
2319
|
}`);
|
|
2253
|
-
var
|
|
2320
|
+
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" };
|
|
2254
2321
|
function Stat({ value, label, trend, className = "" }) {
|
|
2255
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2256
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2257
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2258
|
-
trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${
|
|
2322
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default27.root}${className ? ` ${className}` : ""}`, children: [
|
|
2323
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default27.valueRow, children: [
|
|
2324
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default27.value, children: value }),
|
|
2325
|
+
trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${__default27.trend} ${trend.positive ? __default27.positive : __default27.negative}`, children: [
|
|
2259
2326
|
trend.positive ? "\u2191" : "\u2193",
|
|
2260
2327
|
" ",
|
|
2261
2328
|
trend.value
|
|
2262
2329
|
] })
|
|
2263
2330
|
] }),
|
|
2264
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2331
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default27.label, children: label })
|
|
2265
2332
|
] });
|
|
2266
2333
|
}
|
|
2267
2334
|
|
|
@@ -2328,7 +2395,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2328
2395
|
.Alert-module_dismiss:hover {
|
|
2329
2396
|
color: var(--fg);
|
|
2330
2397
|
}`);
|
|
2331
|
-
var
|
|
2398
|
+
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" };
|
|
2332
2399
|
var variantIcons = {
|
|
2333
2400
|
info: IconlyInfoCircle,
|
|
2334
2401
|
success: IconlySuccess,
|
|
@@ -2339,18 +2406,18 @@ function Alert({ variant = "info", title, children, closable = false, className
|
|
|
2339
2406
|
const [visible, setVisible] = react.useState(true);
|
|
2340
2407
|
if (!visible) return null;
|
|
2341
2408
|
const Icon = variantIcons[variant];
|
|
2342
|
-
const variantClass =
|
|
2343
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2344
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
2345
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2346
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
2347
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
2409
|
+
const variantClass = __default28[variant];
|
|
2410
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default28.root}${className ? ` ${className}` : ""}`, children: [
|
|
2411
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default28.icon} ${variantClass}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
|
|
2412
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default28.content, children: [
|
|
2413
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default28.title} ${variantClass}`, children: title }),
|
|
2414
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default28.message, children })
|
|
2348
2415
|
] }),
|
|
2349
2416
|
closable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2350
2417
|
"button",
|
|
2351
2418
|
{
|
|
2352
2419
|
onClick: () => setVisible(false),
|
|
2353
|
-
className:
|
|
2420
|
+
className: __default28.dismiss,
|
|
2354
2421
|
"aria-label": "Dismiss",
|
|
2355
2422
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 })
|
|
2356
2423
|
}
|
|
@@ -2398,7 +2465,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2398
2465
|
.Tabs-module_panel {
|
|
2399
2466
|
padding-top: 1rem;
|
|
2400
2467
|
}`);
|
|
2401
|
-
var
|
|
2468
|
+
var __default29 = { "tabList": "Tabs-module_tabList", "tab": "Tabs-module_tab", "active": "Tabs-module_active", "indicator": "Tabs-module_indicator", "panel": "Tabs-module_panel" };
|
|
2402
2469
|
function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
2403
2470
|
var _a, _b;
|
|
2404
2471
|
const [activeTab, setActiveTab] = react.useState(defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.id));
|
|
@@ -2429,7 +2496,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2429
2496
|
"div",
|
|
2430
2497
|
{
|
|
2431
2498
|
role: "tablist",
|
|
2432
|
-
className:
|
|
2499
|
+
className: __default29.tabList,
|
|
2433
2500
|
onKeyDown: handleKeyDown,
|
|
2434
2501
|
children: tabs.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2435
2502
|
"button",
|
|
@@ -2443,10 +2510,10 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2443
2510
|
"aria-controls": `panel-${tab.id}`,
|
|
2444
2511
|
tabIndex: activeTab === tab.id ? 0 : -1,
|
|
2445
2512
|
onClick: () => activateTab(tab.id),
|
|
2446
|
-
className: `${
|
|
2513
|
+
className: `${__default29.tab} ${activeTab === tab.id ? __default29.active : ""}`,
|
|
2447
2514
|
children: [
|
|
2448
2515
|
tab.label,
|
|
2449
|
-
activeTab === tab.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2516
|
+
activeTab === tab.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default29.indicator })
|
|
2450
2517
|
]
|
|
2451
2518
|
},
|
|
2452
2519
|
tab.id
|
|
@@ -2459,7 +2526,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2459
2526
|
role: "tabpanel",
|
|
2460
2527
|
id: `panel-${activeTab}`,
|
|
2461
2528
|
"aria-labelledby": `tab-${activeTab}`,
|
|
2462
|
-
className:
|
|
2529
|
+
className: __default29.panel,
|
|
2463
2530
|
children: activeContent
|
|
2464
2531
|
}
|
|
2465
2532
|
)
|
|
@@ -2524,7 +2591,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2524
2591
|
align-items: center;
|
|
2525
2592
|
gap: 0.25rem;
|
|
2526
2593
|
}`);
|
|
2527
|
-
var
|
|
2594
|
+
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" };
|
|
2528
2595
|
function ChatInput({
|
|
2529
2596
|
placeholder = "\u0412\u0432\u0435\u0434\u0438 \u0441\u0432\u043E\u0439 email...",
|
|
2530
2597
|
buttonText = "\u041D\u0430\u0447\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
|
|
@@ -2550,7 +2617,7 @@ function ChatInput({
|
|
|
2550
2617
|
var _a;
|
|
2551
2618
|
return (_a = inputRef.current) == null ? void 0 : _a.focus();
|
|
2552
2619
|
},
|
|
2553
|
-
className: `${
|
|
2620
|
+
className: `${__default30.root} ${contrast ? __default30.contrast : __default30.plain}${className ? ` ${className}` : ""}`,
|
|
2554
2621
|
children: [
|
|
2555
2622
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2556
2623
|
"input",
|
|
@@ -2560,11 +2627,11 @@ function ChatInput({
|
|
|
2560
2627
|
value,
|
|
2561
2628
|
onChange: (e) => setValue(e.target.value),
|
|
2562
2629
|
placeholder,
|
|
2563
|
-
className:
|
|
2630
|
+
className: __default30.input
|
|
2564
2631
|
}
|
|
2565
2632
|
),
|
|
2566
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2567
|
-
type === "full" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2633
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default30.actions} ${type === "full" ? __default30.actionsFull : __default30.actionsEasy}`, children: [
|
|
2634
|
+
type === "full" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default30.toolGroup, children: [
|
|
2568
2635
|
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "secondary", icon: /* @__PURE__ */ jsxRuntime.jsx(IconlySmile, { size: 20 }), type: "button", "aria-label": "Emoji" }),
|
|
2569
2636
|
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsxRuntime.jsx(IconlyAttach, { size: 20 }), type: "button", "aria-label": "Attach" }),
|
|
2570
2637
|
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsxRuntime.jsx(IconlyInfo, { size: 20 }), type: "button", "aria-label": "Info" })
|
|
@@ -2621,13 +2688,13 @@ __styleInject(`@charset "UTF-8";
|
|
|
2621
2688
|
color: var(--bg);
|
|
2622
2689
|
border-bottom-right-radius: 16px;
|
|
2623
2690
|
}`);
|
|
2624
|
-
var
|
|
2691
|
+
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" };
|
|
2625
2692
|
function ChatMessage({ children, role = "user", size = "sm", className = "" }) {
|
|
2626
2693
|
const isUser = role === "user";
|
|
2627
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
2694
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default31.root} ${isUser ? __default31.user : __default31.ai}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2628
2695
|
"div",
|
|
2629
2696
|
{
|
|
2630
|
-
className: `${
|
|
2697
|
+
className: `${__default31.bubble} ${__default31[size]} ${isUser ? __default31.bubbleUser : __default31.bubbleAi}`,
|
|
2631
2698
|
children
|
|
2632
2699
|
}
|
|
2633
2700
|
) });
|
|
@@ -2647,10 +2714,10 @@ __styleInject(`@charset "UTF-8";
|
|
|
2647
2714
|
letter-spacing: -0.25px;
|
|
2648
2715
|
color: var(--fg-secondary);
|
|
2649
2716
|
}`);
|
|
2650
|
-
var
|
|
2717
|
+
var __default32 = { "root": "TopPromo-module_root", "text": "TopPromo-module_text" };
|
|
2651
2718
|
function TopPromo({ text, buttonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C", onButtonClick, className = "" }) {
|
|
2652
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2653
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2719
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default32.root}${className ? ` ${className}` : ""}`, children: [
|
|
2720
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default32.text, children: text }),
|
|
2654
2721
|
/* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
2655
2722
|
] });
|
|
2656
2723
|
}
|
|
@@ -2686,16 +2753,16 @@ __styleInject(`@charset "UTF-8";
|
|
|
2686
2753
|
.ProfileNav-module_separator {
|
|
2687
2754
|
color: var(--fg-muted);
|
|
2688
2755
|
}`);
|
|
2689
|
-
var
|
|
2756
|
+
var __default33 = { "root": "ProfileNav-module_root", "stats": "ProfileNav-module_stats", "statItem": "ProfileNav-module_statItem", "statText": "ProfileNav-module_statText", "separator": "ProfileNav-module_separator" };
|
|
2690
2757
|
function ProfileNav({ stats, avatarSrc, avatarInitials = "DK", className = "" }) {
|
|
2691
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2692
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2693
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
2758
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default33.root}${className ? ` ${className}` : ""}`, children: [
|
|
2759
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default33.stats, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default33.statItem, children: [
|
|
2760
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default33.statText, children: [
|
|
2694
2761
|
stat.value,
|
|
2695
2762
|
" ",
|
|
2696
2763
|
stat.suffix
|
|
2697
2764
|
] }),
|
|
2698
|
-
i < stats.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2765
|
+
i < stats.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default33.separator, children: " //" })
|
|
2699
2766
|
] }, i)) }),
|
|
2700
2767
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: avatarSrc, initials: avatarInitials })
|
|
2701
2768
|
] });
|
|
@@ -2728,12 +2795,12 @@ __styleInject(`@charset "UTF-8";
|
|
|
2728
2795
|
letter-spacing: -0.25px;
|
|
2729
2796
|
white-space: nowrap;
|
|
2730
2797
|
}`);
|
|
2731
|
-
var
|
|
2798
|
+
var __default34 = { "root": "IconWithText-module_root", "icon": "IconWithText-module_icon", "text": "IconWithText-module_text" };
|
|
2732
2799
|
function IconWithText({ icon, text, side = "left", className = "" }) {
|
|
2733
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
2734
|
-
side === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2735
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2736
|
-
side === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2800
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default34.root}${className ? ` ${className}` : ""}`, children: [
|
|
2801
|
+
side === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default34.icon, children: icon }),
|
|
2802
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default34.text, children: text }),
|
|
2803
|
+
side === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default34.icon, children: icon })
|
|
2737
2804
|
] });
|
|
2738
2805
|
}
|
|
2739
2806
|
|
|
@@ -2755,7 +2822,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2755
2822
|
.StampCard-module_inner {
|
|
2756
2823
|
background: var(--bg);
|
|
2757
2824
|
}`);
|
|
2758
|
-
var
|
|
2825
|
+
var __default35 = { "root": "StampCard-module_root", "plain": "StampCard-module_plain", "inner": "StampCard-module_inner" };
|
|
2759
2826
|
function StampCard({
|
|
2760
2827
|
children,
|
|
2761
2828
|
className = "",
|
|
@@ -2807,9 +2874,9 @@ function StampCard({
|
|
|
2807
2874
|
};
|
|
2808
2875
|
}, [build, stamp]);
|
|
2809
2876
|
if (!stamp) {
|
|
2810
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
2877
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default35.plain} ${className}`, children });
|
|
2811
2878
|
}
|
|
2812
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: outerRef, className: `${
|
|
2879
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: outerRef, className: `${__default35.root} ${className}`, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
|
|
2813
2880
|
"div",
|
|
2814
2881
|
{
|
|
2815
2882
|
style: {
|
|
@@ -2818,7 +2885,7 @@ function StampCard({
|
|
|
2818
2885
|
WebkitMaskSize: "100% 100%",
|
|
2819
2886
|
maskSize: "100% 100%"
|
|
2820
2887
|
},
|
|
2821
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2888
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default35.inner, children })
|
|
2822
2889
|
}
|
|
2823
2890
|
) }) });
|
|
2824
2891
|
}
|
|
@@ -2832,7 +2899,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2832
2899
|
justify-content: center;
|
|
2833
2900
|
cursor: pointer;
|
|
2834
2901
|
}`);
|
|
2835
|
-
var
|
|
2902
|
+
var __default36 = { "toggle": "PasswordInput-module_toggle" };
|
|
2836
2903
|
function PasswordInput(_a) {
|
|
2837
2904
|
var props = __objRest(_a, []);
|
|
2838
2905
|
const [showPassword, setShowPassword] = react.useState(false);
|
|
@@ -2845,7 +2912,7 @@ function PasswordInput(_a) {
|
|
|
2845
2912
|
{
|
|
2846
2913
|
type: "button",
|
|
2847
2914
|
onClick: () => setShowPassword((prev) => !prev),
|
|
2848
|
-
className:
|
|
2915
|
+
className: __default36.toggle,
|
|
2849
2916
|
"aria-label": showPassword ? "Hide password" : "Show password",
|
|
2850
2917
|
tabIndex: -1,
|
|
2851
2918
|
children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(IconlyEyeOff, { size: 18 }) : /* @__PURE__ */ jsxRuntime.jsx(IconlyEye, { size: 18 })
|
|
@@ -2892,21 +2959,21 @@ __styleInject(`@charset "UTF-8";
|
|
|
2892
2959
|
.Breadcrumbs-module_link:hover {
|
|
2893
2960
|
color: var(--fg);
|
|
2894
2961
|
}`);
|
|
2895
|
-
var
|
|
2962
|
+
var __default37 = { "list": "Breadcrumbs-module_list", "item": "Breadcrumbs-module_item", "separator": "Breadcrumbs-module_separator", "active": "Breadcrumbs-module_active", "link": "Breadcrumbs-module_link" };
|
|
2896
2963
|
function Breadcrumbs({
|
|
2897
2964
|
items,
|
|
2898
2965
|
separator = /* @__PURE__ */ jsxRuntime.jsx(IconlyChevronRight, { size: 14 })
|
|
2899
2966
|
}) {
|
|
2900
|
-
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className:
|
|
2967
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: __default37.list, children: items.map((item, index) => {
|
|
2901
2968
|
var _a;
|
|
2902
2969
|
const isLast = index === items.length - 1;
|
|
2903
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("li", { className:
|
|
2904
|
-
index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2905
|
-
isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2970
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default37.item, children: [
|
|
2971
|
+
index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default37.separator, "aria-hidden": "true", children: separator }),
|
|
2972
|
+
isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default37.active, "aria-current": "page", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2906
2973
|
"a",
|
|
2907
2974
|
{
|
|
2908
2975
|
href: (_a = item.href) != null ? _a : "#",
|
|
2909
|
-
className:
|
|
2976
|
+
className: __default37.link,
|
|
2910
2977
|
children: item.label
|
|
2911
2978
|
}
|
|
2912
2979
|
)
|
|
@@ -2983,7 +3050,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2983
3050
|
.Toast-module_dismiss:hover {
|
|
2984
3051
|
color: var(--fg);
|
|
2985
3052
|
}`);
|
|
2986
|
-
var
|
|
3053
|
+
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" };
|
|
2987
3054
|
var variantIcons2 = {
|
|
2988
3055
|
info: IconlyInfoCircle,
|
|
2989
3056
|
success: IconlySuccess,
|
|
@@ -3006,24 +3073,24 @@ function Toast({
|
|
|
3006
3073
|
}, [visible, duration, onClose]);
|
|
3007
3074
|
if (!visible) return null;
|
|
3008
3075
|
const Icon = variantIcons2[variant];
|
|
3009
|
-
const variantClass =
|
|
3076
|
+
const variantClass = __default38[variant];
|
|
3010
3077
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3011
3078
|
"div",
|
|
3012
3079
|
{
|
|
3013
3080
|
role: "alert",
|
|
3014
3081
|
"aria-live": "assertive",
|
|
3015
|
-
className: `${
|
|
3082
|
+
className: `${__default38.root}${className ? ` ${className}` : ""}`,
|
|
3016
3083
|
children: [
|
|
3017
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
3018
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3019
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
3020
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3084
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default38.icon} ${variantClass}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
|
|
3085
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default38.content, children: [
|
|
3086
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default38.title} ${variantClass}`, children: title }),
|
|
3087
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default38.message, children: message })
|
|
3021
3088
|
] }),
|
|
3022
3089
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3023
3090
|
"button",
|
|
3024
3091
|
{
|
|
3025
3092
|
onClick: onClose,
|
|
3026
|
-
className:
|
|
3093
|
+
className: __default38.dismiss,
|
|
3027
3094
|
"aria-label": "Dismiss",
|
|
3028
3095
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 })
|
|
3029
3096
|
}
|
|
@@ -3103,7 +3170,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3103
3170
|
opacity: 0.5;
|
|
3104
3171
|
cursor: not-allowed;
|
|
3105
3172
|
}`);
|
|
3106
|
-
var
|
|
3173
|
+
var __default39 = { "root": "Pagination-module_root", "pageBtn": "Pagination-module_pageBtn", "activePage": "Pagination-module_activePage", "ellipsis": "Pagination-module_ellipsis", "nav": "Pagination-module_nav" };
|
|
3107
3174
|
function getPageRange(current, total, siblings) {
|
|
3108
3175
|
const range = /* @__PURE__ */ new Set();
|
|
3109
3176
|
range.add(1);
|
|
@@ -3132,24 +3199,24 @@ function Pagination({
|
|
|
3132
3199
|
const pages = getPageRange(currentPage, totalPages, siblingCount);
|
|
3133
3200
|
const isFirst = currentPage === 1;
|
|
3134
3201
|
const isLast = currentPage === totalPages;
|
|
3135
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: `${
|
|
3202
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: `${__default39.root} ${className}`, children: [
|
|
3136
3203
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3137
3204
|
"button",
|
|
3138
3205
|
{
|
|
3139
3206
|
onClick: () => onPageChange(currentPage - 1),
|
|
3140
3207
|
disabled: isFirst,
|
|
3141
3208
|
"aria-label": "Previous page",
|
|
3142
|
-
className:
|
|
3209
|
+
className: __default39.nav,
|
|
3143
3210
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconlyChevronLeft, { size: 18 })
|
|
3144
3211
|
}
|
|
3145
3212
|
),
|
|
3146
3213
|
pages.map(
|
|
3147
|
-
(page, i) => page === "\u2026" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3214
|
+
(page, i) => page === "\u2026" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default39.ellipsis, children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
3148
3215
|
"button",
|
|
3149
3216
|
{
|
|
3150
3217
|
onClick: () => onPageChange(page),
|
|
3151
3218
|
"aria-current": page === currentPage ? "page" : void 0,
|
|
3152
|
-
className: `${
|
|
3219
|
+
className: `${__default39.pageBtn} ${page === currentPage ? __default39.activePage : ""}`,
|
|
3153
3220
|
children: page
|
|
3154
3221
|
},
|
|
3155
3222
|
page
|
|
@@ -3161,7 +3228,7 @@ function Pagination({
|
|
|
3161
3228
|
onClick: () => onPageChange(currentPage + 1),
|
|
3162
3229
|
disabled: isLast,
|
|
3163
3230
|
"aria-label": "Next page",
|
|
3164
|
-
className:
|
|
3231
|
+
className: __default39.nav,
|
|
3165
3232
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconlyChevronRight, { size: 18 })
|
|
3166
3233
|
}
|
|
3167
3234
|
)
|
|
@@ -3217,7 +3284,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3217
3284
|
letter-spacing: -0.25px;
|
|
3218
3285
|
color: var(--color-error);
|
|
3219
3286
|
}`);
|
|
3220
|
-
var
|
|
3287
|
+
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" };
|
|
3221
3288
|
function CodeInput({
|
|
3222
3289
|
length,
|
|
3223
3290
|
value,
|
|
@@ -3270,9 +3337,9 @@ function CodeInput({
|
|
|
3270
3337
|
[length, onChange, focusInput]
|
|
3271
3338
|
);
|
|
3272
3339
|
const inputId = label == null ? void 0 : label.toLowerCase().replace(/\s+/g, "-");
|
|
3273
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
3274
|
-
label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className:
|
|
3275
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3340
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default40.root} ${className}`, children: [
|
|
3341
|
+
label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: __default40.label, children: label }),
|
|
3342
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default40.group, role: "group", "aria-label": label || "Code input", children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3276
3343
|
"input",
|
|
3277
3344
|
{
|
|
3278
3345
|
id: i === 0 ? inputId : void 0,
|
|
@@ -3287,12 +3354,12 @@ function CodeInput({
|
|
|
3287
3354
|
onKeyDown: handleKeyDown(i),
|
|
3288
3355
|
onPaste: handlePaste,
|
|
3289
3356
|
autoComplete: "one-time-code",
|
|
3290
|
-
className: `${
|
|
3357
|
+
className: `${__default40.digitInput} ${error ? __default40.digitError : ""}`,
|
|
3291
3358
|
"aria-label": `Digit ${i + 1}`
|
|
3292
3359
|
},
|
|
3293
3360
|
i
|
|
3294
3361
|
)) }),
|
|
3295
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3362
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default40.errorText, children: error })
|
|
3296
3363
|
] });
|
|
3297
3364
|
}
|
|
3298
3365
|
|
|
@@ -3356,7 +3423,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3356
3423
|
justify-content: flex-end;
|
|
3357
3424
|
margin-top: 1.5rem;
|
|
3358
3425
|
}`);
|
|
3359
|
-
var
|
|
3426
|
+
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" };
|
|
3360
3427
|
function Modal({
|
|
3361
3428
|
open,
|
|
3362
3429
|
onClose,
|
|
@@ -3386,23 +3453,23 @@ function Modal({
|
|
|
3386
3453
|
ref: dialogRef,
|
|
3387
3454
|
onClose,
|
|
3388
3455
|
onClick: handleBackdropClick,
|
|
3389
|
-
className: `${
|
|
3390
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3391
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3392
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
3456
|
+
className: `${__default41.dialog}${className ? ` ${className}` : ""}`,
|
|
3457
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default41.content, children: [
|
|
3458
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default41.header, children: [
|
|
3459
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default41.title, children: title }),
|
|
3393
3460
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3394
3461
|
"button",
|
|
3395
3462
|
{
|
|
3396
3463
|
type: "button",
|
|
3397
3464
|
onClick: onClose,
|
|
3398
|
-
className:
|
|
3465
|
+
className: __default41.closeBtn,
|
|
3399
3466
|
"aria-label": "Close",
|
|
3400
3467
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 20 })
|
|
3401
3468
|
}
|
|
3402
3469
|
)
|
|
3403
3470
|
] }),
|
|
3404
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3405
|
-
footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3471
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default41.body, children }),
|
|
3472
|
+
footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default41.footer, children: footer })
|
|
3406
3473
|
] })
|
|
3407
3474
|
}
|
|
3408
3475
|
);
|
|
@@ -3493,7 +3560,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3493
3560
|
border: none;
|
|
3494
3561
|
border-top: 1px solid var(--border-color);
|
|
3495
3562
|
}`);
|
|
3496
|
-
var
|
|
3563
|
+
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" };
|
|
3497
3564
|
function DropdownMenu({
|
|
3498
3565
|
trigger,
|
|
3499
3566
|
items,
|
|
@@ -3561,7 +3628,7 @@ function DropdownMenu({
|
|
|
3561
3628
|
openMenu();
|
|
3562
3629
|
}
|
|
3563
3630
|
};
|
|
3564
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `${
|
|
3631
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `${__default42.root} ${className}`, children: [
|
|
3565
3632
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3566
3633
|
"div",
|
|
3567
3634
|
{
|
|
@@ -3570,7 +3637,7 @@ function DropdownMenu({
|
|
|
3570
3637
|
tabIndex: 0,
|
|
3571
3638
|
onClick: () => isOpen ? closeMenu() : openMenu(),
|
|
3572
3639
|
onKeyDown: handleTriggerKeyDown,
|
|
3573
|
-
className:
|
|
3640
|
+
className: __default42.trigger,
|
|
3574
3641
|
"aria-haspopup": "true",
|
|
3575
3642
|
"aria-expanded": isOpen,
|
|
3576
3643
|
children: trigger
|
|
@@ -3581,9 +3648,9 @@ function DropdownMenu({
|
|
|
3581
3648
|
{
|
|
3582
3649
|
role: "menu",
|
|
3583
3650
|
onKeyDown: handleMenuKeyDown,
|
|
3584
|
-
className: `${
|
|
3651
|
+
className: `${__default42.menu} ${align === "right" ? __default42.alignRight : __default42.alignLeft}`,
|
|
3585
3652
|
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3586
|
-
item.divider && /* @__PURE__ */ jsxRuntime.jsx("hr", { className:
|
|
3653
|
+
item.divider && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: __default42.divider }),
|
|
3587
3654
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3588
3655
|
"button",
|
|
3589
3656
|
{
|
|
@@ -3597,9 +3664,9 @@ function DropdownMenu({
|
|
|
3597
3664
|
item.onClick();
|
|
3598
3665
|
closeMenu();
|
|
3599
3666
|
},
|
|
3600
|
-
className:
|
|
3667
|
+
className: __default42.item,
|
|
3601
3668
|
children: [
|
|
3602
|
-
item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3669
|
+
item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default42.itemIcon, children: item.icon }),
|
|
3603
3670
|
item.label
|
|
3604
3671
|
]
|
|
3605
3672
|
}
|
|
@@ -3671,7 +3738,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3671
3738
|
color: var(--bg);
|
|
3672
3739
|
cursor: default;
|
|
3673
3740
|
}`);
|
|
3674
|
-
var
|
|
3741
|
+
var __default43 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
|
|
3675
3742
|
function SegmentedControl({
|
|
3676
3743
|
options,
|
|
3677
3744
|
value,
|
|
@@ -3685,7 +3752,7 @@ function SegmentedControl({
|
|
|
3685
3752
|
{
|
|
3686
3753
|
role: "group",
|
|
3687
3754
|
"aria-label": ariaLabel,
|
|
3688
|
-
className: `${
|
|
3755
|
+
className: `${__default43.root} ${__default43[size]}${className ? ` ${className}` : ""}`,
|
|
3689
3756
|
children: options.map((option) => {
|
|
3690
3757
|
const isActive = option.value === value;
|
|
3691
3758
|
const isDisabled = option.disabled || false;
|
|
@@ -3695,7 +3762,7 @@ function SegmentedControl({
|
|
|
3695
3762
|
type: "button",
|
|
3696
3763
|
"aria-pressed": isActive,
|
|
3697
3764
|
disabled: isDisabled,
|
|
3698
|
-
className: `${
|
|
3765
|
+
className: `${__default43.segment}${isActive ? ` ${__default43.segmentActive}` : ""}`,
|
|
3699
3766
|
onClick: () => {
|
|
3700
3767
|
if (isActive || isDisabled) return;
|
|
3701
3768
|
onChange(option.value);
|
|
@@ -3821,25 +3888,25 @@ __styleInject(`@charset "UTF-8";
|
|
|
3821
3888
|
padding-top: 1rem;
|
|
3822
3889
|
border-top: 1px solid var(--border-color);
|
|
3823
3890
|
}`);
|
|
3824
|
-
var
|
|
3891
|
+
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" };
|
|
3825
3892
|
function Header({ logo, navItems = [], actions, className = "" }) {
|
|
3826
3893
|
const [mobileOpen, setMobileOpen] = react.useState(false);
|
|
3827
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${
|
|
3828
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3829
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3894
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: [
|
|
3895
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.bar, children: [
|
|
3896
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.leftGroup, children: [
|
|
3830
3897
|
logo,
|
|
3831
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className:
|
|
3898
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default44.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3832
3899
|
"a",
|
|
3833
3900
|
{
|
|
3834
3901
|
href: item.href,
|
|
3835
|
-
className:
|
|
3902
|
+
className: __default44.navLink,
|
|
3836
3903
|
children: item.label
|
|
3837
3904
|
},
|
|
3838
3905
|
item.label
|
|
3839
3906
|
)) })
|
|
3840
3907
|
] }),
|
|
3841
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3842
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3908
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.desktopActions, children: actions }),
|
|
3909
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.mobileToggle, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3843
3910
|
IconButton,
|
|
3844
3911
|
{
|
|
3845
3912
|
variant: "primary",
|
|
@@ -3849,17 +3916,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
|
|
|
3849
3916
|
}
|
|
3850
3917
|
) })
|
|
3851
3918
|
] }) }),
|
|
3852
|
-
mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3853
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className:
|
|
3919
|
+
mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.mobileMenu, children: [
|
|
3920
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default44.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3854
3921
|
"a",
|
|
3855
3922
|
{
|
|
3856
3923
|
href: item.href,
|
|
3857
|
-
className:
|
|
3924
|
+
className: __default44.navLink,
|
|
3858
3925
|
children: item.label
|
|
3859
3926
|
},
|
|
3860
3927
|
item.label
|
|
3861
3928
|
)) }),
|
|
3862
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3929
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.mobileActions, children: actions })
|
|
3863
3930
|
] })
|
|
3864
3931
|
] });
|
|
3865
3932
|
}
|
|
@@ -3993,7 +4060,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3993
4060
|
.Footer-module_socialLink:hover {
|
|
3994
4061
|
color: var(--fg);
|
|
3995
4062
|
}`);
|
|
3996
|
-
var
|
|
4063
|
+
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" };
|
|
3997
4064
|
function Footer({
|
|
3998
4065
|
brand,
|
|
3999
4066
|
columns,
|
|
@@ -4004,24 +4071,24 @@ function Footer({
|
|
|
4004
4071
|
const hasBrand = !!(brand && (brand.logo || brand.tagline));
|
|
4005
4072
|
const hasGrid = hasBrand || columns && columns.length > 0;
|
|
4006
4073
|
const hasBottom = !!copyright || socials && socials.length > 0;
|
|
4007
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: `${
|
|
4008
|
-
hasGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4009
|
-
hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4074
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: `${__default45.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.container, children: [
|
|
4075
|
+
hasGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.grid, children: [
|
|
4076
|
+
hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.brandCell, children: [
|
|
4010
4077
|
brand == null ? void 0 : brand.logo,
|
|
4011
|
-
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4078
|
+
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default45.tagline, children: brand.tagline })
|
|
4012
4079
|
] }),
|
|
4013
4080
|
columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4014
|
-
/* @__PURE__ */ jsxRuntime.jsx("h4", { className:
|
|
4015
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
4081
|
+
/* @__PURE__ */ jsxRuntime.jsx("h4", { className: __default45.columnTitle, children: col.title }),
|
|
4082
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default45.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: __default45.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
|
|
4016
4083
|
] }, `${ci}-${col.title}`))
|
|
4017
4084
|
] }),
|
|
4018
|
-
hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4019
|
-
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4020
|
-
socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4085
|
+
hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.bottom, children: [
|
|
4086
|
+
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default45.copyright, children: copyright }),
|
|
4087
|
+
socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default45.socials, children: socials.map((social, si) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4021
4088
|
"a",
|
|
4022
4089
|
{
|
|
4023
4090
|
href: social.href,
|
|
4024
|
-
className:
|
|
4091
|
+
className: __default45.socialLink,
|
|
4025
4092
|
children: social.label
|
|
4026
4093
|
},
|
|
4027
4094
|
`${si}-${social.label}`
|
|
@@ -4117,7 +4184,7 @@ __styleInject(`.PricingCard-module_root {
|
|
|
4117
4184
|
.PricingCard-module_cta {
|
|
4118
4185
|
width: 100%;
|
|
4119
4186
|
}`);
|
|
4120
|
-
var
|
|
4187
|
+
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" };
|
|
4121
4188
|
function PricingCard({
|
|
4122
4189
|
plan,
|
|
4123
4190
|
price,
|
|
@@ -4132,26 +4199,26 @@ function PricingCard({
|
|
|
4132
4199
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4133
4200
|
"div",
|
|
4134
4201
|
{
|
|
4135
|
-
className: `${
|
|
4202
|
+
className: `${__default46.root}${highlighted ? ` ${__default46.highlighted}` : ""}${className ? ` ${className}` : ""}`,
|
|
4136
4203
|
children: [
|
|
4137
|
-
badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4138
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4139
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4140
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4204
|
+
badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default46.badgeWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "info", children: badge }) }),
|
|
4205
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default46.header, children: [
|
|
4206
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default46.plan, children: plan }),
|
|
4207
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default46.description, children: description })
|
|
4141
4208
|
] }),
|
|
4142
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4143
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
4144
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
4209
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default46.priceBlock, children: [
|
|
4210
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default46.price, children: price }),
|
|
4211
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default46.period, children: period })
|
|
4145
4212
|
] }),
|
|
4146
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
4213
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default46.features, children: features.map((feature, i) => {
|
|
4147
4214
|
const text = typeof feature === "string" ? feature : feature.text;
|
|
4148
4215
|
const isExcluded = typeof feature === "object" && feature.included === false;
|
|
4149
4216
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4150
4217
|
"li",
|
|
4151
4218
|
{
|
|
4152
|
-
className: `${
|
|
4219
|
+
className: `${__default46.featureItem}${isExcluded ? ` ${__default46.featureItemExcluded}` : ""}`,
|
|
4153
4220
|
children: [
|
|
4154
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `${
|
|
4221
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default46.featureIcon}${isExcluded ? ` ${__default46.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 16 }) }),
|
|
4155
4222
|
text
|
|
4156
4223
|
]
|
|
4157
4224
|
},
|
|
@@ -4162,7 +4229,7 @@ function PricingCard({
|
|
|
4162
4229
|
Button,
|
|
4163
4230
|
{
|
|
4164
4231
|
variant: highlighted ? "primary" : "outline",
|
|
4165
|
-
className:
|
|
4232
|
+
className: __default46.cta,
|
|
4166
4233
|
onClick: cta.onClick,
|
|
4167
4234
|
children: cta.label
|
|
4168
4235
|
}
|
|
@@ -4210,21 +4277,21 @@ __styleInject(`.TestimonialCard-module_root {
|
|
|
4210
4277
|
font-size: 0.75rem;
|
|
4211
4278
|
color: var(--fg-muted);
|
|
4212
4279
|
}`);
|
|
4213
|
-
var
|
|
4280
|
+
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" };
|
|
4214
4281
|
function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
|
|
4215
4282
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
4216
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
4217
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4218
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
4283
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default47.root}${className ? ` ${className}` : ""}`, children: [
|
|
4284
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default47.quoteIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyQuote, { size: 32 }) }),
|
|
4285
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default47.quoteText, children: [
|
|
4219
4286
|
"\u201C",
|
|
4220
4287
|
quote,
|
|
4221
4288
|
"\u201D"
|
|
4222
4289
|
] }),
|
|
4223
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4290
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default47.author, children: [
|
|
4224
4291
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
|
|
4225
4292
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4226
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4227
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4293
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default47.authorName, children: name }),
|
|
4294
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default47.authorRole, children: role })
|
|
4228
4295
|
] })
|
|
4229
4296
|
] })
|
|
4230
4297
|
] });
|
|
@@ -4296,17 +4363,17 @@ __styleInject(`.FeatureGrid-module_root {
|
|
|
4296
4363
|
color: var(--fg-muted);
|
|
4297
4364
|
line-height: 1.625;
|
|
4298
4365
|
}`);
|
|
4299
|
-
var
|
|
4366
|
+
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" };
|
|
4300
4367
|
function FeatureGrid({ features, columns = 3, className = "" }) {
|
|
4301
4368
|
const colsClass = {
|
|
4302
|
-
2:
|
|
4303
|
-
3:
|
|
4304
|
-
4:
|
|
4369
|
+
2: __default48.cols2,
|
|
4370
|
+
3: __default48.cols3,
|
|
4371
|
+
4: __default48.cols4
|
|
4305
4372
|
};
|
|
4306
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4307
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4308
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4309
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4373
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default48.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default48.card, children: [
|
|
4374
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default48.cardIcon, children: feature.icon }),
|
|
4375
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default48.cardTitle, children: feature.title }),
|
|
4376
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default48.cardDescription, children: feature.description })
|
|
4310
4377
|
] }, i)) });
|
|
4311
4378
|
}
|
|
4312
4379
|
|
|
@@ -4407,7 +4474,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4407
4474
|
display: block;
|
|
4408
4475
|
}
|
|
4409
4476
|
}`);
|
|
4410
|
-
var
|
|
4477
|
+
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" };
|
|
4411
4478
|
var defaultMenuItems = [
|
|
4412
4479
|
"\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
|
|
4413
4480
|
"\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
|
|
@@ -4451,19 +4518,19 @@ function Sidebar({
|
|
|
4451
4518
|
const items = normaliseItems(rawItems);
|
|
4452
4519
|
const [internalActive, setInternalActive] = react.useState(0);
|
|
4453
4520
|
const isControlled = activeId !== void 0;
|
|
4454
|
-
const widthClass = type === "courseSubmenu" ?
|
|
4521
|
+
const widthClass = type === "courseSubmenu" ? __default49.courseSubmenu : __default49.menu;
|
|
4455
4522
|
const showLegal = legalText !== null;
|
|
4456
4523
|
const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
|
|
4457
4524
|
const isOpen = collapsed === false;
|
|
4458
4525
|
const collapseClasses = [
|
|
4459
|
-
collapsed ?
|
|
4460
|
-
isOpen ?
|
|
4526
|
+
collapsed ? __default49.collapsed : "",
|
|
4527
|
+
isOpen ? __default49.open : ""
|
|
4461
4528
|
].filter(Boolean).join(" ");
|
|
4462
4529
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4463
4530
|
onToggle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4464
4531
|
"div",
|
|
4465
4532
|
{
|
|
4466
|
-
className: `${
|
|
4533
|
+
className: `${__default49.overlay}${isOpen ? ` ${__default49.overlayVisible}` : ""}`,
|
|
4467
4534
|
onClick: onToggle,
|
|
4468
4535
|
"aria-hidden": "true"
|
|
4469
4536
|
}
|
|
@@ -4471,10 +4538,10 @@ function Sidebar({
|
|
|
4471
4538
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4472
4539
|
"aside",
|
|
4473
4540
|
{
|
|
4474
|
-
className: `${
|
|
4541
|
+
className: `${__default49.root} ${widthClass}${layout === "compact" ? ` ${__default49.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
|
|
4475
4542
|
children: [
|
|
4476
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4477
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className:
|
|
4543
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.logo, children: logo }),
|
|
4544
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default49.nav, children: items.map((item, i) => {
|
|
4478
4545
|
const isActive = isControlled ? item.id === activeId : i === internalActive;
|
|
4479
4546
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4480
4547
|
MenuItem,
|
|
@@ -4490,9 +4557,9 @@ function Sidebar({
|
|
|
4490
4557
|
item.id
|
|
4491
4558
|
);
|
|
4492
4559
|
}) }),
|
|
4493
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4560
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default49.footer, children: [
|
|
4494
4561
|
type === "menu" && footer,
|
|
4495
|
-
showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4562
|
+
showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default49.legal, children: legalContent })
|
|
4496
4563
|
] })
|
|
4497
4564
|
]
|
|
4498
4565
|
}
|
|
@@ -4602,7 +4669,7 @@ __styleInject(`.AppCard-module_defaultCard {
|
|
|
4602
4669
|
.AppCard-module_stampBg {
|
|
4603
4670
|
background: var(--bg);
|
|
4604
4671
|
}`);
|
|
4605
|
-
var
|
|
4672
|
+
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" };
|
|
4606
4673
|
var HOLE_R = 4;
|
|
4607
4674
|
var HOLE_SP = 16;
|
|
4608
4675
|
function buildStampMask(w, h) {
|
|
@@ -4629,18 +4696,18 @@ function CardContent({
|
|
|
4629
4696
|
isStamp
|
|
4630
4697
|
}) {
|
|
4631
4698
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4632
|
-
image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isStamp ?
|
|
4699
|
+
image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isStamp ? __default50.imageWrap : __default50.imageWrapRounded, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title, className: __default50.image }) }),
|
|
4633
4700
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4634
4701
|
"div",
|
|
4635
4702
|
{
|
|
4636
|
-
className: isStamp ?
|
|
4703
|
+
className: isStamp ? __default50.contentStamp : image ? __default50.contentDefaultWithImage : __default50.contentDefaultNoImage,
|
|
4637
4704
|
children: [
|
|
4638
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4639
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4640
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4705
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default50.textGroup, children: [
|
|
4706
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default50.cardTitle, children: title }),
|
|
4707
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default50.cardDesc, children: description })
|
|
4641
4708
|
] }),
|
|
4642
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4643
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4709
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default50.footer, children: [
|
|
4710
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default50.iconRow, children: icons }),
|
|
4644
4711
|
/* @__PURE__ */ jsxRuntime.jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
4645
4712
|
] })
|
|
4646
4713
|
]
|
|
@@ -4657,7 +4724,7 @@ function AppCard(_a) {
|
|
|
4657
4724
|
"className"
|
|
4658
4725
|
]);
|
|
4659
4726
|
if (variant === "default") {
|
|
4660
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4727
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default50.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
|
|
4661
4728
|
}
|
|
4662
4729
|
const padded = variant === "stamp-padded";
|
|
4663
4730
|
return /* @__PURE__ */ jsxRuntime.jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
|
|
@@ -4683,7 +4750,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4683
4750
|
ro.disconnect();
|
|
4684
4751
|
};
|
|
4685
4752
|
}, [build]);
|
|
4686
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `${
|
|
4753
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `${__default50.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default50.shadowWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4687
4754
|
"div",
|
|
4688
4755
|
{
|
|
4689
4756
|
style: {
|
|
@@ -4692,7 +4759,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4692
4759
|
WebkitMaskSize: "100% 100%",
|
|
4693
4760
|
maskSize: "100% 100%"
|
|
4694
4761
|
},
|
|
4695
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4762
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default50.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
|
|
4696
4763
|
}
|
|
4697
4764
|
) }) });
|
|
4698
4765
|
}
|
|
@@ -4705,7 +4772,7 @@ __styleInject(`.AppTopLine-module_root {
|
|
|
4705
4772
|
justify-content: space-between;
|
|
4706
4773
|
width: 100%;
|
|
4707
4774
|
}`);
|
|
4708
|
-
var
|
|
4775
|
+
var __default51 = { "root": "AppTopLine-module_root" };
|
|
4709
4776
|
function AppTopLine({
|
|
4710
4777
|
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",
|
|
4711
4778
|
promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
|
|
@@ -4718,7 +4785,7 @@ function AppTopLine({
|
|
|
4718
4785
|
avatarSrc,
|
|
4719
4786
|
className = ""
|
|
4720
4787
|
}) {
|
|
4721
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
4788
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
|
|
4722
4789
|
/* @__PURE__ */ jsxRuntime.jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
|
|
4723
4790
|
/* @__PURE__ */ jsxRuntime.jsx(ProfileNav, { stats, avatarSrc })
|
|
4724
4791
|
] });
|
|
@@ -4759,13 +4826,13 @@ __styleInject(`.EmptyState-module_root {
|
|
|
4759
4826
|
.EmptyState-module_action {
|
|
4760
4827
|
margin-top: 1.25rem;
|
|
4761
4828
|
}`);
|
|
4762
|
-
var
|
|
4829
|
+
var __default52 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
|
|
4763
4830
|
function EmptyState({ icon, title, description, action, className = "" }) {
|
|
4764
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
4765
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4766
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4767
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4768
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4831
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
|
|
4832
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.icon, children: icon }),
|
|
4833
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default52.title, children: title }),
|
|
4834
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default52.description, children: description }),
|
|
4835
|
+
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.action, children: action })
|
|
4769
4836
|
] });
|
|
4770
4837
|
}
|
|
4771
4838
|
|
|
@@ -4813,6 +4880,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
4813
4880
|
}
|
|
4814
4881
|
}
|
|
4815
4882
|
|
|
4883
|
+
/* 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.
|
|
4884
|
+
\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
|
|
4885
|
+
\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. */
|
|
4886
|
+
.HeroSection-module_innerNoVertical {
|
|
4887
|
+
padding-block: 0;
|
|
4888
|
+
}
|
|
4889
|
+
@media (min-width: 768px) {
|
|
4890
|
+
.HeroSection-module_innerNoVertical {
|
|
4891
|
+
padding-block: 0;
|
|
4892
|
+
}
|
|
4893
|
+
}
|
|
4894
|
+
|
|
4816
4895
|
.HeroSection-module_content {
|
|
4817
4896
|
max-width: 56rem;
|
|
4818
4897
|
}
|
|
@@ -4957,7 +5036,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4957
5036
|
overflow: hidden;
|
|
4958
5037
|
background: var(--bg-secondary);
|
|
4959
5038
|
}`);
|
|
4960
|
-
var
|
|
5039
|
+
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" };
|
|
4961
5040
|
function HeroSection({
|
|
4962
5041
|
eyebrow,
|
|
4963
5042
|
title,
|
|
@@ -4967,36 +5046,43 @@ function HeroSection({
|
|
|
4967
5046
|
align = "center",
|
|
4968
5047
|
size = "default",
|
|
4969
5048
|
mediaPosition = "left",
|
|
5049
|
+
verticalPadding = "default",
|
|
4970
5050
|
className = ""
|
|
4971
5051
|
}) {
|
|
4972
5052
|
const isCenter = align === "center";
|
|
4973
5053
|
const isCompact = size === "compact";
|
|
4974
5054
|
const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
|
|
4975
|
-
const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ?
|
|
4976
|
-
eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4977
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5055
|
+
const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ? __default53.contentCenter : __default53.content, children: [
|
|
5056
|
+
eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default53.eyebrowWrap}${isCenter ? ` ${__default53.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default53.eyebrow, children: [
|
|
5057
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default53.eyebrowDot }),
|
|
4978
5058
|
eyebrow
|
|
4979
5059
|
] }) }),
|
|
4980
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
4981
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
4982
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
5060
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default53.title, children: title }),
|
|
5061
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default53.subtitle}${isCenter ? ` ${__default53.subtitleCenter}` : ""}`, children: subtitle }),
|
|
5062
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default53.actions}${isCenter ? ` ${__default53.actionsCenter}` : ""}`, children: actions })
|
|
4983
5063
|
] });
|
|
4984
5064
|
const mediaBlock = media && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4985
5065
|
"div",
|
|
4986
5066
|
{
|
|
4987
|
-
className: isSplitRight ?
|
|
4988
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5067
|
+
className: isSplitRight ? __default53.mediaSplit : isCenter ? __default53.mediaWrapCenter : __default53.mediaWrapLeft,
|
|
5068
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.mediaBox, children: media })
|
|
4989
5069
|
}
|
|
4990
5070
|
);
|
|
4991
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
4992
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4993
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4994
|
-
|
|
4995
|
-
|
|
4996
|
-
|
|
4997
|
-
|
|
4998
|
-
|
|
4999
|
-
|
|
5071
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
|
|
5072
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.glowOrb }) }),
|
|
5073
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5074
|
+
"div",
|
|
5075
|
+
{
|
|
5076
|
+
className: `${isCompact ? __default53.innerCompact : __default53.inner}${verticalPadding === "none" ? ` ${__default53.innerNoVertical}` : ""}`,
|
|
5077
|
+
children: isSplitRight ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default53.splitGrid, children: [
|
|
5078
|
+
contentBlock,
|
|
5079
|
+
mediaBlock
|
|
5080
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
5081
|
+
contentBlock,
|
|
5082
|
+
mediaBlock
|
|
5083
|
+
] })
|
|
5084
|
+
}
|
|
5085
|
+
)
|
|
5000
5086
|
] });
|
|
5001
5087
|
}
|
|
5002
5088
|
|
|
@@ -5068,15 +5154,15 @@ __styleInject(`.LogoCloud-module_root {
|
|
|
5068
5154
|
font-size: 1rem;
|
|
5069
5155
|
}
|
|
5070
5156
|
}`);
|
|
5071
|
-
var
|
|
5157
|
+
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" };
|
|
5072
5158
|
function LogoCloud({
|
|
5073
5159
|
label = "Trusted by teams at",
|
|
5074
5160
|
logos,
|
|
5075
5161
|
className = ""
|
|
5076
5162
|
}) {
|
|
5077
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
5078
|
-
label && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
5079
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5163
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: [
|
|
5164
|
+
label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default54.label, children: label }),
|
|
5165
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.grid, children: logos.map((logo) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.logoItem, children: logo.src ? (
|
|
5080
5166
|
// eslint-disable-next-line @next/next/no-img-element
|
|
5081
5167
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5082
5168
|
"img",
|
|
@@ -5084,10 +5170,10 @@ function LogoCloud({
|
|
|
5084
5170
|
src: logo.src,
|
|
5085
5171
|
alt: logo.name,
|
|
5086
5172
|
width: logo.width || 100,
|
|
5087
|
-
className: `${
|
|
5173
|
+
className: `${__default54.logoImg} logo-img`
|
|
5088
5174
|
}
|
|
5089
5175
|
)
|
|
5090
|
-
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5176
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default54.logoText, children: logo.name }) }, logo.name)) })
|
|
5091
5177
|
] });
|
|
5092
5178
|
}
|
|
5093
5179
|
|
|
@@ -5183,18 +5269,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
5183
5269
|
color: var(--fg-muted);
|
|
5184
5270
|
letter-spacing: -0.25px;
|
|
5185
5271
|
}`);
|
|
5186
|
-
var
|
|
5272
|
+
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" };
|
|
5187
5273
|
function StatsBar({ stats, variant = "inline", className = "" }) {
|
|
5188
5274
|
if (variant === "cards") {
|
|
5189
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5190
|
-
stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5191
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5192
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5275
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default55.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default55.card, children: [
|
|
5276
|
+
stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.cardIconWrap, children: stat.icon }),
|
|
5277
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statValue, children: stat.value }),
|
|
5278
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statLabel, children: stat.label })
|
|
5193
5279
|
] }, i)) }) });
|
|
5194
5280
|
}
|
|
5195
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5196
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5197
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5281
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default55.root} ${__default55.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default55.inlineItem, children: [
|
|
5282
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statValue, children: stat.value }),
|
|
5283
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.statLabel, children: stat.label })
|
|
5198
5284
|
] }, i)) }) });
|
|
5199
5285
|
}
|
|
5200
5286
|
|
|
@@ -5214,6 +5300,16 @@ __styleInject(`@charset "UTF-8";
|
|
|
5214
5300
|
}
|
|
5215
5301
|
}
|
|
5216
5302
|
|
|
5303
|
+
/* 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. */
|
|
5304
|
+
.CTASection-module_defaultNoVertical {
|
|
5305
|
+
padding-block: 0;
|
|
5306
|
+
}
|
|
5307
|
+
@media (min-width: 768px) {
|
|
5308
|
+
.CTASection-module_defaultNoVertical {
|
|
5309
|
+
padding-block: 0;
|
|
5310
|
+
}
|
|
5311
|
+
}
|
|
5312
|
+
|
|
5217
5313
|
/* \u2500\u2500\u2500 Variant: filled \u2500\u2500\u2500 */
|
|
5218
5314
|
.CTASection-module_filled {
|
|
5219
5315
|
padding-block: 3rem;
|
|
@@ -5284,24 +5380,27 @@ __styleInject(`@charset "UTF-8";
|
|
|
5284
5380
|
gap: 0.75rem;
|
|
5285
5381
|
justify-content: center;
|
|
5286
5382
|
}`);
|
|
5287
|
-
var
|
|
5383
|
+
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" };
|
|
5288
5384
|
function CTASection({
|
|
5289
5385
|
title,
|
|
5290
5386
|
description,
|
|
5291
5387
|
actions,
|
|
5292
5388
|
variant = "default",
|
|
5389
|
+
verticalPadding = "default",
|
|
5293
5390
|
className = ""
|
|
5294
5391
|
}) {
|
|
5295
5392
|
const isFilled = variant === "filled";
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5393
|
+
const noVerticalClass = variant === "default" && verticalPadding === "none" ? ` ${__default56.defaultNoVertical}` : "";
|
|
5394
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default56.root} ${__default56[variant]}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default56.inner, children: [
|
|
5395
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default56.title}${isFilled ? ` ${__default56.titleFilled}` : ""}`, children: title }),
|
|
5396
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default56.description}${isFilled ? ` ${__default56.descriptionFilled}` : ""}`, children: description }),
|
|
5397
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.actions, children: actions })
|
|
5300
5398
|
] }) });
|
|
5301
5399
|
}
|
|
5302
5400
|
|
|
5303
5401
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/BentoGrid.module.scss
|
|
5304
|
-
__styleInject(
|
|
5402
|
+
__styleInject(`@charset "UTF-8";
|
|
5403
|
+
.BentoGrid-module_root {
|
|
5305
5404
|
padding-block: 2.5rem;
|
|
5306
5405
|
}
|
|
5307
5406
|
@media (min-width: 768px) {
|
|
@@ -5310,6 +5409,16 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5310
5409
|
}
|
|
5311
5410
|
}
|
|
5312
5411
|
|
|
5412
|
+
/* 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. */
|
|
5413
|
+
.BentoGrid-module_rootNoVertical {
|
|
5414
|
+
padding-block: 0;
|
|
5415
|
+
}
|
|
5416
|
+
@media (min-width: 768px) {
|
|
5417
|
+
.BentoGrid-module_rootNoVertical {
|
|
5418
|
+
padding-block: 0;
|
|
5419
|
+
}
|
|
5420
|
+
}
|
|
5421
|
+
|
|
5313
5422
|
.BentoGrid-module_grid {
|
|
5314
5423
|
display: grid;
|
|
5315
5424
|
grid-template-columns: 1fr;
|
|
@@ -5392,21 +5501,22 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5392
5501
|
line-height: 1.625;
|
|
5393
5502
|
letter-spacing: -0.25px;
|
|
5394
5503
|
}`);
|
|
5395
|
-
var
|
|
5396
|
-
function BentoGrid({ items, className = "" }) {
|
|
5397
|
-
|
|
5398
|
-
|
|
5399
|
-
const
|
|
5504
|
+
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" };
|
|
5505
|
+
function BentoGrid({ items, verticalPadding = "default", className = "" }) {
|
|
5506
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default57.rootNoVertical}` : "";
|
|
5507
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default57.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default57.grid, children: items.map((item, i) => {
|
|
5508
|
+
const spanClass = item.span === 2 ? ` ${__default57.colSpan2}` : "";
|
|
5509
|
+
const rowClass = item.rowSpan === 2 ? ` ${__default57.rowSpan2}` : "";
|
|
5400
5510
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5401
5511
|
"div",
|
|
5402
5512
|
{
|
|
5403
|
-
className: `${
|
|
5513
|
+
className: `${__default57.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
|
|
5404
5514
|
children: [
|
|
5405
|
-
item.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5406
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
5407
|
-
item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5408
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
5409
|
-
item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
5515
|
+
item.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default57.mediaWrap, children: item.media }),
|
|
5516
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default57.content}${item.rowSpan === 2 ? ` ${__default57.contentTall}` : ""}`, children: [
|
|
5517
|
+
item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default57.itemIcon, children: item.icon }),
|
|
5518
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default57.itemTitle, children: item.title }),
|
|
5519
|
+
item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default57.itemDescription, children: item.description })
|
|
5410
5520
|
] })
|
|
5411
5521
|
]
|
|
5412
5522
|
},
|
|
@@ -5521,7 +5631,7 @@ __styleInject(`.FAQSection-module_root {
|
|
|
5521
5631
|
line-height: 1.625;
|
|
5522
5632
|
padding-right: 2rem;
|
|
5523
5633
|
}`);
|
|
5524
|
-
var
|
|
5634
|
+
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" };
|
|
5525
5635
|
function FAQSection({
|
|
5526
5636
|
title = "Frequently asked questions",
|
|
5527
5637
|
subtitle,
|
|
@@ -5530,25 +5640,25 @@ function FAQSection({
|
|
|
5530
5640
|
}) {
|
|
5531
5641
|
const [openIndex, setOpenIndex] = react.useState(null);
|
|
5532
5642
|
const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
|
|
5533
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5534
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
5535
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
5536
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: title || subtitle ?
|
|
5643
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default58.container, children: [
|
|
5644
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default58.title, children: title }),
|
|
5645
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default58.subtitle, children: subtitle }),
|
|
5646
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: title || subtitle ? __default58.list : "", children: items.map((item, i) => {
|
|
5537
5647
|
const isOpen = openIndex === i;
|
|
5538
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5648
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default58.item, children: [
|
|
5539
5649
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5540
5650
|
"button",
|
|
5541
5651
|
{
|
|
5542
5652
|
onClick: () => toggle(i),
|
|
5543
|
-
className:
|
|
5653
|
+
className: __default58.question,
|
|
5544
5654
|
"aria-expanded": isOpen,
|
|
5545
5655
|
children: [
|
|
5546
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5547
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: isOpen ?
|
|
5656
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.questionText, children: item.question }),
|
|
5657
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: isOpen ? __default58.toggleIconOpen : __default58.toggleIcon, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
|
|
5548
5658
|
]
|
|
5549
5659
|
}
|
|
5550
5660
|
),
|
|
5551
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: isOpen ?
|
|
5661
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: isOpen ? __default58.answerOpen : __default58.answerClosed, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default58.answerText, children: item.answer }) })
|
|
5552
5662
|
] }, i);
|
|
5553
5663
|
}) })
|
|
5554
5664
|
] }) });
|
|
@@ -5638,32 +5748,32 @@ __styleInject(`.ComparisonTable-module_root {
|
|
|
5638
5748
|
font-weight: 500;
|
|
5639
5749
|
color: var(--fg);
|
|
5640
5750
|
}`);
|
|
5641
|
-
var
|
|
5751
|
+
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" };
|
|
5642
5752
|
function ComparisonTable({ columns, rows, className = "" }) {
|
|
5643
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5753
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default59.scrollWrap, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: __default59.table, children: [
|
|
5644
5754
|
/* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
|
|
5645
|
-
/* @__PURE__ */ jsxRuntime.jsx("th", { className:
|
|
5755
|
+
/* @__PURE__ */ jsxRuntime.jsx("th", { className: __default59.headerCell }),
|
|
5646
5756
|
columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5647
5757
|
"th",
|
|
5648
5758
|
{
|
|
5649
|
-
className: col.highlighted ?
|
|
5759
|
+
className: col.highlighted ? __default59.columnHeaderHighlighted : __default59.columnHeader,
|
|
5650
5760
|
children: col.label
|
|
5651
5761
|
},
|
|
5652
5762
|
i
|
|
5653
5763
|
))
|
|
5654
5764
|
] }) }),
|
|
5655
|
-
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className:
|
|
5656
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className:
|
|
5765
|
+
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: __default59.bodyRow, children: [
|
|
5766
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: __default59.featureCell, children: row.feature }),
|
|
5657
5767
|
row.values.map((val, vi) => {
|
|
5658
5768
|
var _a;
|
|
5659
5769
|
const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
|
|
5660
5770
|
const isLast = ri === rows.length - 1;
|
|
5661
|
-
const cellClass = isHighlighted ? isLast ?
|
|
5771
|
+
const cellClass = isHighlighted ? isLast ? __default59.valueCellHighlightedLast : __default59.valueCellHighlighted : __default59.valueCell;
|
|
5662
5772
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5663
5773
|
"td",
|
|
5664
5774
|
{
|
|
5665
5775
|
className: cellClass,
|
|
5666
|
-
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5776
|
+
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.iconSuccess, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.iconMuted, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.textValue, children: val }) : val
|
|
5667
5777
|
},
|
|
5668
5778
|
vi
|
|
5669
5779
|
);
|
|
@@ -5828,7 +5938,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5828
5938
|
background: var(--border-color-strong);
|
|
5829
5939
|
transition: background var(--transition-fast), width var(--transition-fast);
|
|
5830
5940
|
}`);
|
|
5831
|
-
var
|
|
5941
|
+
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" };
|
|
5832
5942
|
var BottomSheetContext = react.createContext(null);
|
|
5833
5943
|
function useBottomSheet(part) {
|
|
5834
5944
|
const ctx = react.useContext(BottomSheetContext);
|
|
@@ -5900,13 +6010,13 @@ function BottomSheet({
|
|
|
5900
6010
|
BottomSheetContext.Provider,
|
|
5901
6011
|
{
|
|
5902
6012
|
value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
|
|
5903
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
6013
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children })
|
|
5904
6014
|
}
|
|
5905
6015
|
);
|
|
5906
6016
|
}
|
|
5907
6017
|
function Bar({ children, className = "" }) {
|
|
5908
6018
|
const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
|
|
5909
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
6019
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default60.bar}${className ? ` ${className}` : ""}`, children: [
|
|
5910
6020
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5911
6021
|
"button",
|
|
5912
6022
|
{
|
|
@@ -5916,12 +6026,12 @@ function Bar({ children, className = "" }) {
|
|
|
5916
6026
|
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5917
6027
|
onTouchEnd: onDragEnd,
|
|
5918
6028
|
onTouchCancel: onDragEnd,
|
|
5919
|
-
className:
|
|
6029
|
+
className: __default60.barHandle,
|
|
5920
6030
|
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
|
|
5921
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
6031
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default60.handleBar })
|
|
5922
6032
|
}
|
|
5923
6033
|
),
|
|
5924
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6034
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.barActions, children })
|
|
5925
6035
|
] });
|
|
5926
6036
|
}
|
|
5927
6037
|
function Panel({ children, className = "" }) {
|
|
@@ -5942,7 +6052,7 @@ function Panel({ children, className = "" }) {
|
|
|
5942
6052
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5943
6053
|
"div",
|
|
5944
6054
|
{
|
|
5945
|
-
className: `${
|
|
6055
|
+
className: `${__default60.backdrop}${open || isDraggingOpen ? ` ${__default60.backdropOpen}` : ""}`,
|
|
5946
6056
|
onClick: () => setOpen(false),
|
|
5947
6057
|
"aria-hidden": "true"
|
|
5948
6058
|
}
|
|
@@ -5950,7 +6060,7 @@ function Panel({ children, className = "" }) {
|
|
|
5950
6060
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5951
6061
|
"div",
|
|
5952
6062
|
{
|
|
5953
|
-
className: `${
|
|
6063
|
+
className: `${__default60.panel}${open ? ` ${__default60.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
|
|
5954
6064
|
role: "dialog",
|
|
5955
6065
|
"aria-modal": open,
|
|
5956
6066
|
"aria-hidden": !open && !isDraggingOpen,
|
|
@@ -5983,9 +6093,9 @@ function Handle({ className = "" }) {
|
|
|
5983
6093
|
if (e.pointerType === "mouse") return;
|
|
5984
6094
|
onDragEnd();
|
|
5985
6095
|
},
|
|
5986
|
-
className: `${
|
|
6096
|
+
className: `${__default60.handle}${className ? ` ${className}` : ""}`,
|
|
5987
6097
|
"aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
5988
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
6098
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default60.handleBar })
|
|
5989
6099
|
}
|
|
5990
6100
|
);
|
|
5991
6101
|
}
|
|
@@ -5995,7 +6105,7 @@ function Trigger({ children, className = "" }) {
|
|
|
5995
6105
|
"div",
|
|
5996
6106
|
{
|
|
5997
6107
|
onClick: () => setOpen(!open),
|
|
5998
|
-
className: `${
|
|
6108
|
+
className: `${__default60.trigger}${className ? ` ${className}` : ""}`,
|
|
5999
6109
|
children
|
|
6000
6110
|
}
|
|
6001
6111
|
);
|
|
@@ -6164,21 +6274,21 @@ __styleInject(`.PromoBento-module_root {
|
|
|
6164
6274
|
.PromoBento-module_cardCta {
|
|
6165
6275
|
margin-top: 0.25rem;
|
|
6166
6276
|
}`);
|
|
6167
|
-
var
|
|
6277
|
+
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" };
|
|
6168
6278
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
6169
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
6170
|
-
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6171
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6172
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6279
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default61.card}${className ? ` ${className}` : ""}`, children: [
|
|
6280
|
+
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.cardMedia, children: [
|
|
6281
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.cardMediaInner, children: media }),
|
|
6282
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.cardFade })
|
|
6173
6283
|
] }),
|
|
6174
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6175
|
-
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6176
|
-
pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
6284
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.cardContent, children: [
|
|
6285
|
+
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.pill, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default61.pillInner, children: [
|
|
6286
|
+
pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default61.pillIcon, children: pill.icon }),
|
|
6177
6287
|
pill.label
|
|
6178
6288
|
] }) }),
|
|
6179
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6180
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6181
|
-
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6289
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default61.cardTitle, children: title }),
|
|
6290
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default61.cardDesc, children: description }),
|
|
6291
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.cardCta, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6182
6292
|
Button,
|
|
6183
6293
|
{
|
|
6184
6294
|
variant: "outline",
|
|
@@ -6191,12 +6301,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
6191
6301
|
] });
|
|
6192
6302
|
}
|
|
6193
6303
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
6194
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6195
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6196
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6197
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6304
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
|
|
6305
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.header, children: [
|
|
6306
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default61.heading, children: heading }),
|
|
6307
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default61.subtitle, children: subtitle })
|
|
6198
6308
|
] }),
|
|
6199
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6309
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.grid, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
6200
6310
|
] });
|
|
6201
6311
|
}
|
|
6202
6312
|
|
|
@@ -6318,26 +6428,26 @@ __styleInject(`.PromoShowcase-module_root {
|
|
|
6318
6428
|
padding: 2.5rem;
|
|
6319
6429
|
}
|
|
6320
6430
|
}`);
|
|
6321
|
-
var
|
|
6431
|
+
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" };
|
|
6322
6432
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
6323
6433
|
const [activeIndex, setActiveIndex] = react.useState(0);
|
|
6324
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6325
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6326
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6327
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6434
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
|
|
6435
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default62.headingText, children: heading }) }),
|
|
6436
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.body, children: [
|
|
6437
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6328
6438
|
"button",
|
|
6329
6439
|
{
|
|
6330
6440
|
onClick: () => setActiveIndex(i),
|
|
6331
|
-
className: `${
|
|
6441
|
+
className: `${__default62.stepButton}${i === activeIndex ? ` ${__default62.stepButtonActive}` : ""}`,
|
|
6332
6442
|
children: step.label
|
|
6333
6443
|
},
|
|
6334
6444
|
i
|
|
6335
6445
|
)) }),
|
|
6336
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6446
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6337
6447
|
"div",
|
|
6338
6448
|
{
|
|
6339
|
-
className: `${
|
|
6340
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6449
|
+
className: `${__default62.panel}${i === activeIndex ? ` ${__default62.panelActive}` : ""}`,
|
|
6450
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.panelInner, children: step.content })
|
|
6341
6451
|
},
|
|
6342
6452
|
i
|
|
6343
6453
|
)) })
|
|
@@ -6346,7 +6456,8 @@ function PromoShowcase({ heading, steps, className = "" }) {
|
|
|
6346
6456
|
}
|
|
6347
6457
|
|
|
6348
6458
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoSplit.module.scss
|
|
6349
|
-
__styleInject(
|
|
6459
|
+
__styleInject(`@charset "UTF-8";
|
|
6460
|
+
.PromoSplit-module_root {
|
|
6350
6461
|
padding: 4rem 0;
|
|
6351
6462
|
}
|
|
6352
6463
|
@media (min-width: 768px) {
|
|
@@ -6355,6 +6466,16 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6355
6466
|
}
|
|
6356
6467
|
}
|
|
6357
6468
|
|
|
6469
|
+
/* 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. */
|
|
6470
|
+
.PromoSplit-module_rootNoVertical {
|
|
6471
|
+
padding-block: 0;
|
|
6472
|
+
}
|
|
6473
|
+
@media (min-width: 768px) {
|
|
6474
|
+
.PromoSplit-module_rootNoVertical {
|
|
6475
|
+
padding-block: 0;
|
|
6476
|
+
}
|
|
6477
|
+
}
|
|
6478
|
+
|
|
6358
6479
|
.PromoSplit-module_grid {
|
|
6359
6480
|
display: grid;
|
|
6360
6481
|
grid-template-columns: 1fr;
|
|
@@ -6486,26 +6607,28 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6486
6607
|
align-items: center;
|
|
6487
6608
|
justify-content: center;
|
|
6488
6609
|
}`);
|
|
6489
|
-
var
|
|
6610
|
+
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" };
|
|
6490
6611
|
function PromoSplit({
|
|
6491
6612
|
heading,
|
|
6492
6613
|
description,
|
|
6493
6614
|
features,
|
|
6494
6615
|
media,
|
|
6495
6616
|
mediaPosition = "right",
|
|
6617
|
+
verticalPadding = "default",
|
|
6496
6618
|
className = ""
|
|
6497
6619
|
}) {
|
|
6498
6620
|
const isLeft = mediaPosition === "left";
|
|
6499
|
-
|
|
6500
|
-
|
|
6501
|
-
|
|
6502
|
-
|
|
6503
|
-
|
|
6504
|
-
|
|
6505
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
6621
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
|
|
6622
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
|
|
6623
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
|
|
6624
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.heading, children: heading }),
|
|
6625
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.description, children: description }),
|
|
6626
|
+
features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.feature, children: [
|
|
6627
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default63.featureTitle, children: feature.title }),
|
|
6628
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.featureDesc, children: feature.description })
|
|
6506
6629
|
] }, i)) })
|
|
6507
6630
|
] }),
|
|
6508
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
6631
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default63.mediaColumn}${isLeft ? ` ${__default63.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaBox, children: media ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaContent, children: media }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaPlaceholder, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.placeholderCircle, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
6509
6632
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
6510
6633
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
6511
6634
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -6622,16 +6745,16 @@ __styleInject(`.PromoTrustGrid-module_root {
|
|
|
6622
6745
|
justify-content: center;
|
|
6623
6746
|
padding: 1.5rem;
|
|
6624
6747
|
}`);
|
|
6625
|
-
var
|
|
6748
|
+
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" };
|
|
6626
6749
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
6627
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6628
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6629
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6630
|
-
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6631
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6632
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6750
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
|
|
6751
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default64.headingText, children: heading }) }),
|
|
6752
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.featureCard, children: [
|
|
6753
|
+
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.featureIcon, children: feature.icon }),
|
|
6754
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default64.featureTitle, children: feature.title }),
|
|
6755
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default64.featureDescription, children: feature.description })
|
|
6633
6756
|
] }, i)) }),
|
|
6634
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6757
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.media, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.mediaInner, children: media }) })
|
|
6635
6758
|
] });
|
|
6636
6759
|
}
|
|
6637
6760
|
|
|
@@ -6818,36 +6941,37 @@ __styleInject(`@charset "UTF-8";
|
|
|
6818
6941
|
border-radius: clamp(8px, 1.5vw, 16px);
|
|
6819
6942
|
background: var(--bg-tertiary);
|
|
6820
6943
|
}`);
|
|
6821
|
-
var
|
|
6944
|
+
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" };
|
|
6822
6945
|
function PromoDevicesCTA({
|
|
6823
6946
|
heading,
|
|
6824
6947
|
description,
|
|
6825
6948
|
cta,
|
|
6826
6949
|
className = ""
|
|
6827
6950
|
}) {
|
|
6828
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6829
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6830
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6831
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6832
|
-
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6951
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: [
|
|
6952
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.textBlock, children: [
|
|
6953
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default65.heading, children: heading }),
|
|
6954
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.description, children: description }),
|
|
6955
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.ctaWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
6833
6956
|
] }),
|
|
6834
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6835
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6836
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6837
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6838
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6957
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.devices, children: [
|
|
6958
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.laptop, children: [
|
|
6959
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopScreen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopScreenInner }) }),
|
|
6960
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopHinge }),
|
|
6961
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.laptopBase })
|
|
6839
6962
|
] }),
|
|
6840
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6841
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6842
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6843
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6963
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.tablet, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.tabletShell, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.tabletScreen }) }) }),
|
|
6964
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.phone, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.phoneShell, children: [
|
|
6965
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.phoneNotch }),
|
|
6966
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.phoneScreen })
|
|
6844
6967
|
] }) })
|
|
6845
6968
|
] })
|
|
6846
6969
|
] });
|
|
6847
6970
|
}
|
|
6848
6971
|
|
|
6849
6972
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
|
|
6850
|
-
__styleInject(
|
|
6973
|
+
__styleInject(`@charset "UTF-8";
|
|
6974
|
+
.PromoTestimonials-module_root {
|
|
6851
6975
|
padding: 4rem 0;
|
|
6852
6976
|
}
|
|
6853
6977
|
@media (min-width: 768px) {
|
|
@@ -6856,6 +6980,16 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6856
6980
|
}
|
|
6857
6981
|
}
|
|
6858
6982
|
|
|
6983
|
+
/* 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. */
|
|
6984
|
+
.PromoTestimonials-module_rootNoVertical {
|
|
6985
|
+
padding-block: 0;
|
|
6986
|
+
}
|
|
6987
|
+
@media (min-width: 768px) {
|
|
6988
|
+
.PromoTestimonials-module_rootNoVertical {
|
|
6989
|
+
padding-block: 0;
|
|
6990
|
+
}
|
|
6991
|
+
}
|
|
6992
|
+
|
|
6859
6993
|
.PromoTestimonials-module_wrapper {
|
|
6860
6994
|
position: relative;
|
|
6861
6995
|
border-radius: clamp(20px, 3vw, 40px);
|
|
@@ -7029,22 +7163,24 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
7029
7163
|
background: var(--bg-secondary);
|
|
7030
7164
|
overflow: hidden;
|
|
7031
7165
|
}`);
|
|
7032
|
-
var
|
|
7166
|
+
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" };
|
|
7033
7167
|
function PromoTestimonials({
|
|
7034
7168
|
heading,
|
|
7035
7169
|
subtitle,
|
|
7036
7170
|
testimonials,
|
|
7037
7171
|
media,
|
|
7172
|
+
verticalPadding = "default",
|
|
7038
7173
|
className = ""
|
|
7039
7174
|
}) {
|
|
7040
|
-
|
|
7041
|
-
|
|
7175
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
|
|
7176
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default66.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.wrapper, children: [
|
|
7177
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.avatarSection, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.avatarStack, children: [
|
|
7042
7178
|
testimonials.slice(0, 5).map((t, i) => {
|
|
7043
7179
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
7044
7180
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7045
7181
|
"div",
|
|
7046
7182
|
{
|
|
7047
|
-
className:
|
|
7183
|
+
className: __default66.avatarRing,
|
|
7048
7184
|
style: { zIndex: 10 - i },
|
|
7049
7185
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7050
7186
|
Avatar,
|
|
@@ -7058,32 +7194,32 @@ function PromoTestimonials({
|
|
|
7058
7194
|
i
|
|
7059
7195
|
);
|
|
7060
7196
|
}),
|
|
7061
|
-
testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7197
|
+
testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.overflowBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.overflowCircle, children: [
|
|
7062
7198
|
"+",
|
|
7063
7199
|
testimonials.length - 5
|
|
7064
7200
|
] }) })
|
|
7065
7201
|
] }) }),
|
|
7066
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7067
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
7068
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7202
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.headingSection, children: [
|
|
7203
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default66.heading, children: heading }),
|
|
7204
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.subtitle, children: subtitle })
|
|
7069
7205
|
] }),
|
|
7070
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7206
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
|
|
7071
7207
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
7072
7208
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7073
7209
|
"div",
|
|
7074
7210
|
{
|
|
7075
|
-
className:
|
|
7211
|
+
className: __default66.card,
|
|
7076
7212
|
children: [
|
|
7077
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
7213
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default66.quote, children: [
|
|
7078
7214
|
"\u201C",
|
|
7079
7215
|
t.quote,
|
|
7080
7216
|
"\u201D"
|
|
7081
7217
|
] }),
|
|
7082
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7218
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.author, children: [
|
|
7083
7219
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
7084
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7085
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7086
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7220
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.authorInfo, children: [
|
|
7221
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.authorName, children: t.name }),
|
|
7222
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.authorRole, children: t.role })
|
|
7087
7223
|
] })
|
|
7088
7224
|
] })
|
|
7089
7225
|
]
|
|
@@ -7091,7 +7227,7 @@ function PromoTestimonials({
|
|
|
7091
7227
|
i
|
|
7092
7228
|
);
|
|
7093
7229
|
}) }) }),
|
|
7094
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7230
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaBox, children: media }) })
|
|
7095
7231
|
] }) });
|
|
7096
7232
|
}
|
|
7097
7233
|
|
|
@@ -7243,7 +7379,7 @@ __styleInject(`.PromoHero-module_root {
|
|
|
7243
7379
|
align-items: center;
|
|
7244
7380
|
justify-content: center;
|
|
7245
7381
|
}`);
|
|
7246
|
-
var
|
|
7382
|
+
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" };
|
|
7247
7383
|
function PromoHero({
|
|
7248
7384
|
title,
|
|
7249
7385
|
subtitle,
|
|
@@ -7253,30 +7389,30 @@ function PromoHero({
|
|
|
7253
7389
|
variant = "dark",
|
|
7254
7390
|
className = ""
|
|
7255
7391
|
}) {
|
|
7256
|
-
const variantClass = variant === "dark" ?
|
|
7257
|
-
const subtitleClass = variant === "light" ?
|
|
7392
|
+
const variantClass = variant === "dark" ? __default67.dark : variant === "gradient" ? __default67.gradient : __default67.light;
|
|
7393
|
+
const subtitleClass = variant === "light" ? __default67.subtitleLight : __default67.subtitleDark;
|
|
7258
7394
|
const isLight = variant === "light";
|
|
7259
7395
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7260
7396
|
"section",
|
|
7261
7397
|
{
|
|
7262
|
-
className: `${
|
|
7398
|
+
className: `${__default67.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
7263
7399
|
children: [
|
|
7264
|
-
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7265
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7266
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7400
|
+
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.glowLayer, "aria-hidden": "true", children: [
|
|
7401
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.glowTop }),
|
|
7402
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.glowBottom })
|
|
7267
7403
|
] }),
|
|
7268
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7269
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7270
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
7271
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7272
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7404
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.inner, children: [
|
|
7405
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.textColumn, children: [
|
|
7406
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default67.title, children: title }),
|
|
7407
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default67.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
7408
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.actions, children: [
|
|
7273
7409
|
cta && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7274
7410
|
Button,
|
|
7275
7411
|
{
|
|
7276
7412
|
variant: isLight ? "primary" : "outline",
|
|
7277
7413
|
size: "hero",
|
|
7278
7414
|
onClick: cta.onClick,
|
|
7279
|
-
className: !isLight ?
|
|
7415
|
+
className: !isLight ? __default67.ctaDark : "",
|
|
7280
7416
|
children: cta.label
|
|
7281
7417
|
}
|
|
7282
7418
|
),
|
|
@@ -7286,13 +7422,13 @@ function PromoHero({
|
|
|
7286
7422
|
variant: "ghost",
|
|
7287
7423
|
size: "hero",
|
|
7288
7424
|
onClick: secondaryCta.onClick,
|
|
7289
|
-
className: !isLight ?
|
|
7425
|
+
className: !isLight ? __default67.ghostDark : "",
|
|
7290
7426
|
children: secondaryCta.label
|
|
7291
7427
|
}
|
|
7292
7428
|
)
|
|
7293
7429
|
] })
|
|
7294
7430
|
] }),
|
|
7295
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7431
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.mediaColumn, children: media })
|
|
7296
7432
|
] })
|
|
7297
7433
|
]
|
|
7298
7434
|
}
|
|
@@ -7446,7 +7582,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
7446
7582
|
max-width: 640px;
|
|
7447
7583
|
width: 100%;
|
|
7448
7584
|
}`);
|
|
7449
|
-
var
|
|
7585
|
+
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" };
|
|
7450
7586
|
function PromoHeroForm({
|
|
7451
7587
|
title,
|
|
7452
7588
|
subtitle,
|
|
@@ -7469,17 +7605,17 @@ function PromoHeroForm({
|
|
|
7469
7605
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
7470
7606
|
};
|
|
7471
7607
|
const isDisabled = loading || value.trim().length === 0;
|
|
7472
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
7473
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
7474
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7608
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default68.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.inner, children: [
|
|
7609
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default68.title, children: title }),
|
|
7610
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default68.subtitle, children: subtitle }),
|
|
7475
7611
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7476
7612
|
"form",
|
|
7477
7613
|
{
|
|
7478
|
-
className:
|
|
7614
|
+
className: __default68.form,
|
|
7479
7615
|
onSubmit: handleSubmit,
|
|
7480
7616
|
"aria-busy": loading,
|
|
7481
7617
|
noValidate: true,
|
|
7482
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7618
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.formInner, children: [
|
|
7483
7619
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7484
7620
|
"input",
|
|
7485
7621
|
{
|
|
@@ -7488,7 +7624,7 @@ function PromoHeroForm({
|
|
|
7488
7624
|
value,
|
|
7489
7625
|
onChange: (e) => setValue(e.target.value),
|
|
7490
7626
|
disabled: loading,
|
|
7491
|
-
className:
|
|
7627
|
+
className: __default68.input,
|
|
7492
7628
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
7493
7629
|
}
|
|
7494
7630
|
),
|
|
@@ -7506,8 +7642,8 @@ function PromoHeroForm({
|
|
|
7506
7642
|
] })
|
|
7507
7643
|
}
|
|
7508
7644
|
),
|
|
7509
|
-
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7510
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7645
|
+
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default68.hint, children: hint }),
|
|
7646
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.errorBox, role: "alert", children: error })
|
|
7511
7647
|
] }) });
|
|
7512
7648
|
}
|
|
7513
7649
|
|
|
@@ -7785,7 +7921,7 @@ __styleInject(`.PromoPricing-module_root {
|
|
|
7785
7921
|
.PromoPricing-module_ctaWrap {
|
|
7786
7922
|
margin-top: auto;
|
|
7787
7923
|
}`);
|
|
7788
|
-
var
|
|
7924
|
+
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" };
|
|
7789
7925
|
function PromoPricing({
|
|
7790
7926
|
heading,
|
|
7791
7927
|
subtitle,
|
|
@@ -7795,50 +7931,50 @@ function PromoPricing({
|
|
|
7795
7931
|
}) {
|
|
7796
7932
|
const isDark = variant === "dark";
|
|
7797
7933
|
const getTierClass = (highlighted) => {
|
|
7798
|
-
if (highlighted) return isDark ?
|
|
7799
|
-
return isDark ?
|
|
7934
|
+
if (highlighted) return isDark ? __default69.tierDarkHighlighted : __default69.tierHighlighted;
|
|
7935
|
+
return isDark ? __default69.tierDark : __default69.tierDefault;
|
|
7800
7936
|
};
|
|
7801
7937
|
const getNameClass = (highlighted) => {
|
|
7802
|
-
if (highlighted) return isDark ?
|
|
7803
|
-
return isDark ?
|
|
7938
|
+
if (highlighted) return isDark ? __default69.tierNameHighlightedDark : __default69.tierNameHighlightedLight;
|
|
7939
|
+
return isDark ? __default69.tierNameDark : __default69.tierNameMuted;
|
|
7804
7940
|
};
|
|
7805
7941
|
const getPeriodClass = (highlighted) => {
|
|
7806
|
-
if (highlighted) return isDark ?
|
|
7807
|
-
return isDark ?
|
|
7942
|
+
if (highlighted) return isDark ? __default69.periodHighlightedDark : __default69.periodHighlightedLight;
|
|
7943
|
+
return isDark ? __default69.periodDark : __default69.periodMuted;
|
|
7808
7944
|
};
|
|
7809
7945
|
const getDescClass = (highlighted) => {
|
|
7810
|
-
if (highlighted) return isDark ?
|
|
7811
|
-
return isDark ?
|
|
7946
|
+
if (highlighted) return isDark ? __default69.tierDescHighlightedDark : __default69.tierDescHighlightedLight;
|
|
7947
|
+
return isDark ? __default69.tierDescDark : __default69.tierDescMuted;
|
|
7812
7948
|
};
|
|
7813
7949
|
const getCheckClass = (highlighted) => {
|
|
7814
|
-
if (highlighted) return isDark ?
|
|
7815
|
-
return isDark ?
|
|
7950
|
+
if (highlighted) return isDark ? __default69.checkHighlightedDark : __default69.checkHighlightedLight;
|
|
7951
|
+
return isDark ? __default69.checkDark : __default69.checkDefault;
|
|
7816
7952
|
};
|
|
7817
7953
|
const getFeatureTextClass = (highlighted) => {
|
|
7818
|
-
if (highlighted) return isDark ?
|
|
7819
|
-
return isDark ?
|
|
7954
|
+
if (highlighted) return isDark ? __default69.featureTextHighlightedDark : __default69.featureTextHighlightedLight;
|
|
7955
|
+
return isDark ? __default69.featureTextDark : __default69.featureTextMuted;
|
|
7820
7956
|
};
|
|
7821
7957
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7822
7958
|
"section",
|
|
7823
7959
|
{
|
|
7824
|
-
className: `${
|
|
7960
|
+
className: `${__default69.root} ${isDark ? __default69.dark : __default69.light}${className ? ` ${className}` : ""}`,
|
|
7825
7961
|
children: [
|
|
7826
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7827
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${
|
|
7828
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7962
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.headingSection, children: [
|
|
7963
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default69.heading} ${isDark ? __default69.headingDark : __default69.headingLight}`, children: heading }),
|
|
7964
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default69.subtitle} ${isDark ? __default69.subtitleDark : __default69.subtitleLight}`, children: subtitle })
|
|
7829
7965
|
] }),
|
|
7830
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7966
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7831
7967
|
"div",
|
|
7832
7968
|
{
|
|
7833
7969
|
className: getTierClass(tier.highlighted),
|
|
7834
7970
|
children: [
|
|
7835
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7836
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7971
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.tierName, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
7972
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.price, children: [
|
|
7837
7973
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: tier.price }),
|
|
7838
|
-
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${
|
|
7974
|
+
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default69.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
7839
7975
|
] }),
|
|
7840
|
-
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7841
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
7976
|
+
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default69.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
7977
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default69.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default69.featureItem, children: [
|
|
7842
7978
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7843
7979
|
"svg",
|
|
7844
7980
|
{
|
|
@@ -7846,13 +7982,13 @@ function PromoPricing({
|
|
|
7846
7982
|
height: "16",
|
|
7847
7983
|
viewBox: "0 0 16 16",
|
|
7848
7984
|
fill: "none",
|
|
7849
|
-
className: `${
|
|
7985
|
+
className: `${__default69.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
7850
7986
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
7851
7987
|
}
|
|
7852
7988
|
),
|
|
7853
7989
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
7854
7990
|
] }, fi)) }),
|
|
7855
|
-
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7991
|
+
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.ctaWrap, children: tier.cta })
|
|
7856
7992
|
]
|
|
7857
7993
|
},
|
|
7858
7994
|
i
|
|
@@ -8010,7 +8146,7 @@ __styleInject(`.PromoActionCards-module_root {
|
|
|
8010
8146
|
.PromoActionCards-module_ctaBtn:hover {
|
|
8011
8147
|
opacity: 0.9;
|
|
8012
8148
|
}`);
|
|
8013
|
-
var
|
|
8149
|
+
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" };
|
|
8014
8150
|
function PromoActionCards({
|
|
8015
8151
|
heading,
|
|
8016
8152
|
subtitle,
|
|
@@ -8018,28 +8154,28 @@ function PromoActionCards({
|
|
|
8018
8154
|
columns = 3,
|
|
8019
8155
|
className = ""
|
|
8020
8156
|
}) {
|
|
8021
|
-
const gridClass = columns === 2 ?
|
|
8022
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
8023
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8024
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
8025
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8157
|
+
const gridClass = columns === 2 ? __default70.grid2 : __default70.grid3;
|
|
8158
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
|
|
8159
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.header, children: [
|
|
8160
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default70.heading, children: heading }),
|
|
8161
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.subtitle, children: subtitle })
|
|
8026
8162
|
] }),
|
|
8027
8163
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
8028
8164
|
var _a;
|
|
8029
8165
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8030
8166
|
"div",
|
|
8031
8167
|
{
|
|
8032
|
-
className:
|
|
8168
|
+
className: __default70.card,
|
|
8033
8169
|
children: [
|
|
8034
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8035
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
8036
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8170
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.cardContent, children: [
|
|
8171
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default70.cardTitle, children: card.title }),
|
|
8172
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.cardDesc, children: card.description })
|
|
8037
8173
|
] }),
|
|
8038
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8039
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8174
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.cardFooter, children: [
|
|
8175
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8040
8176
|
"span",
|
|
8041
8177
|
{
|
|
8042
|
-
className:
|
|
8178
|
+
className: __default70.iconCircle,
|
|
8043
8179
|
children: icon
|
|
8044
8180
|
},
|
|
8045
8181
|
ii
|
|
@@ -8048,7 +8184,7 @@ function PromoActionCards({
|
|
|
8048
8184
|
"button",
|
|
8049
8185
|
{
|
|
8050
8186
|
onClick: card.cta.onClick,
|
|
8051
|
-
className:
|
|
8187
|
+
className: __default70.ctaBtn,
|
|
8052
8188
|
children: [
|
|
8053
8189
|
card.cta.label,
|
|
8054
8190
|
/* @__PURE__ */ jsxRuntime.jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -8171,7 +8307,7 @@ __styleInject(`.ArticleHero-module_root {
|
|
|
8171
8307
|
color: rgba(255, 255, 255, 0.9);
|
|
8172
8308
|
line-height: 22.5px;
|
|
8173
8309
|
}`);
|
|
8174
|
-
var
|
|
8310
|
+
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" };
|
|
8175
8311
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
8176
8312
|
function ArticleHero({
|
|
8177
8313
|
category,
|
|
@@ -8183,20 +8319,20 @@ function ArticleHero({
|
|
|
8183
8319
|
className = ""
|
|
8184
8320
|
}) {
|
|
8185
8321
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
8186
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
8187
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8188
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className:
|
|
8189
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8322
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
|
|
8323
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.bgLayer, children: [
|
|
8324
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className: __default71.bgImage }),
|
|
8325
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.overlay })
|
|
8190
8326
|
] }),
|
|
8191
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8192
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8193
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8194
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8327
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.topBar, children: [
|
|
8328
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.logo, children: logo }),
|
|
8329
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.divider }),
|
|
8330
|
+
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default71.nav, children: nav })
|
|
8195
8331
|
] }),
|
|
8196
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8197
|
-
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8198
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
8199
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8332
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default71.bottom, children: [
|
|
8333
|
+
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default71.category, children: category }),
|
|
8334
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default71.title, children: title }),
|
|
8335
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default71.subtitle, children: subtitle })
|
|
8200
8336
|
] })
|
|
8201
8337
|
] });
|
|
8202
8338
|
}
|
|
@@ -8208,9 +8344,9 @@ __styleInject(`.ArticleBody-module_root {
|
|
|
8208
8344
|
color: var(--fg-secondary);
|
|
8209
8345
|
font-weight: 400;
|
|
8210
8346
|
}`);
|
|
8211
|
-
var
|
|
8347
|
+
var __default72 = { "root": "ArticleBody-module_root" };
|
|
8212
8348
|
function ArticleBody({ children, className = "" }) {
|
|
8213
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8349
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children });
|
|
8214
8350
|
}
|
|
8215
8351
|
|
|
8216
8352
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
@@ -8253,10 +8389,10 @@ __styleInject(`.ArticleHeading-module_root {
|
|
|
8253
8389
|
line-height: 1.25rem;
|
|
8254
8390
|
color: var(--fg-muted);
|
|
8255
8391
|
}`);
|
|
8256
|
-
var
|
|
8392
|
+
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" };
|
|
8257
8393
|
var levelClass = {
|
|
8258
|
-
2:
|
|
8259
|
-
3:
|
|
8394
|
+
2: __default73.h2,
|
|
8395
|
+
3: __default73.h3
|
|
8260
8396
|
};
|
|
8261
8397
|
function ArticleHeading({
|
|
8262
8398
|
level = 2,
|
|
@@ -8266,12 +8402,12 @@ function ArticleHeading({
|
|
|
8266
8402
|
className = ""
|
|
8267
8403
|
}) {
|
|
8268
8404
|
const Tag2 = `h${level}`;
|
|
8269
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8270
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8405
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
|
|
8406
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default73.header, children: [
|
|
8271
8407
|
/* @__PURE__ */ jsxRuntime.jsx(Tag2, { className: levelClass[level], children }),
|
|
8272
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8408
|
+
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default73.action, children: action })
|
|
8273
8409
|
] }),
|
|
8274
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8410
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default73.subtitle, children: subtitle })
|
|
8275
8411
|
] });
|
|
8276
8412
|
}
|
|
8277
8413
|
|
|
@@ -8347,7 +8483,7 @@ __styleInject(`.ArticleFigure-module_root {
|
|
|
8347
8483
|
line-height: 1.25rem;
|
|
8348
8484
|
color: var(--fg-muted);
|
|
8349
8485
|
}`);
|
|
8350
|
-
var
|
|
8486
|
+
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" };
|
|
8351
8487
|
function ArticleFigure({
|
|
8352
8488
|
src,
|
|
8353
8489
|
alt = "",
|
|
@@ -8357,35 +8493,35 @@ function ArticleFigure({
|
|
|
8357
8493
|
children,
|
|
8358
8494
|
className = ""
|
|
8359
8495
|
}) {
|
|
8360
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8496
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
8361
8497
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8362
8498
|
"div",
|
|
8363
8499
|
{
|
|
8364
|
-
className:
|
|
8500
|
+
className: __default74.imageWrapper,
|
|
8365
8501
|
style: { minHeight: height },
|
|
8366
8502
|
children: src ? (
|
|
8367
8503
|
// eslint-disable-next-line @next/next/no-img-element
|
|
8368
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className:
|
|
8369
|
-
) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8504
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: __default74.image })
|
|
8505
|
+
) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.childWrapper, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.placeholder, children: [
|
|
8370
8506
|
/* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
8371
8507
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
8372
8508
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
8373
8509
|
] }),
|
|
8374
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8510
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.placeholderText, children: "Figure placeholder" })
|
|
8375
8511
|
] })
|
|
8376
8512
|
}
|
|
8377
8513
|
),
|
|
8378
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8514
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.legend, children: legend.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.legendItem, children: [
|
|
8379
8515
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8380
8516
|
"span",
|
|
8381
8517
|
{
|
|
8382
|
-
className:
|
|
8518
|
+
className: __default74.legendSwatch,
|
|
8383
8519
|
style: { backgroundColor: item.color }
|
|
8384
8520
|
}
|
|
8385
8521
|
),
|
|
8386
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8522
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.legendLabel, children: item.label })
|
|
8387
8523
|
] }, item.label)) }),
|
|
8388
|
-
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className:
|
|
8524
|
+
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: __default74.caption, children: caption })
|
|
8389
8525
|
] });
|
|
8390
8526
|
}
|
|
8391
8527
|
|
|
@@ -8478,7 +8614,7 @@ __styleInject(`.ArticleTable-module_root {
|
|
|
8478
8614
|
.ArticleTable-module_showMore:hover {
|
|
8479
8615
|
color: var(--fg);
|
|
8480
8616
|
}`);
|
|
8481
|
-
var
|
|
8617
|
+
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" };
|
|
8482
8618
|
function ArticleTable({
|
|
8483
8619
|
columns,
|
|
8484
8620
|
rows,
|
|
@@ -8490,19 +8626,19 @@ function ArticleTable({
|
|
|
8490
8626
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
8491
8627
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
8492
8628
|
const hiddenCount = rows.length - limit;
|
|
8493
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8494
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8495
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8496
|
-
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8629
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children: [
|
|
8630
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.headerRow, children: [
|
|
8631
|
+
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.rankCell }),
|
|
8632
|
+
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.headerCell, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.headerLabel, children: col.label }) }, col.key))
|
|
8497
8633
|
] }),
|
|
8498
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8499
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8634
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.row, children: [
|
|
8635
|
+
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default75.rankValue, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) }),
|
|
8500
8636
|
columns.map((col) => {
|
|
8501
8637
|
const value = row[col.key];
|
|
8502
8638
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
8503
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8504
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8505
|
-
hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8639
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default75.cell, children: [
|
|
8640
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.cellText, children: String(value != null ? value : "") }),
|
|
8641
|
+
hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default75.badge, children: row._badge })
|
|
8506
8642
|
] }, col.key);
|
|
8507
8643
|
})
|
|
8508
8644
|
] }, i)) }),
|
|
@@ -8510,7 +8646,7 @@ function ArticleTable({
|
|
|
8510
8646
|
"button",
|
|
8511
8647
|
{
|
|
8512
8648
|
onClick: () => setExpanded(true),
|
|
8513
|
-
className:
|
|
8649
|
+
className: __default75.showMore,
|
|
8514
8650
|
children: [
|
|
8515
8651
|
"Show ",
|
|
8516
8652
|
hiddenCount,
|
|
@@ -8543,19 +8679,19 @@ __styleInject(`.ArticleList-module_root {
|
|
|
8543
8679
|
.ArticleList-module_item {
|
|
8544
8680
|
padding-left: 0.25rem;
|
|
8545
8681
|
}`);
|
|
8546
|
-
var
|
|
8682
|
+
var __default76 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
8547
8683
|
function ArticleList({
|
|
8548
8684
|
variant = "unordered",
|
|
8549
8685
|
items,
|
|
8550
8686
|
className = ""
|
|
8551
8687
|
}) {
|
|
8552
8688
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
8553
|
-
const variantClass = variant === "ordered" ?
|
|
8689
|
+
const variantClass = variant === "ordered" ? __default76.ordered : __default76.unordered;
|
|
8554
8690
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8555
8691
|
Tag2,
|
|
8556
8692
|
{
|
|
8557
|
-
className: `${
|
|
8558
|
-
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className:
|
|
8693
|
+
className: `${__default76.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
8694
|
+
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: __default76.item, children: item }, i))
|
|
8559
8695
|
}
|
|
8560
8696
|
);
|
|
8561
8697
|
}
|
|
@@ -8567,9 +8703,9 @@ __styleInject(`.ArticleNote-module_root {
|
|
|
8567
8703
|
color: var(--fg-secondary);
|
|
8568
8704
|
font-style: italic;
|
|
8569
8705
|
}`);
|
|
8570
|
-
var
|
|
8706
|
+
var __default77 = { "root": "ArticleNote-module_root" };
|
|
8571
8707
|
function ArticleNote({ children, className = "" }) {
|
|
8572
|
-
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
8708
|
+
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default77.root}${className ? ` ${className}` : ""}`, children });
|
|
8573
8709
|
}
|
|
8574
8710
|
|
|
8575
8711
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
@@ -8682,11 +8818,11 @@ __styleInject(`.ArticleChatBlock-module_root {
|
|
|
8682
8818
|
.ArticleChatBlock-module_showMoreBtn:hover {
|
|
8683
8819
|
color: var(--fg);
|
|
8684
8820
|
}`);
|
|
8685
|
-
var
|
|
8821
|
+
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" };
|
|
8686
8822
|
var roleConfig = {
|
|
8687
|
-
assistant: { cls:
|
|
8688
|
-
system: { cls:
|
|
8689
|
-
user: { cls:
|
|
8823
|
+
assistant: { cls: __default78.assistant, gradient: "var(--bg-secondary)" },
|
|
8824
|
+
system: { cls: __default78.system, gradient: "var(--bg-tertiary)" },
|
|
8825
|
+
user: { cls: __default78.user, gradient: "var(--bg-secondary)" }
|
|
8690
8826
|
};
|
|
8691
8827
|
function ArticleChatBlock({
|
|
8692
8828
|
role,
|
|
@@ -8700,40 +8836,40 @@ function ArticleChatBlock({
|
|
|
8700
8836
|
var _a;
|
|
8701
8837
|
const [expanded, setExpanded] = react.useState(false);
|
|
8702
8838
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
8703
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8704
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8839
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default78.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
8840
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default78.header, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default78.roleLabel, children: [
|
|
8705
8841
|
role,
|
|
8706
8842
|
model && ` \u2022 ${model}`
|
|
8707
8843
|
] }) }),
|
|
8708
|
-
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8709
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8710
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8844
|
+
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default78.toolBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default78.toolBadgeInner, children: [
|
|
8845
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default78.toolDot }),
|
|
8846
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default78.toolLabel, children: toolCall })
|
|
8711
8847
|
] }) }),
|
|
8712
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8713
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8848
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default78.divider }),
|
|
8849
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default78.contentWrapper, children: [
|
|
8714
8850
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8715
8851
|
"div",
|
|
8716
8852
|
{
|
|
8717
|
-
className:
|
|
8853
|
+
className: __default78.content,
|
|
8718
8854
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
8719
8855
|
children
|
|
8720
8856
|
}
|
|
8721
8857
|
),
|
|
8722
|
-
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8858
|
+
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default78.fadeOverlay, children: [
|
|
8723
8859
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8724
8860
|
"div",
|
|
8725
8861
|
{
|
|
8726
|
-
className:
|
|
8862
|
+
className: __default78.fadeGradient,
|
|
8727
8863
|
style: {
|
|
8728
8864
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
8729
8865
|
}
|
|
8730
8866
|
}
|
|
8731
8867
|
),
|
|
8732
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8868
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default78.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8733
8869
|
"button",
|
|
8734
8870
|
{
|
|
8735
8871
|
onClick: () => setExpanded(true),
|
|
8736
|
-
className:
|
|
8872
|
+
className: __default78.showMoreBtn,
|
|
8737
8873
|
children: "Show more"
|
|
8738
8874
|
}
|
|
8739
8875
|
) })
|
|
@@ -8765,14 +8901,14 @@ __styleInject(`.ArticleLinkButton-module_root {
|
|
|
8765
8901
|
.ArticleLinkButton-module_root:active {
|
|
8766
8902
|
opacity: 0.8;
|
|
8767
8903
|
}`);
|
|
8768
|
-
var
|
|
8904
|
+
var __default79 = { "root": "ArticleLinkButton-module_root" };
|
|
8769
8905
|
function ArticleLinkButton({
|
|
8770
8906
|
children,
|
|
8771
8907
|
href,
|
|
8772
8908
|
onClick,
|
|
8773
8909
|
className = ""
|
|
8774
8910
|
}) {
|
|
8775
|
-
const cls = `${
|
|
8911
|
+
const cls = `${__default79.root}${className ? ` ${className}` : ""}`;
|
|
8776
8912
|
if (href) {
|
|
8777
8913
|
return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, children });
|
|
8778
8914
|
}
|
|
@@ -8809,18 +8945,18 @@ __styleInject(`.ArticleFooter-module_root {
|
|
|
8809
8945
|
line-height: 1.25rem;
|
|
8810
8946
|
color: var(--fg-muted);
|
|
8811
8947
|
}`);
|
|
8812
|
-
var
|
|
8948
|
+
var __default80 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
8813
8949
|
function ArticleFooter({
|
|
8814
8950
|
logo,
|
|
8815
8951
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
8816
8952
|
className = ""
|
|
8817
8953
|
}) {
|
|
8818
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${
|
|
8819
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8820
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8821
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8954
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children: [
|
|
8955
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default80.topBar, children: [
|
|
8956
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.logo, children: logo }),
|
|
8957
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.divider })
|
|
8822
8958
|
] }),
|
|
8823
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8959
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default80.copyright, children: copyright })
|
|
8824
8960
|
] });
|
|
8825
8961
|
}
|
|
8826
8962
|
|
|
@@ -8843,15 +8979,15 @@ __styleInject(`.ArticleLayout-module_root {
|
|
|
8843
8979
|
width: 100%;
|
|
8844
8980
|
max-width: 720px;
|
|
8845
8981
|
}`);
|
|
8846
|
-
var
|
|
8982
|
+
var __default81 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
8847
8983
|
function ArticleLayout({ children, className = "" }) {
|
|
8848
|
-
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${
|
|
8984
|
+
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${__default81.root}${className ? ` ${className}` : ""}`, children });
|
|
8849
8985
|
}
|
|
8850
8986
|
function ArticleWide({ children, className = "" }) {
|
|
8851
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8987
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default81.wide}${className ? ` ${className}` : ""}`, children });
|
|
8852
8988
|
}
|
|
8853
8989
|
function ArticleNarrow({ children, className = "" }) {
|
|
8854
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8990
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default81.narrow}${className ? ` ${className}` : ""}`, children });
|
|
8855
8991
|
}
|
|
8856
8992
|
|
|
8857
8993
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
@@ -8938,7 +9074,7 @@ __styleInject(`.ArticleChart-module_figure {
|
|
|
8938
9074
|
line-height: 1rem;
|
|
8939
9075
|
color: var(--fg-secondary);
|
|
8940
9076
|
}`);
|
|
8941
|
-
var
|
|
9077
|
+
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" };
|
|
8942
9078
|
function ChartTooltip({
|
|
8943
9079
|
active,
|
|
8944
9080
|
payload,
|
|
@@ -8949,15 +9085,15 @@ function ChartTooltip({
|
|
|
8949
9085
|
}) {
|
|
8950
9086
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8951
9087
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8952
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8953
|
-
label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
9088
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.tooltip, children: [
|
|
9089
|
+
label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default82.tooltipLabel, children: [
|
|
8954
9090
|
xLabel ? `${xLabel}: ` : "",
|
|
8955
9091
|
label
|
|
8956
9092
|
] }),
|
|
8957
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8958
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8959
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8960
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9093
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.tooltipRow, children: [
|
|
9094
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
9095
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.tooltipName, children: entry.name }),
|
|
9096
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
8961
9097
|
] }, i))
|
|
8962
9098
|
] });
|
|
8963
9099
|
}
|
|
@@ -8971,8 +9107,8 @@ function ArticleLineChart({
|
|
|
8971
9107
|
valueFormatter,
|
|
8972
9108
|
className = ""
|
|
8973
9109
|
}) {
|
|
8974
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8975
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9110
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9111
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8976
9112
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8977
9113
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8978
9114
|
recharts.XAxis,
|
|
@@ -9022,9 +9158,9 @@ function ArticleLineChart({
|
|
|
9022
9158
|
s.dataKey
|
|
9023
9159
|
))
|
|
9024
9160
|
] }) }) }),
|
|
9025
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9026
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9027
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9161
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.legendItem, children: [
|
|
9162
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9163
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendLabel, children: s.name })
|
|
9028
9164
|
] }, s.dataKey)) })
|
|
9029
9165
|
] });
|
|
9030
9166
|
}
|
|
@@ -9039,8 +9175,8 @@ function ArticleBarChart({
|
|
|
9039
9175
|
valueFormatter,
|
|
9040
9176
|
className = ""
|
|
9041
9177
|
}) {
|
|
9042
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
9043
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9178
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9179
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
9044
9180
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
9045
9181
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9046
9182
|
recharts.XAxis,
|
|
@@ -9088,9 +9224,9 @@ function ArticleBarChart({
|
|
|
9088
9224
|
s.dataKey
|
|
9089
9225
|
))
|
|
9090
9226
|
] }) }) }),
|
|
9091
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9092
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9093
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9227
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.legendItem, children: [
|
|
9228
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9229
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default82.legendLabel, children: s.name })
|
|
9094
9230
|
] }, s.dataKey)) })
|
|
9095
9231
|
] });
|
|
9096
9232
|
}
|
|
@@ -9108,7 +9244,7 @@ function ArticleScatterChart({
|
|
|
9108
9244
|
var _a;
|
|
9109
9245
|
return (_a = d.color) != null ? _a : color;
|
|
9110
9246
|
});
|
|
9111
|
-
return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${
|
|
9247
|
+
return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
9112
9248
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
9113
9249
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9114
9250
|
recharts.XAxis,
|
|
@@ -9144,14 +9280,14 @@ function ArticleScatterChart({
|
|
|
9144
9280
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
9145
9281
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
9146
9282
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
9147
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
9148
|
-
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
9149
|
-
xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
9283
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default82.tooltip, children: [
|
|
9284
|
+
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default82.scatterTooltipLabel, children: point.label }),
|
|
9285
|
+
xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default82.scatterTooltipRow, children: [
|
|
9150
9286
|
xLabel,
|
|
9151
9287
|
": ",
|
|
9152
9288
|
fmt(point.x)
|
|
9153
9289
|
] }),
|
|
9154
|
-
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
9290
|
+
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default82.scatterTooltipRow, children: [
|
|
9155
9291
|
yLabel,
|
|
9156
9292
|
": ",
|
|
9157
9293
|
fmt(point.y)
|
|
@@ -9228,7 +9364,7 @@ __styleInject(`.LandingLayout-module_headerMode {
|
|
|
9228
9364
|
padding-right: 4rem;
|
|
9229
9365
|
}
|
|
9230
9366
|
}`);
|
|
9231
|
-
var
|
|
9367
|
+
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" };
|
|
9232
9368
|
function LandingLayout({
|
|
9233
9369
|
mode = "header",
|
|
9234
9370
|
nav,
|
|
@@ -9237,17 +9373,17 @@ function LandingLayout({
|
|
|
9237
9373
|
className = ""
|
|
9238
9374
|
}) {
|
|
9239
9375
|
if (mode === "sidebar") {
|
|
9240
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
9241
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9242
|
-
/* @__PURE__ */ jsxRuntime.jsxs("main", { className:
|
|
9243
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9376
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default83.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
9377
|
+
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.sidebarNav, children: nav }),
|
|
9378
|
+
/* @__PURE__ */ jsxRuntime.jsxs("main", { className: __default83.sidebarMain, children: [
|
|
9379
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default83.sidebarContent, children }),
|
|
9244
9380
|
footer
|
|
9245
9381
|
] })
|
|
9246
9382
|
] });
|
|
9247
9383
|
}
|
|
9248
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
9384
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default83.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
9249
9385
|
nav,
|
|
9250
|
-
/* @__PURE__ */ jsxRuntime.jsx("main", { className:
|
|
9386
|
+
/* @__PURE__ */ jsxRuntime.jsx("main", { className: __default83.headerMain, children }),
|
|
9251
9387
|
footer
|
|
9252
9388
|
] });
|
|
9253
9389
|
}
|
|
@@ -9353,6 +9489,7 @@ exports.PromoTestimonials = PromoTestimonials;
|
|
|
9353
9489
|
exports.PromoTrustGrid = PromoTrustGrid;
|
|
9354
9490
|
exports.Radio = Radio;
|
|
9355
9491
|
exports.SearchBar = SearchBar;
|
|
9492
|
+
exports.SectionHeading = SectionHeading;
|
|
9356
9493
|
exports.SegmentedControl = SegmentedControl;
|
|
9357
9494
|
exports.Select = Select;
|
|
9358
9495
|
exports.Sidebar = Sidebar;
|