@dmitriikapustin/ui 0.3.7 → 0.4.1
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 +833 -382
- package/dist/index.d.cts +63 -2
- package/dist/index.d.ts +63 -2
- package/dist/index.js +832 -386
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -561,6 +561,21 @@ var IconlyShield = ({ size = 24, color = "currentColor", className }) => /* @__P
|
|
|
561
561
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.615,2.375A1.089,1.089,0,0,1,15.344,3.4v6.773a7.781,7.781,0,0,1-1.9,5.1,7.771,7.771,0,0,1-2.2,1.7L7.678,18.9,4.114,16.972a7.767,7.767,0,0,1-2.208-1.7A7.783,7.783,0,0,1,0,10.172V3.4A1.089,1.089,0,0,1,.729,2.375L7.311.062a1.09,1.09,0,0,1,.722,0Z", transform: "translate(0.75 0.749)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
562
562
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0,2.005,1.892,3.9,5.79,0", transform: "translate(5.823 7.913)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
563
563
|
] }) });
|
|
564
|
+
var IconlyCategory = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
565
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
566
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13.5", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
567
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
568
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13.5", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
569
|
+
] });
|
|
570
|
+
var IconlySetting = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
571
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.622 10.395l-1.097-2.65L20 6l-2-2-1.735 1.483-2.707-1.113L12.935 2h-1.954l-.632 2.401-2.645 1.115L6 4 4 6l1.453 1.789-1.08 2.657L2 11v2l2.401.655L5.516 16.3 4 18l2 2 1.791-1.46 2.606 1.072L11 22h2l.604-2.387 2.651-1.098C16.697 18.831 18 20 18 20l2-2-1.484-1.75 1.098-2.652 2.386-.62V11l-2.378-.605z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
572
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
573
|
+
] });
|
|
574
|
+
var IconlyFolder = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7.5C3 6.119 4.119 5 5.5 5h3.879a2 2 0 0 1 1.414.586l1.207 1.207a2 2 0 0 0 1.414.586H18.5C19.881 7.379 21 8.498 21 9.879V16.5c0 1.381-1.119 2.5-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
575
|
+
var IconlyLink = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
576
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
577
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
578
|
+
] });
|
|
564
579
|
var IconlySmile = IconlyActivity;
|
|
565
580
|
var IconlyAttach = IconlyActivity;
|
|
566
581
|
var IconlyInfo = IconlyActivity;
|
|
@@ -574,7 +589,6 @@ var IconlyInfoCircle = IconlyActivity;
|
|
|
574
589
|
var IconlySuccess = IconlyActivity;
|
|
575
590
|
var IconlyWarning = IconlyActivity;
|
|
576
591
|
var IconlyError = IconlyActivity;
|
|
577
|
-
var IconlyLink = IconlyActivity;
|
|
578
592
|
|
|
579
593
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/Tag.module.scss
|
|
580
594
|
__styleInject(`@charset "UTF-8";
|
|
@@ -3596,6 +3610,105 @@ function DropdownMenu({
|
|
|
3596
3610
|
] });
|
|
3597
3611
|
}
|
|
3598
3612
|
|
|
3613
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/SegmentedControl.module.scss
|
|
3614
|
+
__styleInject(`@charset "UTF-8";
|
|
3615
|
+
/* SegmentedControl \u2014 pill-\u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 N \u0441\u0435\u0433\u043C\u0435\u043D\u0442\u0430\u043C\u0438, \u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0439 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D. */
|
|
3616
|
+
.SegmentedControl-module_root {
|
|
3617
|
+
display: inline-flex;
|
|
3618
|
+
align-items: stretch;
|
|
3619
|
+
border: 1px solid var(--border-color);
|
|
3620
|
+
border-radius: var(--radius-full);
|
|
3621
|
+
padding: 2px;
|
|
3622
|
+
background: var(--bg);
|
|
3623
|
+
line-height: 1;
|
|
3624
|
+
}
|
|
3625
|
+
|
|
3626
|
+
/* \u2014 \u0420\u0430\u0437\u043C\u0435\u0440\u044B (parity \u0441 Button/Toggle) \u2014 */
|
|
3627
|
+
.SegmentedControl-module_sm {
|
|
3628
|
+
height: 28px;
|
|
3629
|
+
}
|
|
3630
|
+
.SegmentedControl-module_sm .SegmentedControl-module_segment {
|
|
3631
|
+
padding: 0 0.625rem;
|
|
3632
|
+
font-size: 11px;
|
|
3633
|
+
font-weight: 600;
|
|
3634
|
+
letter-spacing: 0.04em;
|
|
3635
|
+
}
|
|
3636
|
+
|
|
3637
|
+
.SegmentedControl-module_md {
|
|
3638
|
+
height: 32px;
|
|
3639
|
+
}
|
|
3640
|
+
.SegmentedControl-module_md .SegmentedControl-module_segment {
|
|
3641
|
+
padding: 0 0.875rem;
|
|
3642
|
+
font-size: 13px;
|
|
3643
|
+
font-weight: 600;
|
|
3644
|
+
letter-spacing: -0.25px;
|
|
3645
|
+
}
|
|
3646
|
+
|
|
3647
|
+
/* \u2014 Segment (button) \u2014 */
|
|
3648
|
+
.SegmentedControl-module_segment {
|
|
3649
|
+
appearance: none;
|
|
3650
|
+
border: none;
|
|
3651
|
+
background: transparent;
|
|
3652
|
+
color: var(--fg-muted);
|
|
3653
|
+
border-radius: var(--radius-full);
|
|
3654
|
+
cursor: pointer;
|
|
3655
|
+
transition: color var(--transition-fast), background var(--transition-fast);
|
|
3656
|
+
}
|
|
3657
|
+
.SegmentedControl-module_segment:hover:not(.SegmentedControl-module_segmentActive):not(:disabled) {
|
|
3658
|
+
color: var(--fg);
|
|
3659
|
+
}
|
|
3660
|
+
.SegmentedControl-module_segment:focus-visible {
|
|
3661
|
+
outline: 2px solid var(--brand-primary);
|
|
3662
|
+
outline-offset: 2px;
|
|
3663
|
+
}
|
|
3664
|
+
.SegmentedControl-module_segment:disabled {
|
|
3665
|
+
cursor: not-allowed;
|
|
3666
|
+
opacity: 0.5;
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3669
|
+
.SegmentedControl-module_segmentActive {
|
|
3670
|
+
background: var(--fg);
|
|
3671
|
+
color: var(--bg);
|
|
3672
|
+
cursor: default;
|
|
3673
|
+
}`);
|
|
3674
|
+
var __default42 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
|
|
3675
|
+
function SegmentedControl({
|
|
3676
|
+
options,
|
|
3677
|
+
value,
|
|
3678
|
+
onChange,
|
|
3679
|
+
size = "md",
|
|
3680
|
+
ariaLabel,
|
|
3681
|
+
className = ""
|
|
3682
|
+
}) {
|
|
3683
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3684
|
+
"div",
|
|
3685
|
+
{
|
|
3686
|
+
role: "group",
|
|
3687
|
+
"aria-label": ariaLabel,
|
|
3688
|
+
className: `${__default42.root} ${__default42[size]}${className ? ` ${className}` : ""}`,
|
|
3689
|
+
children: options.map((option) => {
|
|
3690
|
+
const isActive = option.value === value;
|
|
3691
|
+
const isDisabled = option.disabled || false;
|
|
3692
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3693
|
+
"button",
|
|
3694
|
+
{
|
|
3695
|
+
type: "button",
|
|
3696
|
+
"aria-pressed": isActive,
|
|
3697
|
+
disabled: isDisabled,
|
|
3698
|
+
className: `${__default42.segment}${isActive ? ` ${__default42.segmentActive}` : ""}`,
|
|
3699
|
+
onClick: () => {
|
|
3700
|
+
if (isActive || isDisabled) return;
|
|
3701
|
+
onChange(option.value);
|
|
3702
|
+
},
|
|
3703
|
+
children: option.label
|
|
3704
|
+
},
|
|
3705
|
+
option.value
|
|
3706
|
+
);
|
|
3707
|
+
})
|
|
3708
|
+
}
|
|
3709
|
+
);
|
|
3710
|
+
}
|
|
3711
|
+
|
|
3599
3712
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/Header.module.scss
|
|
3600
3713
|
__styleInject(`@charset "UTF-8";
|
|
3601
3714
|
/* Header \u2014 pill-style (border + radius + margin) by default */
|
|
@@ -3708,25 +3821,25 @@ __styleInject(`@charset "UTF-8";
|
|
|
3708
3821
|
padding-top: 1rem;
|
|
3709
3822
|
border-top: 1px solid var(--border-color);
|
|
3710
3823
|
}`);
|
|
3711
|
-
var
|
|
3824
|
+
var __default43 = { "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" };
|
|
3712
3825
|
function Header({ logo, navItems = [], actions, className = "" }) {
|
|
3713
3826
|
const [mobileOpen, setMobileOpen] = react.useState(false);
|
|
3714
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${
|
|
3715
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3716
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3827
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${__default43.root}${className ? ` ${className}` : ""}`, children: [
|
|
3828
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.bar, children: [
|
|
3829
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.leftGroup, children: [
|
|
3717
3830
|
logo,
|
|
3718
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className:
|
|
3831
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default43.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3719
3832
|
"a",
|
|
3720
3833
|
{
|
|
3721
3834
|
href: item.href,
|
|
3722
|
-
className:
|
|
3835
|
+
className: __default43.navLink,
|
|
3723
3836
|
children: item.label
|
|
3724
3837
|
},
|
|
3725
3838
|
item.label
|
|
3726
3839
|
)) })
|
|
3727
3840
|
] }),
|
|
3728
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3729
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3841
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.desktopActions, children: actions }),
|
|
3842
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.mobileToggle, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3730
3843
|
IconButton,
|
|
3731
3844
|
{
|
|
3732
3845
|
variant: "primary",
|
|
@@ -3736,17 +3849,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
|
|
|
3736
3849
|
}
|
|
3737
3850
|
) })
|
|
3738
3851
|
] }) }),
|
|
3739
|
-
mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3740
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className:
|
|
3852
|
+
mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.mobileMenu, children: [
|
|
3853
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default43.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3741
3854
|
"a",
|
|
3742
3855
|
{
|
|
3743
3856
|
href: item.href,
|
|
3744
|
-
className:
|
|
3857
|
+
className: __default43.navLink,
|
|
3745
3858
|
children: item.label
|
|
3746
3859
|
},
|
|
3747
3860
|
item.label
|
|
3748
3861
|
)) }),
|
|
3749
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3862
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.mobileActions, children: actions })
|
|
3750
3863
|
] })
|
|
3751
3864
|
] });
|
|
3752
3865
|
}
|
|
@@ -3880,7 +3993,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3880
3993
|
.Footer-module_socialLink:hover {
|
|
3881
3994
|
color: var(--fg);
|
|
3882
3995
|
}`);
|
|
3883
|
-
var
|
|
3996
|
+
var __default44 = { "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" };
|
|
3884
3997
|
function Footer({
|
|
3885
3998
|
brand,
|
|
3886
3999
|
columns,
|
|
@@ -3891,24 +4004,24 @@ function Footer({
|
|
|
3891
4004
|
const hasBrand = !!(brand && (brand.logo || brand.tagline));
|
|
3892
4005
|
const hasGrid = hasBrand || columns && columns.length > 0;
|
|
3893
4006
|
const hasBottom = !!copyright || socials && socials.length > 0;
|
|
3894
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: `${
|
|
3895
|
-
hasGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3896
|
-
hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4007
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.container, children: [
|
|
4008
|
+
hasGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.grid, children: [
|
|
4009
|
+
hasBrand && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.brandCell, children: [
|
|
3897
4010
|
brand == null ? void 0 : brand.logo,
|
|
3898
|
-
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4011
|
+
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default44.tagline, children: brand.tagline })
|
|
3899
4012
|
] }),
|
|
3900
4013
|
columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3901
|
-
/* @__PURE__ */ jsxRuntime.jsx("h4", { className:
|
|
3902
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
4014
|
+
/* @__PURE__ */ jsxRuntime.jsx("h4", { className: __default44.columnTitle, children: col.title }),
|
|
4015
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default44.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: __default44.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
|
|
3903
4016
|
] }, `${ci}-${col.title}`))
|
|
3904
4017
|
] }),
|
|
3905
|
-
hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3906
|
-
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
3907
|
-
socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4018
|
+
hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.bottom, children: [
|
|
4019
|
+
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default44.copyright, children: copyright }),
|
|
4020
|
+
socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.socials, children: socials.map((social, si) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3908
4021
|
"a",
|
|
3909
4022
|
{
|
|
3910
4023
|
href: social.href,
|
|
3911
|
-
className:
|
|
4024
|
+
className: __default44.socialLink,
|
|
3912
4025
|
children: social.label
|
|
3913
4026
|
},
|
|
3914
4027
|
`${si}-${social.label}`
|
|
@@ -4004,7 +4117,7 @@ __styleInject(`.PricingCard-module_root {
|
|
|
4004
4117
|
.PricingCard-module_cta {
|
|
4005
4118
|
width: 100%;
|
|
4006
4119
|
}`);
|
|
4007
|
-
var
|
|
4120
|
+
var __default45 = { "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" };
|
|
4008
4121
|
function PricingCard({
|
|
4009
4122
|
plan,
|
|
4010
4123
|
price,
|
|
@@ -4019,26 +4132,26 @@ function PricingCard({
|
|
|
4019
4132
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4020
4133
|
"div",
|
|
4021
4134
|
{
|
|
4022
|
-
className: `${
|
|
4135
|
+
className: `${__default45.root}${highlighted ? ` ${__default45.highlighted}` : ""}${className ? ` ${className}` : ""}`,
|
|
4023
4136
|
children: [
|
|
4024
|
-
badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4025
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4026
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4027
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4137
|
+
badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default45.badgeWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "info", children: badge }) }),
|
|
4138
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.header, children: [
|
|
4139
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default45.plan, children: plan }),
|
|
4140
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default45.description, children: description })
|
|
4028
4141
|
] }),
|
|
4029
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4030
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
4031
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
4142
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default45.priceBlock, children: [
|
|
4143
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default45.price, children: price }),
|
|
4144
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default45.period, children: period })
|
|
4032
4145
|
] }),
|
|
4033
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
4146
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default45.features, children: features.map((feature, i) => {
|
|
4034
4147
|
const text = typeof feature === "string" ? feature : feature.text;
|
|
4035
4148
|
const isExcluded = typeof feature === "object" && feature.included === false;
|
|
4036
4149
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4037
4150
|
"li",
|
|
4038
4151
|
{
|
|
4039
|
-
className: `${
|
|
4152
|
+
className: `${__default45.featureItem}${isExcluded ? ` ${__default45.featureItemExcluded}` : ""}`,
|
|
4040
4153
|
children: [
|
|
4041
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `${
|
|
4154
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default45.featureIcon}${isExcluded ? ` ${__default45.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 16 }) }),
|
|
4042
4155
|
text
|
|
4043
4156
|
]
|
|
4044
4157
|
},
|
|
@@ -4049,7 +4162,7 @@ function PricingCard({
|
|
|
4049
4162
|
Button,
|
|
4050
4163
|
{
|
|
4051
4164
|
variant: highlighted ? "primary" : "outline",
|
|
4052
|
-
className:
|
|
4165
|
+
className: __default45.cta,
|
|
4053
4166
|
onClick: cta.onClick,
|
|
4054
4167
|
children: cta.label
|
|
4055
4168
|
}
|
|
@@ -4097,21 +4210,21 @@ __styleInject(`.TestimonialCard-module_root {
|
|
|
4097
4210
|
font-size: 0.75rem;
|
|
4098
4211
|
color: var(--fg-muted);
|
|
4099
4212
|
}`);
|
|
4100
|
-
var
|
|
4213
|
+
var __default46 = { "root": "TestimonialCard-module_root", "quoteIcon": "TestimonialCard-module_quoteIcon", "quoteText": "TestimonialCard-module_quoteText", "author": "TestimonialCard-module_author", "authorName": "TestimonialCard-module_authorName", "authorRole": "TestimonialCard-module_authorRole" };
|
|
4101
4214
|
function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
|
|
4102
4215
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
4103
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
4104
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4105
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
4216
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default46.root}${className ? ` ${className}` : ""}`, children: [
|
|
4217
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default46.quoteIcon, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyQuote, { size: 32 }) }),
|
|
4218
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default46.quoteText, children: [
|
|
4106
4219
|
"\u201C",
|
|
4107
4220
|
quote,
|
|
4108
4221
|
"\u201D"
|
|
4109
4222
|
] }),
|
|
4110
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4223
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default46.author, children: [
|
|
4111
4224
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
|
|
4112
4225
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4113
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4114
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4226
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default46.authorName, children: name }),
|
|
4227
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default46.authorRole, children: role })
|
|
4115
4228
|
] })
|
|
4116
4229
|
] })
|
|
4117
4230
|
] });
|
|
@@ -4183,17 +4296,17 @@ __styleInject(`.FeatureGrid-module_root {
|
|
|
4183
4296
|
color: var(--fg-muted);
|
|
4184
4297
|
line-height: 1.625;
|
|
4185
4298
|
}`);
|
|
4186
|
-
var
|
|
4299
|
+
var __default47 = { "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" };
|
|
4187
4300
|
function FeatureGrid({ features, columns = 3, className = "" }) {
|
|
4188
4301
|
const colsClass = {
|
|
4189
|
-
2:
|
|
4190
|
-
3:
|
|
4191
|
-
4:
|
|
4302
|
+
2: __default47.cols2,
|
|
4303
|
+
3: __default47.cols3,
|
|
4304
|
+
4: __default47.cols4
|
|
4192
4305
|
};
|
|
4193
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4194
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4195
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4196
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4306
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default47.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default47.card, children: [
|
|
4307
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default47.cardIcon, children: feature.icon }),
|
|
4308
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default47.cardTitle, children: feature.title }),
|
|
4309
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default47.cardDescription, children: feature.description })
|
|
4197
4310
|
] }, i)) });
|
|
4198
4311
|
}
|
|
4199
4312
|
|
|
@@ -4294,7 +4407,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4294
4407
|
display: block;
|
|
4295
4408
|
}
|
|
4296
4409
|
}`);
|
|
4297
|
-
var
|
|
4410
|
+
var __default48 = { "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" };
|
|
4298
4411
|
var defaultMenuItems = [
|
|
4299
4412
|
"\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
|
|
4300
4413
|
"\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
|
|
@@ -4338,19 +4451,19 @@ function Sidebar({
|
|
|
4338
4451
|
const items = normaliseItems(rawItems);
|
|
4339
4452
|
const [internalActive, setInternalActive] = react.useState(0);
|
|
4340
4453
|
const isControlled = activeId !== void 0;
|
|
4341
|
-
const widthClass = type === "courseSubmenu" ?
|
|
4454
|
+
const widthClass = type === "courseSubmenu" ? __default48.courseSubmenu : __default48.menu;
|
|
4342
4455
|
const showLegal = legalText !== null;
|
|
4343
4456
|
const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
|
|
4344
4457
|
const isOpen = collapsed === false;
|
|
4345
4458
|
const collapseClasses = [
|
|
4346
|
-
collapsed ?
|
|
4347
|
-
isOpen ?
|
|
4459
|
+
collapsed ? __default48.collapsed : "",
|
|
4460
|
+
isOpen ? __default48.open : ""
|
|
4348
4461
|
].filter(Boolean).join(" ");
|
|
4349
4462
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4350
4463
|
onToggle && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4351
4464
|
"div",
|
|
4352
4465
|
{
|
|
4353
|
-
className: `${
|
|
4466
|
+
className: `${__default48.overlay}${isOpen ? ` ${__default48.overlayVisible}` : ""}`,
|
|
4354
4467
|
onClick: onToggle,
|
|
4355
4468
|
"aria-hidden": "true"
|
|
4356
4469
|
}
|
|
@@ -4358,10 +4471,10 @@ function Sidebar({
|
|
|
4358
4471
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4359
4472
|
"aside",
|
|
4360
4473
|
{
|
|
4361
|
-
className: `${
|
|
4474
|
+
className: `${__default48.root} ${widthClass}${layout === "compact" ? ` ${__default48.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
|
|
4362
4475
|
children: [
|
|
4363
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4364
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className:
|
|
4476
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default48.logo, children: logo }),
|
|
4477
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: __default48.nav, children: items.map((item, i) => {
|
|
4365
4478
|
const isActive = isControlled ? item.id === activeId : i === internalActive;
|
|
4366
4479
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4367
4480
|
MenuItem,
|
|
@@ -4377,9 +4490,9 @@ function Sidebar({
|
|
|
4377
4490
|
item.id
|
|
4378
4491
|
);
|
|
4379
4492
|
}) }),
|
|
4380
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4493
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default48.footer, children: [
|
|
4381
4494
|
type === "menu" && footer,
|
|
4382
|
-
showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4495
|
+
showLegal && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default48.legal, children: legalContent })
|
|
4383
4496
|
] })
|
|
4384
4497
|
]
|
|
4385
4498
|
}
|
|
@@ -4489,7 +4602,7 @@ __styleInject(`.AppCard-module_defaultCard {
|
|
|
4489
4602
|
.AppCard-module_stampBg {
|
|
4490
4603
|
background: var(--bg);
|
|
4491
4604
|
}`);
|
|
4492
|
-
var
|
|
4605
|
+
var __default49 = { "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" };
|
|
4493
4606
|
var HOLE_R = 4;
|
|
4494
4607
|
var HOLE_SP = 16;
|
|
4495
4608
|
function buildStampMask(w, h) {
|
|
@@ -4516,18 +4629,18 @@ function CardContent({
|
|
|
4516
4629
|
isStamp
|
|
4517
4630
|
}) {
|
|
4518
4631
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4519
|
-
image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isStamp ?
|
|
4632
|
+
image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isStamp ? __default49.imageWrap : __default49.imageWrapRounded, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title, className: __default49.image }) }),
|
|
4520
4633
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4521
4634
|
"div",
|
|
4522
4635
|
{
|
|
4523
|
-
className: isStamp ?
|
|
4636
|
+
className: isStamp ? __default49.contentStamp : image ? __default49.contentDefaultWithImage : __default49.contentDefaultNoImage,
|
|
4524
4637
|
children: [
|
|
4525
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4526
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4527
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4638
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default49.textGroup, children: [
|
|
4639
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default49.cardTitle, children: title }),
|
|
4640
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default49.cardDesc, children: description })
|
|
4528
4641
|
] }),
|
|
4529
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4530
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4642
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default49.footer, children: [
|
|
4643
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.iconRow, children: icons }),
|
|
4531
4644
|
/* @__PURE__ */ jsxRuntime.jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
4532
4645
|
] })
|
|
4533
4646
|
]
|
|
@@ -4544,7 +4657,7 @@ function AppCard(_a) {
|
|
|
4544
4657
|
"className"
|
|
4545
4658
|
]);
|
|
4546
4659
|
if (variant === "default") {
|
|
4547
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4660
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default49.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
|
|
4548
4661
|
}
|
|
4549
4662
|
const padded = variant === "stamp-padded";
|
|
4550
4663
|
return /* @__PURE__ */ jsxRuntime.jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
|
|
@@ -4570,7 +4683,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4570
4683
|
ro.disconnect();
|
|
4571
4684
|
};
|
|
4572
4685
|
}, [build]);
|
|
4573
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `${
|
|
4686
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `${__default49.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.shadowWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4574
4687
|
"div",
|
|
4575
4688
|
{
|
|
4576
4689
|
style: {
|
|
@@ -4579,7 +4692,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4579
4692
|
WebkitMaskSize: "100% 100%",
|
|
4580
4693
|
maskSize: "100% 100%"
|
|
4581
4694
|
},
|
|
4582
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4695
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default49.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
|
|
4583
4696
|
}
|
|
4584
4697
|
) }) });
|
|
4585
4698
|
}
|
|
@@ -4592,7 +4705,7 @@ __styleInject(`.AppTopLine-module_root {
|
|
|
4592
4705
|
justify-content: space-between;
|
|
4593
4706
|
width: 100%;
|
|
4594
4707
|
}`);
|
|
4595
|
-
var
|
|
4708
|
+
var __default50 = { "root": "AppTopLine-module_root" };
|
|
4596
4709
|
function AppTopLine({
|
|
4597
4710
|
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",
|
|
4598
4711
|
promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
|
|
@@ -4605,7 +4718,7 @@ function AppTopLine({
|
|
|
4605
4718
|
avatarSrc,
|
|
4606
4719
|
className = ""
|
|
4607
4720
|
}) {
|
|
4608
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
4721
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default50.root}${className ? ` ${className}` : ""}`, children: [
|
|
4609
4722
|
/* @__PURE__ */ jsxRuntime.jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
|
|
4610
4723
|
/* @__PURE__ */ jsxRuntime.jsx(ProfileNav, { stats, avatarSrc })
|
|
4611
4724
|
] });
|
|
@@ -4646,13 +4759,13 @@ __styleInject(`.EmptyState-module_root {
|
|
|
4646
4759
|
.EmptyState-module_action {
|
|
4647
4760
|
margin-top: 1.25rem;
|
|
4648
4761
|
}`);
|
|
4649
|
-
var
|
|
4762
|
+
var __default51 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
|
|
4650
4763
|
function EmptyState({ icon, title, description, action, className = "" }) {
|
|
4651
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
4652
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4653
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
4654
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4655
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4764
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
|
|
4765
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.icon, children: icon }),
|
|
4766
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default51.title, children: title }),
|
|
4767
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default51.description, children: description }),
|
|
4768
|
+
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.action, children: action })
|
|
4656
4769
|
] });
|
|
4657
4770
|
}
|
|
4658
4771
|
|
|
@@ -4844,7 +4957,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4844
4957
|
overflow: hidden;
|
|
4845
4958
|
background: var(--bg-secondary);
|
|
4846
4959
|
}`);
|
|
4847
|
-
var
|
|
4960
|
+
var __default52 = { "root": "HeroSection-module_root", "bgGlow": "HeroSection-module_bgGlow", "glowOrb": "HeroSection-module_glowOrb", "inner": "HeroSection-module_inner", "innerCompact": "HeroSection-module_innerCompact", "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" };
|
|
4848
4961
|
function HeroSection({
|
|
4849
4962
|
eyebrow,
|
|
4850
4963
|
title,
|
|
@@ -4859,25 +4972,25 @@ function HeroSection({
|
|
|
4859
4972
|
const isCenter = align === "center";
|
|
4860
4973
|
const isCompact = size === "compact";
|
|
4861
4974
|
const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
|
|
4862
|
-
const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ?
|
|
4863
|
-
eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4864
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
4975
|
+
const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ? __default52.contentCenter : __default52.content, children: [
|
|
4976
|
+
eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default52.eyebrowWrap}${isCenter ? ` ${__default52.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default52.eyebrow, children: [
|
|
4977
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default52.eyebrowDot }),
|
|
4865
4978
|
eyebrow
|
|
4866
4979
|
] }) }),
|
|
4867
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
4868
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
4869
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
4980
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default52.title, children: title }),
|
|
4981
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default52.subtitle}${isCenter ? ` ${__default52.subtitleCenter}` : ""}`, children: subtitle }),
|
|
4982
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default52.actions}${isCenter ? ` ${__default52.actionsCenter}` : ""}`, children: actions })
|
|
4870
4983
|
] });
|
|
4871
4984
|
const mediaBlock = media && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4872
4985
|
"div",
|
|
4873
4986
|
{
|
|
4874
|
-
className: isSplitRight ?
|
|
4875
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4987
|
+
className: isSplitRight ? __default52.mediaSplit : isCenter ? __default52.mediaWrapCenter : __default52.mediaWrapLeft,
|
|
4988
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.mediaBox, children: media })
|
|
4876
4989
|
}
|
|
4877
4990
|
);
|
|
4878
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
4879
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4880
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: isCompact ?
|
|
4991
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
|
|
4992
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default52.glowOrb }) }),
|
|
4993
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: isCompact ? __default52.innerCompact : __default52.inner, children: isSplitRight ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default52.splitGrid, children: [
|
|
4881
4994
|
contentBlock,
|
|
4882
4995
|
mediaBlock
|
|
4883
4996
|
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -4955,15 +5068,15 @@ __styleInject(`.LogoCloud-module_root {
|
|
|
4955
5068
|
font-size: 1rem;
|
|
4956
5069
|
}
|
|
4957
5070
|
}`);
|
|
4958
|
-
var
|
|
5071
|
+
var __default53 = { "root": "LogoCloud-module_root", "label": "LogoCloud-module_label", "grid": "LogoCloud-module_grid", "logoItem": "LogoCloud-module_logoItem", "logoImg": "LogoCloud-module_logoImg", "logoText": "LogoCloud-module_logoText" };
|
|
4959
5072
|
function LogoCloud({
|
|
4960
5073
|
label = "Trusted by teams at",
|
|
4961
5074
|
logos,
|
|
4962
5075
|
className = ""
|
|
4963
5076
|
}) {
|
|
4964
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
4965
|
-
label && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
4966
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5077
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
|
|
5078
|
+
label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default53.label, children: label }),
|
|
5079
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.grid, children: logos.map((logo) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default53.logoItem, children: logo.src ? (
|
|
4967
5080
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4968
5081
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4969
5082
|
"img",
|
|
@@ -4971,10 +5084,10 @@ function LogoCloud({
|
|
|
4971
5084
|
src: logo.src,
|
|
4972
5085
|
alt: logo.name,
|
|
4973
5086
|
width: logo.width || 100,
|
|
4974
|
-
className: `${
|
|
5087
|
+
className: `${__default53.logoImg} logo-img`
|
|
4975
5088
|
}
|
|
4976
5089
|
)
|
|
4977
|
-
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5090
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default53.logoText, children: logo.name }) }, logo.name)) })
|
|
4978
5091
|
] });
|
|
4979
5092
|
}
|
|
4980
5093
|
|
|
@@ -5070,18 +5183,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
5070
5183
|
color: var(--fg-muted);
|
|
5071
5184
|
letter-spacing: -0.25px;
|
|
5072
5185
|
}`);
|
|
5073
|
-
var
|
|
5186
|
+
var __default54 = { "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" };
|
|
5074
5187
|
function StatsBar({ stats, variant = "inline", className = "" }) {
|
|
5075
5188
|
if (variant === "cards") {
|
|
5076
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5077
|
-
stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5078
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5079
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5189
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default54.card, children: [
|
|
5190
|
+
stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.cardIconWrap, children: stat.icon }),
|
|
5191
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statValue, children: stat.value }),
|
|
5192
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statLabel, children: stat.label })
|
|
5080
5193
|
] }, i)) }) });
|
|
5081
5194
|
}
|
|
5082
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5083
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5084
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5195
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default54.root} ${__default54.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default54.inlineItem, children: [
|
|
5196
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statValue, children: stat.value }),
|
|
5197
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default54.statLabel, children: stat.label })
|
|
5085
5198
|
] }, i)) }) });
|
|
5086
5199
|
}
|
|
5087
5200
|
|
|
@@ -5171,7 +5284,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5171
5284
|
gap: 0.75rem;
|
|
5172
5285
|
justify-content: center;
|
|
5173
5286
|
}`);
|
|
5174
|
-
var
|
|
5287
|
+
var __default55 = { "root": "CTASection-module_root", "default": "CTASection-module_default", "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" };
|
|
5175
5288
|
function CTASection({
|
|
5176
5289
|
title,
|
|
5177
5290
|
description,
|
|
@@ -5180,10 +5293,10 @@ function CTASection({
|
|
|
5180
5293
|
className = ""
|
|
5181
5294
|
}) {
|
|
5182
5295
|
const isFilled = variant === "filled";
|
|
5183
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5184
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${
|
|
5185
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
5186
|
-
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5296
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default55.root} ${__default55[variant]}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default55.inner, children: [
|
|
5297
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default55.title}${isFilled ? ` ${__default55.titleFilled}` : ""}`, children: title }),
|
|
5298
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default55.description}${isFilled ? ` ${__default55.descriptionFilled}` : ""}`, children: description }),
|
|
5299
|
+
actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default55.actions, children: actions })
|
|
5187
5300
|
] }) });
|
|
5188
5301
|
}
|
|
5189
5302
|
|
|
@@ -5279,21 +5392,21 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5279
5392
|
line-height: 1.625;
|
|
5280
5393
|
letter-spacing: -0.25px;
|
|
5281
5394
|
}`);
|
|
5282
|
-
var
|
|
5395
|
+
var __default56 = { "root": "BentoGrid-module_root", "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" };
|
|
5283
5396
|
function BentoGrid({ items, className = "" }) {
|
|
5284
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5285
|
-
const spanClass = item.span === 2 ? ` ${
|
|
5286
|
-
const rowClass = item.rowSpan === 2 ? ` ${
|
|
5397
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default56.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.grid, children: items.map((item, i) => {
|
|
5398
|
+
const spanClass = item.span === 2 ? ` ${__default56.colSpan2}` : "";
|
|
5399
|
+
const rowClass = item.rowSpan === 2 ? ` ${__default56.rowSpan2}` : "";
|
|
5287
5400
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5288
5401
|
"div",
|
|
5289
5402
|
{
|
|
5290
|
-
className: `${
|
|
5403
|
+
className: `${__default56.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
|
|
5291
5404
|
children: [
|
|
5292
|
-
item.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5293
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
5294
|
-
item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5295
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
5296
|
-
item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
5405
|
+
item.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.mediaWrap, children: item.media }),
|
|
5406
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default56.content}${item.rowSpan === 2 ? ` ${__default56.contentTall}` : ""}`, children: [
|
|
5407
|
+
item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default56.itemIcon, children: item.icon }),
|
|
5408
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default56.itemTitle, children: item.title }),
|
|
5409
|
+
item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default56.itemDescription, children: item.description })
|
|
5297
5410
|
] })
|
|
5298
5411
|
]
|
|
5299
5412
|
},
|
|
@@ -5408,7 +5521,7 @@ __styleInject(`.FAQSection-module_root {
|
|
|
5408
5521
|
line-height: 1.625;
|
|
5409
5522
|
padding-right: 2rem;
|
|
5410
5523
|
}`);
|
|
5411
|
-
var
|
|
5524
|
+
var __default57 = { "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" };
|
|
5412
5525
|
function FAQSection({
|
|
5413
5526
|
title = "Frequently asked questions",
|
|
5414
5527
|
subtitle,
|
|
@@ -5417,25 +5530,25 @@ function FAQSection({
|
|
|
5417
5530
|
}) {
|
|
5418
5531
|
const [openIndex, setOpenIndex] = react.useState(null);
|
|
5419
5532
|
const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
|
|
5420
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5421
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
5422
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
5423
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: title || subtitle ?
|
|
5533
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default57.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default57.container, children: [
|
|
5534
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default57.title, children: title }),
|
|
5535
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default57.subtitle, children: subtitle }),
|
|
5536
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: title || subtitle ? __default57.list : "", children: items.map((item, i) => {
|
|
5424
5537
|
const isOpen = openIndex === i;
|
|
5425
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5538
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default57.item, children: [
|
|
5426
5539
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5427
5540
|
"button",
|
|
5428
5541
|
{
|
|
5429
5542
|
onClick: () => toggle(i),
|
|
5430
|
-
className:
|
|
5543
|
+
className: __default57.question,
|
|
5431
5544
|
"aria-expanded": isOpen,
|
|
5432
5545
|
children: [
|
|
5433
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5434
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: isOpen ?
|
|
5546
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default57.questionText, children: item.question }),
|
|
5547
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: isOpen ? __default57.toggleIconOpen : __default57.toggleIcon, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
|
|
5435
5548
|
]
|
|
5436
5549
|
}
|
|
5437
5550
|
),
|
|
5438
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: isOpen ?
|
|
5551
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: isOpen ? __default57.answerOpen : __default57.answerClosed, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default57.answerText, children: item.answer }) })
|
|
5439
5552
|
] }, i);
|
|
5440
5553
|
}) })
|
|
5441
5554
|
] }) });
|
|
@@ -5525,32 +5638,32 @@ __styleInject(`.ComparisonTable-module_root {
|
|
|
5525
5638
|
font-weight: 500;
|
|
5526
5639
|
color: var(--fg);
|
|
5527
5640
|
}`);
|
|
5528
|
-
var
|
|
5641
|
+
var __default58 = { "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" };
|
|
5529
5642
|
function ComparisonTable({ columns, rows, className = "" }) {
|
|
5530
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
5643
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default58.scrollWrap, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: __default58.table, children: [
|
|
5531
5644
|
/* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
|
|
5532
|
-
/* @__PURE__ */ jsxRuntime.jsx("th", { className:
|
|
5645
|
+
/* @__PURE__ */ jsxRuntime.jsx("th", { className: __default58.headerCell }),
|
|
5533
5646
|
columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5534
5647
|
"th",
|
|
5535
5648
|
{
|
|
5536
|
-
className: col.highlighted ?
|
|
5649
|
+
className: col.highlighted ? __default58.columnHeaderHighlighted : __default58.columnHeader,
|
|
5537
5650
|
children: col.label
|
|
5538
5651
|
},
|
|
5539
5652
|
i
|
|
5540
5653
|
))
|
|
5541
5654
|
] }) }),
|
|
5542
|
-
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className:
|
|
5543
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className:
|
|
5655
|
+
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: __default58.bodyRow, children: [
|
|
5656
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: __default58.featureCell, children: row.feature }),
|
|
5544
5657
|
row.values.map((val, vi) => {
|
|
5545
5658
|
var _a;
|
|
5546
5659
|
const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
|
|
5547
5660
|
const isLast = ri === rows.length - 1;
|
|
5548
|
-
const cellClass = isHighlighted ? isLast ?
|
|
5661
|
+
const cellClass = isHighlighted ? isLast ? __default58.valueCellHighlightedLast : __default58.valueCellHighlighted : __default58.valueCell;
|
|
5549
5662
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5550
5663
|
"td",
|
|
5551
5664
|
{
|
|
5552
5665
|
className: cellClass,
|
|
5553
|
-
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5666
|
+
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.iconSuccess, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.iconMuted, children: /* @__PURE__ */ jsxRuntime.jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default58.textValue, children: val }) : val
|
|
5554
5667
|
},
|
|
5555
5668
|
vi
|
|
5556
5669
|
);
|
|
@@ -5559,6 +5672,339 @@ function ComparisonTable({ columns, rows, className = "" }) {
|
|
|
5559
5672
|
] }) }) });
|
|
5560
5673
|
}
|
|
5561
5674
|
|
|
5675
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/BottomSheet.module.scss
|
|
5676
|
+
__styleInject(`@charset "UTF-8";
|
|
5677
|
+
/* BottomSheet \u2014 sticky bar + sliding panel (mobile-first, opt-in \u0434\u043B\u044F desktop) */
|
|
5678
|
+
.BottomSheet-module_root {
|
|
5679
|
+
/* Container \u2014 context provider wrapper. \u041D\u0435 \u0432\u043B\u0438\u044F\u0435\u0442 \u043D\u0430 layout. */
|
|
5680
|
+
display: contents;
|
|
5681
|
+
}
|
|
5682
|
+
|
|
5683
|
+
/* \u2500\u2500\u2500 Trigger \u2500\u2500\u2500 */
|
|
5684
|
+
.BottomSheet-module_trigger {
|
|
5685
|
+
display: inline-flex;
|
|
5686
|
+
cursor: pointer;
|
|
5687
|
+
/* Trigger \u043F\u043E\u043B\u0443\u0447\u0430\u0435\u0442 focus \u043A\u0430\u043A \u043D\u0430\u0442\u0438\u0432\u043D\u0430\u044F \u0437\u043E\u043D\u0430 \u043A\u043B\u0438\u043A\u0430 \u2014 \u043D\u043E \u0444\u043E\u043A\u0443\u0441-\u0438\u043D\u0434\u0438\u043A\u0430\u0442\u043E\u0440 \u0438\u0434\u0451\u0442 \u0447\u0435\u0440\u0435\u0437 children. */
|
|
5688
|
+
}
|
|
5689
|
+
.BottomSheet-module_trigger:focus, .BottomSheet-module_trigger:focus-visible {
|
|
5690
|
+
outline: none;
|
|
5691
|
+
}
|
|
5692
|
+
|
|
5693
|
+
/* \u2500\u2500\u2500 Bar (sticky bottom, \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u043D\u0430) \u2500\u2500\u2500 */
|
|
5694
|
+
.BottomSheet-module_bar {
|
|
5695
|
+
position: fixed;
|
|
5696
|
+
bottom: 0;
|
|
5697
|
+
left: 0;
|
|
5698
|
+
right: 0;
|
|
5699
|
+
z-index: 40;
|
|
5700
|
+
display: flex;
|
|
5701
|
+
flex-direction: column;
|
|
5702
|
+
gap: 16px;
|
|
5703
|
+
padding: 12px 16px 16px;
|
|
5704
|
+
padding-bottom: max(16px, env(safe-area-inset-bottom));
|
|
5705
|
+
background: var(--bg);
|
|
5706
|
+
border-top: 1px solid var(--border-color);
|
|
5707
|
+
border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
|
|
5708
|
+
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.04);
|
|
5709
|
+
}
|
|
5710
|
+
|
|
5711
|
+
/* Drag-handle \u0441\u0432\u0435\u0440\u0445\u0443 Bar \u2014 \u0438\u043D\u0434\u0438\u043A\u0430\u0442\u043E\u0440 \xAB\u043C\u043E\u0436\u043D\u043E \u043F\u043E\u0442\u044F\u043D\u0443\u0442\u044C \u0432\u0432\u0435\u0440\u0445\xBB \u0432 closed-state. */
|
|
5712
|
+
.BottomSheet-module_barHandle {
|
|
5713
|
+
display: flex;
|
|
5714
|
+
justify-content: center;
|
|
5715
|
+
align-items: center;
|
|
5716
|
+
width: 100%;
|
|
5717
|
+
padding: 8px 0;
|
|
5718
|
+
border: none;
|
|
5719
|
+
background: transparent;
|
|
5720
|
+
cursor: grab;
|
|
5721
|
+
touch-action: none;
|
|
5722
|
+
user-select: none;
|
|
5723
|
+
-webkit-user-select: none;
|
|
5724
|
+
}
|
|
5725
|
+
.BottomSheet-module_barHandle:active {
|
|
5726
|
+
cursor: grabbing;
|
|
5727
|
+
}
|
|
5728
|
+
.BottomSheet-module_barHandle:hover .BottomSheet-module_handleBar, .BottomSheet-module_barHandle:focus-visible .BottomSheet-module_handleBar {
|
|
5729
|
+
background: var(--fg-secondary);
|
|
5730
|
+
width: 48px;
|
|
5731
|
+
}
|
|
5732
|
+
.BottomSheet-module_barHandle:focus, .BottomSheet-module_barHandle:focus-visible {
|
|
5733
|
+
outline: none;
|
|
5734
|
+
}
|
|
5735
|
+
|
|
5736
|
+
.BottomSheet-module_barActions {
|
|
5737
|
+
display: flex;
|
|
5738
|
+
align-items: stretch;
|
|
5739
|
+
gap: 12px;
|
|
5740
|
+
/* \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 barActions \u0440\u0430\u0441\u0442\u044F\u0433\u0438\u0432\u0430\u044E\u0442\u0441\u044F \u0440\u0430\u0432\u043D\u044B\u043C\u0438 \u0434\u043E\u043B\u044F\u043C\u0438. */
|
|
5741
|
+
}
|
|
5742
|
+
.BottomSheet-module_barActions > * {
|
|
5743
|
+
flex: 1;
|
|
5744
|
+
min-width: 0;
|
|
5745
|
+
}
|
|
5746
|
+
|
|
5747
|
+
/* \u2500\u2500\u2500 Backdrop (\u0437\u0430\u0442\u0435\u043C\u043D\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 open) \u2500\u2500\u2500 */
|
|
5748
|
+
.BottomSheet-module_backdrop {
|
|
5749
|
+
position: fixed;
|
|
5750
|
+
inset: 0;
|
|
5751
|
+
z-index: 49;
|
|
5752
|
+
background: rgba(0, 0, 0, 0.4);
|
|
5753
|
+
opacity: 0;
|
|
5754
|
+
pointer-events: none;
|
|
5755
|
+
transition: opacity 200ms ease-out;
|
|
5756
|
+
}
|
|
5757
|
+
|
|
5758
|
+
.BottomSheet-module_backdropOpen {
|
|
5759
|
+
opacity: 1;
|
|
5760
|
+
pointer-events: auto;
|
|
5761
|
+
}
|
|
5762
|
+
|
|
5763
|
+
/* \u2500\u2500\u2500 Panel (raise-from-bottom) \u2500\u2500\u2500 */
|
|
5764
|
+
.BottomSheet-module_panel {
|
|
5765
|
+
position: fixed;
|
|
5766
|
+
left: 0;
|
|
5767
|
+
right: 0;
|
|
5768
|
+
bottom: 0;
|
|
5769
|
+
z-index: 50;
|
|
5770
|
+
display: flex;
|
|
5771
|
+
flex-direction: column;
|
|
5772
|
+
max-height: 85vh;
|
|
5773
|
+
background: var(--bg);
|
|
5774
|
+
border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
|
|
5775
|
+
box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12), 0 -2px 4px rgba(0, 0, 0, 0.04);
|
|
5776
|
+
overflow-y: auto;
|
|
5777
|
+
/* overscroll-behavior \u0438\u0441\u043A\u043B\u044E\u0447\u0430\u0435\u0442 chain'\u0438\u043D\u0433 \u043F\u0440\u043E\u043A\u0440\u0443\u0442\u043A\u0438 \u043D\u0430 body (\u0442\u0438\u043F\u0438\u0447\u043D\u043E \u0434\u043B\u044F bottom-sheet'\u043E\u0432). */
|
|
5778
|
+
overscroll-behavior: contain;
|
|
5779
|
+
/* touch-action: pan-y \u0447\u0442\u043E\u0431\u044B scrolling \u0432\u043D\u0443\u0442\u0440\u0438 panel \u0440\u0430\u0431\u043E\u0442\u0430\u043B, \u0430 pinch/zoom \u2014 \u043D\u0435\u0442. */
|
|
5780
|
+
touch-action: pan-y;
|
|
5781
|
+
transform: translateY(100%);
|
|
5782
|
+
transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
5783
|
+
padding: 0 20px 20px;
|
|
5784
|
+
padding-bottom: max(20px, env(safe-area-inset-bottom));
|
|
5785
|
+
}
|
|
5786
|
+
.BottomSheet-module_panel[aria-hidden=true] {
|
|
5787
|
+
pointer-events: none;
|
|
5788
|
+
}
|
|
5789
|
+
|
|
5790
|
+
.BottomSheet-module_panelOpen {
|
|
5791
|
+
transform: translateY(0);
|
|
5792
|
+
}
|
|
5793
|
+
|
|
5794
|
+
/* \u2500\u2500\u2500 Handle (drag indicator) \u2500\u2500\u2500 */
|
|
5795
|
+
.BottomSheet-module_handle {
|
|
5796
|
+
position: sticky;
|
|
5797
|
+
top: 0;
|
|
5798
|
+
display: flex;
|
|
5799
|
+
justify-content: center;
|
|
5800
|
+
align-items: center;
|
|
5801
|
+
width: 100%;
|
|
5802
|
+
padding: 14px 0 10px;
|
|
5803
|
+
border: none;
|
|
5804
|
+
background: var(--bg);
|
|
5805
|
+
cursor: grab;
|
|
5806
|
+
z-index: 1;
|
|
5807
|
+
/* touch-action: none \u2014 handle \u0437\u0430\u0445\u0432\u0430\u0442\u044B\u0432\u0430\u0435\u0442 \u0441\u0432\u0430\u0439\u043F \u0432\u043D\u0438\u0437 \u0434\u043B\u044F drag-to-close, \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D scroll'\u0438\u0442\u044C panel. */
|
|
5808
|
+
touch-action: none;
|
|
5809
|
+
user-select: none;
|
|
5810
|
+
-webkit-user-select: none;
|
|
5811
|
+
}
|
|
5812
|
+
.BottomSheet-module_handle:active {
|
|
5813
|
+
cursor: grabbing;
|
|
5814
|
+
}
|
|
5815
|
+
.BottomSheet-module_handle:hover .BottomSheet-module_handleBar, .BottomSheet-module_handle:focus-visible .BottomSheet-module_handleBar {
|
|
5816
|
+
background: var(--fg);
|
|
5817
|
+
width: 48px;
|
|
5818
|
+
}
|
|
5819
|
+
.BottomSheet-module_handle:focus, .BottomSheet-module_handle:focus-visible {
|
|
5820
|
+
outline: none;
|
|
5821
|
+
}
|
|
5822
|
+
|
|
5823
|
+
.BottomSheet-module_handleBar {
|
|
5824
|
+
display: block;
|
|
5825
|
+
width: 40px;
|
|
5826
|
+
height: 5px;
|
|
5827
|
+
border-radius: 9999px;
|
|
5828
|
+
background: var(--border-color-strong);
|
|
5829
|
+
transition: background var(--transition-fast), width var(--transition-fast);
|
|
5830
|
+
}`);
|
|
5831
|
+
var __default59 = { "root": "BottomSheet-module_root", "trigger": "BottomSheet-module_trigger", "bar": "BottomSheet-module_bar", "barHandle": "BottomSheet-module_barHandle", "handleBar": "BottomSheet-module_handleBar", "barActions": "BottomSheet-module_barActions", "backdrop": "BottomSheet-module_backdrop", "backdropOpen": "BottomSheet-module_backdropOpen", "panel": "BottomSheet-module_panel", "panelOpen": "BottomSheet-module_panelOpen", "handle": "BottomSheet-module_handle" };
|
|
5832
|
+
var BottomSheetContext = react.createContext(null);
|
|
5833
|
+
function useBottomSheet(part) {
|
|
5834
|
+
const ctx = react.useContext(BottomSheetContext);
|
|
5835
|
+
if (!ctx) {
|
|
5836
|
+
throw new Error(`<BottomSheet.${part}> must be used within <BottomSheet>`);
|
|
5837
|
+
}
|
|
5838
|
+
return ctx;
|
|
5839
|
+
}
|
|
5840
|
+
function BottomSheet({
|
|
5841
|
+
open: controlledOpen,
|
|
5842
|
+
onOpenChange,
|
|
5843
|
+
defaultOpen = false,
|
|
5844
|
+
swipeCloseThreshold = 80,
|
|
5845
|
+
children,
|
|
5846
|
+
className = ""
|
|
5847
|
+
}) {
|
|
5848
|
+
const [internalOpen, setInternalOpen] = react.useState(defaultOpen);
|
|
5849
|
+
const isControlled = controlledOpen !== void 0;
|
|
5850
|
+
const open = isControlled ? controlledOpen : internalOpen;
|
|
5851
|
+
const setOpen = react.useCallback(
|
|
5852
|
+
(next) => {
|
|
5853
|
+
if (!isControlled) setInternalOpen(next);
|
|
5854
|
+
onOpenChange == null ? void 0 : onOpenChange(next);
|
|
5855
|
+
},
|
|
5856
|
+
[isControlled, onOpenChange]
|
|
5857
|
+
);
|
|
5858
|
+
const [dragY, setDragY] = react.useState(0);
|
|
5859
|
+
const [isDragging, setIsDragging] = react.useState(false);
|
|
5860
|
+
const startYRef = react.useRef(0);
|
|
5861
|
+
const onDragStart = react.useCallback((clientY) => {
|
|
5862
|
+
startYRef.current = clientY;
|
|
5863
|
+
setIsDragging(true);
|
|
5864
|
+
}, []);
|
|
5865
|
+
const onDragMove = react.useCallback((clientY) => {
|
|
5866
|
+
setDragY(clientY - startYRef.current);
|
|
5867
|
+
}, []);
|
|
5868
|
+
const onDragEnd = react.useCallback(() => {
|
|
5869
|
+
setIsDragging(false);
|
|
5870
|
+
if (open && dragY > swipeCloseThreshold) {
|
|
5871
|
+
setOpen(false);
|
|
5872
|
+
} else if (!open && dragY < -swipeCloseThreshold) {
|
|
5873
|
+
setOpen(true);
|
|
5874
|
+
}
|
|
5875
|
+
setDragY(0);
|
|
5876
|
+
}, [dragY, swipeCloseThreshold, setOpen, open]);
|
|
5877
|
+
react.useEffect(() => {
|
|
5878
|
+
if (!open) {
|
|
5879
|
+
setDragY(0);
|
|
5880
|
+
setIsDragging(false);
|
|
5881
|
+
}
|
|
5882
|
+
}, [open]);
|
|
5883
|
+
react.useEffect(() => {
|
|
5884
|
+
if (!open) return;
|
|
5885
|
+
const handleKey = (e) => {
|
|
5886
|
+
if (e.key === "Escape") setOpen(false);
|
|
5887
|
+
};
|
|
5888
|
+
document.addEventListener("keydown", handleKey);
|
|
5889
|
+
return () => document.removeEventListener("keydown", handleKey);
|
|
5890
|
+
}, [open, setOpen]);
|
|
5891
|
+
react.useEffect(() => {
|
|
5892
|
+
if (!open) return;
|
|
5893
|
+
const prev = document.body.style.overflow;
|
|
5894
|
+
document.body.style.overflow = "hidden";
|
|
5895
|
+
return () => {
|
|
5896
|
+
document.body.style.overflow = prev;
|
|
5897
|
+
};
|
|
5898
|
+
}, [open]);
|
|
5899
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5900
|
+
BottomSheetContext.Provider,
|
|
5901
|
+
{
|
|
5902
|
+
value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
|
|
5903
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children })
|
|
5904
|
+
}
|
|
5905
|
+
);
|
|
5906
|
+
}
|
|
5907
|
+
function Bar({ children, className = "" }) {
|
|
5908
|
+
const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
|
|
5909
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default59.bar}${className ? ` ${className}` : ""}`, children: [
|
|
5910
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5911
|
+
"button",
|
|
5912
|
+
{
|
|
5913
|
+
type: "button",
|
|
5914
|
+
onClick: () => setOpen(true),
|
|
5915
|
+
onTouchStart: (e) => onDragStart(e.touches[0].clientY),
|
|
5916
|
+
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5917
|
+
onTouchEnd: onDragEnd,
|
|
5918
|
+
onTouchCancel: onDragEnd,
|
|
5919
|
+
className: __default59.barHandle,
|
|
5920
|
+
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
|
|
5921
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.handleBar })
|
|
5922
|
+
}
|
|
5923
|
+
),
|
|
5924
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default59.barActions, children })
|
|
5925
|
+
] });
|
|
5926
|
+
}
|
|
5927
|
+
function Panel({ children, className = "" }) {
|
|
5928
|
+
const { open, dragY, isDragging, setOpen } = useBottomSheet("Panel");
|
|
5929
|
+
let transformStyle;
|
|
5930
|
+
if (isDragging) {
|
|
5931
|
+
if (open && dragY > 0) {
|
|
5932
|
+
transformStyle = { transform: `translateY(${dragY}px)`, transition: "none" };
|
|
5933
|
+
} else if (!open && dragY < 0) {
|
|
5934
|
+
transformStyle = {
|
|
5935
|
+
transform: `translateY(calc(100% + ${dragY}px))`,
|
|
5936
|
+
transition: "none"
|
|
5937
|
+
};
|
|
5938
|
+
}
|
|
5939
|
+
}
|
|
5940
|
+
const isDraggingOpen = isDragging && !open && dragY < 0;
|
|
5941
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
5942
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5943
|
+
"div",
|
|
5944
|
+
{
|
|
5945
|
+
className: `${__default59.backdrop}${open || isDraggingOpen ? ` ${__default59.backdropOpen}` : ""}`,
|
|
5946
|
+
onClick: () => setOpen(false),
|
|
5947
|
+
"aria-hidden": "true"
|
|
5948
|
+
}
|
|
5949
|
+
),
|
|
5950
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5951
|
+
"div",
|
|
5952
|
+
{
|
|
5953
|
+
className: `${__default59.panel}${open ? ` ${__default59.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
|
|
5954
|
+
role: "dialog",
|
|
5955
|
+
"aria-modal": open,
|
|
5956
|
+
"aria-hidden": !open && !isDraggingOpen,
|
|
5957
|
+
style: transformStyle,
|
|
5958
|
+
children
|
|
5959
|
+
}
|
|
5960
|
+
)
|
|
5961
|
+
] });
|
|
5962
|
+
}
|
|
5963
|
+
function Handle({ className = "" }) {
|
|
5964
|
+
const { open, setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Handle");
|
|
5965
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5966
|
+
"button",
|
|
5967
|
+
{
|
|
5968
|
+
type: "button",
|
|
5969
|
+
onClick: () => setOpen(!open),
|
|
5970
|
+
onTouchStart: (e) => onDragStart(e.touches[0].clientY),
|
|
5971
|
+
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5972
|
+
onTouchEnd: onDragEnd,
|
|
5973
|
+
onTouchCancel: onDragEnd,
|
|
5974
|
+
onPointerDown: (e) => {
|
|
5975
|
+
if (e.pointerType === "mouse") return;
|
|
5976
|
+
onDragStart(e.clientY);
|
|
5977
|
+
},
|
|
5978
|
+
onPointerMove: (e) => {
|
|
5979
|
+
if (e.pointerType === "mouse") return;
|
|
5980
|
+
onDragMove(e.clientY);
|
|
5981
|
+
},
|
|
5982
|
+
onPointerUp: (e) => {
|
|
5983
|
+
if (e.pointerType === "mouse") return;
|
|
5984
|
+
onDragEnd();
|
|
5985
|
+
},
|
|
5986
|
+
className: `${__default59.handle}${className ? ` ${className}` : ""}`,
|
|
5987
|
+
"aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
5988
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.handleBar })
|
|
5989
|
+
}
|
|
5990
|
+
);
|
|
5991
|
+
}
|
|
5992
|
+
function Trigger({ children, className = "" }) {
|
|
5993
|
+
const { open, setOpen } = useBottomSheet("Trigger");
|
|
5994
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5995
|
+
"div",
|
|
5996
|
+
{
|
|
5997
|
+
onClick: () => setOpen(!open),
|
|
5998
|
+
className: `${__default59.trigger}${className ? ` ${className}` : ""}`,
|
|
5999
|
+
children
|
|
6000
|
+
}
|
|
6001
|
+
);
|
|
6002
|
+
}
|
|
6003
|
+
BottomSheet.Bar = Bar;
|
|
6004
|
+
BottomSheet.Panel = Panel;
|
|
6005
|
+
BottomSheet.Handle = Handle;
|
|
6006
|
+
BottomSheet.Trigger = Trigger;
|
|
6007
|
+
|
|
5562
6008
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoBento.module.scss
|
|
5563
6009
|
__styleInject(`.PromoBento-module_root {
|
|
5564
6010
|
padding: 4rem 0;
|
|
@@ -5718,21 +6164,21 @@ __styleInject(`.PromoBento-module_root {
|
|
|
5718
6164
|
.PromoBento-module_cardCta {
|
|
5719
6165
|
margin-top: 0.25rem;
|
|
5720
6166
|
}`);
|
|
5721
|
-
var
|
|
6167
|
+
var __default60 = { "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" };
|
|
5722
6168
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
5723
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
5724
|
-
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5725
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5726
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6169
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default60.card}${className ? ` ${className}` : ""}`, children: [
|
|
6170
|
+
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default60.cardMedia, children: [
|
|
6171
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.cardMediaInner, children: media }),
|
|
6172
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.cardFade })
|
|
5727
6173
|
] }),
|
|
5728
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5729
|
-
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5730
|
-
pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
6174
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default60.cardContent, children: [
|
|
6175
|
+
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.pill, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default60.pillInner, children: [
|
|
6176
|
+
pill.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default60.pillIcon, children: pill.icon }),
|
|
5731
6177
|
pill.label
|
|
5732
6178
|
] }) }),
|
|
5733
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
5734
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
5735
|
-
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6179
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default60.cardTitle, children: title }),
|
|
6180
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default60.cardDesc, children: description }),
|
|
6181
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.cardCta, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5736
6182
|
Button,
|
|
5737
6183
|
{
|
|
5738
6184
|
variant: "outline",
|
|
@@ -5745,12 +6191,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
5745
6191
|
] });
|
|
5746
6192
|
}
|
|
5747
6193
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
5748
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
5749
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5750
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
5751
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6194
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children: [
|
|
6195
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default60.header, children: [
|
|
6196
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default60.heading, children: heading }),
|
|
6197
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default60.subtitle, children: subtitle })
|
|
5752
6198
|
] }),
|
|
5753
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6199
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default60.grid, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
5754
6200
|
] });
|
|
5755
6201
|
}
|
|
5756
6202
|
|
|
@@ -5872,26 +6318,26 @@ __styleInject(`.PromoShowcase-module_root {
|
|
|
5872
6318
|
padding: 2.5rem;
|
|
5873
6319
|
}
|
|
5874
6320
|
}`);
|
|
5875
|
-
var
|
|
6321
|
+
var __default61 = { "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" };
|
|
5876
6322
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
5877
6323
|
const [activeIndex, setActiveIndex] = react.useState(0);
|
|
5878
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
5879
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5880
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5881
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6324
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
|
|
6325
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default61.headingText, children: heading }) }),
|
|
6326
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default61.body, children: [
|
|
6327
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5882
6328
|
"button",
|
|
5883
6329
|
{
|
|
5884
6330
|
onClick: () => setActiveIndex(i),
|
|
5885
|
-
className: `${
|
|
6331
|
+
className: `${__default61.stepButton}${i === activeIndex ? ` ${__default61.stepButtonActive}` : ""}`,
|
|
5886
6332
|
children: step.label
|
|
5887
6333
|
},
|
|
5888
6334
|
i
|
|
5889
6335
|
)) }),
|
|
5890
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6336
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5891
6337
|
"div",
|
|
5892
6338
|
{
|
|
5893
|
-
className: `${
|
|
5894
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6339
|
+
className: `${__default61.panel}${i === activeIndex ? ` ${__default61.panelActive}` : ""}`,
|
|
6340
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.panelInner, children: step.content })
|
|
5895
6341
|
},
|
|
5896
6342
|
i
|
|
5897
6343
|
)) })
|
|
@@ -6040,7 +6486,7 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6040
6486
|
align-items: center;
|
|
6041
6487
|
justify-content: center;
|
|
6042
6488
|
}`);
|
|
6043
|
-
var
|
|
6489
|
+
var __default62 = { "root": "PromoSplit-module_root", "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" };
|
|
6044
6490
|
function PromoSplit({
|
|
6045
6491
|
heading,
|
|
6046
6492
|
description,
|
|
@@ -6050,16 +6496,16 @@ function PromoSplit({
|
|
|
6050
6496
|
className = ""
|
|
6051
6497
|
}) {
|
|
6052
6498
|
const isLeft = mediaPosition === "left";
|
|
6053
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
6054
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
6055
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6056
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6057
|
-
features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6058
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6059
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6499
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default62.gridReversed : __default62.grid, children: [
|
|
6500
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default62.textColumn}${isLeft ? ` ${__default62.textColumnLtr}` : ""}`, children: [
|
|
6501
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default62.heading, children: heading }),
|
|
6502
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default62.description, children: description }),
|
|
6503
|
+
features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.features, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default62.feature, children: [
|
|
6504
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default62.featureTitle, children: feature.title }),
|
|
6505
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default62.featureDesc, children: feature.description })
|
|
6060
6506
|
] }, i)) })
|
|
6061
6507
|
] }),
|
|
6062
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
6508
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default62.mediaColumn}${isLeft ? ` ${__default62.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.mediaBox, children: media ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.mediaContent, children: media }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.mediaPlaceholder, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default62.placeholderCircle, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
6063
6509
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
6064
6510
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
6065
6511
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -6176,16 +6622,16 @@ __styleInject(`.PromoTrustGrid-module_root {
|
|
|
6176
6622
|
justify-content: center;
|
|
6177
6623
|
padding: 1.5rem;
|
|
6178
6624
|
}`);
|
|
6179
|
-
var
|
|
6625
|
+
var __default63 = { "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" };
|
|
6180
6626
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
6181
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6182
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6183
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6184
|
-
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6185
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6186
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6627
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
|
|
6628
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.headingText, children: heading }) }),
|
|
6629
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.featureCard, children: [
|
|
6630
|
+
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.featureIcon, children: feature.icon }),
|
|
6631
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default63.featureTitle, children: feature.title }),
|
|
6632
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.featureDescription, children: feature.description })
|
|
6187
6633
|
] }, i)) }),
|
|
6188
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6634
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.media, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.mediaInner, children: media }) })
|
|
6189
6635
|
] });
|
|
6190
6636
|
}
|
|
6191
6637
|
|
|
@@ -6372,29 +6818,29 @@ __styleInject(`@charset "UTF-8";
|
|
|
6372
6818
|
border-radius: clamp(8px, 1.5vw, 16px);
|
|
6373
6819
|
background: var(--bg-tertiary);
|
|
6374
6820
|
}`);
|
|
6375
|
-
var
|
|
6821
|
+
var __default64 = { "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" };
|
|
6376
6822
|
function PromoDevicesCTA({
|
|
6377
6823
|
heading,
|
|
6378
6824
|
description,
|
|
6379
6825
|
cta,
|
|
6380
6826
|
className = ""
|
|
6381
6827
|
}) {
|
|
6382
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6383
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6384
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6385
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6386
|
-
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6828
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
|
|
6829
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.textBlock, children: [
|
|
6830
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default64.heading, children: heading }),
|
|
6831
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default64.description, children: description }),
|
|
6832
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.ctaWrap, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
6387
6833
|
] }),
|
|
6388
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6389
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6390
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6391
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6392
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6834
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.devices, children: [
|
|
6835
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.laptop, children: [
|
|
6836
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopScreen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopScreenInner }) }),
|
|
6837
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopHinge }),
|
|
6838
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.laptopBase })
|
|
6393
6839
|
] }),
|
|
6394
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6395
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6396
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6397
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6840
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.tablet, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.tabletShell, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.tabletScreen }) }) }),
|
|
6841
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.phone, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default64.phoneShell, children: [
|
|
6842
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.phoneNotch }),
|
|
6843
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default64.phoneScreen })
|
|
6398
6844
|
] }) })
|
|
6399
6845
|
] })
|
|
6400
6846
|
] });
|
|
@@ -6583,7 +7029,7 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6583
7029
|
background: var(--bg-secondary);
|
|
6584
7030
|
overflow: hidden;
|
|
6585
7031
|
}`);
|
|
6586
|
-
var
|
|
7032
|
+
var __default65 = { "root": "PromoTestimonials-module_root", "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" };
|
|
6587
7033
|
function PromoTestimonials({
|
|
6588
7034
|
heading,
|
|
6589
7035
|
subtitle,
|
|
@@ -6591,14 +7037,14 @@ function PromoTestimonials({
|
|
|
6591
7037
|
media,
|
|
6592
7038
|
className = ""
|
|
6593
7039
|
}) {
|
|
6594
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
6595
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7040
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.wrapper, children: [
|
|
7041
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.avatarSection, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.avatarStack, children: [
|
|
6596
7042
|
testimonials.slice(0, 5).map((t, i) => {
|
|
6597
7043
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6598
7044
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6599
7045
|
"div",
|
|
6600
7046
|
{
|
|
6601
|
-
className:
|
|
7047
|
+
className: __default65.avatarRing,
|
|
6602
7048
|
style: { zIndex: 10 - i },
|
|
6603
7049
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6604
7050
|
Avatar,
|
|
@@ -6612,32 +7058,32 @@ function PromoTestimonials({
|
|
|
6612
7058
|
i
|
|
6613
7059
|
);
|
|
6614
7060
|
}),
|
|
6615
|
-
testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7061
|
+
testimonials.length > 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.overflowBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.overflowCircle, children: [
|
|
6616
7062
|
"+",
|
|
6617
7063
|
testimonials.length - 5
|
|
6618
7064
|
] }) })
|
|
6619
7065
|
] }) }),
|
|
6620
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6621
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6622
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7066
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.headingSection, children: [
|
|
7067
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default65.heading, children: heading }),
|
|
7068
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.subtitle, children: subtitle })
|
|
6623
7069
|
] }),
|
|
6624
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7070
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.cardsGrid, children: testimonials.map((t, i) => {
|
|
6625
7071
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6626
7072
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6627
7073
|
"div",
|
|
6628
7074
|
{
|
|
6629
|
-
className:
|
|
7075
|
+
className: __default65.card,
|
|
6630
7076
|
children: [
|
|
6631
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
7077
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default65.quote, children: [
|
|
6632
7078
|
"\u201C",
|
|
6633
7079
|
t.quote,
|
|
6634
7080
|
"\u201D"
|
|
6635
7081
|
] }),
|
|
6636
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7082
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.author, children: [
|
|
6637
7083
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
6638
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6639
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6640
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7084
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.authorInfo, children: [
|
|
7085
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.authorName, children: t.name }),
|
|
7086
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default65.authorRole, children: t.role })
|
|
6641
7087
|
] })
|
|
6642
7088
|
] })
|
|
6643
7089
|
]
|
|
@@ -6645,7 +7091,7 @@ function PromoTestimonials({
|
|
|
6645
7091
|
i
|
|
6646
7092
|
);
|
|
6647
7093
|
}) }) }),
|
|
6648
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7094
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.mediaSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default65.mediaBox, children: media }) })
|
|
6649
7095
|
] }) });
|
|
6650
7096
|
}
|
|
6651
7097
|
|
|
@@ -6797,7 +7243,7 @@ __styleInject(`.PromoHero-module_root {
|
|
|
6797
7243
|
align-items: center;
|
|
6798
7244
|
justify-content: center;
|
|
6799
7245
|
}`);
|
|
6800
|
-
var
|
|
7246
|
+
var __default66 = { "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" };
|
|
6801
7247
|
function PromoHero({
|
|
6802
7248
|
title,
|
|
6803
7249
|
subtitle,
|
|
@@ -6807,30 +7253,30 @@ function PromoHero({
|
|
|
6807
7253
|
variant = "dark",
|
|
6808
7254
|
className = ""
|
|
6809
7255
|
}) {
|
|
6810
|
-
const variantClass = variant === "dark" ?
|
|
6811
|
-
const subtitleClass = variant === "light" ?
|
|
7256
|
+
const variantClass = variant === "dark" ? __default66.dark : variant === "gradient" ? __default66.gradient : __default66.light;
|
|
7257
|
+
const subtitleClass = variant === "light" ? __default66.subtitleLight : __default66.subtitleDark;
|
|
6812
7258
|
const isLight = variant === "light";
|
|
6813
7259
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6814
7260
|
"section",
|
|
6815
7261
|
{
|
|
6816
|
-
className: `${
|
|
7262
|
+
className: `${__default66.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
6817
7263
|
children: [
|
|
6818
|
-
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6819
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6820
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7264
|
+
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.glowLayer, "aria-hidden": "true", children: [
|
|
7265
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.glowTop }),
|
|
7266
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.glowBottom })
|
|
6821
7267
|
] }),
|
|
6822
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6823
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6824
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
6825
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
6826
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7268
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.inner, children: [
|
|
7269
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.textColumn, children: [
|
|
7270
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default66.title, children: title }),
|
|
7271
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default66.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
7272
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.actions, children: [
|
|
6827
7273
|
cta && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6828
7274
|
Button,
|
|
6829
7275
|
{
|
|
6830
7276
|
variant: isLight ? "primary" : "outline",
|
|
6831
7277
|
size: "hero",
|
|
6832
7278
|
onClick: cta.onClick,
|
|
6833
|
-
className: !isLight ?
|
|
7279
|
+
className: !isLight ? __default66.ctaDark : "",
|
|
6834
7280
|
children: cta.label
|
|
6835
7281
|
}
|
|
6836
7282
|
),
|
|
@@ -6840,13 +7286,13 @@ function PromoHero({
|
|
|
6840
7286
|
variant: "ghost",
|
|
6841
7287
|
size: "hero",
|
|
6842
7288
|
onClick: secondaryCta.onClick,
|
|
6843
|
-
className: !isLight ?
|
|
7289
|
+
className: !isLight ? __default66.ghostDark : "",
|
|
6844
7290
|
children: secondaryCta.label
|
|
6845
7291
|
}
|
|
6846
7292
|
)
|
|
6847
7293
|
] })
|
|
6848
7294
|
] }),
|
|
6849
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7295
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaColumn, children: media })
|
|
6850
7296
|
] })
|
|
6851
7297
|
]
|
|
6852
7298
|
}
|
|
@@ -7000,7 +7446,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
7000
7446
|
max-width: 640px;
|
|
7001
7447
|
width: 100%;
|
|
7002
7448
|
}`);
|
|
7003
|
-
var
|
|
7449
|
+
var __default67 = { "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" };
|
|
7004
7450
|
function PromoHeroForm({
|
|
7005
7451
|
title,
|
|
7006
7452
|
subtitle,
|
|
@@ -7023,17 +7469,17 @@ function PromoHeroForm({
|
|
|
7023
7469
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
7024
7470
|
};
|
|
7025
7471
|
const isDisabled = loading || value.trim().length === 0;
|
|
7026
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
7027
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
7028
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7472
|
+
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default67.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.inner, children: [
|
|
7473
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default67.title, children: title }),
|
|
7474
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default67.subtitle, children: subtitle }),
|
|
7029
7475
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7030
7476
|
"form",
|
|
7031
7477
|
{
|
|
7032
|
-
className:
|
|
7478
|
+
className: __default67.form,
|
|
7033
7479
|
onSubmit: handleSubmit,
|
|
7034
7480
|
"aria-busy": loading,
|
|
7035
7481
|
noValidate: true,
|
|
7036
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7482
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.formInner, children: [
|
|
7037
7483
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7038
7484
|
"input",
|
|
7039
7485
|
{
|
|
@@ -7042,7 +7488,7 @@ function PromoHeroForm({
|
|
|
7042
7488
|
value,
|
|
7043
7489
|
onChange: (e) => setValue(e.target.value),
|
|
7044
7490
|
disabled: loading,
|
|
7045
|
-
className:
|
|
7491
|
+
className: __default67.input,
|
|
7046
7492
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
7047
7493
|
}
|
|
7048
7494
|
),
|
|
@@ -7060,8 +7506,8 @@ function PromoHeroForm({
|
|
|
7060
7506
|
] })
|
|
7061
7507
|
}
|
|
7062
7508
|
),
|
|
7063
|
-
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7064
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7509
|
+
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default67.hint, children: hint }),
|
|
7510
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default67.errorBox, role: "alert", children: error })
|
|
7065
7511
|
] }) });
|
|
7066
7512
|
}
|
|
7067
7513
|
|
|
@@ -7339,7 +7785,7 @@ __styleInject(`.PromoPricing-module_root {
|
|
|
7339
7785
|
.PromoPricing-module_ctaWrap {
|
|
7340
7786
|
margin-top: auto;
|
|
7341
7787
|
}`);
|
|
7342
|
-
var
|
|
7788
|
+
var __default68 = { "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" };
|
|
7343
7789
|
function PromoPricing({
|
|
7344
7790
|
heading,
|
|
7345
7791
|
subtitle,
|
|
@@ -7349,50 +7795,50 @@ function PromoPricing({
|
|
|
7349
7795
|
}) {
|
|
7350
7796
|
const isDark = variant === "dark";
|
|
7351
7797
|
const getTierClass = (highlighted) => {
|
|
7352
|
-
if (highlighted) return isDark ?
|
|
7353
|
-
return isDark ?
|
|
7798
|
+
if (highlighted) return isDark ? __default68.tierDarkHighlighted : __default68.tierHighlighted;
|
|
7799
|
+
return isDark ? __default68.tierDark : __default68.tierDefault;
|
|
7354
7800
|
};
|
|
7355
7801
|
const getNameClass = (highlighted) => {
|
|
7356
|
-
if (highlighted) return isDark ?
|
|
7357
|
-
return isDark ?
|
|
7802
|
+
if (highlighted) return isDark ? __default68.tierNameHighlightedDark : __default68.tierNameHighlightedLight;
|
|
7803
|
+
return isDark ? __default68.tierNameDark : __default68.tierNameMuted;
|
|
7358
7804
|
};
|
|
7359
7805
|
const getPeriodClass = (highlighted) => {
|
|
7360
|
-
if (highlighted) return isDark ?
|
|
7361
|
-
return isDark ?
|
|
7806
|
+
if (highlighted) return isDark ? __default68.periodHighlightedDark : __default68.periodHighlightedLight;
|
|
7807
|
+
return isDark ? __default68.periodDark : __default68.periodMuted;
|
|
7362
7808
|
};
|
|
7363
7809
|
const getDescClass = (highlighted) => {
|
|
7364
|
-
if (highlighted) return isDark ?
|
|
7365
|
-
return isDark ?
|
|
7810
|
+
if (highlighted) return isDark ? __default68.tierDescHighlightedDark : __default68.tierDescHighlightedLight;
|
|
7811
|
+
return isDark ? __default68.tierDescDark : __default68.tierDescMuted;
|
|
7366
7812
|
};
|
|
7367
7813
|
const getCheckClass = (highlighted) => {
|
|
7368
|
-
if (highlighted) return isDark ?
|
|
7369
|
-
return isDark ?
|
|
7814
|
+
if (highlighted) return isDark ? __default68.checkHighlightedDark : __default68.checkHighlightedLight;
|
|
7815
|
+
return isDark ? __default68.checkDark : __default68.checkDefault;
|
|
7370
7816
|
};
|
|
7371
7817
|
const getFeatureTextClass = (highlighted) => {
|
|
7372
|
-
if (highlighted) return isDark ?
|
|
7373
|
-
return isDark ?
|
|
7818
|
+
if (highlighted) return isDark ? __default68.featureTextHighlightedDark : __default68.featureTextHighlightedLight;
|
|
7819
|
+
return isDark ? __default68.featureTextDark : __default68.featureTextMuted;
|
|
7374
7820
|
};
|
|
7375
7821
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7376
7822
|
"section",
|
|
7377
7823
|
{
|
|
7378
|
-
className: `${
|
|
7824
|
+
className: `${__default68.root} ${isDark ? __default68.dark : __default68.light}${className ? ` ${className}` : ""}`,
|
|
7379
7825
|
children: [
|
|
7380
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7381
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${
|
|
7382
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7826
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.headingSection, children: [
|
|
7827
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${__default68.heading} ${isDark ? __default68.headingDark : __default68.headingLight}`, children: heading }),
|
|
7828
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default68.subtitle} ${isDark ? __default68.subtitleDark : __default68.subtitleLight}`, children: subtitle })
|
|
7383
7829
|
] }),
|
|
7384
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7830
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7385
7831
|
"div",
|
|
7386
7832
|
{
|
|
7387
7833
|
className: getTierClass(tier.highlighted),
|
|
7388
7834
|
children: [
|
|
7389
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7390
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7835
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.tierName, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
7836
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default68.price, children: [
|
|
7391
7837
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: tier.price }),
|
|
7392
|
-
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${
|
|
7838
|
+
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default68.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
7393
7839
|
] }),
|
|
7394
|
-
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7395
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
7840
|
+
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default68.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
7841
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default68.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: __default68.featureItem, children: [
|
|
7396
7842
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7397
7843
|
"svg",
|
|
7398
7844
|
{
|
|
@@ -7400,13 +7846,13 @@ function PromoPricing({
|
|
|
7400
7846
|
height: "16",
|
|
7401
7847
|
viewBox: "0 0 16 16",
|
|
7402
7848
|
fill: "none",
|
|
7403
|
-
className: `${
|
|
7849
|
+
className: `${__default68.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
7404
7850
|
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
7405
7851
|
}
|
|
7406
7852
|
),
|
|
7407
7853
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
7408
7854
|
] }, fi)) }),
|
|
7409
|
-
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7855
|
+
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.ctaWrap, children: tier.cta })
|
|
7410
7856
|
]
|
|
7411
7857
|
},
|
|
7412
7858
|
i
|
|
@@ -7564,7 +8010,7 @@ __styleInject(`.PromoActionCards-module_root {
|
|
|
7564
8010
|
.PromoActionCards-module_ctaBtn:hover {
|
|
7565
8011
|
opacity: 0.9;
|
|
7566
8012
|
}`);
|
|
7567
|
-
var
|
|
8013
|
+
var __default69 = { "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" };
|
|
7568
8014
|
function PromoActionCards({
|
|
7569
8015
|
heading,
|
|
7570
8016
|
subtitle,
|
|
@@ -7572,28 +8018,28 @@ function PromoActionCards({
|
|
|
7572
8018
|
columns = 3,
|
|
7573
8019
|
className = ""
|
|
7574
8020
|
}) {
|
|
7575
|
-
const gridClass = columns === 2 ?
|
|
7576
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
7577
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7578
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
7579
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8021
|
+
const gridClass = columns === 2 ? __default69.grid2 : __default69.grid3;
|
|
8022
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: [
|
|
8023
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.header, children: [
|
|
8024
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default69.heading, children: heading }),
|
|
8025
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default69.subtitle, children: subtitle })
|
|
7580
8026
|
] }),
|
|
7581
8027
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
7582
8028
|
var _a;
|
|
7583
8029
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7584
8030
|
"div",
|
|
7585
8031
|
{
|
|
7586
|
-
className:
|
|
8032
|
+
className: __default69.card,
|
|
7587
8033
|
children: [
|
|
7588
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7589
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
7590
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8034
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.cardContent, children: [
|
|
8035
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default69.cardTitle, children: card.title }),
|
|
8036
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default69.cardDesc, children: card.description })
|
|
7591
8037
|
] }),
|
|
7592
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7593
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8038
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default69.cardFooter, children: [
|
|
8039
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default69.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
7594
8040
|
"span",
|
|
7595
8041
|
{
|
|
7596
|
-
className:
|
|
8042
|
+
className: __default69.iconCircle,
|
|
7597
8043
|
children: icon
|
|
7598
8044
|
},
|
|
7599
8045
|
ii
|
|
@@ -7602,7 +8048,7 @@ function PromoActionCards({
|
|
|
7602
8048
|
"button",
|
|
7603
8049
|
{
|
|
7604
8050
|
onClick: card.cta.onClick,
|
|
7605
|
-
className:
|
|
8051
|
+
className: __default69.ctaBtn,
|
|
7606
8052
|
children: [
|
|
7607
8053
|
card.cta.label,
|
|
7608
8054
|
/* @__PURE__ */ jsxRuntime.jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -7725,7 +8171,7 @@ __styleInject(`.ArticleHero-module_root {
|
|
|
7725
8171
|
color: rgba(255, 255, 255, 0.9);
|
|
7726
8172
|
line-height: 22.5px;
|
|
7727
8173
|
}`);
|
|
7728
|
-
var
|
|
8174
|
+
var __default70 = { "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" };
|
|
7729
8175
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
7730
8176
|
function ArticleHero({
|
|
7731
8177
|
category,
|
|
@@ -7737,20 +8183,20 @@ function ArticleHero({
|
|
|
7737
8183
|
className = ""
|
|
7738
8184
|
}) {
|
|
7739
8185
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
7740
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
7741
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7742
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className:
|
|
7743
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8186
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
|
|
8187
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.bgLayer, children: [
|
|
8188
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className: __default70.bgImage }),
|
|
8189
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.overlay })
|
|
7744
8190
|
] }),
|
|
7745
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7746
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7747
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7748
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8191
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.topBar, children: [
|
|
8192
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.logo, children: logo }),
|
|
8193
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.divider }),
|
|
8194
|
+
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default70.nav, children: nav })
|
|
7749
8195
|
] }),
|
|
7750
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7751
|
-
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7752
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
7753
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8196
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default70.bottom, children: [
|
|
8197
|
+
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.category, children: category }),
|
|
8198
|
+
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default70.title, children: title }),
|
|
8199
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default70.subtitle, children: subtitle })
|
|
7754
8200
|
] })
|
|
7755
8201
|
] });
|
|
7756
8202
|
}
|
|
@@ -7762,9 +8208,9 @@ __styleInject(`.ArticleBody-module_root {
|
|
|
7762
8208
|
color: var(--fg-secondary);
|
|
7763
8209
|
font-weight: 400;
|
|
7764
8210
|
}`);
|
|
7765
|
-
var
|
|
8211
|
+
var __default71 = { "root": "ArticleBody-module_root" };
|
|
7766
8212
|
function ArticleBody({ children, className = "" }) {
|
|
7767
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8213
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children });
|
|
7768
8214
|
}
|
|
7769
8215
|
|
|
7770
8216
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
@@ -7807,10 +8253,10 @@ __styleInject(`.ArticleHeading-module_root {
|
|
|
7807
8253
|
line-height: 1.25rem;
|
|
7808
8254
|
color: var(--fg-muted);
|
|
7809
8255
|
}`);
|
|
7810
|
-
var
|
|
8256
|
+
var __default72 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
|
|
7811
8257
|
var levelClass = {
|
|
7812
|
-
2:
|
|
7813
|
-
3:
|
|
8258
|
+
2: __default72.h2,
|
|
8259
|
+
3: __default72.h3
|
|
7814
8260
|
};
|
|
7815
8261
|
function ArticleHeading({
|
|
7816
8262
|
level = 2,
|
|
@@ -7820,12 +8266,12 @@ function ArticleHeading({
|
|
|
7820
8266
|
className = ""
|
|
7821
8267
|
}) {
|
|
7822
8268
|
const Tag2 = `h${level}`;
|
|
7823
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
7824
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8269
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
|
|
8270
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default72.header, children: [
|
|
7825
8271
|
/* @__PURE__ */ jsxRuntime.jsx(Tag2, { className: levelClass[level], children }),
|
|
7826
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8272
|
+
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.action, children: action })
|
|
7827
8273
|
] }),
|
|
7828
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8274
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default72.subtitle, children: subtitle })
|
|
7829
8275
|
] });
|
|
7830
8276
|
}
|
|
7831
8277
|
|
|
@@ -7901,7 +8347,7 @@ __styleInject(`.ArticleFigure-module_root {
|
|
|
7901
8347
|
line-height: 1.25rem;
|
|
7902
8348
|
color: var(--fg-muted);
|
|
7903
8349
|
}`);
|
|
7904
|
-
var
|
|
8350
|
+
var __default73 = { "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" };
|
|
7905
8351
|
function ArticleFigure({
|
|
7906
8352
|
src,
|
|
7907
8353
|
alt = "",
|
|
@@ -7911,35 +8357,35 @@ function ArticleFigure({
|
|
|
7911
8357
|
children,
|
|
7912
8358
|
className = ""
|
|
7913
8359
|
}) {
|
|
7914
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8360
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
|
|
7915
8361
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7916
8362
|
"div",
|
|
7917
8363
|
{
|
|
7918
|
-
className:
|
|
8364
|
+
className: __default73.imageWrapper,
|
|
7919
8365
|
style: { minHeight: height },
|
|
7920
8366
|
children: src ? (
|
|
7921
8367
|
// eslint-disable-next-line @next/next/no-img-element
|
|
7922
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className:
|
|
7923
|
-
) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8368
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className: __default73.image })
|
|
8369
|
+
) : children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default73.childWrapper, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default73.placeholder, children: [
|
|
7924
8370
|
/* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
7925
8371
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
7926
8372
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
7927
8373
|
] }),
|
|
7928
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8374
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default73.placeholderText, children: "Figure placeholder" })
|
|
7929
8375
|
] })
|
|
7930
8376
|
}
|
|
7931
8377
|
),
|
|
7932
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8378
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default73.legend, children: legend.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default73.legendItem, children: [
|
|
7933
8379
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7934
8380
|
"span",
|
|
7935
8381
|
{
|
|
7936
|
-
className:
|
|
8382
|
+
className: __default73.legendSwatch,
|
|
7937
8383
|
style: { backgroundColor: item.color }
|
|
7938
8384
|
}
|
|
7939
8385
|
),
|
|
7940
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8386
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default73.legendLabel, children: item.label })
|
|
7941
8387
|
] }, item.label)) }),
|
|
7942
|
-
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className:
|
|
8388
|
+
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: __default73.caption, children: caption })
|
|
7943
8389
|
] });
|
|
7944
8390
|
}
|
|
7945
8391
|
|
|
@@ -8032,7 +8478,7 @@ __styleInject(`.ArticleTable-module_root {
|
|
|
8032
8478
|
.ArticleTable-module_showMore:hover {
|
|
8033
8479
|
color: var(--fg);
|
|
8034
8480
|
}`);
|
|
8035
|
-
var
|
|
8481
|
+
var __default74 = { "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" };
|
|
8036
8482
|
function ArticleTable({
|
|
8037
8483
|
columns,
|
|
8038
8484
|
rows,
|
|
@@ -8044,19 +8490,19 @@ function ArticleTable({
|
|
|
8044
8490
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
8045
8491
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
8046
8492
|
const hiddenCount = rows.length - limit;
|
|
8047
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8048
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8049
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8050
|
-
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8493
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
8494
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.headerRow, children: [
|
|
8495
|
+
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.rankCell }),
|
|
8496
|
+
columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.headerCell, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.headerLabel, children: col.label }) }, col.key))
|
|
8051
8497
|
] }),
|
|
8052
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8053
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8498
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.row, children: [
|
|
8499
|
+
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default74.rankValue, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) }),
|
|
8054
8500
|
columns.map((col) => {
|
|
8055
8501
|
const value = row[col.key];
|
|
8056
8502
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
8057
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8058
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8059
|
-
hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8503
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default74.cell, children: [
|
|
8504
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.cellText, children: String(value != null ? value : "") }),
|
|
8505
|
+
hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default74.badge, children: row._badge })
|
|
8060
8506
|
] }, col.key);
|
|
8061
8507
|
})
|
|
8062
8508
|
] }, i)) }),
|
|
@@ -8064,7 +8510,7 @@ function ArticleTable({
|
|
|
8064
8510
|
"button",
|
|
8065
8511
|
{
|
|
8066
8512
|
onClick: () => setExpanded(true),
|
|
8067
|
-
className:
|
|
8513
|
+
className: __default74.showMore,
|
|
8068
8514
|
children: [
|
|
8069
8515
|
"Show ",
|
|
8070
8516
|
hiddenCount,
|
|
@@ -8097,19 +8543,19 @@ __styleInject(`.ArticleList-module_root {
|
|
|
8097
8543
|
.ArticleList-module_item {
|
|
8098
8544
|
padding-left: 0.25rem;
|
|
8099
8545
|
}`);
|
|
8100
|
-
var
|
|
8546
|
+
var __default75 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
8101
8547
|
function ArticleList({
|
|
8102
8548
|
variant = "unordered",
|
|
8103
8549
|
items,
|
|
8104
8550
|
className = ""
|
|
8105
8551
|
}) {
|
|
8106
8552
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
8107
|
-
const variantClass = variant === "ordered" ?
|
|
8553
|
+
const variantClass = variant === "ordered" ? __default75.ordered : __default75.unordered;
|
|
8108
8554
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8109
8555
|
Tag2,
|
|
8110
8556
|
{
|
|
8111
|
-
className: `${
|
|
8112
|
-
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className:
|
|
8557
|
+
className: `${__default75.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
8558
|
+
children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: __default75.item, children: item }, i))
|
|
8113
8559
|
}
|
|
8114
8560
|
);
|
|
8115
8561
|
}
|
|
@@ -8121,9 +8567,9 @@ __styleInject(`.ArticleNote-module_root {
|
|
|
8121
8567
|
color: var(--fg-secondary);
|
|
8122
8568
|
font-style: italic;
|
|
8123
8569
|
}`);
|
|
8124
|
-
var
|
|
8570
|
+
var __default76 = { "root": "ArticleNote-module_root" };
|
|
8125
8571
|
function ArticleNote({ children, className = "" }) {
|
|
8126
|
-
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
8572
|
+
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children });
|
|
8127
8573
|
}
|
|
8128
8574
|
|
|
8129
8575
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
@@ -8236,11 +8682,11 @@ __styleInject(`.ArticleChatBlock-module_root {
|
|
|
8236
8682
|
.ArticleChatBlock-module_showMoreBtn:hover {
|
|
8237
8683
|
color: var(--fg);
|
|
8238
8684
|
}`);
|
|
8239
|
-
var
|
|
8685
|
+
var __default77 = { "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" };
|
|
8240
8686
|
var roleConfig = {
|
|
8241
|
-
assistant: { cls:
|
|
8242
|
-
system: { cls:
|
|
8243
|
-
user: { cls:
|
|
8687
|
+
assistant: { cls: __default77.assistant, gradient: "var(--bg-secondary)" },
|
|
8688
|
+
system: { cls: __default77.system, gradient: "var(--bg-tertiary)" },
|
|
8689
|
+
user: { cls: __default77.user, gradient: "var(--bg-secondary)" }
|
|
8244
8690
|
};
|
|
8245
8691
|
function ArticleChatBlock({
|
|
8246
8692
|
role,
|
|
@@ -8254,40 +8700,40 @@ function ArticleChatBlock({
|
|
|
8254
8700
|
var _a;
|
|
8255
8701
|
const [expanded, setExpanded] = react.useState(false);
|
|
8256
8702
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
8257
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8258
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8703
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default77.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
8704
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.header, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default77.roleLabel, children: [
|
|
8259
8705
|
role,
|
|
8260
8706
|
model && ` \u2022 ${model}`
|
|
8261
8707
|
] }) }),
|
|
8262
|
-
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8263
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8264
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8708
|
+
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.toolBadge, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.toolBadgeInner, children: [
|
|
8709
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default77.toolDot }),
|
|
8710
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default77.toolLabel, children: toolCall })
|
|
8265
8711
|
] }) }),
|
|
8266
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8267
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8712
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.divider }),
|
|
8713
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.contentWrapper, children: [
|
|
8268
8714
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8269
8715
|
"div",
|
|
8270
8716
|
{
|
|
8271
|
-
className:
|
|
8717
|
+
className: __default77.content,
|
|
8272
8718
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
8273
8719
|
children
|
|
8274
8720
|
}
|
|
8275
8721
|
),
|
|
8276
|
-
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8722
|
+
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.fadeOverlay, children: [
|
|
8277
8723
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8278
8724
|
"div",
|
|
8279
8725
|
{
|
|
8280
|
-
className:
|
|
8726
|
+
className: __default77.fadeGradient,
|
|
8281
8727
|
style: {
|
|
8282
8728
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
8283
8729
|
}
|
|
8284
8730
|
}
|
|
8285
8731
|
),
|
|
8286
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8732
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default77.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8287
8733
|
"button",
|
|
8288
8734
|
{
|
|
8289
8735
|
onClick: () => setExpanded(true),
|
|
8290
|
-
className:
|
|
8736
|
+
className: __default77.showMoreBtn,
|
|
8291
8737
|
children: "Show more"
|
|
8292
8738
|
}
|
|
8293
8739
|
) })
|
|
@@ -8319,14 +8765,14 @@ __styleInject(`.ArticleLinkButton-module_root {
|
|
|
8319
8765
|
.ArticleLinkButton-module_root:active {
|
|
8320
8766
|
opacity: 0.8;
|
|
8321
8767
|
}`);
|
|
8322
|
-
var
|
|
8768
|
+
var __default78 = { "root": "ArticleLinkButton-module_root" };
|
|
8323
8769
|
function ArticleLinkButton({
|
|
8324
8770
|
children,
|
|
8325
8771
|
href,
|
|
8326
8772
|
onClick,
|
|
8327
8773
|
className = ""
|
|
8328
8774
|
}) {
|
|
8329
|
-
const cls = `${
|
|
8775
|
+
const cls = `${__default78.root}${className ? ` ${className}` : ""}`;
|
|
8330
8776
|
if (href) {
|
|
8331
8777
|
return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, children });
|
|
8332
8778
|
}
|
|
@@ -8363,18 +8809,18 @@ __styleInject(`.ArticleFooter-module_root {
|
|
|
8363
8809
|
line-height: 1.25rem;
|
|
8364
8810
|
color: var(--fg-muted);
|
|
8365
8811
|
}`);
|
|
8366
|
-
var
|
|
8812
|
+
var __default79 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
8367
8813
|
function ArticleFooter({
|
|
8368
8814
|
logo,
|
|
8369
8815
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
8370
8816
|
className = ""
|
|
8371
8817
|
}) {
|
|
8372
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${
|
|
8373
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8374
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8375
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8818
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${__default79.root}${className ? ` ${className}` : ""}`, children: [
|
|
8819
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default79.topBar, children: [
|
|
8820
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.logo, children: logo }),
|
|
8821
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default79.divider })
|
|
8376
8822
|
] }),
|
|
8377
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8823
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default79.copyright, children: copyright })
|
|
8378
8824
|
] });
|
|
8379
8825
|
}
|
|
8380
8826
|
|
|
@@ -8397,15 +8843,15 @@ __styleInject(`.ArticleLayout-module_root {
|
|
|
8397
8843
|
width: 100%;
|
|
8398
8844
|
max-width: 720px;
|
|
8399
8845
|
}`);
|
|
8400
|
-
var
|
|
8846
|
+
var __default80 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
8401
8847
|
function ArticleLayout({ children, className = "" }) {
|
|
8402
|
-
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${
|
|
8848
|
+
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children });
|
|
8403
8849
|
}
|
|
8404
8850
|
function ArticleWide({ children, className = "" }) {
|
|
8405
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8851
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default80.wide}${className ? ` ${className}` : ""}`, children });
|
|
8406
8852
|
}
|
|
8407
8853
|
function ArticleNarrow({ children, className = "" }) {
|
|
8408
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8854
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default80.narrow}${className ? ` ${className}` : ""}`, children });
|
|
8409
8855
|
}
|
|
8410
8856
|
|
|
8411
8857
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
@@ -8492,7 +8938,7 @@ __styleInject(`.ArticleChart-module_figure {
|
|
|
8492
8938
|
line-height: 1rem;
|
|
8493
8939
|
color: var(--fg-secondary);
|
|
8494
8940
|
}`);
|
|
8495
|
-
var
|
|
8941
|
+
var __default81 = { "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" };
|
|
8496
8942
|
function ChartTooltip({
|
|
8497
8943
|
active,
|
|
8498
8944
|
payload,
|
|
@@ -8503,15 +8949,15 @@ function ChartTooltip({
|
|
|
8503
8949
|
}) {
|
|
8504
8950
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8505
8951
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8506
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8507
|
-
label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
8952
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.tooltip, children: [
|
|
8953
|
+
label !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.tooltipLabel, children: [
|
|
8508
8954
|
xLabel ? `${xLabel}: ` : "",
|
|
8509
8955
|
label
|
|
8510
8956
|
] }),
|
|
8511
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8512
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8513
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8514
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8957
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.tooltipRow, children: [
|
|
8958
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
8959
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.tooltipName, children: entry.name }),
|
|
8960
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
8515
8961
|
] }, i))
|
|
8516
8962
|
] });
|
|
8517
8963
|
}
|
|
@@ -8525,8 +8971,8 @@ function ArticleLineChart({
|
|
|
8525
8971
|
valueFormatter,
|
|
8526
8972
|
className = ""
|
|
8527
8973
|
}) {
|
|
8528
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8529
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8974
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
|
|
8975
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8530
8976
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8531
8977
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8532
8978
|
recharts.XAxis,
|
|
@@ -8576,9 +9022,9 @@ function ArticleLineChart({
|
|
|
8576
9022
|
s.dataKey
|
|
8577
9023
|
))
|
|
8578
9024
|
] }) }) }),
|
|
8579
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8580
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8581
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9025
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.legendItem, children: [
|
|
9026
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9027
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendLabel, children: s.name })
|
|
8582
9028
|
] }, s.dataKey)) })
|
|
8583
9029
|
] });
|
|
8584
9030
|
}
|
|
@@ -8593,8 +9039,8 @@ function ArticleBarChart({
|
|
|
8593
9039
|
valueFormatter,
|
|
8594
9040
|
className = ""
|
|
8595
9041
|
}) {
|
|
8596
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8597
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9042
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9043
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8598
9044
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
8599
9045
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8600
9046
|
recharts.XAxis,
|
|
@@ -8642,9 +9088,9 @@ function ArticleBarChart({
|
|
|
8642
9088
|
s.dataKey
|
|
8643
9089
|
))
|
|
8644
9090
|
] }) }) }),
|
|
8645
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8646
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8647
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
9091
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.legendItem, children: [
|
|
9092
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9093
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default81.legendLabel, children: s.name })
|
|
8648
9094
|
] }, s.dataKey)) })
|
|
8649
9095
|
] });
|
|
8650
9096
|
}
|
|
@@ -8662,7 +9108,7 @@ function ArticleScatterChart({
|
|
|
8662
9108
|
var _a;
|
|
8663
9109
|
return (_a = d.color) != null ? _a : color;
|
|
8664
9110
|
});
|
|
8665
|
-
return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${
|
|
9111
|
+
return /* @__PURE__ */ jsxRuntime.jsx("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8666
9112
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8667
9113
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8668
9114
|
recharts.XAxis,
|
|
@@ -8698,14 +9144,14 @@ function ArticleScatterChart({
|
|
|
8698
9144
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8699
9145
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
8700
9146
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8701
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8702
|
-
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8703
|
-
xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
9147
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default81.tooltip, children: [
|
|
9148
|
+
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default81.scatterTooltipLabel, children: point.label }),
|
|
9149
|
+
xLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.scatterTooltipRow, children: [
|
|
8704
9150
|
xLabel,
|
|
8705
9151
|
": ",
|
|
8706
9152
|
fmt(point.x)
|
|
8707
9153
|
] }),
|
|
8708
|
-
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
9154
|
+
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.scatterTooltipRow, children: [
|
|
8709
9155
|
yLabel,
|
|
8710
9156
|
": ",
|
|
8711
9157
|
fmt(point.y)
|
|
@@ -8782,7 +9228,7 @@ __styleInject(`.LandingLayout-module_headerMode {
|
|
|
8782
9228
|
padding-right: 4rem;
|
|
8783
9229
|
}
|
|
8784
9230
|
}`);
|
|
8785
|
-
var
|
|
9231
|
+
var __default82 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
|
|
8786
9232
|
function LandingLayout({
|
|
8787
9233
|
mode = "header",
|
|
8788
9234
|
nav,
|
|
@@ -8791,17 +9237,17 @@ function LandingLayout({
|
|
|
8791
9237
|
className = ""
|
|
8792
9238
|
}) {
|
|
8793
9239
|
if (mode === "sidebar") {
|
|
8794
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8795
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8796
|
-
/* @__PURE__ */ jsxRuntime.jsxs("main", { className:
|
|
8797
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9240
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default82.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
9241
|
+
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.sidebarNav, children: nav }),
|
|
9242
|
+
/* @__PURE__ */ jsxRuntime.jsxs("main", { className: __default82.sidebarMain, children: [
|
|
9243
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default82.sidebarContent, children }),
|
|
8798
9244
|
footer
|
|
8799
9245
|
] })
|
|
8800
9246
|
] });
|
|
8801
9247
|
}
|
|
8802
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
9248
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default82.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
8803
9249
|
nav,
|
|
8804
|
-
/* @__PURE__ */ jsxRuntime.jsx("main", { className:
|
|
9250
|
+
/* @__PURE__ */ jsxRuntime.jsx("main", { className: __default82.headerMain, children }),
|
|
8805
9251
|
footer
|
|
8806
9252
|
] });
|
|
8807
9253
|
}
|
|
@@ -8828,6 +9274,7 @@ exports.ArticleWide = ArticleWide;
|
|
|
8828
9274
|
exports.Avatar = Avatar;
|
|
8829
9275
|
exports.Badge = Badge;
|
|
8830
9276
|
exports.BentoGrid = BentoGrid;
|
|
9277
|
+
exports.BottomSheet = BottomSheet;
|
|
8831
9278
|
exports.Breadcrumbs = Breadcrumbs;
|
|
8832
9279
|
exports.Button = Button;
|
|
8833
9280
|
exports.CTASection = CTASection;
|
|
@@ -8853,6 +9300,7 @@ exports.IconWithText = IconWithText;
|
|
|
8853
9300
|
exports.IconlyActivity = IconlyActivity;
|
|
8854
9301
|
exports.IconlyAttach = IconlyAttach;
|
|
8855
9302
|
exports.IconlyBook = IconlyBook;
|
|
9303
|
+
exports.IconlyCategory = IconlyCategory;
|
|
8856
9304
|
exports.IconlyCheck = IconlyCheck;
|
|
8857
9305
|
exports.IconlyChevronDown = IconlyChevronDown;
|
|
8858
9306
|
exports.IconlyChevronLeft = IconlyChevronLeft;
|
|
@@ -8862,6 +9310,7 @@ exports.IconlyClose = IconlyClose;
|
|
|
8862
9310
|
exports.IconlyError = IconlyError;
|
|
8863
9311
|
exports.IconlyEye = IconlyEye;
|
|
8864
9312
|
exports.IconlyEyeOff = IconlyEyeOff;
|
|
9313
|
+
exports.IconlyFolder = IconlyFolder;
|
|
8865
9314
|
exports.IconlyHeart = IconlyHeart;
|
|
8866
9315
|
exports.IconlyInfo = IconlyInfo;
|
|
8867
9316
|
exports.IconlyInfoCircle = IconlyInfoCircle;
|
|
@@ -8875,6 +9324,7 @@ exports.IconlyRoadmap = IconlyRoadmap;
|
|
|
8875
9324
|
exports.IconlySandbox = IconlySandbox;
|
|
8876
9325
|
exports.IconlySearch = IconlySearch;
|
|
8877
9326
|
exports.IconlySend = IconlySend;
|
|
9327
|
+
exports.IconlySetting = IconlySetting;
|
|
8878
9328
|
exports.IconlyShield = IconlyShield;
|
|
8879
9329
|
exports.IconlySmile = IconlySmile;
|
|
8880
9330
|
exports.IconlyStar = IconlyStar;
|
|
@@ -8903,6 +9353,7 @@ exports.PromoTestimonials = PromoTestimonials;
|
|
|
8903
9353
|
exports.PromoTrustGrid = PromoTrustGrid;
|
|
8904
9354
|
exports.Radio = Radio;
|
|
8905
9355
|
exports.SearchBar = SearchBar;
|
|
9356
|
+
exports.SegmentedControl = SegmentedControl;
|
|
8906
9357
|
exports.Select = Select;
|
|
8907
9358
|
exports.Sidebar = Sidebar;
|
|
8908
9359
|
exports.Skeleton = Skeleton;
|