@dmitriikapustin/ui 0.4.1 → 0.4.3
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 +685 -527
- package/dist/index.d.cts +77 -6
- package/dist/index.d.ts +77 -6
- package/dist/index.js +686 -529
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext, useState, useEffect, useId, useRef, useCallback, useContext } from 'react';
|
|
1
|
+
import { createContext, useState, useEffect, createElement, useId, useRef, useCallback, useContext } from 'react';
|
|
2
2
|
import Lottie from 'lottie-react';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Line, BarChart, Bar as Bar$1, ScatterChart, Scatter, Cell } from 'recharts';
|
|
@@ -1682,6 +1682,94 @@ function Skeleton({ variant = "line", width, height, className = "" }) {
|
|
|
1682
1682
|
);
|
|
1683
1683
|
}
|
|
1684
1684
|
|
|
1685
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/SectionHeading.module.scss
|
|
1686
|
+
__styleInject(`@charset "UTF-8";
|
|
1687
|
+
/* SectionHeading \u2014 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430 \u0434\u043B\u044F section-headings.
|
|
1688
|
+
\u0422\u0440\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: sm (sub-block), md (default, typical section h2), lg (landing promo). */
|
|
1689
|
+
.SectionHeading-module_heading {
|
|
1690
|
+
font-weight: 700;
|
|
1691
|
+
line-height: 1.1;
|
|
1692
|
+
letter-spacing: -0.03em;
|
|
1693
|
+
color: var(--fg);
|
|
1694
|
+
text-wrap: balance;
|
|
1695
|
+
margin: 0;
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
/* \u2014 \u0420\u0430\u0437\u043C\u0435\u0440\u044B (responsive clamp) \u2014 */
|
|
1699
|
+
.SectionHeading-module_sizeSm {
|
|
1700
|
+
font-size: clamp(1.125rem, 2.5vw, 1.375rem);
|
|
1701
|
+
letter-spacing: -0.02em;
|
|
1702
|
+
}
|
|
1703
|
+
|
|
1704
|
+
.SectionHeading-module_sizeMd {
|
|
1705
|
+
font-size: clamp(1.5rem, 3vw, 2rem);
|
|
1706
|
+
}
|
|
1707
|
+
|
|
1708
|
+
.SectionHeading-module_sizeLg {
|
|
1709
|
+
font-size: clamp(1.75rem, 4vw, 2.75rem);
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1712
|
+
/* \u2014 \u0412\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u2014 */
|
|
1713
|
+
.SectionHeading-module_alignLeft {
|
|
1714
|
+
text-align: left;
|
|
1715
|
+
}
|
|
1716
|
+
|
|
1717
|
+
.SectionHeading-module_alignCenter {
|
|
1718
|
+
text-align: center;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
/* \u2014 Wrapper \u0434\u043B\u044F subtitle \u2014 */
|
|
1722
|
+
.SectionHeading-module_wrap {
|
|
1723
|
+
display: flex;
|
|
1724
|
+
flex-direction: column;
|
|
1725
|
+
gap: 0.75rem;
|
|
1726
|
+
}
|
|
1727
|
+
|
|
1728
|
+
.SectionHeading-module_wrapCenter {
|
|
1729
|
+
display: flex;
|
|
1730
|
+
flex-direction: column;
|
|
1731
|
+
align-items: center;
|
|
1732
|
+
gap: 0.75rem;
|
|
1733
|
+
text-align: center;
|
|
1734
|
+
}
|
|
1735
|
+
|
|
1736
|
+
.SectionHeading-module_subtitle {
|
|
1737
|
+
font-size: 1rem;
|
|
1738
|
+
line-height: 1.625;
|
|
1739
|
+
color: var(--fg-secondary);
|
|
1740
|
+
margin: 0;
|
|
1741
|
+
max-width: 42rem;
|
|
1742
|
+
text-wrap: balance;
|
|
1743
|
+
}
|
|
1744
|
+
@media (min-width: 768px) {
|
|
1745
|
+
.SectionHeading-module_subtitle {
|
|
1746
|
+
font-size: 1.125rem;
|
|
1747
|
+
}
|
|
1748
|
+
}`);
|
|
1749
|
+
var __default20 = { "heading": "SectionHeading-module_heading", "sizeSm": "SectionHeading-module_sizeSm", "sizeMd": "SectionHeading-module_sizeMd", "sizeLg": "SectionHeading-module_sizeLg", "alignLeft": "SectionHeading-module_alignLeft", "alignCenter": "SectionHeading-module_alignCenter", "wrap": "SectionHeading-module_wrap", "wrapCenter": "SectionHeading-module_wrapCenter", "subtitle": "SectionHeading-module_subtitle" };
|
|
1750
|
+
var SIZE_CLASS = {
|
|
1751
|
+
sm: __default20.sizeSm,
|
|
1752
|
+
md: __default20.sizeMd,
|
|
1753
|
+
lg: __default20.sizeLg
|
|
1754
|
+
};
|
|
1755
|
+
function SectionHeading({
|
|
1756
|
+
children,
|
|
1757
|
+
size = "md",
|
|
1758
|
+
as = "h2",
|
|
1759
|
+
align = "left",
|
|
1760
|
+
subtitle,
|
|
1761
|
+
className = ""
|
|
1762
|
+
}) {
|
|
1763
|
+
const headingClass = `${__default20.heading} ${SIZE_CLASS[size]} ${align === "center" ? __default20.alignCenter : __default20.alignLeft}${className ? ` ${className}` : ""}`;
|
|
1764
|
+
if (subtitle) {
|
|
1765
|
+
return /* @__PURE__ */ jsxs("div", { className: align === "center" ? __default20.wrapCenter : __default20.wrap, children: [
|
|
1766
|
+
createElement(as, { className: headingClass }, children),
|
|
1767
|
+
/* @__PURE__ */ jsx("p", { className: __default20.subtitle, children: subtitle })
|
|
1768
|
+
] });
|
|
1769
|
+
}
|
|
1770
|
+
return createElement(as, { className: headingClass }, children);
|
|
1771
|
+
}
|
|
1772
|
+
|
|
1685
1773
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/TicketButton.module.scss
|
|
1686
1774
|
__styleInject(`@charset "UTF-8";
|
|
1687
1775
|
/* TicketButton SASS Module \u2014 scoped CSS replacing Tailwind group-hover utilities */
|
|
@@ -1746,7 +1834,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
1746
1834
|
align-items: center;
|
|
1747
1835
|
justify-content: center;
|
|
1748
1836
|
}`);
|
|
1749
|
-
var
|
|
1837
|
+
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" };
|
|
1750
1838
|
var DefaultIcon = () => /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) });
|
|
1751
1839
|
function TicketButton(_a) {
|
|
1752
1840
|
var _b = _a, {
|
|
@@ -1769,14 +1857,14 @@ function TicketButton(_a) {
|
|
|
1769
1857
|
return /* @__PURE__ */ jsxs(
|
|
1770
1858
|
"button",
|
|
1771
1859
|
__spreadProps(__spreadValues({
|
|
1772
|
-
className: `${
|
|
1860
|
+
className: `${__default21.root} ${className}`
|
|
1773
1861
|
}, props), {
|
|
1774
1862
|
children: [
|
|
1775
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
1863
|
+
/* @__PURE__ */ jsxs("span", { className: __default21.body, children: [
|
|
1776
1864
|
/* @__PURE__ */ jsxs(
|
|
1777
1865
|
"svg",
|
|
1778
1866
|
{
|
|
1779
|
-
className:
|
|
1867
|
+
className: __default21.bodySvg,
|
|
1780
1868
|
viewBox: "0 0 140 56",
|
|
1781
1869
|
fill: "none",
|
|
1782
1870
|
preserveAspectRatio: "none",
|
|
@@ -1801,13 +1889,13 @@ function TicketButton(_a) {
|
|
|
1801
1889
|
]
|
|
1802
1890
|
}
|
|
1803
1891
|
),
|
|
1804
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
1892
|
+
/* @__PURE__ */ jsx("span", { className: __default21.bodyText, style: { color: fg }, children })
|
|
1805
1893
|
] }),
|
|
1806
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
1894
|
+
/* @__PURE__ */ jsxs("span", { className: __default21.stub, children: [
|
|
1807
1895
|
/* @__PURE__ */ jsxs(
|
|
1808
1896
|
"svg",
|
|
1809
1897
|
{
|
|
1810
|
-
className:
|
|
1898
|
+
className: __default21.stubSvg,
|
|
1811
1899
|
viewBox: "0 0 56 56",
|
|
1812
1900
|
fill: "none",
|
|
1813
1901
|
preserveAspectRatio: "none",
|
|
@@ -1831,7 +1919,7 @@ function TicketButton(_a) {
|
|
|
1831
1919
|
]
|
|
1832
1920
|
}
|
|
1833
1921
|
),
|
|
1834
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
1922
|
+
/* @__PURE__ */ jsx("span", { className: __default21.stubIcon, style: { color: fg }, children: icon || /* @__PURE__ */ jsx(DefaultIcon, {}) })
|
|
1835
1923
|
] })
|
|
1836
1924
|
]
|
|
1837
1925
|
})
|
|
@@ -1932,7 +2020,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
1932
2020
|
.Card-module_spacer {
|
|
1933
2021
|
display: block;
|
|
1934
2022
|
}`);
|
|
1935
|
-
var
|
|
2023
|
+
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" };
|
|
1936
2024
|
|
|
1937
2025
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/IconBadge.module.scss
|
|
1938
2026
|
__styleInject(`@charset "UTF-8";
|
|
@@ -1952,9 +2040,9 @@ __styleInject(`@charset "UTF-8";
|
|
|
1952
2040
|
width: 20px;
|
|
1953
2041
|
height: 20px;
|
|
1954
2042
|
}`);
|
|
1955
|
-
var
|
|
2043
|
+
var __default23 = { "root": "IconBadge-module_root" };
|
|
1956
2044
|
function IconBadge({ icon, className = "" }) {
|
|
1957
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
2045
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default23.root}${className ? ` ${className}` : ""}`, children: icon });
|
|
1958
2046
|
}
|
|
1959
2047
|
function Card({
|
|
1960
2048
|
image,
|
|
@@ -1971,20 +2059,20 @@ function Card({
|
|
|
1971
2059
|
const hasImage = !!image;
|
|
1972
2060
|
const hasBadgesOrAction = !!(badges && badges.length > 0 || action);
|
|
1973
2061
|
const showFooter = !!footer || hasBadgesOrAction;
|
|
1974
|
-
const variantClass = variant === "danger" ? ` ${
|
|
1975
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
1976
|
-
hasImage && /* @__PURE__ */ jsx("div", { className:
|
|
2062
|
+
const variantClass = variant === "danger" ? ` ${__default22.danger}` : "";
|
|
2063
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default22.root}${variantClass}${className ? ` ${className}` : ""}`, children: [
|
|
2064
|
+
hasImage && /* @__PURE__ */ jsx("div", { className: __default22.imageWrapper, children: typeof image === "string" ? (
|
|
1977
2065
|
// eslint-disable-next-line @next/next/no-img-element
|
|
1978
|
-
/* @__PURE__ */ jsx("img", { src: image, alt: title || "", className:
|
|
2066
|
+
/* @__PURE__ */ jsx("img", { src: image, alt: title || "", className: __default22.image })
|
|
1979
2067
|
) : image }),
|
|
1980
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
1981
|
-
(title || description) && /* @__PURE__ */ jsxs("div", { className:
|
|
1982
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
1983
|
-
description && /* @__PURE__ */ jsx("p", { className: `${
|
|
2068
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default22.body} ${hasImage ? __default22.bodyWithImage : __default22.bodyNoImage}`, children: [
|
|
2069
|
+
(title || description) && /* @__PURE__ */ jsxs("div", { className: __default22.titleBlock, children: [
|
|
2070
|
+
title && /* @__PURE__ */ jsx("h3", { className: __default22.title, children: title }),
|
|
2071
|
+
description && /* @__PURE__ */ jsx("p", { className: `${__default22.description}${descriptionClassName ? ` ${descriptionClassName}` : ""}`, children: description })
|
|
1984
2072
|
] }),
|
|
1985
2073
|
children,
|
|
1986
|
-
showFooter && /* @__PURE__ */ jsx("div", { className:
|
|
1987
|
-
badges && badges.length > 0 ? /* @__PURE__ */ jsx("div", { className:
|
|
2074
|
+
showFooter && /* @__PURE__ */ jsx("div", { className: __default22.footer, children: footer || /* @__PURE__ */ jsxs("div", { className: __default22.footerRow, children: [
|
|
2075
|
+
badges && badges.length > 0 ? /* @__PURE__ */ jsx("div", { className: __default22.badges, children: badges.map((b, i) => /* @__PURE__ */ jsx(IconBadge, { icon: b }, i)) }) : /* @__PURE__ */ jsx("span", { className: __default22.spacer }),
|
|
1988
2076
|
action && /* @__PURE__ */ jsx(
|
|
1989
2077
|
Button,
|
|
1990
2078
|
{
|
|
@@ -2077,7 +2165,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2077
2165
|
height: auto;
|
|
2078
2166
|
display: block;
|
|
2079
2167
|
}`);
|
|
2080
|
-
var
|
|
2168
|
+
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" };
|
|
2081
2169
|
function Gallery({
|
|
2082
2170
|
variant = "grid",
|
|
2083
2171
|
images,
|
|
@@ -2086,10 +2174,10 @@ function Gallery({
|
|
|
2086
2174
|
}) {
|
|
2087
2175
|
if (images.length === 0) return null;
|
|
2088
2176
|
const isMasonry = variant === "masonry";
|
|
2089
|
-
const itemClass = isMasonry ?
|
|
2090
|
-
const containerClass = isMasonry ?
|
|
2091
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
2092
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
2177
|
+
const itemClass = isMasonry ? __default24.masonryItem : __default24.gridItem;
|
|
2178
|
+
const containerClass = isMasonry ? __default24.masonry : __default24.grid;
|
|
2179
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default24.root}${className ? ` ${className}` : ""}`, children: [
|
|
2180
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default24.title, children: title }),
|
|
2093
2181
|
/* @__PURE__ */ jsx("div", { className: containerClass, children: images.map((src, i) => /* @__PURE__ */ jsx("div", { className: itemClass, children: /* @__PURE__ */ jsx(
|
|
2094
2182
|
"img",
|
|
2095
2183
|
{
|
|
@@ -2097,7 +2185,7 @@ function Gallery({
|
|
|
2097
2185
|
alt: "",
|
|
2098
2186
|
loading: i === 0 ? "eager" : "lazy",
|
|
2099
2187
|
decoding: i === 0 ? "sync" : "async",
|
|
2100
|
-
className:
|
|
2188
|
+
className: __default24.image
|
|
2101
2189
|
}
|
|
2102
2190
|
) }, `${src}-${i}`)) })
|
|
2103
2191
|
] });
|
|
@@ -2116,12 +2204,12 @@ __styleInject(`@charset "UTF-8";
|
|
|
2116
2204
|
font-size: 0.8125rem;
|
|
2117
2205
|
color: var(--fg-muted);
|
|
2118
2206
|
}`);
|
|
2119
|
-
var
|
|
2207
|
+
var __default25 = { "root": "FormField-module_root", "hint": "FormField-module_hint" };
|
|
2120
2208
|
function FormField(_a) {
|
|
2121
2209
|
var _b = _a, { label, error, hint, icon } = _b, inputProps = __objRest(_b, ["label", "error", "hint", "icon"]);
|
|
2122
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
2210
|
+
return /* @__PURE__ */ jsxs("div", { className: __default25.root, children: [
|
|
2123
2211
|
/* @__PURE__ */ jsx(Input, __spreadValues({ label, error, icon }, inputProps)),
|
|
2124
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className:
|
|
2212
|
+
hint && !error && /* @__PURE__ */ jsx("p", { className: __default25.hint, children: hint })
|
|
2125
2213
|
] });
|
|
2126
2214
|
}
|
|
2127
2215
|
|
|
@@ -2173,7 +2261,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2173
2261
|
.SearchBar-module_clearBtn:hover {
|
|
2174
2262
|
color: var(--fg);
|
|
2175
2263
|
}`);
|
|
2176
|
-
var
|
|
2264
|
+
var __default26 = { "root": "SearchBar-module_root", "searchIcon": "SearchBar-module_searchIcon", "input": "SearchBar-module_input", "clearBtn": "SearchBar-module_clearBtn" };
|
|
2177
2265
|
function SearchBar({ placeholder = "Search...", value: controlledValue, onChange, className = "" }) {
|
|
2178
2266
|
const [internalValue, setInternalValue] = useState("");
|
|
2179
2267
|
const value = controlledValue != null ? controlledValue : internalValue;
|
|
@@ -2181,8 +2269,8 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
|
|
|
2181
2269
|
setInternalValue(val);
|
|
2182
2270
|
onChange == null ? void 0 : onChange(val);
|
|
2183
2271
|
};
|
|
2184
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2185
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2272
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default26.root}${className ? ` ${className}` : ""}`, children: [
|
|
2273
|
+
/* @__PURE__ */ jsx("div", { className: __default26.searchIcon, children: /* @__PURE__ */ jsx(IconlySearch, { size: 18 }) }),
|
|
2186
2274
|
/* @__PURE__ */ jsx(
|
|
2187
2275
|
"input",
|
|
2188
2276
|
{
|
|
@@ -2191,14 +2279,14 @@ function SearchBar({ placeholder = "Search...", value: controlledValue, onChange
|
|
|
2191
2279
|
onChange: (e) => handleChange(e.target.value),
|
|
2192
2280
|
placeholder,
|
|
2193
2281
|
"aria-label": "Search",
|
|
2194
|
-
className:
|
|
2282
|
+
className: __default26.input
|
|
2195
2283
|
}
|
|
2196
2284
|
),
|
|
2197
2285
|
value && /* @__PURE__ */ jsx(
|
|
2198
2286
|
"button",
|
|
2199
2287
|
{
|
|
2200
2288
|
onClick: () => handleChange(""),
|
|
2201
|
-
className:
|
|
2289
|
+
className: __default26.clearBtn,
|
|
2202
2290
|
"aria-label": "Clear search",
|
|
2203
2291
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 16 })
|
|
2204
2292
|
}
|
|
@@ -2244,18 +2332,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
2244
2332
|
font-size: 0.875rem;
|
|
2245
2333
|
color: var(--fg-muted);
|
|
2246
2334
|
}`);
|
|
2247
|
-
var
|
|
2335
|
+
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" };
|
|
2248
2336
|
function Stat({ value, label, trend, className = "" }) {
|
|
2249
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2250
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2251
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2252
|
-
trend && /* @__PURE__ */ jsxs("span", { className: `${
|
|
2337
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default27.root}${className ? ` ${className}` : ""}`, children: [
|
|
2338
|
+
/* @__PURE__ */ jsxs("div", { className: __default27.valueRow, children: [
|
|
2339
|
+
/* @__PURE__ */ jsx("span", { className: __default27.value, children: value }),
|
|
2340
|
+
trend && /* @__PURE__ */ jsxs("span", { className: `${__default27.trend} ${trend.positive ? __default27.positive : __default27.negative}`, children: [
|
|
2253
2341
|
trend.positive ? "\u2191" : "\u2193",
|
|
2254
2342
|
" ",
|
|
2255
2343
|
trend.value
|
|
2256
2344
|
] })
|
|
2257
2345
|
] }),
|
|
2258
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2346
|
+
/* @__PURE__ */ jsx("span", { className: __default27.label, children: label })
|
|
2259
2347
|
] });
|
|
2260
2348
|
}
|
|
2261
2349
|
|
|
@@ -2322,7 +2410,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2322
2410
|
.Alert-module_dismiss:hover {
|
|
2323
2411
|
color: var(--fg);
|
|
2324
2412
|
}`);
|
|
2325
|
-
var
|
|
2413
|
+
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" };
|
|
2326
2414
|
var variantIcons = {
|
|
2327
2415
|
info: IconlyInfoCircle,
|
|
2328
2416
|
success: IconlySuccess,
|
|
@@ -2333,18 +2421,18 @@ function Alert({ variant = "info", title, children, closable = false, className
|
|
|
2333
2421
|
const [visible, setVisible] = useState(true);
|
|
2334
2422
|
if (!visible) return null;
|
|
2335
2423
|
const Icon = variantIcons[variant];
|
|
2336
|
-
const variantClass =
|
|
2337
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2338
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
2339
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2340
|
-
title && /* @__PURE__ */ jsx("p", { className: `${
|
|
2341
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
2424
|
+
const variantClass = __default28[variant];
|
|
2425
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default28.root}${className ? ` ${className}` : ""}`, children: [
|
|
2426
|
+
/* @__PURE__ */ jsx("div", { className: `${__default28.icon} ${variantClass}`, children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
|
|
2427
|
+
/* @__PURE__ */ jsxs("div", { className: __default28.content, children: [
|
|
2428
|
+
title && /* @__PURE__ */ jsx("p", { className: `${__default28.title} ${variantClass}`, children: title }),
|
|
2429
|
+
/* @__PURE__ */ jsx("p", { className: __default28.message, children })
|
|
2342
2430
|
] }),
|
|
2343
2431
|
closable && /* @__PURE__ */ jsx(
|
|
2344
2432
|
"button",
|
|
2345
2433
|
{
|
|
2346
2434
|
onClick: () => setVisible(false),
|
|
2347
|
-
className:
|
|
2435
|
+
className: __default28.dismiss,
|
|
2348
2436
|
"aria-label": "Dismiss",
|
|
2349
2437
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 16 })
|
|
2350
2438
|
}
|
|
@@ -2392,7 +2480,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2392
2480
|
.Tabs-module_panel {
|
|
2393
2481
|
padding-top: 1rem;
|
|
2394
2482
|
}`);
|
|
2395
|
-
var
|
|
2483
|
+
var __default29 = { "tabList": "Tabs-module_tabList", "tab": "Tabs-module_tab", "active": "Tabs-module_active", "indicator": "Tabs-module_indicator", "panel": "Tabs-module_panel" };
|
|
2396
2484
|
function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
2397
2485
|
var _a, _b;
|
|
2398
2486
|
const [activeTab, setActiveTab] = useState(defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.id));
|
|
@@ -2423,7 +2511,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2423
2511
|
"div",
|
|
2424
2512
|
{
|
|
2425
2513
|
role: "tablist",
|
|
2426
|
-
className:
|
|
2514
|
+
className: __default29.tabList,
|
|
2427
2515
|
onKeyDown: handleKeyDown,
|
|
2428
2516
|
children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
|
|
2429
2517
|
"button",
|
|
@@ -2437,10 +2525,10 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2437
2525
|
"aria-controls": `panel-${tab.id}`,
|
|
2438
2526
|
tabIndex: activeTab === tab.id ? 0 : -1,
|
|
2439
2527
|
onClick: () => activateTab(tab.id),
|
|
2440
|
-
className: `${
|
|
2528
|
+
className: `${__default29.tab} ${activeTab === tab.id ? __default29.active : ""}`,
|
|
2441
2529
|
children: [
|
|
2442
2530
|
tab.label,
|
|
2443
|
-
activeTab === tab.id && /* @__PURE__ */ jsx("span", { className:
|
|
2531
|
+
activeTab === tab.id && /* @__PURE__ */ jsx("span", { className: __default29.indicator })
|
|
2444
2532
|
]
|
|
2445
2533
|
},
|
|
2446
2534
|
tab.id
|
|
@@ -2453,7 +2541,7 @@ function Tabs({ tabs, defaultTab, onChange, className = "" }) {
|
|
|
2453
2541
|
role: "tabpanel",
|
|
2454
2542
|
id: `panel-${activeTab}`,
|
|
2455
2543
|
"aria-labelledby": `tab-${activeTab}`,
|
|
2456
|
-
className:
|
|
2544
|
+
className: __default29.panel,
|
|
2457
2545
|
children: activeContent
|
|
2458
2546
|
}
|
|
2459
2547
|
)
|
|
@@ -2518,7 +2606,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2518
2606
|
align-items: center;
|
|
2519
2607
|
gap: 0.25rem;
|
|
2520
2608
|
}`);
|
|
2521
|
-
var
|
|
2609
|
+
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" };
|
|
2522
2610
|
function ChatInput({
|
|
2523
2611
|
placeholder = "\u0412\u0432\u0435\u0434\u0438 \u0441\u0432\u043E\u0439 email...",
|
|
2524
2612
|
buttonText = "\u041D\u0430\u0447\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
|
|
@@ -2544,7 +2632,7 @@ function ChatInput({
|
|
|
2544
2632
|
var _a;
|
|
2545
2633
|
return (_a = inputRef.current) == null ? void 0 : _a.focus();
|
|
2546
2634
|
},
|
|
2547
|
-
className: `${
|
|
2635
|
+
className: `${__default30.root} ${contrast ? __default30.contrast : __default30.plain}${className ? ` ${className}` : ""}`,
|
|
2548
2636
|
children: [
|
|
2549
2637
|
/* @__PURE__ */ jsx(
|
|
2550
2638
|
"input",
|
|
@@ -2554,11 +2642,11 @@ function ChatInput({
|
|
|
2554
2642
|
value,
|
|
2555
2643
|
onChange: (e) => setValue(e.target.value),
|
|
2556
2644
|
placeholder,
|
|
2557
|
-
className:
|
|
2645
|
+
className: __default30.input
|
|
2558
2646
|
}
|
|
2559
2647
|
),
|
|
2560
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
2561
|
-
type === "full" && /* @__PURE__ */ jsxs("div", { className:
|
|
2648
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default30.actions} ${type === "full" ? __default30.actionsFull : __default30.actionsEasy}`, children: [
|
|
2649
|
+
type === "full" && /* @__PURE__ */ jsxs("div", { className: __default30.toolGroup, children: [
|
|
2562
2650
|
/* @__PURE__ */ jsx(IconButton, { variant: "secondary", icon: /* @__PURE__ */ jsx(IconlySmile, { size: 20 }), type: "button", "aria-label": "Emoji" }),
|
|
2563
2651
|
/* @__PURE__ */ jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsx(IconlyAttach, { size: 20 }), type: "button", "aria-label": "Attach" }),
|
|
2564
2652
|
/* @__PURE__ */ jsx(IconButton, { variant: "clear", icon: /* @__PURE__ */ jsx(IconlyInfo, { size: 20 }), type: "button", "aria-label": "Info" })
|
|
@@ -2615,13 +2703,13 @@ __styleInject(`@charset "UTF-8";
|
|
|
2615
2703
|
color: var(--bg);
|
|
2616
2704
|
border-bottom-right-radius: 16px;
|
|
2617
2705
|
}`);
|
|
2618
|
-
var
|
|
2706
|
+
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" };
|
|
2619
2707
|
function ChatMessage({ children, role = "user", size = "sm", className = "" }) {
|
|
2620
2708
|
const isUser = role === "user";
|
|
2621
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
2709
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default31.root} ${isUser ? __default31.user : __default31.ai}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(
|
|
2622
2710
|
"div",
|
|
2623
2711
|
{
|
|
2624
|
-
className: `${
|
|
2712
|
+
className: `${__default31.bubble} ${__default31[size]} ${isUser ? __default31.bubbleUser : __default31.bubbleAi}`,
|
|
2625
2713
|
children
|
|
2626
2714
|
}
|
|
2627
2715
|
) });
|
|
@@ -2641,10 +2729,10 @@ __styleInject(`@charset "UTF-8";
|
|
|
2641
2729
|
letter-spacing: -0.25px;
|
|
2642
2730
|
color: var(--fg-secondary);
|
|
2643
2731
|
}`);
|
|
2644
|
-
var
|
|
2732
|
+
var __default32 = { "root": "TopPromo-module_root", "text": "TopPromo-module_text" };
|
|
2645
2733
|
function TopPromo({ text, buttonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C", onButtonClick, className = "" }) {
|
|
2646
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2647
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2734
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default32.root}${className ? ` ${className}` : ""}`, children: [
|
|
2735
|
+
/* @__PURE__ */ jsx("span", { className: __default32.text, children: text }),
|
|
2648
2736
|
/* @__PURE__ */ jsx(Button, { variant: "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
2649
2737
|
] });
|
|
2650
2738
|
}
|
|
@@ -2680,16 +2768,16 @@ __styleInject(`@charset "UTF-8";
|
|
|
2680
2768
|
.ProfileNav-module_separator {
|
|
2681
2769
|
color: var(--fg-muted);
|
|
2682
2770
|
}`);
|
|
2683
|
-
var
|
|
2771
|
+
var __default33 = { "root": "ProfileNav-module_root", "stats": "ProfileNav-module_stats", "statItem": "ProfileNav-module_statItem", "statText": "ProfileNav-module_statText", "separator": "ProfileNav-module_separator" };
|
|
2684
2772
|
function ProfileNav({ stats, avatarSrc, avatarInitials = "DK", className = "" }) {
|
|
2685
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2686
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2687
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
2773
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default33.root}${className ? ` ${className}` : ""}`, children: [
|
|
2774
|
+
/* @__PURE__ */ jsx("div", { className: __default33.stats, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("span", { className: __default33.statItem, children: [
|
|
2775
|
+
/* @__PURE__ */ jsxs("span", { className: __default33.statText, children: [
|
|
2688
2776
|
stat.value,
|
|
2689
2777
|
" ",
|
|
2690
2778
|
stat.suffix
|
|
2691
2779
|
] }),
|
|
2692
|
-
i < stats.length - 1 && /* @__PURE__ */ jsx("span", { className:
|
|
2780
|
+
i < stats.length - 1 && /* @__PURE__ */ jsx("span", { className: __default33.separator, children: " //" })
|
|
2693
2781
|
] }, i)) }),
|
|
2694
2782
|
/* @__PURE__ */ jsx(Avatar, { size: "sm", src: avatarSrc, initials: avatarInitials })
|
|
2695
2783
|
] });
|
|
@@ -2722,12 +2810,12 @@ __styleInject(`@charset "UTF-8";
|
|
|
2722
2810
|
letter-spacing: -0.25px;
|
|
2723
2811
|
white-space: nowrap;
|
|
2724
2812
|
}`);
|
|
2725
|
-
var
|
|
2813
|
+
var __default34 = { "root": "IconWithText-module_root", "icon": "IconWithText-module_icon", "text": "IconWithText-module_text" };
|
|
2726
2814
|
function IconWithText({ icon, text, side = "left", className = "" }) {
|
|
2727
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
2728
|
-
side === "left" && /* @__PURE__ */ jsx("span", { className:
|
|
2729
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
2730
|
-
side === "right" && /* @__PURE__ */ jsx("span", { className:
|
|
2815
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default34.root}${className ? ` ${className}` : ""}`, children: [
|
|
2816
|
+
side === "left" && /* @__PURE__ */ jsx("span", { className: __default34.icon, children: icon }),
|
|
2817
|
+
/* @__PURE__ */ jsx("span", { className: __default34.text, children: text }),
|
|
2818
|
+
side === "right" && /* @__PURE__ */ jsx("span", { className: __default34.icon, children: icon })
|
|
2731
2819
|
] });
|
|
2732
2820
|
}
|
|
2733
2821
|
|
|
@@ -2749,7 +2837,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2749
2837
|
.StampCard-module_inner {
|
|
2750
2838
|
background: var(--bg);
|
|
2751
2839
|
}`);
|
|
2752
|
-
var
|
|
2840
|
+
var __default35 = { "root": "StampCard-module_root", "plain": "StampCard-module_plain", "inner": "StampCard-module_inner" };
|
|
2753
2841
|
function StampCard({
|
|
2754
2842
|
children,
|
|
2755
2843
|
className = "",
|
|
@@ -2801,9 +2889,9 @@ function StampCard({
|
|
|
2801
2889
|
};
|
|
2802
2890
|
}, [build, stamp]);
|
|
2803
2891
|
if (!stamp) {
|
|
2804
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
2892
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default35.plain} ${className}`, children });
|
|
2805
2893
|
}
|
|
2806
|
-
return /* @__PURE__ */ jsx("div", { ref: outerRef, className: `${
|
|
2894
|
+
return /* @__PURE__ */ jsx("div", { ref: outerRef, className: `${__default35.root} ${className}`, children: /* @__PURE__ */ jsx("div", { style: { filter: "drop-shadow(0 1px 3px rgba(0,0,0,0.25)) drop-shadow(0 4px 12px rgba(0,0,0,0.20))" }, children: /* @__PURE__ */ jsx(
|
|
2807
2895
|
"div",
|
|
2808
2896
|
{
|
|
2809
2897
|
style: {
|
|
@@ -2812,7 +2900,7 @@ function StampCard({
|
|
|
2812
2900
|
WebkitMaskSize: "100% 100%",
|
|
2813
2901
|
maskSize: "100% 100%"
|
|
2814
2902
|
},
|
|
2815
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
2903
|
+
children: /* @__PURE__ */ jsx("div", { className: __default35.inner, children })
|
|
2816
2904
|
}
|
|
2817
2905
|
) }) });
|
|
2818
2906
|
}
|
|
@@ -2826,7 +2914,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2826
2914
|
justify-content: center;
|
|
2827
2915
|
cursor: pointer;
|
|
2828
2916
|
}`);
|
|
2829
|
-
var
|
|
2917
|
+
var __default36 = { "toggle": "PasswordInput-module_toggle" };
|
|
2830
2918
|
function PasswordInput(_a) {
|
|
2831
2919
|
var props = __objRest(_a, []);
|
|
2832
2920
|
const [showPassword, setShowPassword] = useState(false);
|
|
@@ -2839,7 +2927,7 @@ function PasswordInput(_a) {
|
|
|
2839
2927
|
{
|
|
2840
2928
|
type: "button",
|
|
2841
2929
|
onClick: () => setShowPassword((prev) => !prev),
|
|
2842
|
-
className:
|
|
2930
|
+
className: __default36.toggle,
|
|
2843
2931
|
"aria-label": showPassword ? "Hide password" : "Show password",
|
|
2844
2932
|
tabIndex: -1,
|
|
2845
2933
|
children: showPassword ? /* @__PURE__ */ jsx(IconlyEyeOff, { size: 18 }) : /* @__PURE__ */ jsx(IconlyEye, { size: 18 })
|
|
@@ -2886,21 +2974,21 @@ __styleInject(`@charset "UTF-8";
|
|
|
2886
2974
|
.Breadcrumbs-module_link:hover {
|
|
2887
2975
|
color: var(--fg);
|
|
2888
2976
|
}`);
|
|
2889
|
-
var
|
|
2977
|
+
var __default37 = { "list": "Breadcrumbs-module_list", "item": "Breadcrumbs-module_item", "separator": "Breadcrumbs-module_separator", "active": "Breadcrumbs-module_active", "link": "Breadcrumbs-module_link" };
|
|
2890
2978
|
function Breadcrumbs({
|
|
2891
2979
|
items,
|
|
2892
2980
|
separator = /* @__PURE__ */ jsx(IconlyChevronRight, { size: 14 })
|
|
2893
2981
|
}) {
|
|
2894
|
-
return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className:
|
|
2982
|
+
return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: __default37.list, children: items.map((item, index) => {
|
|
2895
2983
|
var _a;
|
|
2896
2984
|
const isLast = index === items.length - 1;
|
|
2897
|
-
return /* @__PURE__ */ jsxs("li", { className:
|
|
2898
|
-
index > 0 && /* @__PURE__ */ jsx("span", { className:
|
|
2899
|
-
isLast ? /* @__PURE__ */ jsx("span", { className:
|
|
2985
|
+
return /* @__PURE__ */ jsxs("li", { className: __default37.item, children: [
|
|
2986
|
+
index > 0 && /* @__PURE__ */ jsx("span", { className: __default37.separator, "aria-hidden": "true", children: separator }),
|
|
2987
|
+
isLast ? /* @__PURE__ */ jsx("span", { className: __default37.active, "aria-current": "page", children: item.label }) : /* @__PURE__ */ jsx(
|
|
2900
2988
|
"a",
|
|
2901
2989
|
{
|
|
2902
2990
|
href: (_a = item.href) != null ? _a : "#",
|
|
2903
|
-
className:
|
|
2991
|
+
className: __default37.link,
|
|
2904
2992
|
children: item.label
|
|
2905
2993
|
}
|
|
2906
2994
|
)
|
|
@@ -2977,7 +3065,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
2977
3065
|
.Toast-module_dismiss:hover {
|
|
2978
3066
|
color: var(--fg);
|
|
2979
3067
|
}`);
|
|
2980
|
-
var
|
|
3068
|
+
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" };
|
|
2981
3069
|
var variantIcons2 = {
|
|
2982
3070
|
info: IconlyInfoCircle,
|
|
2983
3071
|
success: IconlySuccess,
|
|
@@ -3000,24 +3088,24 @@ function Toast({
|
|
|
3000
3088
|
}, [visible, duration, onClose]);
|
|
3001
3089
|
if (!visible) return null;
|
|
3002
3090
|
const Icon = variantIcons2[variant];
|
|
3003
|
-
const variantClass =
|
|
3091
|
+
const variantClass = __default38[variant];
|
|
3004
3092
|
return /* @__PURE__ */ jsxs(
|
|
3005
3093
|
"div",
|
|
3006
3094
|
{
|
|
3007
3095
|
role: "alert",
|
|
3008
3096
|
"aria-live": "assertive",
|
|
3009
|
-
className: `${
|
|
3097
|
+
className: `${__default38.root}${className ? ` ${className}` : ""}`,
|
|
3010
3098
|
children: [
|
|
3011
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
3012
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3013
|
-
title && /* @__PURE__ */ jsx("p", { className: `${
|
|
3014
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
3099
|
+
/* @__PURE__ */ jsx("div", { className: `${__default38.icon} ${variantClass}`, children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
|
|
3100
|
+
/* @__PURE__ */ jsxs("div", { className: __default38.content, children: [
|
|
3101
|
+
title && /* @__PURE__ */ jsx("p", { className: `${__default38.title} ${variantClass}`, children: title }),
|
|
3102
|
+
/* @__PURE__ */ jsx("p", { className: __default38.message, children: message })
|
|
3015
3103
|
] }),
|
|
3016
3104
|
/* @__PURE__ */ jsx(
|
|
3017
3105
|
"button",
|
|
3018
3106
|
{
|
|
3019
3107
|
onClick: onClose,
|
|
3020
|
-
className:
|
|
3108
|
+
className: __default38.dismiss,
|
|
3021
3109
|
"aria-label": "Dismiss",
|
|
3022
3110
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 16 })
|
|
3023
3111
|
}
|
|
@@ -3097,7 +3185,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3097
3185
|
opacity: 0.5;
|
|
3098
3186
|
cursor: not-allowed;
|
|
3099
3187
|
}`);
|
|
3100
|
-
var
|
|
3188
|
+
var __default39 = { "root": "Pagination-module_root", "pageBtn": "Pagination-module_pageBtn", "activePage": "Pagination-module_activePage", "ellipsis": "Pagination-module_ellipsis", "nav": "Pagination-module_nav" };
|
|
3101
3189
|
function getPageRange(current, total, siblings) {
|
|
3102
3190
|
const range = /* @__PURE__ */ new Set();
|
|
3103
3191
|
range.add(1);
|
|
@@ -3126,24 +3214,24 @@ function Pagination({
|
|
|
3126
3214
|
const pages = getPageRange(currentPage, totalPages, siblingCount);
|
|
3127
3215
|
const isFirst = currentPage === 1;
|
|
3128
3216
|
const isLast = currentPage === totalPages;
|
|
3129
|
-
return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: `${
|
|
3217
|
+
return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: `${__default39.root} ${className}`, children: [
|
|
3130
3218
|
/* @__PURE__ */ jsx(
|
|
3131
3219
|
"button",
|
|
3132
3220
|
{
|
|
3133
3221
|
onClick: () => onPageChange(currentPage - 1),
|
|
3134
3222
|
disabled: isFirst,
|
|
3135
3223
|
"aria-label": "Previous page",
|
|
3136
|
-
className:
|
|
3224
|
+
className: __default39.nav,
|
|
3137
3225
|
children: /* @__PURE__ */ jsx(IconlyChevronLeft, { size: 18 })
|
|
3138
3226
|
}
|
|
3139
3227
|
),
|
|
3140
3228
|
pages.map(
|
|
3141
|
-
(page, i) => page === "\u2026" ? /* @__PURE__ */ jsx("span", { className:
|
|
3229
|
+
(page, i) => page === "\u2026" ? /* @__PURE__ */ jsx("span", { className: __default39.ellipsis, children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(
|
|
3142
3230
|
"button",
|
|
3143
3231
|
{
|
|
3144
3232
|
onClick: () => onPageChange(page),
|
|
3145
3233
|
"aria-current": page === currentPage ? "page" : void 0,
|
|
3146
|
-
className: `${
|
|
3234
|
+
className: `${__default39.pageBtn} ${page === currentPage ? __default39.activePage : ""}`,
|
|
3147
3235
|
children: page
|
|
3148
3236
|
},
|
|
3149
3237
|
page
|
|
@@ -3155,7 +3243,7 @@ function Pagination({
|
|
|
3155
3243
|
onClick: () => onPageChange(currentPage + 1),
|
|
3156
3244
|
disabled: isLast,
|
|
3157
3245
|
"aria-label": "Next page",
|
|
3158
|
-
className:
|
|
3246
|
+
className: __default39.nav,
|
|
3159
3247
|
children: /* @__PURE__ */ jsx(IconlyChevronRight, { size: 18 })
|
|
3160
3248
|
}
|
|
3161
3249
|
)
|
|
@@ -3211,7 +3299,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3211
3299
|
letter-spacing: -0.25px;
|
|
3212
3300
|
color: var(--color-error);
|
|
3213
3301
|
}`);
|
|
3214
|
-
var
|
|
3302
|
+
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" };
|
|
3215
3303
|
function CodeInput({
|
|
3216
3304
|
length,
|
|
3217
3305
|
value,
|
|
@@ -3264,9 +3352,9 @@ function CodeInput({
|
|
|
3264
3352
|
[length, onChange, focusInput]
|
|
3265
3353
|
);
|
|
3266
3354
|
const inputId = label == null ? void 0 : label.toLowerCase().replace(/\s+/g, "-");
|
|
3267
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
3268
|
-
label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className:
|
|
3269
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3355
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default40.root} ${className}`, children: [
|
|
3356
|
+
label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: __default40.label, children: label }),
|
|
3357
|
+
/* @__PURE__ */ jsx("div", { className: __default40.group, role: "group", "aria-label": label || "Code input", children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(
|
|
3270
3358
|
"input",
|
|
3271
3359
|
{
|
|
3272
3360
|
id: i === 0 ? inputId : void 0,
|
|
@@ -3281,12 +3369,12 @@ function CodeInput({
|
|
|
3281
3369
|
onKeyDown: handleKeyDown(i),
|
|
3282
3370
|
onPaste: handlePaste,
|
|
3283
3371
|
autoComplete: "one-time-code",
|
|
3284
|
-
className: `${
|
|
3372
|
+
className: `${__default40.digitInput} ${error ? __default40.digitError : ""}`,
|
|
3285
3373
|
"aria-label": `Digit ${i + 1}`
|
|
3286
3374
|
},
|
|
3287
3375
|
i
|
|
3288
3376
|
)) }),
|
|
3289
|
-
error && /* @__PURE__ */ jsx("p", { className:
|
|
3377
|
+
error && /* @__PURE__ */ jsx("p", { className: __default40.errorText, children: error })
|
|
3290
3378
|
] });
|
|
3291
3379
|
}
|
|
3292
3380
|
|
|
@@ -3350,7 +3438,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3350
3438
|
justify-content: flex-end;
|
|
3351
3439
|
margin-top: 1.5rem;
|
|
3352
3440
|
}`);
|
|
3353
|
-
var
|
|
3441
|
+
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" };
|
|
3354
3442
|
function Modal({
|
|
3355
3443
|
open,
|
|
3356
3444
|
onClose,
|
|
@@ -3380,23 +3468,23 @@ function Modal({
|
|
|
3380
3468
|
ref: dialogRef,
|
|
3381
3469
|
onClose,
|
|
3382
3470
|
onClick: handleBackdropClick,
|
|
3383
|
-
className: `${
|
|
3384
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
3385
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3386
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
3471
|
+
className: `${__default41.dialog}${className ? ` ${className}` : ""}`,
|
|
3472
|
+
children: /* @__PURE__ */ jsxs("div", { className: __default41.content, children: [
|
|
3473
|
+
/* @__PURE__ */ jsxs("div", { className: __default41.header, children: [
|
|
3474
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default41.title, children: title }),
|
|
3387
3475
|
/* @__PURE__ */ jsx(
|
|
3388
3476
|
"button",
|
|
3389
3477
|
{
|
|
3390
3478
|
type: "button",
|
|
3391
3479
|
onClick: onClose,
|
|
3392
|
-
className:
|
|
3480
|
+
className: __default41.closeBtn,
|
|
3393
3481
|
"aria-label": "Close",
|
|
3394
3482
|
children: /* @__PURE__ */ jsx(IconlyClose, { size: 20 })
|
|
3395
3483
|
}
|
|
3396
3484
|
)
|
|
3397
3485
|
] }),
|
|
3398
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3399
|
-
footer && /* @__PURE__ */ jsx("div", { className:
|
|
3486
|
+
/* @__PURE__ */ jsx("div", { className: __default41.body, children }),
|
|
3487
|
+
footer && /* @__PURE__ */ jsx("div", { className: __default41.footer, children: footer })
|
|
3400
3488
|
] })
|
|
3401
3489
|
}
|
|
3402
3490
|
);
|
|
@@ -3487,7 +3575,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3487
3575
|
border: none;
|
|
3488
3576
|
border-top: 1px solid var(--border-color);
|
|
3489
3577
|
}`);
|
|
3490
|
-
var
|
|
3578
|
+
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" };
|
|
3491
3579
|
function DropdownMenu({
|
|
3492
3580
|
trigger,
|
|
3493
3581
|
items,
|
|
@@ -3555,7 +3643,7 @@ function DropdownMenu({
|
|
|
3555
3643
|
openMenu();
|
|
3556
3644
|
}
|
|
3557
3645
|
};
|
|
3558
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `${
|
|
3646
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `${__default42.root} ${className}`, children: [
|
|
3559
3647
|
/* @__PURE__ */ jsx(
|
|
3560
3648
|
"div",
|
|
3561
3649
|
{
|
|
@@ -3564,7 +3652,7 @@ function DropdownMenu({
|
|
|
3564
3652
|
tabIndex: 0,
|
|
3565
3653
|
onClick: () => isOpen ? closeMenu() : openMenu(),
|
|
3566
3654
|
onKeyDown: handleTriggerKeyDown,
|
|
3567
|
-
className:
|
|
3655
|
+
className: __default42.trigger,
|
|
3568
3656
|
"aria-haspopup": "true",
|
|
3569
3657
|
"aria-expanded": isOpen,
|
|
3570
3658
|
children: trigger
|
|
@@ -3575,9 +3663,9 @@ function DropdownMenu({
|
|
|
3575
3663
|
{
|
|
3576
3664
|
role: "menu",
|
|
3577
3665
|
onKeyDown: handleMenuKeyDown,
|
|
3578
|
-
className: `${
|
|
3666
|
+
className: `${__default42.menu} ${align === "right" ? __default42.alignRight : __default42.alignLeft}`,
|
|
3579
3667
|
children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { children: [
|
|
3580
|
-
item.divider && /* @__PURE__ */ jsx("hr", { className:
|
|
3668
|
+
item.divider && /* @__PURE__ */ jsx("hr", { className: __default42.divider }),
|
|
3581
3669
|
/* @__PURE__ */ jsxs(
|
|
3582
3670
|
"button",
|
|
3583
3671
|
{
|
|
@@ -3591,9 +3679,9 @@ function DropdownMenu({
|
|
|
3591
3679
|
item.onClick();
|
|
3592
3680
|
closeMenu();
|
|
3593
3681
|
},
|
|
3594
|
-
className:
|
|
3682
|
+
className: __default42.item,
|
|
3595
3683
|
children: [
|
|
3596
|
-
item.icon && /* @__PURE__ */ jsx("span", { className:
|
|
3684
|
+
item.icon && /* @__PURE__ */ jsx("span", { className: __default42.itemIcon, children: item.icon }),
|
|
3597
3685
|
item.label
|
|
3598
3686
|
]
|
|
3599
3687
|
}
|
|
@@ -3665,7 +3753,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3665
3753
|
color: var(--bg);
|
|
3666
3754
|
cursor: default;
|
|
3667
3755
|
}`);
|
|
3668
|
-
var
|
|
3756
|
+
var __default43 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
|
|
3669
3757
|
function SegmentedControl({
|
|
3670
3758
|
options,
|
|
3671
3759
|
value,
|
|
@@ -3679,7 +3767,7 @@ function SegmentedControl({
|
|
|
3679
3767
|
{
|
|
3680
3768
|
role: "group",
|
|
3681
3769
|
"aria-label": ariaLabel,
|
|
3682
|
-
className: `${
|
|
3770
|
+
className: `${__default43.root} ${__default43[size]}${className ? ` ${className}` : ""}`,
|
|
3683
3771
|
children: options.map((option) => {
|
|
3684
3772
|
const isActive = option.value === value;
|
|
3685
3773
|
const isDisabled = option.disabled || false;
|
|
@@ -3689,7 +3777,7 @@ function SegmentedControl({
|
|
|
3689
3777
|
type: "button",
|
|
3690
3778
|
"aria-pressed": isActive,
|
|
3691
3779
|
disabled: isDisabled,
|
|
3692
|
-
className: `${
|
|
3780
|
+
className: `${__default43.segment}${isActive ? ` ${__default43.segmentActive}` : ""}`,
|
|
3693
3781
|
onClick: () => {
|
|
3694
3782
|
if (isActive || isDisabled) return;
|
|
3695
3783
|
onChange(option.value);
|
|
@@ -3815,25 +3903,25 @@ __styleInject(`@charset "UTF-8";
|
|
|
3815
3903
|
padding-top: 1rem;
|
|
3816
3904
|
border-top: 1px solid var(--border-color);
|
|
3817
3905
|
}`);
|
|
3818
|
-
var
|
|
3906
|
+
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" };
|
|
3819
3907
|
function Header({ logo, navItems = [], actions, className = "" }) {
|
|
3820
3908
|
const [mobileOpen, setMobileOpen] = useState(false);
|
|
3821
|
-
return /* @__PURE__ */ jsxs("header", { className: `${
|
|
3822
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3823
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3909
|
+
return /* @__PURE__ */ jsxs("header", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: [
|
|
3910
|
+
/* @__PURE__ */ jsx("div", { className: __default44.container, children: /* @__PURE__ */ jsxs("div", { className: __default44.bar, children: [
|
|
3911
|
+
/* @__PURE__ */ jsxs("div", { className: __default44.leftGroup, children: [
|
|
3824
3912
|
logo,
|
|
3825
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
3913
|
+
/* @__PURE__ */ jsx("nav", { className: __default44.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
|
|
3826
3914
|
"a",
|
|
3827
3915
|
{
|
|
3828
3916
|
href: item.href,
|
|
3829
|
-
className:
|
|
3917
|
+
className: __default44.navLink,
|
|
3830
3918
|
children: item.label
|
|
3831
3919
|
},
|
|
3832
3920
|
item.label
|
|
3833
3921
|
)) })
|
|
3834
3922
|
] }),
|
|
3835
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
3836
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3923
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default44.desktopActions, children: actions }),
|
|
3924
|
+
/* @__PURE__ */ jsx("div", { className: __default44.mobileToggle, children: /* @__PURE__ */ jsx(
|
|
3837
3925
|
IconButton,
|
|
3838
3926
|
{
|
|
3839
3927
|
variant: "primary",
|
|
@@ -3843,17 +3931,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
|
|
|
3843
3931
|
}
|
|
3844
3932
|
) })
|
|
3845
3933
|
] }) }),
|
|
3846
|
-
mobileOpen && /* @__PURE__ */ jsxs("div", { className:
|
|
3847
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
3934
|
+
mobileOpen && /* @__PURE__ */ jsxs("div", { className: __default44.mobileMenu, children: [
|
|
3935
|
+
/* @__PURE__ */ jsx("nav", { className: __default44.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
|
|
3848
3936
|
"a",
|
|
3849
3937
|
{
|
|
3850
3938
|
href: item.href,
|
|
3851
|
-
className:
|
|
3939
|
+
className: __default44.navLink,
|
|
3852
3940
|
children: item.label
|
|
3853
3941
|
},
|
|
3854
3942
|
item.label
|
|
3855
3943
|
)) }),
|
|
3856
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
3944
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default44.mobileActions, children: actions })
|
|
3857
3945
|
] })
|
|
3858
3946
|
] });
|
|
3859
3947
|
}
|
|
@@ -3987,7 +4075,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3987
4075
|
.Footer-module_socialLink:hover {
|
|
3988
4076
|
color: var(--fg);
|
|
3989
4077
|
}`);
|
|
3990
|
-
var
|
|
4078
|
+
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" };
|
|
3991
4079
|
function Footer({
|
|
3992
4080
|
brand,
|
|
3993
4081
|
columns,
|
|
@@ -3998,24 +4086,24 @@ function Footer({
|
|
|
3998
4086
|
const hasBrand = !!(brand && (brand.logo || brand.tagline));
|
|
3999
4087
|
const hasGrid = hasBrand || columns && columns.length > 0;
|
|
4000
4088
|
const hasBottom = !!copyright || socials && socials.length > 0;
|
|
4001
|
-
return /* @__PURE__ */ jsx("footer", { className: `${
|
|
4002
|
-
hasGrid && /* @__PURE__ */ jsxs("div", { className:
|
|
4003
|
-
hasBrand && /* @__PURE__ */ jsxs("div", { className:
|
|
4089
|
+
return /* @__PURE__ */ jsx("footer", { className: `${__default45.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default45.container, children: [
|
|
4090
|
+
hasGrid && /* @__PURE__ */ jsxs("div", { className: __default45.grid, children: [
|
|
4091
|
+
hasBrand && /* @__PURE__ */ jsxs("div", { className: __default45.brandCell, children: [
|
|
4004
4092
|
brand == null ? void 0 : brand.logo,
|
|
4005
|
-
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className:
|
|
4093
|
+
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className: __default45.tagline, children: brand.tagline })
|
|
4006
4094
|
] }),
|
|
4007
4095
|
columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxs("div", { children: [
|
|
4008
|
-
/* @__PURE__ */ jsx("h4", { className:
|
|
4009
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
4096
|
+
/* @__PURE__ */ jsx("h4", { className: __default45.columnTitle, children: col.title }),
|
|
4097
|
+
/* @__PURE__ */ jsx("ul", { className: __default45.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: __default45.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
|
|
4010
4098
|
] }, `${ci}-${col.title}`))
|
|
4011
4099
|
] }),
|
|
4012
|
-
hasBottom && /* @__PURE__ */ jsxs("div", { className:
|
|
4013
|
-
copyright && /* @__PURE__ */ jsx("p", { className:
|
|
4014
|
-
socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
4100
|
+
hasBottom && /* @__PURE__ */ jsxs("div", { className: __default45.bottom, children: [
|
|
4101
|
+
copyright && /* @__PURE__ */ jsx("p", { className: __default45.copyright, children: copyright }),
|
|
4102
|
+
socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: __default45.socials, children: socials.map((social, si) => /* @__PURE__ */ jsx(
|
|
4015
4103
|
"a",
|
|
4016
4104
|
{
|
|
4017
4105
|
href: social.href,
|
|
4018
|
-
className:
|
|
4106
|
+
className: __default45.socialLink,
|
|
4019
4107
|
children: social.label
|
|
4020
4108
|
},
|
|
4021
4109
|
`${si}-${social.label}`
|
|
@@ -4111,7 +4199,7 @@ __styleInject(`.PricingCard-module_root {
|
|
|
4111
4199
|
.PricingCard-module_cta {
|
|
4112
4200
|
width: 100%;
|
|
4113
4201
|
}`);
|
|
4114
|
-
var
|
|
4202
|
+
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" };
|
|
4115
4203
|
function PricingCard({
|
|
4116
4204
|
plan,
|
|
4117
4205
|
price,
|
|
@@ -4126,26 +4214,26 @@ function PricingCard({
|
|
|
4126
4214
|
return /* @__PURE__ */ jsxs(
|
|
4127
4215
|
"div",
|
|
4128
4216
|
{
|
|
4129
|
-
className: `${
|
|
4217
|
+
className: `${__default46.root}${highlighted ? ` ${__default46.highlighted}` : ""}${className ? ` ${className}` : ""}`,
|
|
4130
4218
|
children: [
|
|
4131
|
-
badge && /* @__PURE__ */ jsx("div", { className:
|
|
4132
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4133
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4134
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
4219
|
+
badge && /* @__PURE__ */ jsx("div", { className: __default46.badgeWrap, children: /* @__PURE__ */ jsx(Badge, { color: "info", children: badge }) }),
|
|
4220
|
+
/* @__PURE__ */ jsxs("div", { className: __default46.header, children: [
|
|
4221
|
+
/* @__PURE__ */ jsx("h3", { className: __default46.plan, children: plan }),
|
|
4222
|
+
description && /* @__PURE__ */ jsx("p", { className: __default46.description, children: description })
|
|
4135
4223
|
] }),
|
|
4136
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4137
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4138
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4224
|
+
/* @__PURE__ */ jsxs("div", { className: __default46.priceBlock, children: [
|
|
4225
|
+
/* @__PURE__ */ jsx("span", { className: __default46.price, children: price }),
|
|
4226
|
+
/* @__PURE__ */ jsx("span", { className: __default46.period, children: period })
|
|
4139
4227
|
] }),
|
|
4140
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
4228
|
+
/* @__PURE__ */ jsx("ul", { className: __default46.features, children: features.map((feature, i) => {
|
|
4141
4229
|
const text = typeof feature === "string" ? feature : feature.text;
|
|
4142
4230
|
const isExcluded = typeof feature === "object" && feature.included === false;
|
|
4143
4231
|
return /* @__PURE__ */ jsxs(
|
|
4144
4232
|
"li",
|
|
4145
4233
|
{
|
|
4146
|
-
className: `${
|
|
4234
|
+
className: `${__default46.featureItem}${isExcluded ? ` ${__default46.featureItemExcluded}` : ""}`,
|
|
4147
4235
|
children: [
|
|
4148
|
-
/* @__PURE__ */ jsx("span", { className: `${
|
|
4236
|
+
/* @__PURE__ */ jsx("span", { className: `${__default46.featureIcon}${isExcluded ? ` ${__default46.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsx(IconlyCheck, { size: 16 }) }),
|
|
4149
4237
|
text
|
|
4150
4238
|
]
|
|
4151
4239
|
},
|
|
@@ -4156,7 +4244,7 @@ function PricingCard({
|
|
|
4156
4244
|
Button,
|
|
4157
4245
|
{
|
|
4158
4246
|
variant: highlighted ? "primary" : "outline",
|
|
4159
|
-
className:
|
|
4247
|
+
className: __default46.cta,
|
|
4160
4248
|
onClick: cta.onClick,
|
|
4161
4249
|
children: cta.label
|
|
4162
4250
|
}
|
|
@@ -4204,21 +4292,21 @@ __styleInject(`.TestimonialCard-module_root {
|
|
|
4204
4292
|
font-size: 0.75rem;
|
|
4205
4293
|
color: var(--fg-muted);
|
|
4206
4294
|
}`);
|
|
4207
|
-
var
|
|
4295
|
+
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" };
|
|
4208
4296
|
function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
|
|
4209
4297
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
4210
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4211
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4212
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
4298
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default47.root}${className ? ` ${className}` : ""}`, children: [
|
|
4299
|
+
/* @__PURE__ */ jsx("div", { className: __default47.quoteIcon, children: /* @__PURE__ */ jsx(IconlyQuote, { size: 32 }) }),
|
|
4300
|
+
/* @__PURE__ */ jsxs("p", { className: __default47.quoteText, children: [
|
|
4213
4301
|
"\u201C",
|
|
4214
4302
|
quote,
|
|
4215
4303
|
"\u201D"
|
|
4216
4304
|
] }),
|
|
4217
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4305
|
+
/* @__PURE__ */ jsxs("div", { className: __default47.author, children: [
|
|
4218
4306
|
/* @__PURE__ */ jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
|
|
4219
4307
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
4220
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4221
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4308
|
+
/* @__PURE__ */ jsx("p", { className: __default47.authorName, children: name }),
|
|
4309
|
+
/* @__PURE__ */ jsx("p", { className: __default47.authorRole, children: role })
|
|
4222
4310
|
] })
|
|
4223
4311
|
] })
|
|
4224
4312
|
] });
|
|
@@ -4290,17 +4378,17 @@ __styleInject(`.FeatureGrid-module_root {
|
|
|
4290
4378
|
color: var(--fg-muted);
|
|
4291
4379
|
line-height: 1.625;
|
|
4292
4380
|
}`);
|
|
4293
|
-
var
|
|
4381
|
+
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" };
|
|
4294
4382
|
function FeatureGrid({ features, columns = 3, className = "" }) {
|
|
4295
4383
|
const colsClass = {
|
|
4296
|
-
2:
|
|
4297
|
-
3:
|
|
4298
|
-
4:
|
|
4384
|
+
2: __default48.cols2,
|
|
4385
|
+
3: __default48.cols3,
|
|
4386
|
+
4: __default48.cols4
|
|
4299
4387
|
};
|
|
4300
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
4301
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4302
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4303
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4388
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default48.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default48.card, children: [
|
|
4389
|
+
/* @__PURE__ */ jsx("div", { className: __default48.cardIcon, children: feature.icon }),
|
|
4390
|
+
/* @__PURE__ */ jsx("h3", { className: __default48.cardTitle, children: feature.title }),
|
|
4391
|
+
/* @__PURE__ */ jsx("p", { className: __default48.cardDescription, children: feature.description })
|
|
4304
4392
|
] }, i)) });
|
|
4305
4393
|
}
|
|
4306
4394
|
|
|
@@ -4401,7 +4489,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4401
4489
|
display: block;
|
|
4402
4490
|
}
|
|
4403
4491
|
}`);
|
|
4404
|
-
var
|
|
4492
|
+
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" };
|
|
4405
4493
|
var defaultMenuItems = [
|
|
4406
4494
|
"\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
|
|
4407
4495
|
"\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
|
|
@@ -4445,19 +4533,19 @@ function Sidebar({
|
|
|
4445
4533
|
const items = normaliseItems(rawItems);
|
|
4446
4534
|
const [internalActive, setInternalActive] = useState(0);
|
|
4447
4535
|
const isControlled = activeId !== void 0;
|
|
4448
|
-
const widthClass = type === "courseSubmenu" ?
|
|
4536
|
+
const widthClass = type === "courseSubmenu" ? __default49.courseSubmenu : __default49.menu;
|
|
4449
4537
|
const showLegal = legalText !== null;
|
|
4450
4538
|
const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
|
|
4451
4539
|
const isOpen = collapsed === false;
|
|
4452
4540
|
const collapseClasses = [
|
|
4453
|
-
collapsed ?
|
|
4454
|
-
isOpen ?
|
|
4541
|
+
collapsed ? __default49.collapsed : "",
|
|
4542
|
+
isOpen ? __default49.open : ""
|
|
4455
4543
|
].filter(Boolean).join(" ");
|
|
4456
4544
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4457
4545
|
onToggle && /* @__PURE__ */ jsx(
|
|
4458
4546
|
"div",
|
|
4459
4547
|
{
|
|
4460
|
-
className: `${
|
|
4548
|
+
className: `${__default49.overlay}${isOpen ? ` ${__default49.overlayVisible}` : ""}`,
|
|
4461
4549
|
onClick: onToggle,
|
|
4462
4550
|
"aria-hidden": "true"
|
|
4463
4551
|
}
|
|
@@ -4465,10 +4553,10 @@ function Sidebar({
|
|
|
4465
4553
|
/* @__PURE__ */ jsxs(
|
|
4466
4554
|
"aside",
|
|
4467
4555
|
{
|
|
4468
|
-
className: `${
|
|
4556
|
+
className: `${__default49.root} ${widthClass}${layout === "compact" ? ` ${__default49.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
|
|
4469
4557
|
children: [
|
|
4470
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
4471
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
4558
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default49.logo, children: logo }),
|
|
4559
|
+
/* @__PURE__ */ jsx("nav", { className: __default49.nav, children: items.map((item, i) => {
|
|
4472
4560
|
const isActive = isControlled ? item.id === activeId : i === internalActive;
|
|
4473
4561
|
return /* @__PURE__ */ jsx(
|
|
4474
4562
|
MenuItem,
|
|
@@ -4484,9 +4572,9 @@ function Sidebar({
|
|
|
4484
4572
|
item.id
|
|
4485
4573
|
);
|
|
4486
4574
|
}) }),
|
|
4487
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4575
|
+
/* @__PURE__ */ jsxs("div", { className: __default49.footer, children: [
|
|
4488
4576
|
type === "menu" && footer,
|
|
4489
|
-
showLegal && /* @__PURE__ */ jsx("p", { className:
|
|
4577
|
+
showLegal && /* @__PURE__ */ jsx("p", { className: __default49.legal, children: legalContent })
|
|
4490
4578
|
] })
|
|
4491
4579
|
]
|
|
4492
4580
|
}
|
|
@@ -4596,7 +4684,7 @@ __styleInject(`.AppCard-module_defaultCard {
|
|
|
4596
4684
|
.AppCard-module_stampBg {
|
|
4597
4685
|
background: var(--bg);
|
|
4598
4686
|
}`);
|
|
4599
|
-
var
|
|
4687
|
+
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" };
|
|
4600
4688
|
var HOLE_R = 4;
|
|
4601
4689
|
var HOLE_SP = 16;
|
|
4602
4690
|
function buildStampMask(w, h) {
|
|
@@ -4623,18 +4711,18 @@ function CardContent({
|
|
|
4623
4711
|
isStamp
|
|
4624
4712
|
}) {
|
|
4625
4713
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4626
|
-
image && /* @__PURE__ */ jsx("div", { className: isStamp ?
|
|
4714
|
+
image && /* @__PURE__ */ jsx("div", { className: isStamp ? __default50.imageWrap : __default50.imageWrapRounded, children: /* @__PURE__ */ jsx("img", { src: image, alt: title, className: __default50.image }) }),
|
|
4627
4715
|
/* @__PURE__ */ jsxs(
|
|
4628
4716
|
"div",
|
|
4629
4717
|
{
|
|
4630
|
-
className: isStamp ?
|
|
4718
|
+
className: isStamp ? __default50.contentStamp : image ? __default50.contentDefaultWithImage : __default50.contentDefaultNoImage,
|
|
4631
4719
|
children: [
|
|
4632
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4633
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4634
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4720
|
+
/* @__PURE__ */ jsxs("div", { className: __default50.textGroup, children: [
|
|
4721
|
+
/* @__PURE__ */ jsx("h3", { className: __default50.cardTitle, children: title }),
|
|
4722
|
+
/* @__PURE__ */ jsx("p", { className: __default50.cardDesc, children: description })
|
|
4635
4723
|
] }),
|
|
4636
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4637
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4724
|
+
/* @__PURE__ */ jsxs("div", { className: __default50.footer, children: [
|
|
4725
|
+
/* @__PURE__ */ jsx("div", { className: __default50.iconRow, children: icons }),
|
|
4638
4726
|
/* @__PURE__ */ jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
4639
4727
|
] })
|
|
4640
4728
|
]
|
|
@@ -4651,7 +4739,7 @@ function AppCard(_a) {
|
|
|
4651
4739
|
"className"
|
|
4652
4740
|
]);
|
|
4653
4741
|
if (variant === "default") {
|
|
4654
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
4742
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default50.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
|
|
4655
4743
|
}
|
|
4656
4744
|
const padded = variant === "stamp-padded";
|
|
4657
4745
|
return /* @__PURE__ */ jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
|
|
@@ -4677,7 +4765,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4677
4765
|
ro.disconnect();
|
|
4678
4766
|
};
|
|
4679
4767
|
}, [build]);
|
|
4680
|
-
return /* @__PURE__ */ jsx("div", { ref, className: `${
|
|
4768
|
+
return /* @__PURE__ */ jsx("div", { ref, className: `${__default50.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default50.shadowWrap, children: /* @__PURE__ */ jsx(
|
|
4681
4769
|
"div",
|
|
4682
4770
|
{
|
|
4683
4771
|
style: {
|
|
@@ -4686,7 +4774,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4686
4774
|
WebkitMaskSize: "100% 100%",
|
|
4687
4775
|
maskSize: "100% 100%"
|
|
4688
4776
|
},
|
|
4689
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
4777
|
+
children: /* @__PURE__ */ jsx("div", { className: __default50.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
|
|
4690
4778
|
}
|
|
4691
4779
|
) }) });
|
|
4692
4780
|
}
|
|
@@ -4699,7 +4787,7 @@ __styleInject(`.AppTopLine-module_root {
|
|
|
4699
4787
|
justify-content: space-between;
|
|
4700
4788
|
width: 100%;
|
|
4701
4789
|
}`);
|
|
4702
|
-
var
|
|
4790
|
+
var __default51 = { "root": "AppTopLine-module_root" };
|
|
4703
4791
|
function AppTopLine({
|
|
4704
4792
|
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",
|
|
4705
4793
|
promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
|
|
@@ -4712,7 +4800,7 @@ function AppTopLine({
|
|
|
4712
4800
|
avatarSrc,
|
|
4713
4801
|
className = ""
|
|
4714
4802
|
}) {
|
|
4715
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4803
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
|
|
4716
4804
|
/* @__PURE__ */ jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
|
|
4717
4805
|
/* @__PURE__ */ jsx(ProfileNav, { stats, avatarSrc })
|
|
4718
4806
|
] });
|
|
@@ -4753,13 +4841,13 @@ __styleInject(`.EmptyState-module_root {
|
|
|
4753
4841
|
.EmptyState-module_action {
|
|
4754
4842
|
margin-top: 1.25rem;
|
|
4755
4843
|
}`);
|
|
4756
|
-
var
|
|
4844
|
+
var __default52 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
|
|
4757
4845
|
function EmptyState({ icon, title, description, action, className = "" }) {
|
|
4758
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4759
|
-
icon && /* @__PURE__ */ jsx("div", { className:
|
|
4760
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4761
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4762
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
4846
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
|
|
4847
|
+
icon && /* @__PURE__ */ jsx("div", { className: __default52.icon, children: icon }),
|
|
4848
|
+
/* @__PURE__ */ jsx("h3", { className: __default52.title, children: title }),
|
|
4849
|
+
/* @__PURE__ */ jsx("p", { className: __default52.description, children: description }),
|
|
4850
|
+
action && /* @__PURE__ */ jsx("div", { className: __default52.action, children: action })
|
|
4763
4851
|
] });
|
|
4764
4852
|
}
|
|
4765
4853
|
|
|
@@ -4807,6 +4895,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
4807
4895
|
}
|
|
4808
4896
|
}
|
|
4809
4897
|
|
|
4898
|
+
/* 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.
|
|
4899
|
+
\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
|
|
4900
|
+
\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. */
|
|
4901
|
+
.HeroSection-module_innerNoVertical {
|
|
4902
|
+
padding-block: 0;
|
|
4903
|
+
}
|
|
4904
|
+
@media (min-width: 768px) {
|
|
4905
|
+
.HeroSection-module_innerNoVertical {
|
|
4906
|
+
padding-block: 0;
|
|
4907
|
+
}
|
|
4908
|
+
}
|
|
4909
|
+
|
|
4810
4910
|
.HeroSection-module_content {
|
|
4811
4911
|
max-width: 56rem;
|
|
4812
4912
|
}
|
|
@@ -4951,7 +5051,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4951
5051
|
overflow: hidden;
|
|
4952
5052
|
background: var(--bg-secondary);
|
|
4953
5053
|
}`);
|
|
4954
|
-
var
|
|
5054
|
+
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" };
|
|
4955
5055
|
function HeroSection({
|
|
4956
5056
|
eyebrow,
|
|
4957
5057
|
title,
|
|
@@ -4961,36 +5061,43 @@ function HeroSection({
|
|
|
4961
5061
|
align = "center",
|
|
4962
5062
|
size = "default",
|
|
4963
5063
|
mediaPosition = "left",
|
|
5064
|
+
verticalPadding = "default",
|
|
4964
5065
|
className = ""
|
|
4965
5066
|
}) {
|
|
4966
5067
|
const isCenter = align === "center";
|
|
4967
5068
|
const isCompact = size === "compact";
|
|
4968
5069
|
const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
|
|
4969
|
-
const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ?
|
|
4970
|
-
eyebrow && /* @__PURE__ */ jsx("div", { className: `${
|
|
4971
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5070
|
+
const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ? __default53.contentCenter : __default53.content, children: [
|
|
5071
|
+
eyebrow && /* @__PURE__ */ jsx("div", { className: `${__default53.eyebrowWrap}${isCenter ? ` ${__default53.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxs("span", { className: __default53.eyebrow, children: [
|
|
5072
|
+
/* @__PURE__ */ jsx("span", { className: __default53.eyebrowDot }),
|
|
4972
5073
|
eyebrow
|
|
4973
5074
|
] }) }),
|
|
4974
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
4975
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
4976
|
-
actions && /* @__PURE__ */ jsx("div", { className: `${
|
|
5075
|
+
/* @__PURE__ */ jsx("h1", { className: __default53.title, children: title }),
|
|
5076
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default53.subtitle}${isCenter ? ` ${__default53.subtitleCenter}` : ""}`, children: subtitle }),
|
|
5077
|
+
actions && /* @__PURE__ */ jsx("div", { className: `${__default53.actions}${isCenter ? ` ${__default53.actionsCenter}` : ""}`, children: actions })
|
|
4977
5078
|
] });
|
|
4978
5079
|
const mediaBlock = media && /* @__PURE__ */ jsx(
|
|
4979
5080
|
"div",
|
|
4980
5081
|
{
|
|
4981
|
-
className: isSplitRight ?
|
|
4982
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
5082
|
+
className: isSplitRight ? __default53.mediaSplit : isCenter ? __default53.mediaWrapCenter : __default53.mediaWrapLeft,
|
|
5083
|
+
children: /* @__PURE__ */ jsx("div", { className: __default53.mediaBox, children: media })
|
|
4983
5084
|
}
|
|
4984
5085
|
);
|
|
4985
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
4986
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4987
|
-
/* @__PURE__ */ jsx(
|
|
4988
|
-
|
|
4989
|
-
|
|
4990
|
-
|
|
4991
|
-
|
|
4992
|
-
|
|
4993
|
-
|
|
5086
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
|
|
5087
|
+
/* @__PURE__ */ jsx("div", { className: __default53.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: __default53.glowOrb }) }),
|
|
5088
|
+
/* @__PURE__ */ jsx(
|
|
5089
|
+
"div",
|
|
5090
|
+
{
|
|
5091
|
+
className: `${isCompact ? __default53.innerCompact : __default53.inner}${verticalPadding === "none" ? ` ${__default53.innerNoVertical}` : ""}`,
|
|
5092
|
+
children: isSplitRight ? /* @__PURE__ */ jsxs("div", { className: __default53.splitGrid, children: [
|
|
5093
|
+
contentBlock,
|
|
5094
|
+
mediaBlock
|
|
5095
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5096
|
+
contentBlock,
|
|
5097
|
+
mediaBlock
|
|
5098
|
+
] })
|
|
5099
|
+
}
|
|
5100
|
+
)
|
|
4994
5101
|
] });
|
|
4995
5102
|
}
|
|
4996
5103
|
|
|
@@ -5062,15 +5169,15 @@ __styleInject(`.LogoCloud-module_root {
|
|
|
5062
5169
|
font-size: 1rem;
|
|
5063
5170
|
}
|
|
5064
5171
|
}`);
|
|
5065
|
-
var
|
|
5172
|
+
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" };
|
|
5066
5173
|
function LogoCloud({
|
|
5067
5174
|
label = "Trusted by teams at",
|
|
5068
5175
|
logos,
|
|
5069
5176
|
className = ""
|
|
5070
5177
|
}) {
|
|
5071
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
5072
|
-
label && /* @__PURE__ */ jsx("p", { className:
|
|
5073
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5178
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: [
|
|
5179
|
+
label && /* @__PURE__ */ jsx("p", { className: __default54.label, children: label }),
|
|
5180
|
+
/* @__PURE__ */ jsx("div", { className: __default54.grid, children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: __default54.logoItem, children: logo.src ? (
|
|
5074
5181
|
// eslint-disable-next-line @next/next/no-img-element
|
|
5075
5182
|
/* @__PURE__ */ jsx(
|
|
5076
5183
|
"img",
|
|
@@ -5078,10 +5185,10 @@ function LogoCloud({
|
|
|
5078
5185
|
src: logo.src,
|
|
5079
5186
|
alt: logo.name,
|
|
5080
5187
|
width: logo.width || 100,
|
|
5081
|
-
className: `${
|
|
5188
|
+
className: `${__default54.logoImg} logo-img`
|
|
5082
5189
|
}
|
|
5083
5190
|
)
|
|
5084
|
-
) : /* @__PURE__ */ jsx("span", { className:
|
|
5191
|
+
) : /* @__PURE__ */ jsx("span", { className: __default54.logoText, children: logo.name }) }, logo.name)) })
|
|
5085
5192
|
] });
|
|
5086
5193
|
}
|
|
5087
5194
|
|
|
@@ -5177,18 +5284,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
5177
5284
|
color: var(--fg-muted);
|
|
5178
5285
|
letter-spacing: -0.25px;
|
|
5179
5286
|
}`);
|
|
5180
|
-
var
|
|
5287
|
+
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" };
|
|
5181
5288
|
function StatsBar({ stats, variant = "inline", className = "" }) {
|
|
5182
5289
|
if (variant === "cards") {
|
|
5183
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5184
|
-
stat.icon && /* @__PURE__ */ jsx("div", { className:
|
|
5185
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5186
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5290
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default55.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default55.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default55.card, children: [
|
|
5291
|
+
stat.icon && /* @__PURE__ */ jsx("div", { className: __default55.cardIconWrap, children: stat.icon }),
|
|
5292
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statValue, children: stat.value }),
|
|
5293
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statLabel, children: stat.label })
|
|
5187
5294
|
] }, i)) }) });
|
|
5188
5295
|
}
|
|
5189
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5190
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5191
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5296
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default55.root} ${__default55.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default55.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default55.inlineItem, children: [
|
|
5297
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statValue, children: stat.value }),
|
|
5298
|
+
/* @__PURE__ */ jsx("div", { className: __default55.statLabel, children: stat.label })
|
|
5192
5299
|
] }, i)) }) });
|
|
5193
5300
|
}
|
|
5194
5301
|
|
|
@@ -5208,6 +5315,16 @@ __styleInject(`@charset "UTF-8";
|
|
|
5208
5315
|
}
|
|
5209
5316
|
}
|
|
5210
5317
|
|
|
5318
|
+
/* 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. */
|
|
5319
|
+
.CTASection-module_defaultNoVertical {
|
|
5320
|
+
padding-block: 0;
|
|
5321
|
+
}
|
|
5322
|
+
@media (min-width: 768px) {
|
|
5323
|
+
.CTASection-module_defaultNoVertical {
|
|
5324
|
+
padding-block: 0;
|
|
5325
|
+
}
|
|
5326
|
+
}
|
|
5327
|
+
|
|
5211
5328
|
/* \u2500\u2500\u2500 Variant: filled \u2500\u2500\u2500 */
|
|
5212
5329
|
.CTASection-module_filled {
|
|
5213
5330
|
padding-block: 3rem;
|
|
@@ -5278,24 +5395,27 @@ __styleInject(`@charset "UTF-8";
|
|
|
5278
5395
|
gap: 0.75rem;
|
|
5279
5396
|
justify-content: center;
|
|
5280
5397
|
}`);
|
|
5281
|
-
var
|
|
5398
|
+
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" };
|
|
5282
5399
|
function CTASection({
|
|
5283
5400
|
title,
|
|
5284
5401
|
description,
|
|
5285
5402
|
actions,
|
|
5286
5403
|
variant = "default",
|
|
5404
|
+
verticalPadding = "default",
|
|
5287
5405
|
className = ""
|
|
5288
5406
|
}) {
|
|
5289
5407
|
const isFilled = variant === "filled";
|
|
5290
|
-
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5408
|
+
const noVerticalClass = variant === "default" && verticalPadding === "none" ? ` ${__default56.defaultNoVertical}` : "";
|
|
5409
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default56.root} ${__default56[variant]}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default56.inner, children: [
|
|
5410
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default56.title}${isFilled ? ` ${__default56.titleFilled}` : ""}`, children: title }),
|
|
5411
|
+
description && /* @__PURE__ */ jsx("p", { className: `${__default56.description}${isFilled ? ` ${__default56.descriptionFilled}` : ""}`, children: description }),
|
|
5412
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default56.actions, children: actions })
|
|
5294
5413
|
] }) });
|
|
5295
5414
|
}
|
|
5296
5415
|
|
|
5297
5416
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/BentoGrid.module.scss
|
|
5298
|
-
__styleInject(
|
|
5417
|
+
__styleInject(`@charset "UTF-8";
|
|
5418
|
+
.BentoGrid-module_root {
|
|
5299
5419
|
padding-block: 2.5rem;
|
|
5300
5420
|
}
|
|
5301
5421
|
@media (min-width: 768px) {
|
|
@@ -5304,6 +5424,16 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5304
5424
|
}
|
|
5305
5425
|
}
|
|
5306
5426
|
|
|
5427
|
+
/* 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. */
|
|
5428
|
+
.BentoGrid-module_rootNoVertical {
|
|
5429
|
+
padding-block: 0;
|
|
5430
|
+
}
|
|
5431
|
+
@media (min-width: 768px) {
|
|
5432
|
+
.BentoGrid-module_rootNoVertical {
|
|
5433
|
+
padding-block: 0;
|
|
5434
|
+
}
|
|
5435
|
+
}
|
|
5436
|
+
|
|
5307
5437
|
.BentoGrid-module_grid {
|
|
5308
5438
|
display: grid;
|
|
5309
5439
|
grid-template-columns: 1fr;
|
|
@@ -5386,21 +5516,22 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5386
5516
|
line-height: 1.625;
|
|
5387
5517
|
letter-spacing: -0.25px;
|
|
5388
5518
|
}`);
|
|
5389
|
-
var
|
|
5390
|
-
function BentoGrid({ items, className = "" }) {
|
|
5391
|
-
|
|
5392
|
-
|
|
5393
|
-
const
|
|
5519
|
+
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" };
|
|
5520
|
+
function BentoGrid({ items, verticalPadding = "default", className = "" }) {
|
|
5521
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default57.rootNoVertical}` : "";
|
|
5522
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default57.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default57.grid, children: items.map((item, i) => {
|
|
5523
|
+
const spanClass = item.span === 2 ? ` ${__default57.colSpan2}` : "";
|
|
5524
|
+
const rowClass = item.rowSpan === 2 ? ` ${__default57.rowSpan2}` : "";
|
|
5394
5525
|
return /* @__PURE__ */ jsxs(
|
|
5395
5526
|
"div",
|
|
5396
5527
|
{
|
|
5397
|
-
className: `${
|
|
5528
|
+
className: `${__default57.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
|
|
5398
5529
|
children: [
|
|
5399
|
-
item.media && /* @__PURE__ */ jsx("div", { className:
|
|
5400
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
5401
|
-
item.icon && /* @__PURE__ */ jsx("div", { className:
|
|
5402
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
5403
|
-
item.description && /* @__PURE__ */ jsx("p", { className:
|
|
5530
|
+
item.media && /* @__PURE__ */ jsx("div", { className: __default57.mediaWrap, children: item.media }),
|
|
5531
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default57.content}${item.rowSpan === 2 ? ` ${__default57.contentTall}` : ""}`, children: [
|
|
5532
|
+
item.icon && /* @__PURE__ */ jsx("div", { className: __default57.itemIcon, children: item.icon }),
|
|
5533
|
+
/* @__PURE__ */ jsx("h3", { className: __default57.itemTitle, children: item.title }),
|
|
5534
|
+
item.description && /* @__PURE__ */ jsx("p", { className: __default57.itemDescription, children: item.description })
|
|
5404
5535
|
] })
|
|
5405
5536
|
]
|
|
5406
5537
|
},
|
|
@@ -5515,7 +5646,7 @@ __styleInject(`.FAQSection-module_root {
|
|
|
5515
5646
|
line-height: 1.625;
|
|
5516
5647
|
padding-right: 2rem;
|
|
5517
5648
|
}`);
|
|
5518
|
-
var
|
|
5649
|
+
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" };
|
|
5519
5650
|
function FAQSection({
|
|
5520
5651
|
title = "Frequently asked questions",
|
|
5521
5652
|
subtitle,
|
|
@@ -5524,25 +5655,25 @@ function FAQSection({
|
|
|
5524
5655
|
}) {
|
|
5525
5656
|
const [openIndex, setOpenIndex] = useState(null);
|
|
5526
5657
|
const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
|
|
5527
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5528
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
5529
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
5530
|
-
/* @__PURE__ */ jsx("div", { className: title || subtitle ?
|
|
5658
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default58.container, children: [
|
|
5659
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default58.title, children: title }),
|
|
5660
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default58.subtitle, children: subtitle }),
|
|
5661
|
+
/* @__PURE__ */ jsx("div", { className: title || subtitle ? __default58.list : "", children: items.map((item, i) => {
|
|
5531
5662
|
const isOpen = openIndex === i;
|
|
5532
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
5663
|
+
return /* @__PURE__ */ jsxs("div", { className: __default58.item, children: [
|
|
5533
5664
|
/* @__PURE__ */ jsxs(
|
|
5534
5665
|
"button",
|
|
5535
5666
|
{
|
|
5536
5667
|
onClick: () => toggle(i),
|
|
5537
|
-
className:
|
|
5668
|
+
className: __default58.question,
|
|
5538
5669
|
"aria-expanded": isOpen,
|
|
5539
5670
|
children: [
|
|
5540
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5541
|
-
/* @__PURE__ */ jsx("span", { className: isOpen ?
|
|
5671
|
+
/* @__PURE__ */ jsx("span", { className: __default58.questionText, children: item.question }),
|
|
5672
|
+
/* @__PURE__ */ jsx("span", { className: isOpen ? __default58.toggleIconOpen : __default58.toggleIcon, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
|
|
5542
5673
|
]
|
|
5543
5674
|
}
|
|
5544
5675
|
),
|
|
5545
|
-
/* @__PURE__ */ jsx("div", { className: isOpen ?
|
|
5676
|
+
/* @__PURE__ */ jsx("div", { className: isOpen ? __default58.answerOpen : __default58.answerClosed, children: /* @__PURE__ */ jsx("p", { className: __default58.answerText, children: item.answer }) })
|
|
5546
5677
|
] }, i);
|
|
5547
5678
|
}) })
|
|
5548
5679
|
] }) });
|
|
@@ -5632,32 +5763,32 @@ __styleInject(`.ComparisonTable-module_root {
|
|
|
5632
5763
|
font-weight: 500;
|
|
5633
5764
|
color: var(--fg);
|
|
5634
5765
|
}`);
|
|
5635
|
-
var
|
|
5766
|
+
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" };
|
|
5636
5767
|
function ComparisonTable({ columns, rows, className = "" }) {
|
|
5637
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5768
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default59.scrollWrap, children: /* @__PURE__ */ jsxs("table", { className: __default59.table, children: [
|
|
5638
5769
|
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
5639
|
-
/* @__PURE__ */ jsx("th", { className:
|
|
5770
|
+
/* @__PURE__ */ jsx("th", { className: __default59.headerCell }),
|
|
5640
5771
|
columns.map((col, i) => /* @__PURE__ */ jsx(
|
|
5641
5772
|
"th",
|
|
5642
5773
|
{
|
|
5643
|
-
className: col.highlighted ?
|
|
5774
|
+
className: col.highlighted ? __default59.columnHeaderHighlighted : __default59.columnHeader,
|
|
5644
5775
|
children: col.label
|
|
5645
5776
|
},
|
|
5646
5777
|
i
|
|
5647
5778
|
))
|
|
5648
5779
|
] }) }),
|
|
5649
|
-
/* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className:
|
|
5650
|
-
/* @__PURE__ */ jsx("td", { className:
|
|
5780
|
+
/* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className: __default59.bodyRow, children: [
|
|
5781
|
+
/* @__PURE__ */ jsx("td", { className: __default59.featureCell, children: row.feature }),
|
|
5651
5782
|
row.values.map((val, vi) => {
|
|
5652
5783
|
var _a;
|
|
5653
5784
|
const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
|
|
5654
5785
|
const isLast = ri === rows.length - 1;
|
|
5655
|
-
const cellClass = isHighlighted ? isLast ?
|
|
5786
|
+
const cellClass = isHighlighted ? isLast ? __default59.valueCellHighlightedLast : __default59.valueCellHighlighted : __default59.valueCell;
|
|
5656
5787
|
return /* @__PURE__ */ jsx(
|
|
5657
5788
|
"td",
|
|
5658
5789
|
{
|
|
5659
5790
|
className: cellClass,
|
|
5660
|
-
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className:
|
|
5791
|
+
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className: __default59.iconSuccess, children: /* @__PURE__ */ jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsx("span", { className: __default59.iconMuted, children: /* @__PURE__ */ jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsx("span", { className: __default59.textValue, children: val }) : val
|
|
5661
5792
|
},
|
|
5662
5793
|
vi
|
|
5663
5794
|
);
|
|
@@ -5822,7 +5953,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5822
5953
|
background: var(--border-color-strong);
|
|
5823
5954
|
transition: background var(--transition-fast), width var(--transition-fast);
|
|
5824
5955
|
}`);
|
|
5825
|
-
var
|
|
5956
|
+
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" };
|
|
5826
5957
|
var BottomSheetContext = createContext(null);
|
|
5827
5958
|
function useBottomSheet(part) {
|
|
5828
5959
|
const ctx = useContext(BottomSheetContext);
|
|
@@ -5894,13 +6025,13 @@ function BottomSheet({
|
|
|
5894
6025
|
BottomSheetContext.Provider,
|
|
5895
6026
|
{
|
|
5896
6027
|
value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
|
|
5897
|
-
children: /* @__PURE__ */ jsx("div", { className: `${
|
|
6028
|
+
children: /* @__PURE__ */ jsx("div", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children })
|
|
5898
6029
|
}
|
|
5899
6030
|
);
|
|
5900
6031
|
}
|
|
5901
6032
|
function Bar({ children, className = "" }) {
|
|
5902
6033
|
const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
|
|
5903
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
6034
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default60.bar}${className ? ` ${className}` : ""}`, children: [
|
|
5904
6035
|
/* @__PURE__ */ jsx(
|
|
5905
6036
|
"button",
|
|
5906
6037
|
{
|
|
@@ -5910,12 +6041,12 @@ function Bar({ children, className = "" }) {
|
|
|
5910
6041
|
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5911
6042
|
onTouchEnd: onDragEnd,
|
|
5912
6043
|
onTouchCancel: onDragEnd,
|
|
5913
|
-
className:
|
|
6044
|
+
className: __default60.barHandle,
|
|
5914
6045
|
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
|
|
5915
|
-
children: /* @__PURE__ */ jsx("span", { className:
|
|
6046
|
+
children: /* @__PURE__ */ jsx("span", { className: __default60.handleBar })
|
|
5916
6047
|
}
|
|
5917
6048
|
),
|
|
5918
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6049
|
+
/* @__PURE__ */ jsx("div", { className: __default60.barActions, children })
|
|
5919
6050
|
] });
|
|
5920
6051
|
}
|
|
5921
6052
|
function Panel({ children, className = "" }) {
|
|
@@ -5936,7 +6067,7 @@ function Panel({ children, className = "" }) {
|
|
|
5936
6067
|
/* @__PURE__ */ jsx(
|
|
5937
6068
|
"div",
|
|
5938
6069
|
{
|
|
5939
|
-
className: `${
|
|
6070
|
+
className: `${__default60.backdrop}${open || isDraggingOpen ? ` ${__default60.backdropOpen}` : ""}`,
|
|
5940
6071
|
onClick: () => setOpen(false),
|
|
5941
6072
|
"aria-hidden": "true"
|
|
5942
6073
|
}
|
|
@@ -5944,7 +6075,7 @@ function Panel({ children, className = "" }) {
|
|
|
5944
6075
|
/* @__PURE__ */ jsx(
|
|
5945
6076
|
"div",
|
|
5946
6077
|
{
|
|
5947
|
-
className: `${
|
|
6078
|
+
className: `${__default60.panel}${open ? ` ${__default60.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
|
|
5948
6079
|
role: "dialog",
|
|
5949
6080
|
"aria-modal": open,
|
|
5950
6081
|
"aria-hidden": !open && !isDraggingOpen,
|
|
@@ -5977,9 +6108,9 @@ function Handle({ className = "" }) {
|
|
|
5977
6108
|
if (e.pointerType === "mouse") return;
|
|
5978
6109
|
onDragEnd();
|
|
5979
6110
|
},
|
|
5980
|
-
className: `${
|
|
6111
|
+
className: `${__default60.handle}${className ? ` ${className}` : ""}`,
|
|
5981
6112
|
"aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
5982
|
-
children: /* @__PURE__ */ jsx("span", { className:
|
|
6113
|
+
children: /* @__PURE__ */ jsx("span", { className: __default60.handleBar })
|
|
5983
6114
|
}
|
|
5984
6115
|
);
|
|
5985
6116
|
}
|
|
@@ -5989,7 +6120,7 @@ function Trigger({ children, className = "" }) {
|
|
|
5989
6120
|
"div",
|
|
5990
6121
|
{
|
|
5991
6122
|
onClick: () => setOpen(!open),
|
|
5992
|
-
className: `${
|
|
6123
|
+
className: `${__default60.trigger}${className ? ` ${className}` : ""}`,
|
|
5993
6124
|
children
|
|
5994
6125
|
}
|
|
5995
6126
|
);
|
|
@@ -6158,21 +6289,21 @@ __styleInject(`.PromoBento-module_root {
|
|
|
6158
6289
|
.PromoBento-module_cardCta {
|
|
6159
6290
|
margin-top: 0.25rem;
|
|
6160
6291
|
}`);
|
|
6161
|
-
var
|
|
6292
|
+
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" };
|
|
6162
6293
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
6163
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
6164
|
-
media && /* @__PURE__ */ jsxs("div", { className:
|
|
6165
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6166
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6294
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default61.card}${className ? ` ${className}` : ""}`, children: [
|
|
6295
|
+
media && /* @__PURE__ */ jsxs("div", { className: __default61.cardMedia, children: [
|
|
6296
|
+
/* @__PURE__ */ jsx("div", { className: __default61.cardMediaInner, children: media }),
|
|
6297
|
+
/* @__PURE__ */ jsx("div", { className: __default61.cardFade })
|
|
6167
6298
|
] }),
|
|
6168
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6169
|
-
pill && /* @__PURE__ */ jsx("div", { className:
|
|
6170
|
-
pill.icon && /* @__PURE__ */ jsx("span", { className:
|
|
6299
|
+
/* @__PURE__ */ jsxs("div", { className: __default61.cardContent, children: [
|
|
6300
|
+
pill && /* @__PURE__ */ jsx("div", { className: __default61.pill, children: /* @__PURE__ */ jsxs("span", { className: __default61.pillInner, children: [
|
|
6301
|
+
pill.icon && /* @__PURE__ */ jsx("span", { className: __default61.pillIcon, children: pill.icon }),
|
|
6171
6302
|
pill.label
|
|
6172
6303
|
] }) }),
|
|
6173
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6174
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6175
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
6304
|
+
/* @__PURE__ */ jsx("h3", { className: __default61.cardTitle, children: title }),
|
|
6305
|
+
description && /* @__PURE__ */ jsx("p", { className: __default61.cardDesc, children: description }),
|
|
6306
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default61.cardCta, children: /* @__PURE__ */ jsx(
|
|
6176
6307
|
Button,
|
|
6177
6308
|
{
|
|
6178
6309
|
variant: "outline",
|
|
@@ -6185,12 +6316,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
6185
6316
|
] });
|
|
6186
6317
|
}
|
|
6187
6318
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
6188
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6189
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6190
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6191
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
6319
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
|
|
6320
|
+
/* @__PURE__ */ jsxs("div", { className: __default61.header, children: [
|
|
6321
|
+
/* @__PURE__ */ jsx("h2", { className: __default61.heading, children: heading }),
|
|
6322
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default61.subtitle, children: subtitle })
|
|
6192
6323
|
] }),
|
|
6193
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6324
|
+
/* @__PURE__ */ jsx("div", { className: __default61.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
6194
6325
|
] });
|
|
6195
6326
|
}
|
|
6196
6327
|
|
|
@@ -6312,26 +6443,26 @@ __styleInject(`.PromoShowcase-module_root {
|
|
|
6312
6443
|
padding: 2.5rem;
|
|
6313
6444
|
}
|
|
6314
6445
|
}`);
|
|
6315
|
-
var
|
|
6446
|
+
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" };
|
|
6316
6447
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
6317
6448
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
6318
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6319
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6320
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6321
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6449
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
|
|
6450
|
+
/* @__PURE__ */ jsx("div", { className: __default62.heading, children: /* @__PURE__ */ jsx("h2", { className: __default62.headingText, children: heading }) }),
|
|
6451
|
+
/* @__PURE__ */ jsxs("div", { className: __default62.body, children: [
|
|
6452
|
+
/* @__PURE__ */ jsx("div", { className: __default62.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
6322
6453
|
"button",
|
|
6323
6454
|
{
|
|
6324
6455
|
onClick: () => setActiveIndex(i),
|
|
6325
|
-
className: `${
|
|
6456
|
+
className: `${__default62.stepButton}${i === activeIndex ? ` ${__default62.stepButtonActive}` : ""}`,
|
|
6326
6457
|
children: step.label
|
|
6327
6458
|
},
|
|
6328
6459
|
i
|
|
6329
6460
|
)) }),
|
|
6330
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6461
|
+
/* @__PURE__ */ jsx("div", { className: __default62.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
6331
6462
|
"div",
|
|
6332
6463
|
{
|
|
6333
|
-
className: `${
|
|
6334
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
6464
|
+
className: `${__default62.panel}${i === activeIndex ? ` ${__default62.panelActive}` : ""}`,
|
|
6465
|
+
children: /* @__PURE__ */ jsx("div", { className: __default62.panelInner, children: step.content })
|
|
6335
6466
|
},
|
|
6336
6467
|
i
|
|
6337
6468
|
)) })
|
|
@@ -6340,7 +6471,8 @@ function PromoShowcase({ heading, steps, className = "" }) {
|
|
|
6340
6471
|
}
|
|
6341
6472
|
|
|
6342
6473
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoSplit.module.scss
|
|
6343
|
-
__styleInject(
|
|
6474
|
+
__styleInject(`@charset "UTF-8";
|
|
6475
|
+
.PromoSplit-module_root {
|
|
6344
6476
|
padding: 4rem 0;
|
|
6345
6477
|
}
|
|
6346
6478
|
@media (min-width: 768px) {
|
|
@@ -6349,6 +6481,16 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6349
6481
|
}
|
|
6350
6482
|
}
|
|
6351
6483
|
|
|
6484
|
+
/* 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. */
|
|
6485
|
+
.PromoSplit-module_rootNoVertical {
|
|
6486
|
+
padding-block: 0;
|
|
6487
|
+
}
|
|
6488
|
+
@media (min-width: 768px) {
|
|
6489
|
+
.PromoSplit-module_rootNoVertical {
|
|
6490
|
+
padding-block: 0;
|
|
6491
|
+
}
|
|
6492
|
+
}
|
|
6493
|
+
|
|
6352
6494
|
.PromoSplit-module_grid {
|
|
6353
6495
|
display: grid;
|
|
6354
6496
|
grid-template-columns: 1fr;
|
|
@@ -6480,26 +6622,28 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6480
6622
|
align-items: center;
|
|
6481
6623
|
justify-content: center;
|
|
6482
6624
|
}`);
|
|
6483
|
-
var
|
|
6625
|
+
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" };
|
|
6484
6626
|
function PromoSplit({
|
|
6485
6627
|
heading,
|
|
6486
6628
|
description,
|
|
6487
6629
|
features,
|
|
6488
6630
|
media,
|
|
6489
6631
|
mediaPosition = "right",
|
|
6632
|
+
verticalPadding = "default",
|
|
6490
6633
|
className = ""
|
|
6491
6634
|
}) {
|
|
6492
6635
|
const isLeft = mediaPosition === "left";
|
|
6493
|
-
|
|
6494
|
-
|
|
6495
|
-
|
|
6496
|
-
|
|
6497
|
-
|
|
6498
|
-
|
|
6499
|
-
/* @__PURE__ */ jsx("
|
|
6636
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
|
|
6637
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
|
|
6638
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
|
|
6639
|
+
/* @__PURE__ */ jsx("h2", { className: __default63.heading, children: heading }),
|
|
6640
|
+
description && /* @__PURE__ */ jsx("p", { className: __default63.description, children: description }),
|
|
6641
|
+
features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default63.feature, children: [
|
|
6642
|
+
/* @__PURE__ */ jsx("h3", { className: __default63.featureTitle, children: feature.title }),
|
|
6643
|
+
/* @__PURE__ */ jsx("p", { className: __default63.featureDesc, children: feature.description })
|
|
6500
6644
|
] }, i)) })
|
|
6501
6645
|
] }),
|
|
6502
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
6646
|
+
/* @__PURE__ */ jsx("div", { className: `${__default63.mediaColumn}${isLeft ? ` ${__default63.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default63.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default63.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default63.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default63.placeholderCircle, children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
6503
6647
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
6504
6648
|
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
6505
6649
|
/* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -6616,16 +6760,16 @@ __styleInject(`.PromoTrustGrid-module_root {
|
|
|
6616
6760
|
justify-content: center;
|
|
6617
6761
|
padding: 1.5rem;
|
|
6618
6762
|
}`);
|
|
6619
|
-
var
|
|
6763
|
+
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" };
|
|
6620
6764
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
6621
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6622
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6623
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6624
|
-
feature.icon && /* @__PURE__ */ jsx("div", { className:
|
|
6625
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6626
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
6765
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
|
|
6766
|
+
/* @__PURE__ */ jsx("div", { className: __default64.heading, children: /* @__PURE__ */ jsx("h2", { className: __default64.headingText, children: heading }) }),
|
|
6767
|
+
/* @__PURE__ */ jsx("div", { className: __default64.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default64.featureCard, children: [
|
|
6768
|
+
feature.icon && /* @__PURE__ */ jsx("div", { className: __default64.featureIcon, children: feature.icon }),
|
|
6769
|
+
/* @__PURE__ */ jsx("h3", { className: __default64.featureTitle, children: feature.title }),
|
|
6770
|
+
/* @__PURE__ */ jsx("p", { className: __default64.featureDescription, children: feature.description })
|
|
6627
6771
|
] }, i)) }),
|
|
6628
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
6772
|
+
media && /* @__PURE__ */ jsx("div", { className: __default64.media, children: /* @__PURE__ */ jsx("div", { className: __default64.mediaInner, children: media }) })
|
|
6629
6773
|
] });
|
|
6630
6774
|
}
|
|
6631
6775
|
|
|
@@ -6812,36 +6956,37 @@ __styleInject(`@charset "UTF-8";
|
|
|
6812
6956
|
border-radius: clamp(8px, 1.5vw, 16px);
|
|
6813
6957
|
background: var(--bg-tertiary);
|
|
6814
6958
|
}`);
|
|
6815
|
-
var
|
|
6959
|
+
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" };
|
|
6816
6960
|
function PromoDevicesCTA({
|
|
6817
6961
|
heading,
|
|
6818
6962
|
description,
|
|
6819
6963
|
cta,
|
|
6820
6964
|
className = ""
|
|
6821
6965
|
}) {
|
|
6822
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6823
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6824
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6825
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6826
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
6966
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: [
|
|
6967
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.textBlock, children: [
|
|
6968
|
+
/* @__PURE__ */ jsx("h2", { className: __default65.heading, children: heading }),
|
|
6969
|
+
description && /* @__PURE__ */ jsx("p", { className: __default65.description, children: description }),
|
|
6970
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default65.ctaWrap, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
6827
6971
|
] }),
|
|
6828
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6829
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6830
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6831
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6832
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6972
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.devices, children: [
|
|
6973
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.laptop, children: [
|
|
6974
|
+
/* @__PURE__ */ jsx("div", { className: __default65.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default65.laptopScreenInner }) }),
|
|
6975
|
+
/* @__PURE__ */ jsx("div", { className: __default65.laptopHinge }),
|
|
6976
|
+
/* @__PURE__ */ jsx("div", { className: __default65.laptopBase })
|
|
6833
6977
|
] }),
|
|
6834
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6835
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6836
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6837
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6978
|
+
/* @__PURE__ */ jsx("div", { className: __default65.tablet, children: /* @__PURE__ */ jsx("div", { className: __default65.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default65.tabletScreen }) }) }),
|
|
6979
|
+
/* @__PURE__ */ jsx("div", { className: __default65.phone, children: /* @__PURE__ */ jsxs("div", { className: __default65.phoneShell, children: [
|
|
6980
|
+
/* @__PURE__ */ jsx("div", { className: __default65.phoneNotch }),
|
|
6981
|
+
/* @__PURE__ */ jsx("div", { className: __default65.phoneScreen })
|
|
6838
6982
|
] }) })
|
|
6839
6983
|
] })
|
|
6840
6984
|
] });
|
|
6841
6985
|
}
|
|
6842
6986
|
|
|
6843
6987
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
|
|
6844
|
-
__styleInject(
|
|
6988
|
+
__styleInject(`@charset "UTF-8";
|
|
6989
|
+
.PromoTestimonials-module_root {
|
|
6845
6990
|
padding: 4rem 0;
|
|
6846
6991
|
}
|
|
6847
6992
|
@media (min-width: 768px) {
|
|
@@ -6850,6 +6995,16 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6850
6995
|
}
|
|
6851
6996
|
}
|
|
6852
6997
|
|
|
6998
|
+
/* 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. */
|
|
6999
|
+
.PromoTestimonials-module_rootNoVertical {
|
|
7000
|
+
padding-block: 0;
|
|
7001
|
+
}
|
|
7002
|
+
@media (min-width: 768px) {
|
|
7003
|
+
.PromoTestimonials-module_rootNoVertical {
|
|
7004
|
+
padding-block: 0;
|
|
7005
|
+
}
|
|
7006
|
+
}
|
|
7007
|
+
|
|
6853
7008
|
.PromoTestimonials-module_wrapper {
|
|
6854
7009
|
position: relative;
|
|
6855
7010
|
border-radius: clamp(20px, 3vw, 40px);
|
|
@@ -7023,22 +7178,24 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
7023
7178
|
background: var(--bg-secondary);
|
|
7024
7179
|
overflow: hidden;
|
|
7025
7180
|
}`);
|
|
7026
|
-
var
|
|
7181
|
+
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" };
|
|
7027
7182
|
function PromoTestimonials({
|
|
7028
7183
|
heading,
|
|
7029
7184
|
subtitle,
|
|
7030
7185
|
testimonials,
|
|
7031
7186
|
media,
|
|
7187
|
+
verticalPadding = "default",
|
|
7032
7188
|
className = ""
|
|
7033
7189
|
}) {
|
|
7034
|
-
|
|
7035
|
-
|
|
7190
|
+
const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
|
|
7191
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default66.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default66.wrapper, children: [
|
|
7192
|
+
/* @__PURE__ */ jsx("div", { className: __default66.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default66.avatarStack, children: [
|
|
7036
7193
|
testimonials.slice(0, 5).map((t, i) => {
|
|
7037
7194
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
7038
7195
|
return /* @__PURE__ */ jsx(
|
|
7039
7196
|
"div",
|
|
7040
7197
|
{
|
|
7041
|
-
className:
|
|
7198
|
+
className: __default66.avatarRing,
|
|
7042
7199
|
style: { zIndex: 10 - i },
|
|
7043
7200
|
children: /* @__PURE__ */ jsx(
|
|
7044
7201
|
Avatar,
|
|
@@ -7052,32 +7209,32 @@ function PromoTestimonials({
|
|
|
7052
7209
|
i
|
|
7053
7210
|
);
|
|
7054
7211
|
}),
|
|
7055
|
-
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className:
|
|
7212
|
+
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className: __default66.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default66.overflowCircle, children: [
|
|
7056
7213
|
"+",
|
|
7057
7214
|
testimonials.length - 5
|
|
7058
7215
|
] }) })
|
|
7059
7216
|
] }) }),
|
|
7060
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7061
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
7062
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
7217
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.headingSection, children: [
|
|
7218
|
+
/* @__PURE__ */ jsx("h2", { className: __default66.heading, children: heading }),
|
|
7219
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default66.subtitle, children: subtitle })
|
|
7063
7220
|
] }),
|
|
7064
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7221
|
+
/* @__PURE__ */ jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
|
|
7065
7222
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
7066
7223
|
return /* @__PURE__ */ jsxs(
|
|
7067
7224
|
"div",
|
|
7068
7225
|
{
|
|
7069
|
-
className:
|
|
7226
|
+
className: __default66.card,
|
|
7070
7227
|
children: [
|
|
7071
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
7228
|
+
/* @__PURE__ */ jsxs("p", { className: __default66.quote, children: [
|
|
7072
7229
|
"\u201C",
|
|
7073
7230
|
t.quote,
|
|
7074
7231
|
"\u201D"
|
|
7075
7232
|
] }),
|
|
7076
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7233
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.author, children: [
|
|
7077
7234
|
/* @__PURE__ */ jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
7078
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7079
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
7080
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
7235
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.authorInfo, children: [
|
|
7236
|
+
/* @__PURE__ */ jsx("p", { className: __default66.authorName, children: t.name }),
|
|
7237
|
+
/* @__PURE__ */ jsx("p", { className: __default66.authorRole, children: t.role })
|
|
7081
7238
|
] })
|
|
7082
7239
|
] })
|
|
7083
7240
|
]
|
|
@@ -7085,7 +7242,7 @@ function PromoTestimonials({
|
|
|
7085
7242
|
i
|
|
7086
7243
|
);
|
|
7087
7244
|
}) }) }),
|
|
7088
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
7245
|
+
media && /* @__PURE__ */ jsx("div", { className: __default66.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default66.mediaBox, children: media }) })
|
|
7089
7246
|
] }) });
|
|
7090
7247
|
}
|
|
7091
7248
|
|
|
@@ -7237,7 +7394,7 @@ __styleInject(`.PromoHero-module_root {
|
|
|
7237
7394
|
align-items: center;
|
|
7238
7395
|
justify-content: center;
|
|
7239
7396
|
}`);
|
|
7240
|
-
var
|
|
7397
|
+
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" };
|
|
7241
7398
|
function PromoHero({
|
|
7242
7399
|
title,
|
|
7243
7400
|
subtitle,
|
|
@@ -7247,30 +7404,30 @@ function PromoHero({
|
|
|
7247
7404
|
variant = "dark",
|
|
7248
7405
|
className = ""
|
|
7249
7406
|
}) {
|
|
7250
|
-
const variantClass = variant === "dark" ?
|
|
7251
|
-
const subtitleClass = variant === "light" ?
|
|
7407
|
+
const variantClass = variant === "dark" ? __default67.dark : variant === "gradient" ? __default67.gradient : __default67.light;
|
|
7408
|
+
const subtitleClass = variant === "light" ? __default67.subtitleLight : __default67.subtitleDark;
|
|
7252
7409
|
const isLight = variant === "light";
|
|
7253
7410
|
return /* @__PURE__ */ jsxs(
|
|
7254
7411
|
"section",
|
|
7255
7412
|
{
|
|
7256
|
-
className: `${
|
|
7413
|
+
className: `${__default67.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
7257
7414
|
children: [
|
|
7258
|
-
!isLight && /* @__PURE__ */ jsxs("div", { className:
|
|
7259
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7260
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7415
|
+
!isLight && /* @__PURE__ */ jsxs("div", { className: __default67.glowLayer, "aria-hidden": "true", children: [
|
|
7416
|
+
/* @__PURE__ */ jsx("div", { className: __default67.glowTop }),
|
|
7417
|
+
/* @__PURE__ */ jsx("div", { className: __default67.glowBottom })
|
|
7261
7418
|
] }),
|
|
7262
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7263
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7264
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
7265
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
7266
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className:
|
|
7419
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.inner, children: [
|
|
7420
|
+
/* @__PURE__ */ jsxs("div", { className: __default67.textColumn, children: [
|
|
7421
|
+
/* @__PURE__ */ jsx("h1", { className: __default67.title, children: title }),
|
|
7422
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default67.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
7423
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default67.actions, children: [
|
|
7267
7424
|
cta && /* @__PURE__ */ jsx(
|
|
7268
7425
|
Button,
|
|
7269
7426
|
{
|
|
7270
7427
|
variant: isLight ? "primary" : "outline",
|
|
7271
7428
|
size: "hero",
|
|
7272
7429
|
onClick: cta.onClick,
|
|
7273
|
-
className: !isLight ?
|
|
7430
|
+
className: !isLight ? __default67.ctaDark : "",
|
|
7274
7431
|
children: cta.label
|
|
7275
7432
|
}
|
|
7276
7433
|
),
|
|
@@ -7280,13 +7437,13 @@ function PromoHero({
|
|
|
7280
7437
|
variant: "ghost",
|
|
7281
7438
|
size: "hero",
|
|
7282
7439
|
onClick: secondaryCta.onClick,
|
|
7283
|
-
className: !isLight ?
|
|
7440
|
+
className: !isLight ? __default67.ghostDark : "",
|
|
7284
7441
|
children: secondaryCta.label
|
|
7285
7442
|
}
|
|
7286
7443
|
)
|
|
7287
7444
|
] })
|
|
7288
7445
|
] }),
|
|
7289
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
7446
|
+
media && /* @__PURE__ */ jsx("div", { className: __default67.mediaColumn, children: media })
|
|
7290
7447
|
] })
|
|
7291
7448
|
]
|
|
7292
7449
|
}
|
|
@@ -7440,7 +7597,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
7440
7597
|
max-width: 640px;
|
|
7441
7598
|
width: 100%;
|
|
7442
7599
|
}`);
|
|
7443
|
-
var
|
|
7600
|
+
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" };
|
|
7444
7601
|
function PromoHeroForm({
|
|
7445
7602
|
title,
|
|
7446
7603
|
subtitle,
|
|
@@ -7463,17 +7620,17 @@ function PromoHeroForm({
|
|
|
7463
7620
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
7464
7621
|
};
|
|
7465
7622
|
const isDisabled = loading || value.trim().length === 0;
|
|
7466
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
7467
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
7468
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
7623
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default68.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default68.inner, children: [
|
|
7624
|
+
/* @__PURE__ */ jsx("h1", { className: __default68.title, children: title }),
|
|
7625
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default68.subtitle, children: subtitle }),
|
|
7469
7626
|
/* @__PURE__ */ jsx(
|
|
7470
7627
|
"form",
|
|
7471
7628
|
{
|
|
7472
|
-
className:
|
|
7629
|
+
className: __default68.form,
|
|
7473
7630
|
onSubmit: handleSubmit,
|
|
7474
7631
|
"aria-busy": loading,
|
|
7475
7632
|
noValidate: true,
|
|
7476
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
7633
|
+
children: /* @__PURE__ */ jsxs("div", { className: __default68.formInner, children: [
|
|
7477
7634
|
/* @__PURE__ */ jsx(
|
|
7478
7635
|
"input",
|
|
7479
7636
|
{
|
|
@@ -7482,7 +7639,7 @@ function PromoHeroForm({
|
|
|
7482
7639
|
value,
|
|
7483
7640
|
onChange: (e) => setValue(e.target.value),
|
|
7484
7641
|
disabled: loading,
|
|
7485
|
-
className:
|
|
7642
|
+
className: __default68.input,
|
|
7486
7643
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
7487
7644
|
}
|
|
7488
7645
|
),
|
|
@@ -7500,8 +7657,8 @@ function PromoHeroForm({
|
|
|
7500
7657
|
] })
|
|
7501
7658
|
}
|
|
7502
7659
|
),
|
|
7503
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className:
|
|
7504
|
-
error && /* @__PURE__ */ jsx("div", { className:
|
|
7660
|
+
hint && !error && /* @__PURE__ */ jsx("p", { className: __default68.hint, children: hint }),
|
|
7661
|
+
error && /* @__PURE__ */ jsx("div", { className: __default68.errorBox, role: "alert", children: error })
|
|
7505
7662
|
] }) });
|
|
7506
7663
|
}
|
|
7507
7664
|
|
|
@@ -7779,7 +7936,7 @@ __styleInject(`.PromoPricing-module_root {
|
|
|
7779
7936
|
.PromoPricing-module_ctaWrap {
|
|
7780
7937
|
margin-top: auto;
|
|
7781
7938
|
}`);
|
|
7782
|
-
var
|
|
7939
|
+
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" };
|
|
7783
7940
|
function PromoPricing({
|
|
7784
7941
|
heading,
|
|
7785
7942
|
subtitle,
|
|
@@ -7789,50 +7946,50 @@ function PromoPricing({
|
|
|
7789
7946
|
}) {
|
|
7790
7947
|
const isDark = variant === "dark";
|
|
7791
7948
|
const getTierClass = (highlighted) => {
|
|
7792
|
-
if (highlighted) return isDark ?
|
|
7793
|
-
return isDark ?
|
|
7949
|
+
if (highlighted) return isDark ? __default69.tierDarkHighlighted : __default69.tierHighlighted;
|
|
7950
|
+
return isDark ? __default69.tierDark : __default69.tierDefault;
|
|
7794
7951
|
};
|
|
7795
7952
|
const getNameClass = (highlighted) => {
|
|
7796
|
-
if (highlighted) return isDark ?
|
|
7797
|
-
return isDark ?
|
|
7953
|
+
if (highlighted) return isDark ? __default69.tierNameHighlightedDark : __default69.tierNameHighlightedLight;
|
|
7954
|
+
return isDark ? __default69.tierNameDark : __default69.tierNameMuted;
|
|
7798
7955
|
};
|
|
7799
7956
|
const getPeriodClass = (highlighted) => {
|
|
7800
|
-
if (highlighted) return isDark ?
|
|
7801
|
-
return isDark ?
|
|
7957
|
+
if (highlighted) return isDark ? __default69.periodHighlightedDark : __default69.periodHighlightedLight;
|
|
7958
|
+
return isDark ? __default69.periodDark : __default69.periodMuted;
|
|
7802
7959
|
};
|
|
7803
7960
|
const getDescClass = (highlighted) => {
|
|
7804
|
-
if (highlighted) return isDark ?
|
|
7805
|
-
return isDark ?
|
|
7961
|
+
if (highlighted) return isDark ? __default69.tierDescHighlightedDark : __default69.tierDescHighlightedLight;
|
|
7962
|
+
return isDark ? __default69.tierDescDark : __default69.tierDescMuted;
|
|
7806
7963
|
};
|
|
7807
7964
|
const getCheckClass = (highlighted) => {
|
|
7808
|
-
if (highlighted) return isDark ?
|
|
7809
|
-
return isDark ?
|
|
7965
|
+
if (highlighted) return isDark ? __default69.checkHighlightedDark : __default69.checkHighlightedLight;
|
|
7966
|
+
return isDark ? __default69.checkDark : __default69.checkDefault;
|
|
7810
7967
|
};
|
|
7811
7968
|
const getFeatureTextClass = (highlighted) => {
|
|
7812
|
-
if (highlighted) return isDark ?
|
|
7813
|
-
return isDark ?
|
|
7969
|
+
if (highlighted) return isDark ? __default69.featureTextHighlightedDark : __default69.featureTextHighlightedLight;
|
|
7970
|
+
return isDark ? __default69.featureTextDark : __default69.featureTextMuted;
|
|
7814
7971
|
};
|
|
7815
7972
|
return /* @__PURE__ */ jsxs(
|
|
7816
7973
|
"section",
|
|
7817
7974
|
{
|
|
7818
|
-
className: `${
|
|
7975
|
+
className: `${__default69.root} ${isDark ? __default69.dark : __default69.light}${className ? ` ${className}` : ""}`,
|
|
7819
7976
|
children: [
|
|
7820
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7821
|
-
/* @__PURE__ */ jsx("h2", { className: `${
|
|
7822
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
7977
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.headingSection, children: [
|
|
7978
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default69.heading} ${isDark ? __default69.headingDark : __default69.headingLight}`, children: heading }),
|
|
7979
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default69.subtitle} ${isDark ? __default69.subtitleDark : __default69.subtitleLight}`, children: subtitle })
|
|
7823
7980
|
] }),
|
|
7824
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7981
|
+
/* @__PURE__ */ jsx("div", { className: __default69.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
|
|
7825
7982
|
"div",
|
|
7826
7983
|
{
|
|
7827
7984
|
className: getTierClass(tier.highlighted),
|
|
7828
7985
|
children: [
|
|
7829
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7830
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7986
|
+
/* @__PURE__ */ jsx("div", { className: __default69.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
7987
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.price, children: [
|
|
7831
7988
|
/* @__PURE__ */ jsx("span", { children: tier.price }),
|
|
7832
|
-
tier.period && /* @__PURE__ */ jsx("span", { className: `${
|
|
7989
|
+
tier.period && /* @__PURE__ */ jsx("span", { className: `${__default69.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
7833
7990
|
] }),
|
|
7834
|
-
tier.description && /* @__PURE__ */ jsx("p", { className: `${
|
|
7835
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
7991
|
+
tier.description && /* @__PURE__ */ jsx("p", { className: `${__default69.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
7992
|
+
/* @__PURE__ */ jsx("ul", { className: __default69.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default69.featureItem, children: [
|
|
7836
7993
|
/* @__PURE__ */ jsx(
|
|
7837
7994
|
"svg",
|
|
7838
7995
|
{
|
|
@@ -7840,13 +7997,13 @@ function PromoPricing({
|
|
|
7840
7997
|
height: "16",
|
|
7841
7998
|
viewBox: "0 0 16 16",
|
|
7842
7999
|
fill: "none",
|
|
7843
|
-
className: `${
|
|
8000
|
+
className: `${__default69.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
7844
8001
|
children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
7845
8002
|
}
|
|
7846
8003
|
),
|
|
7847
8004
|
/* @__PURE__ */ jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
7848
8005
|
] }, fi)) }),
|
|
7849
|
-
tier.cta && /* @__PURE__ */ jsx("div", { className:
|
|
8006
|
+
tier.cta && /* @__PURE__ */ jsx("div", { className: __default69.ctaWrap, children: tier.cta })
|
|
7850
8007
|
]
|
|
7851
8008
|
},
|
|
7852
8009
|
i
|
|
@@ -8004,7 +8161,7 @@ __styleInject(`.PromoActionCards-module_root {
|
|
|
8004
8161
|
.PromoActionCards-module_ctaBtn:hover {
|
|
8005
8162
|
opacity: 0.9;
|
|
8006
8163
|
}`);
|
|
8007
|
-
var
|
|
8164
|
+
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" };
|
|
8008
8165
|
function PromoActionCards({
|
|
8009
8166
|
heading,
|
|
8010
8167
|
subtitle,
|
|
@@ -8012,28 +8169,28 @@ function PromoActionCards({
|
|
|
8012
8169
|
columns = 3,
|
|
8013
8170
|
className = ""
|
|
8014
8171
|
}) {
|
|
8015
|
-
const gridClass = columns === 2 ?
|
|
8016
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
8017
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8018
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
8019
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8172
|
+
const gridClass = columns === 2 ? __default70.grid2 : __default70.grid3;
|
|
8173
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
|
|
8174
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.header, children: [
|
|
8175
|
+
/* @__PURE__ */ jsx("h2", { className: __default70.heading, children: heading }),
|
|
8176
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default70.subtitle, children: subtitle })
|
|
8020
8177
|
] }),
|
|
8021
8178
|
/* @__PURE__ */ jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
8022
8179
|
var _a;
|
|
8023
8180
|
return /* @__PURE__ */ jsxs(
|
|
8024
8181
|
"div",
|
|
8025
8182
|
{
|
|
8026
|
-
className:
|
|
8183
|
+
className: __default70.card,
|
|
8027
8184
|
children: [
|
|
8028
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8029
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
8030
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
8185
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.cardContent, children: [
|
|
8186
|
+
/* @__PURE__ */ jsx("h3", { className: __default70.cardTitle, children: card.title }),
|
|
8187
|
+
/* @__PURE__ */ jsx("p", { className: __default70.cardDesc, children: card.description })
|
|
8031
8188
|
] }),
|
|
8032
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8033
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8189
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.cardFooter, children: [
|
|
8190
|
+
/* @__PURE__ */ jsx("div", { className: __default70.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
|
|
8034
8191
|
"span",
|
|
8035
8192
|
{
|
|
8036
|
-
className:
|
|
8193
|
+
className: __default70.iconCircle,
|
|
8037
8194
|
children: icon
|
|
8038
8195
|
},
|
|
8039
8196
|
ii
|
|
@@ -8042,7 +8199,7 @@ function PromoActionCards({
|
|
|
8042
8199
|
"button",
|
|
8043
8200
|
{
|
|
8044
8201
|
onClick: card.cta.onClick,
|
|
8045
|
-
className:
|
|
8202
|
+
className: __default70.ctaBtn,
|
|
8046
8203
|
children: [
|
|
8047
8204
|
card.cta.label,
|
|
8048
8205
|
/* @__PURE__ */ jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -8165,7 +8322,7 @@ __styleInject(`.ArticleHero-module_root {
|
|
|
8165
8322
|
color: rgba(255, 255, 255, 0.9);
|
|
8166
8323
|
line-height: 22.5px;
|
|
8167
8324
|
}`);
|
|
8168
|
-
var
|
|
8325
|
+
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" };
|
|
8169
8326
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
8170
8327
|
function ArticleHero({
|
|
8171
8328
|
category,
|
|
@@ -8177,20 +8334,20 @@ function ArticleHero({
|
|
|
8177
8334
|
className = ""
|
|
8178
8335
|
}) {
|
|
8179
8336
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
8180
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
8181
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8182
|
-
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className:
|
|
8183
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8337
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
|
|
8338
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.bgLayer, children: [
|
|
8339
|
+
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default71.bgImage }),
|
|
8340
|
+
/* @__PURE__ */ jsx("div", { className: __default71.overlay })
|
|
8184
8341
|
] }),
|
|
8185
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8186
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
8187
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8188
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
8342
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.topBar, children: [
|
|
8343
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default71.logo, children: logo }),
|
|
8344
|
+
/* @__PURE__ */ jsx("div", { className: __default71.divider }),
|
|
8345
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default71.nav, children: nav })
|
|
8189
8346
|
] }),
|
|
8190
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8191
|
-
category && /* @__PURE__ */ jsx("p", { className:
|
|
8192
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
8193
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8347
|
+
/* @__PURE__ */ jsxs("div", { className: __default71.bottom, children: [
|
|
8348
|
+
category && /* @__PURE__ */ jsx("p", { className: __default71.category, children: category }),
|
|
8349
|
+
/* @__PURE__ */ jsx("h1", { className: __default71.title, children: title }),
|
|
8350
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default71.subtitle, children: subtitle })
|
|
8194
8351
|
] })
|
|
8195
8352
|
] });
|
|
8196
8353
|
}
|
|
@@ -8202,9 +8359,9 @@ __styleInject(`.ArticleBody-module_root {
|
|
|
8202
8359
|
color: var(--fg-secondary);
|
|
8203
8360
|
font-weight: 400;
|
|
8204
8361
|
}`);
|
|
8205
|
-
var
|
|
8362
|
+
var __default72 = { "root": "ArticleBody-module_root" };
|
|
8206
8363
|
function ArticleBody({ children, className = "" }) {
|
|
8207
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8364
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children });
|
|
8208
8365
|
}
|
|
8209
8366
|
|
|
8210
8367
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
@@ -8247,10 +8404,10 @@ __styleInject(`.ArticleHeading-module_root {
|
|
|
8247
8404
|
line-height: 1.25rem;
|
|
8248
8405
|
color: var(--fg-muted);
|
|
8249
8406
|
}`);
|
|
8250
|
-
var
|
|
8407
|
+
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" };
|
|
8251
8408
|
var levelClass = {
|
|
8252
|
-
2:
|
|
8253
|
-
3:
|
|
8409
|
+
2: __default73.h2,
|
|
8410
|
+
3: __default73.h3
|
|
8254
8411
|
};
|
|
8255
8412
|
function ArticleHeading({
|
|
8256
8413
|
level = 2,
|
|
@@ -8260,12 +8417,12 @@ function ArticleHeading({
|
|
|
8260
8417
|
className = ""
|
|
8261
8418
|
}) {
|
|
8262
8419
|
const Tag2 = `h${level}`;
|
|
8263
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8264
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8420
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
|
|
8421
|
+
/* @__PURE__ */ jsxs("div", { className: __default73.header, children: [
|
|
8265
8422
|
/* @__PURE__ */ jsx(Tag2, { className: levelClass[level], children }),
|
|
8266
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
8423
|
+
action && /* @__PURE__ */ jsx("div", { className: __default73.action, children: action })
|
|
8267
8424
|
] }),
|
|
8268
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8425
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default73.subtitle, children: subtitle })
|
|
8269
8426
|
] });
|
|
8270
8427
|
}
|
|
8271
8428
|
|
|
@@ -8341,7 +8498,7 @@ __styleInject(`.ArticleFigure-module_root {
|
|
|
8341
8498
|
line-height: 1.25rem;
|
|
8342
8499
|
color: var(--fg-muted);
|
|
8343
8500
|
}`);
|
|
8344
|
-
var
|
|
8501
|
+
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" };
|
|
8345
8502
|
function ArticleFigure({
|
|
8346
8503
|
src,
|
|
8347
8504
|
alt = "",
|
|
@@ -8351,35 +8508,35 @@ function ArticleFigure({
|
|
|
8351
8508
|
children,
|
|
8352
8509
|
className = ""
|
|
8353
8510
|
}) {
|
|
8354
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8511
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
8355
8512
|
/* @__PURE__ */ jsx(
|
|
8356
8513
|
"div",
|
|
8357
8514
|
{
|
|
8358
|
-
className:
|
|
8515
|
+
className: __default74.imageWrapper,
|
|
8359
8516
|
style: { minHeight: height },
|
|
8360
8517
|
children: src ? (
|
|
8361
8518
|
// eslint-disable-next-line @next/next/no-img-element
|
|
8362
|
-
/* @__PURE__ */ jsx("img", { src, alt, className:
|
|
8363
|
-
) : children ? /* @__PURE__ */ jsx("div", { className:
|
|
8519
|
+
/* @__PURE__ */ jsx("img", { src, alt, className: __default74.image })
|
|
8520
|
+
) : children ? /* @__PURE__ */ jsx("div", { className: __default74.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default74.placeholder, children: [
|
|
8364
8521
|
/* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
8365
8522
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
8366
8523
|
/* @__PURE__ */ jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
8367
8524
|
] }),
|
|
8368
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8525
|
+
/* @__PURE__ */ jsx("span", { className: __default74.placeholderText, children: "Figure placeholder" })
|
|
8369
8526
|
] })
|
|
8370
8527
|
}
|
|
8371
8528
|
),
|
|
8372
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
8529
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className: __default74.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default74.legendItem, children: [
|
|
8373
8530
|
/* @__PURE__ */ jsx(
|
|
8374
8531
|
"span",
|
|
8375
8532
|
{
|
|
8376
|
-
className:
|
|
8533
|
+
className: __default74.legendSwatch,
|
|
8377
8534
|
style: { backgroundColor: item.color }
|
|
8378
8535
|
}
|
|
8379
8536
|
),
|
|
8380
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8537
|
+
/* @__PURE__ */ jsx("span", { className: __default74.legendLabel, children: item.label })
|
|
8381
8538
|
] }, item.label)) }),
|
|
8382
|
-
caption && /* @__PURE__ */ jsx("figcaption", { className:
|
|
8539
|
+
caption && /* @__PURE__ */ jsx("figcaption", { className: __default74.caption, children: caption })
|
|
8383
8540
|
] });
|
|
8384
8541
|
}
|
|
8385
8542
|
|
|
@@ -8472,7 +8629,7 @@ __styleInject(`.ArticleTable-module_root {
|
|
|
8472
8629
|
.ArticleTable-module_showMore:hover {
|
|
8473
8630
|
color: var(--fg);
|
|
8474
8631
|
}`);
|
|
8475
|
-
var
|
|
8632
|
+
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" };
|
|
8476
8633
|
function ArticleTable({
|
|
8477
8634
|
columns,
|
|
8478
8635
|
rows,
|
|
@@ -8484,19 +8641,19 @@ function ArticleTable({
|
|
|
8484
8641
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
8485
8642
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
8486
8643
|
const hiddenCount = rows.length - limit;
|
|
8487
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8488
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8489
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
8490
|
-
columns.map((col) => /* @__PURE__ */ jsx("div", { className:
|
|
8644
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children: [
|
|
8645
|
+
/* @__PURE__ */ jsxs("div", { className: __default75.headerRow, children: [
|
|
8646
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default75.rankCell }),
|
|
8647
|
+
columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default75.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default75.headerLabel, children: col.label }) }, col.key))
|
|
8491
8648
|
] }),
|
|
8492
|
-
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
8493
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
8649
|
+
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: __default75.row, children: [
|
|
8650
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default75.rankValue, children: /* @__PURE__ */ jsx("span", { children: i + 1 }) }),
|
|
8494
8651
|
columns.map((col) => {
|
|
8495
8652
|
const value = row[col.key];
|
|
8496
8653
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
8497
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
8498
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className:
|
|
8499
|
-
hasBadge && /* @__PURE__ */ jsx("span", { className:
|
|
8654
|
+
return /* @__PURE__ */ jsxs("div", { className: __default75.cell, children: [
|
|
8655
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default75.cellText, children: String(value != null ? value : "") }),
|
|
8656
|
+
hasBadge && /* @__PURE__ */ jsx("span", { className: __default75.badge, children: row._badge })
|
|
8500
8657
|
] }, col.key);
|
|
8501
8658
|
})
|
|
8502
8659
|
] }, i)) }),
|
|
@@ -8504,7 +8661,7 @@ function ArticleTable({
|
|
|
8504
8661
|
"button",
|
|
8505
8662
|
{
|
|
8506
8663
|
onClick: () => setExpanded(true),
|
|
8507
|
-
className:
|
|
8664
|
+
className: __default75.showMore,
|
|
8508
8665
|
children: [
|
|
8509
8666
|
"Show ",
|
|
8510
8667
|
hiddenCount,
|
|
@@ -8537,19 +8694,19 @@ __styleInject(`.ArticleList-module_root {
|
|
|
8537
8694
|
.ArticleList-module_item {
|
|
8538
8695
|
padding-left: 0.25rem;
|
|
8539
8696
|
}`);
|
|
8540
|
-
var
|
|
8697
|
+
var __default76 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
8541
8698
|
function ArticleList({
|
|
8542
8699
|
variant = "unordered",
|
|
8543
8700
|
items,
|
|
8544
8701
|
className = ""
|
|
8545
8702
|
}) {
|
|
8546
8703
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
8547
|
-
const variantClass = variant === "ordered" ?
|
|
8704
|
+
const variantClass = variant === "ordered" ? __default76.ordered : __default76.unordered;
|
|
8548
8705
|
return /* @__PURE__ */ jsx(
|
|
8549
8706
|
Tag2,
|
|
8550
8707
|
{
|
|
8551
|
-
className: `${
|
|
8552
|
-
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className:
|
|
8708
|
+
className: `${__default76.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
8709
|
+
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default76.item, children: item }, i))
|
|
8553
8710
|
}
|
|
8554
8711
|
);
|
|
8555
8712
|
}
|
|
@@ -8561,9 +8718,9 @@ __styleInject(`.ArticleNote-module_root {
|
|
|
8561
8718
|
color: var(--fg-secondary);
|
|
8562
8719
|
font-style: italic;
|
|
8563
8720
|
}`);
|
|
8564
|
-
var
|
|
8721
|
+
var __default77 = { "root": "ArticleNote-module_root" };
|
|
8565
8722
|
function ArticleNote({ children, className = "" }) {
|
|
8566
|
-
return /* @__PURE__ */ jsx("p", { className: `${
|
|
8723
|
+
return /* @__PURE__ */ jsx("p", { className: `${__default77.root}${className ? ` ${className}` : ""}`, children });
|
|
8567
8724
|
}
|
|
8568
8725
|
|
|
8569
8726
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
@@ -8676,11 +8833,11 @@ __styleInject(`.ArticleChatBlock-module_root {
|
|
|
8676
8833
|
.ArticleChatBlock-module_showMoreBtn:hover {
|
|
8677
8834
|
color: var(--fg);
|
|
8678
8835
|
}`);
|
|
8679
|
-
var
|
|
8836
|
+
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" };
|
|
8680
8837
|
var roleConfig = {
|
|
8681
|
-
assistant: { cls:
|
|
8682
|
-
system: { cls:
|
|
8683
|
-
user: { cls:
|
|
8838
|
+
assistant: { cls: __default78.assistant, gradient: "var(--bg-secondary)" },
|
|
8839
|
+
system: { cls: __default78.system, gradient: "var(--bg-tertiary)" },
|
|
8840
|
+
user: { cls: __default78.user, gradient: "var(--bg-secondary)" }
|
|
8684
8841
|
};
|
|
8685
8842
|
function ArticleChatBlock({
|
|
8686
8843
|
role,
|
|
@@ -8694,40 +8851,40 @@ function ArticleChatBlock({
|
|
|
8694
8851
|
var _a;
|
|
8695
8852
|
const [expanded, setExpanded] = useState(false);
|
|
8696
8853
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
8697
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8698
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8854
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default78.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
8855
|
+
/* @__PURE__ */ jsx("div", { className: __default78.header, children: /* @__PURE__ */ jsxs("span", { className: __default78.roleLabel, children: [
|
|
8699
8856
|
role,
|
|
8700
8857
|
model && ` \u2022 ${model}`
|
|
8701
8858
|
] }) }),
|
|
8702
|
-
toolCall && /* @__PURE__ */ jsx("div", { className:
|
|
8703
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8704
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8859
|
+
toolCall && /* @__PURE__ */ jsx("div", { className: __default78.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default78.toolBadgeInner, children: [
|
|
8860
|
+
/* @__PURE__ */ jsx("span", { className: __default78.toolDot }),
|
|
8861
|
+
/* @__PURE__ */ jsx("span", { className: __default78.toolLabel, children: toolCall })
|
|
8705
8862
|
] }) }),
|
|
8706
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8707
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8863
|
+
/* @__PURE__ */ jsx("div", { className: __default78.divider }),
|
|
8864
|
+
/* @__PURE__ */ jsxs("div", { className: __default78.contentWrapper, children: [
|
|
8708
8865
|
/* @__PURE__ */ jsx(
|
|
8709
8866
|
"div",
|
|
8710
8867
|
{
|
|
8711
|
-
className:
|
|
8868
|
+
className: __default78.content,
|
|
8712
8869
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
8713
8870
|
children
|
|
8714
8871
|
}
|
|
8715
8872
|
),
|
|
8716
|
-
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className:
|
|
8873
|
+
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className: __default78.fadeOverlay, children: [
|
|
8717
8874
|
/* @__PURE__ */ jsx(
|
|
8718
8875
|
"div",
|
|
8719
8876
|
{
|
|
8720
|
-
className:
|
|
8877
|
+
className: __default78.fadeGradient,
|
|
8721
8878
|
style: {
|
|
8722
8879
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
8723
8880
|
}
|
|
8724
8881
|
}
|
|
8725
8882
|
),
|
|
8726
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
8883
|
+
/* @__PURE__ */ jsx("div", { className: `${__default78.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
|
|
8727
8884
|
"button",
|
|
8728
8885
|
{
|
|
8729
8886
|
onClick: () => setExpanded(true),
|
|
8730
|
-
className:
|
|
8887
|
+
className: __default78.showMoreBtn,
|
|
8731
8888
|
children: "Show more"
|
|
8732
8889
|
}
|
|
8733
8890
|
) })
|
|
@@ -8759,14 +8916,14 @@ __styleInject(`.ArticleLinkButton-module_root {
|
|
|
8759
8916
|
.ArticleLinkButton-module_root:active {
|
|
8760
8917
|
opacity: 0.8;
|
|
8761
8918
|
}`);
|
|
8762
|
-
var
|
|
8919
|
+
var __default79 = { "root": "ArticleLinkButton-module_root" };
|
|
8763
8920
|
function ArticleLinkButton({
|
|
8764
8921
|
children,
|
|
8765
8922
|
href,
|
|
8766
8923
|
onClick,
|
|
8767
8924
|
className = ""
|
|
8768
8925
|
}) {
|
|
8769
|
-
const cls = `${
|
|
8926
|
+
const cls = `${__default79.root}${className ? ` ${className}` : ""}`;
|
|
8770
8927
|
if (href) {
|
|
8771
8928
|
return /* @__PURE__ */ jsx("a", { href, className: cls, children });
|
|
8772
8929
|
}
|
|
@@ -8803,18 +8960,18 @@ __styleInject(`.ArticleFooter-module_root {
|
|
|
8803
8960
|
line-height: 1.25rem;
|
|
8804
8961
|
color: var(--fg-muted);
|
|
8805
8962
|
}`);
|
|
8806
|
-
var
|
|
8963
|
+
var __default80 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
8807
8964
|
function ArticleFooter({
|
|
8808
8965
|
logo,
|
|
8809
8966
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
8810
8967
|
className = ""
|
|
8811
8968
|
}) {
|
|
8812
|
-
return /* @__PURE__ */ jsxs("footer", { className: `${
|
|
8813
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8814
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
8815
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8969
|
+
return /* @__PURE__ */ jsxs("footer", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children: [
|
|
8970
|
+
/* @__PURE__ */ jsxs("div", { className: __default80.topBar, children: [
|
|
8971
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default80.logo, children: logo }),
|
|
8972
|
+
/* @__PURE__ */ jsx("div", { className: __default80.divider })
|
|
8816
8973
|
] }),
|
|
8817
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
8974
|
+
/* @__PURE__ */ jsx("p", { className: __default80.copyright, children: copyright })
|
|
8818
8975
|
] });
|
|
8819
8976
|
}
|
|
8820
8977
|
|
|
@@ -8837,15 +8994,15 @@ __styleInject(`.ArticleLayout-module_root {
|
|
|
8837
8994
|
width: 100%;
|
|
8838
8995
|
max-width: 720px;
|
|
8839
8996
|
}`);
|
|
8840
|
-
var
|
|
8997
|
+
var __default81 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
8841
8998
|
function ArticleLayout({ children, className = "" }) {
|
|
8842
|
-
return /* @__PURE__ */ jsx("article", { className: `${
|
|
8999
|
+
return /* @__PURE__ */ jsx("article", { className: `${__default81.root}${className ? ` ${className}` : ""}`, children });
|
|
8843
9000
|
}
|
|
8844
9001
|
function ArticleWide({ children, className = "" }) {
|
|
8845
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
9002
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default81.wide}${className ? ` ${className}` : ""}`, children });
|
|
8846
9003
|
}
|
|
8847
9004
|
function ArticleNarrow({ children, className = "" }) {
|
|
8848
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
9005
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default81.narrow}${className ? ` ${className}` : ""}`, children });
|
|
8849
9006
|
}
|
|
8850
9007
|
|
|
8851
9008
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
@@ -8932,7 +9089,7 @@ __styleInject(`.ArticleChart-module_figure {
|
|
|
8932
9089
|
line-height: 1rem;
|
|
8933
9090
|
color: var(--fg-secondary);
|
|
8934
9091
|
}`);
|
|
8935
|
-
var
|
|
9092
|
+
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" };
|
|
8936
9093
|
function ChartTooltip({
|
|
8937
9094
|
active,
|
|
8938
9095
|
payload,
|
|
@@ -8943,15 +9100,15 @@ function ChartTooltip({
|
|
|
8943
9100
|
}) {
|
|
8944
9101
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8945
9102
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8946
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
8947
|
-
label !== void 0 && /* @__PURE__ */ jsxs("p", { className:
|
|
9103
|
+
return /* @__PURE__ */ jsxs("div", { className: __default82.tooltip, children: [
|
|
9104
|
+
label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default82.tooltipLabel, children: [
|
|
8948
9105
|
xLabel ? `${xLabel}: ` : "",
|
|
8949
9106
|
label
|
|
8950
9107
|
] }),
|
|
8951
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
8952
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8953
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8954
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9108
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: __default82.tooltipRow, children: [
|
|
9109
|
+
/* @__PURE__ */ jsx("span", { className: __default82.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
9110
|
+
/* @__PURE__ */ jsx("span", { className: __default82.tooltipName, children: entry.name }),
|
|
9111
|
+
/* @__PURE__ */ jsx("span", { className: __default82.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
8955
9112
|
] }, i))
|
|
8956
9113
|
] });
|
|
8957
9114
|
}
|
|
@@ -8965,8 +9122,8 @@ function ArticleLineChart({
|
|
|
8965
9122
|
valueFormatter,
|
|
8966
9123
|
className = ""
|
|
8967
9124
|
}) {
|
|
8968
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8969
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9125
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9126
|
+
/* @__PURE__ */ jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8970
9127
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8971
9128
|
/* @__PURE__ */ jsx(
|
|
8972
9129
|
XAxis,
|
|
@@ -9016,9 +9173,9 @@ function ArticleLineChart({
|
|
|
9016
9173
|
s.dataKey
|
|
9017
9174
|
))
|
|
9018
9175
|
] }) }) }),
|
|
9019
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9020
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9021
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9176
|
+
/* @__PURE__ */ jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default82.legendItem, children: [
|
|
9177
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9178
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendLabel, children: s.name })
|
|
9022
9179
|
] }, s.dataKey)) })
|
|
9023
9180
|
] });
|
|
9024
9181
|
}
|
|
@@ -9033,8 +9190,8 @@ function ArticleBarChart({
|
|
|
9033
9190
|
valueFormatter,
|
|
9034
9191
|
className = ""
|
|
9035
9192
|
}) {
|
|
9036
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
9037
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9193
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9194
|
+
/* @__PURE__ */ jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
9038
9195
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
9039
9196
|
/* @__PURE__ */ jsx(
|
|
9040
9197
|
XAxis,
|
|
@@ -9082,9 +9239,9 @@ function ArticleBarChart({
|
|
|
9082
9239
|
s.dataKey
|
|
9083
9240
|
))
|
|
9084
9241
|
] }) }) }),
|
|
9085
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9086
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9087
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9242
|
+
/* @__PURE__ */ jsx("div", { className: __default82.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default82.legendItem, children: [
|
|
9243
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9244
|
+
/* @__PURE__ */ jsx("span", { className: __default82.legendLabel, children: s.name })
|
|
9088
9245
|
] }, s.dataKey)) })
|
|
9089
9246
|
] });
|
|
9090
9247
|
}
|
|
@@ -9102,7 +9259,7 @@ function ArticleScatterChart({
|
|
|
9102
9259
|
var _a;
|
|
9103
9260
|
return (_a = d.color) != null ? _a : color;
|
|
9104
9261
|
});
|
|
9105
|
-
return /* @__PURE__ */ jsx("figure", { className: `${
|
|
9262
|
+
return /* @__PURE__ */ jsx("figure", { className: `${__default82.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default82.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
9106
9263
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
9107
9264
|
/* @__PURE__ */ jsx(
|
|
9108
9265
|
XAxis,
|
|
@@ -9138,14 +9295,14 @@ function ArticleScatterChart({
|
|
|
9138
9295
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
9139
9296
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
9140
9297
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
9141
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
9142
|
-
point.label && /* @__PURE__ */ jsx("p", { className:
|
|
9143
|
-
xLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
9298
|
+
return /* @__PURE__ */ jsxs("div", { className: __default82.tooltip, children: [
|
|
9299
|
+
point.label && /* @__PURE__ */ jsx("p", { className: __default82.scatterTooltipLabel, children: point.label }),
|
|
9300
|
+
xLabel && /* @__PURE__ */ jsxs("p", { className: __default82.scatterTooltipRow, children: [
|
|
9144
9301
|
xLabel,
|
|
9145
9302
|
": ",
|
|
9146
9303
|
fmt(point.x)
|
|
9147
9304
|
] }),
|
|
9148
|
-
yLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
9305
|
+
yLabel && /* @__PURE__ */ jsxs("p", { className: __default82.scatterTooltipRow, children: [
|
|
9149
9306
|
yLabel,
|
|
9150
9307
|
": ",
|
|
9151
9308
|
fmt(point.y)
|
|
@@ -9222,7 +9379,7 @@ __styleInject(`.LandingLayout-module_headerMode {
|
|
|
9222
9379
|
padding-right: 4rem;
|
|
9223
9380
|
}
|
|
9224
9381
|
}`);
|
|
9225
|
-
var
|
|
9382
|
+
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" };
|
|
9226
9383
|
function LandingLayout({
|
|
9227
9384
|
mode = "header",
|
|
9228
9385
|
nav,
|
|
@@ -9231,19 +9388,19 @@ function LandingLayout({
|
|
|
9231
9388
|
className = ""
|
|
9232
9389
|
}) {
|
|
9233
9390
|
if (mode === "sidebar") {
|
|
9234
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
9235
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
9236
|
-
/* @__PURE__ */ jsxs("main", { className:
|
|
9237
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9391
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default83.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
9392
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default83.sidebarNav, children: nav }),
|
|
9393
|
+
/* @__PURE__ */ jsxs("main", { className: __default83.sidebarMain, children: [
|
|
9394
|
+
/* @__PURE__ */ jsx("div", { className: __default83.sidebarContent, children }),
|
|
9238
9395
|
footer
|
|
9239
9396
|
] })
|
|
9240
9397
|
] });
|
|
9241
9398
|
}
|
|
9242
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
9399
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default83.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
9243
9400
|
nav,
|
|
9244
|
-
/* @__PURE__ */ jsx("main", { className:
|
|
9401
|
+
/* @__PURE__ */ jsx("main", { className: __default83.headerMain, children }),
|
|
9245
9402
|
footer
|
|
9246
9403
|
] });
|
|
9247
9404
|
}
|
|
9248
9405
|
|
|
9249
|
-
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|
|
9406
|
+
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, SectionHeading, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|