@dmitriikapustin/ui 0.4.0 → 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 +510 -393
- package/dist/index.d.cts +39 -2
- package/dist/index.d.ts +39 -2
- package/dist/index.js +507 -394
- 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
|
);
|
|
@@ -5715,7 +5828,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5715
5828
|
background: var(--border-color-strong);
|
|
5716
5829
|
transition: background var(--transition-fast), width var(--transition-fast);
|
|
5717
5830
|
}`);
|
|
5718
|
-
var
|
|
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" };
|
|
5719
5832
|
var BottomSheetContext = react.createContext(null);
|
|
5720
5833
|
function useBottomSheet(part) {
|
|
5721
5834
|
const ctx = react.useContext(BottomSheetContext);
|
|
@@ -5787,13 +5900,13 @@ function BottomSheet({
|
|
|
5787
5900
|
BottomSheetContext.Provider,
|
|
5788
5901
|
{
|
|
5789
5902
|
value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
|
|
5790
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
5903
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children })
|
|
5791
5904
|
}
|
|
5792
5905
|
);
|
|
5793
5906
|
}
|
|
5794
5907
|
function Bar({ children, className = "" }) {
|
|
5795
5908
|
const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
|
|
5796
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
5909
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default59.bar}${className ? ` ${className}` : ""}`, children: [
|
|
5797
5910
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5798
5911
|
"button",
|
|
5799
5912
|
{
|
|
@@ -5803,12 +5916,12 @@ function Bar({ children, className = "" }) {
|
|
|
5803
5916
|
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5804
5917
|
onTouchEnd: onDragEnd,
|
|
5805
5918
|
onTouchCancel: onDragEnd,
|
|
5806
|
-
className:
|
|
5919
|
+
className: __default59.barHandle,
|
|
5807
5920
|
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
|
|
5808
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5921
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.handleBar })
|
|
5809
5922
|
}
|
|
5810
5923
|
),
|
|
5811
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5924
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default59.barActions, children })
|
|
5812
5925
|
] });
|
|
5813
5926
|
}
|
|
5814
5927
|
function Panel({ children, className = "" }) {
|
|
@@ -5829,7 +5942,7 @@ function Panel({ children, className = "" }) {
|
|
|
5829
5942
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5830
5943
|
"div",
|
|
5831
5944
|
{
|
|
5832
|
-
className: `${
|
|
5945
|
+
className: `${__default59.backdrop}${open || isDraggingOpen ? ` ${__default59.backdropOpen}` : ""}`,
|
|
5833
5946
|
onClick: () => setOpen(false),
|
|
5834
5947
|
"aria-hidden": "true"
|
|
5835
5948
|
}
|
|
@@ -5837,7 +5950,7 @@ function Panel({ children, className = "" }) {
|
|
|
5837
5950
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5838
5951
|
"div",
|
|
5839
5952
|
{
|
|
5840
|
-
className: `${
|
|
5953
|
+
className: `${__default59.panel}${open ? ` ${__default59.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
|
|
5841
5954
|
role: "dialog",
|
|
5842
5955
|
"aria-modal": open,
|
|
5843
5956
|
"aria-hidden": !open && !isDraggingOpen,
|
|
@@ -5870,9 +5983,9 @@ function Handle({ className = "" }) {
|
|
|
5870
5983
|
if (e.pointerType === "mouse") return;
|
|
5871
5984
|
onDragEnd();
|
|
5872
5985
|
},
|
|
5873
|
-
className: `${
|
|
5986
|
+
className: `${__default59.handle}${className ? ` ${className}` : ""}`,
|
|
5874
5987
|
"aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
5875
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5988
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default59.handleBar })
|
|
5876
5989
|
}
|
|
5877
5990
|
);
|
|
5878
5991
|
}
|
|
@@ -5882,7 +5995,7 @@ function Trigger({ children, className = "" }) {
|
|
|
5882
5995
|
"div",
|
|
5883
5996
|
{
|
|
5884
5997
|
onClick: () => setOpen(!open),
|
|
5885
|
-
className: `${
|
|
5998
|
+
className: `${__default59.trigger}${className ? ` ${className}` : ""}`,
|
|
5886
5999
|
children
|
|
5887
6000
|
}
|
|
5888
6001
|
);
|
|
@@ -6051,21 +6164,21 @@ __styleInject(`.PromoBento-module_root {
|
|
|
6051
6164
|
.PromoBento-module_cardCta {
|
|
6052
6165
|
margin-top: 0.25rem;
|
|
6053
6166
|
}`);
|
|
6054
|
-
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" };
|
|
6055
6168
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
6056
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
6057
|
-
media && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6058
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6059
|
-
/* @__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 })
|
|
6060
6173
|
] }),
|
|
6061
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6062
|
-
pill && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6063
|
-
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 }),
|
|
6064
6177
|
pill.label
|
|
6065
6178
|
] }) }),
|
|
6066
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6067
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6068
|
-
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(
|
|
6069
6182
|
Button,
|
|
6070
6183
|
{
|
|
6071
6184
|
variant: "outline",
|
|
@@ -6078,12 +6191,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
6078
6191
|
] });
|
|
6079
6192
|
}
|
|
6080
6193
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
6081
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6082
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6083
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6084
|
-
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 })
|
|
6085
6198
|
] }),
|
|
6086
|
-
/* @__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)) })
|
|
6087
6200
|
] });
|
|
6088
6201
|
}
|
|
6089
6202
|
|
|
@@ -6205,26 +6318,26 @@ __styleInject(`.PromoShowcase-module_root {
|
|
|
6205
6318
|
padding: 2.5rem;
|
|
6206
6319
|
}
|
|
6207
6320
|
}`);
|
|
6208
|
-
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" };
|
|
6209
6322
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
6210
6323
|
const [activeIndex, setActiveIndex] = react.useState(0);
|
|
6211
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6212
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6213
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6214
|
-
/* @__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(
|
|
6215
6328
|
"button",
|
|
6216
6329
|
{
|
|
6217
6330
|
onClick: () => setActiveIndex(i),
|
|
6218
|
-
className: `${
|
|
6331
|
+
className: `${__default61.stepButton}${i === activeIndex ? ` ${__default61.stepButtonActive}` : ""}`,
|
|
6219
6332
|
children: step.label
|
|
6220
6333
|
},
|
|
6221
6334
|
i
|
|
6222
6335
|
)) }),
|
|
6223
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6336
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default61.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6224
6337
|
"div",
|
|
6225
6338
|
{
|
|
6226
|
-
className: `${
|
|
6227
|
-
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 })
|
|
6228
6341
|
},
|
|
6229
6342
|
i
|
|
6230
6343
|
)) })
|
|
@@ -6373,7 +6486,7 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6373
6486
|
align-items: center;
|
|
6374
6487
|
justify-content: center;
|
|
6375
6488
|
}`);
|
|
6376
|
-
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" };
|
|
6377
6490
|
function PromoSplit({
|
|
6378
6491
|
heading,
|
|
6379
6492
|
description,
|
|
@@ -6383,16 +6496,16 @@ function PromoSplit({
|
|
|
6383
6496
|
className = ""
|
|
6384
6497
|
}) {
|
|
6385
6498
|
const isLeft = mediaPosition === "left";
|
|
6386
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
6387
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
6388
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6389
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6390
|
-
features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6391
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6392
|
-
/* @__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 })
|
|
6393
6506
|
] }, i)) })
|
|
6394
6507
|
] }),
|
|
6395
|
-
/* @__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: [
|
|
6396
6509
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
6397
6510
|
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
6398
6511
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -6509,16 +6622,16 @@ __styleInject(`.PromoTrustGrid-module_root {
|
|
|
6509
6622
|
justify-content: center;
|
|
6510
6623
|
padding: 1.5rem;
|
|
6511
6624
|
}`);
|
|
6512
|
-
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" };
|
|
6513
6626
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
6514
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6515
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6516
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6517
|
-
feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6518
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6519
|
-
/* @__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 })
|
|
6520
6633
|
] }, i)) }),
|
|
6521
|
-
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 }) })
|
|
6522
6635
|
] });
|
|
6523
6636
|
}
|
|
6524
6637
|
|
|
@@ -6705,29 +6818,29 @@ __styleInject(`@charset "UTF-8";
|
|
|
6705
6818
|
border-radius: clamp(8px, 1.5vw, 16px);
|
|
6706
6819
|
background: var(--bg-tertiary);
|
|
6707
6820
|
}`);
|
|
6708
|
-
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" };
|
|
6709
6822
|
function PromoDevicesCTA({
|
|
6710
6823
|
heading,
|
|
6711
6824
|
description,
|
|
6712
6825
|
cta,
|
|
6713
6826
|
className = ""
|
|
6714
6827
|
}) {
|
|
6715
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
6716
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6717
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6718
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6719
|
-
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 }) })
|
|
6720
6833
|
] }),
|
|
6721
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6722
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6723
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6724
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6725
|
-
/* @__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 })
|
|
6726
6839
|
] }),
|
|
6727
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6728
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6729
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6730
|
-
/* @__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 })
|
|
6731
6844
|
] }) })
|
|
6732
6845
|
] })
|
|
6733
6846
|
] });
|
|
@@ -6916,7 +7029,7 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6916
7029
|
background: var(--bg-secondary);
|
|
6917
7030
|
overflow: hidden;
|
|
6918
7031
|
}`);
|
|
6919
|
-
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" };
|
|
6920
7033
|
function PromoTestimonials({
|
|
6921
7034
|
heading,
|
|
6922
7035
|
subtitle,
|
|
@@ -6924,14 +7037,14 @@ function PromoTestimonials({
|
|
|
6924
7037
|
media,
|
|
6925
7038
|
className = ""
|
|
6926
7039
|
}) {
|
|
6927
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
6928
|
-
/* @__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: [
|
|
6929
7042
|
testimonials.slice(0, 5).map((t, i) => {
|
|
6930
7043
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6931
7044
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6932
7045
|
"div",
|
|
6933
7046
|
{
|
|
6934
|
-
className:
|
|
7047
|
+
className: __default65.avatarRing,
|
|
6935
7048
|
style: { zIndex: 10 - i },
|
|
6936
7049
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6937
7050
|
Avatar,
|
|
@@ -6945,32 +7058,32 @@ function PromoTestimonials({
|
|
|
6945
7058
|
i
|
|
6946
7059
|
);
|
|
6947
7060
|
}),
|
|
6948
|
-
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: [
|
|
6949
7062
|
"+",
|
|
6950
7063
|
testimonials.length - 5
|
|
6951
7064
|
] }) })
|
|
6952
7065
|
] }) }),
|
|
6953
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6954
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
6955
|
-
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 })
|
|
6956
7069
|
] }),
|
|
6957
|
-
/* @__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) => {
|
|
6958
7071
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6959
7072
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6960
7073
|
"div",
|
|
6961
7074
|
{
|
|
6962
|
-
className:
|
|
7075
|
+
className: __default65.card,
|
|
6963
7076
|
children: [
|
|
6964
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
7077
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default65.quote, children: [
|
|
6965
7078
|
"\u201C",
|
|
6966
7079
|
t.quote,
|
|
6967
7080
|
"\u201D"
|
|
6968
7081
|
] }),
|
|
6969
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7082
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default65.author, children: [
|
|
6970
7083
|
/* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
6971
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
6972
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
6973
|
-
/* @__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 })
|
|
6974
7087
|
] })
|
|
6975
7088
|
] })
|
|
6976
7089
|
]
|
|
@@ -6978,7 +7091,7 @@ function PromoTestimonials({
|
|
|
6978
7091
|
i
|
|
6979
7092
|
);
|
|
6980
7093
|
}) }) }),
|
|
6981
|
-
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 }) })
|
|
6982
7095
|
] }) });
|
|
6983
7096
|
}
|
|
6984
7097
|
|
|
@@ -7130,7 +7243,7 @@ __styleInject(`.PromoHero-module_root {
|
|
|
7130
7243
|
align-items: center;
|
|
7131
7244
|
justify-content: center;
|
|
7132
7245
|
}`);
|
|
7133
|
-
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" };
|
|
7134
7247
|
function PromoHero({
|
|
7135
7248
|
title,
|
|
7136
7249
|
subtitle,
|
|
@@ -7140,30 +7253,30 @@ function PromoHero({
|
|
|
7140
7253
|
variant = "dark",
|
|
7141
7254
|
className = ""
|
|
7142
7255
|
}) {
|
|
7143
|
-
const variantClass = variant === "dark" ?
|
|
7144
|
-
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;
|
|
7145
7258
|
const isLight = variant === "light";
|
|
7146
7259
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7147
7260
|
"section",
|
|
7148
7261
|
{
|
|
7149
|
-
className: `${
|
|
7262
|
+
className: `${__default66.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
7150
7263
|
children: [
|
|
7151
|
-
!isLight && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7152
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7153
|
-
/* @__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 })
|
|
7154
7267
|
] }),
|
|
7155
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7156
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7157
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
7158
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7159
|
-
(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: [
|
|
7160
7273
|
cta && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7161
7274
|
Button,
|
|
7162
7275
|
{
|
|
7163
7276
|
variant: isLight ? "primary" : "outline",
|
|
7164
7277
|
size: "hero",
|
|
7165
7278
|
onClick: cta.onClick,
|
|
7166
|
-
className: !isLight ?
|
|
7279
|
+
className: !isLight ? __default66.ctaDark : "",
|
|
7167
7280
|
children: cta.label
|
|
7168
7281
|
}
|
|
7169
7282
|
),
|
|
@@ -7173,13 +7286,13 @@ function PromoHero({
|
|
|
7173
7286
|
variant: "ghost",
|
|
7174
7287
|
size: "hero",
|
|
7175
7288
|
onClick: secondaryCta.onClick,
|
|
7176
|
-
className: !isLight ?
|
|
7289
|
+
className: !isLight ? __default66.ghostDark : "",
|
|
7177
7290
|
children: secondaryCta.label
|
|
7178
7291
|
}
|
|
7179
7292
|
)
|
|
7180
7293
|
] })
|
|
7181
7294
|
] }),
|
|
7182
|
-
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7295
|
+
media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.mediaColumn, children: media })
|
|
7183
7296
|
] })
|
|
7184
7297
|
]
|
|
7185
7298
|
}
|
|
@@ -7333,7 +7446,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
7333
7446
|
max-width: 640px;
|
|
7334
7447
|
width: 100%;
|
|
7335
7448
|
}`);
|
|
7336
|
-
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" };
|
|
7337
7450
|
function PromoHeroForm({
|
|
7338
7451
|
title,
|
|
7339
7452
|
subtitle,
|
|
@@ -7356,17 +7469,17 @@ function PromoHeroForm({
|
|
|
7356
7469
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
7357
7470
|
};
|
|
7358
7471
|
const isDisabled = loading || value.trim().length === 0;
|
|
7359
|
-
return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${
|
|
7360
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
7361
|
-
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 }),
|
|
7362
7475
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7363
7476
|
"form",
|
|
7364
7477
|
{
|
|
7365
|
-
className:
|
|
7478
|
+
className: __default67.form,
|
|
7366
7479
|
onSubmit: handleSubmit,
|
|
7367
7480
|
"aria-busy": loading,
|
|
7368
7481
|
noValidate: true,
|
|
7369
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7482
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default67.formInner, children: [
|
|
7370
7483
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7371
7484
|
"input",
|
|
7372
7485
|
{
|
|
@@ -7375,7 +7488,7 @@ function PromoHeroForm({
|
|
|
7375
7488
|
value,
|
|
7376
7489
|
onChange: (e) => setValue(e.target.value),
|
|
7377
7490
|
disabled: loading,
|
|
7378
|
-
className:
|
|
7491
|
+
className: __default67.input,
|
|
7379
7492
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
7380
7493
|
}
|
|
7381
7494
|
),
|
|
@@ -7393,8 +7506,8 @@ function PromoHeroForm({
|
|
|
7393
7506
|
] })
|
|
7394
7507
|
}
|
|
7395
7508
|
),
|
|
7396
|
-
hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
7397
|
-
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 })
|
|
7398
7511
|
] }) });
|
|
7399
7512
|
}
|
|
7400
7513
|
|
|
@@ -7672,7 +7785,7 @@ __styleInject(`.PromoPricing-module_root {
|
|
|
7672
7785
|
.PromoPricing-module_ctaWrap {
|
|
7673
7786
|
margin-top: auto;
|
|
7674
7787
|
}`);
|
|
7675
|
-
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" };
|
|
7676
7789
|
function PromoPricing({
|
|
7677
7790
|
heading,
|
|
7678
7791
|
subtitle,
|
|
@@ -7682,50 +7795,50 @@ function PromoPricing({
|
|
|
7682
7795
|
}) {
|
|
7683
7796
|
const isDark = variant === "dark";
|
|
7684
7797
|
const getTierClass = (highlighted) => {
|
|
7685
|
-
if (highlighted) return isDark ?
|
|
7686
|
-
return isDark ?
|
|
7798
|
+
if (highlighted) return isDark ? __default68.tierDarkHighlighted : __default68.tierHighlighted;
|
|
7799
|
+
return isDark ? __default68.tierDark : __default68.tierDefault;
|
|
7687
7800
|
};
|
|
7688
7801
|
const getNameClass = (highlighted) => {
|
|
7689
|
-
if (highlighted) return isDark ?
|
|
7690
|
-
return isDark ?
|
|
7802
|
+
if (highlighted) return isDark ? __default68.tierNameHighlightedDark : __default68.tierNameHighlightedLight;
|
|
7803
|
+
return isDark ? __default68.tierNameDark : __default68.tierNameMuted;
|
|
7691
7804
|
};
|
|
7692
7805
|
const getPeriodClass = (highlighted) => {
|
|
7693
|
-
if (highlighted) return isDark ?
|
|
7694
|
-
return isDark ?
|
|
7806
|
+
if (highlighted) return isDark ? __default68.periodHighlightedDark : __default68.periodHighlightedLight;
|
|
7807
|
+
return isDark ? __default68.periodDark : __default68.periodMuted;
|
|
7695
7808
|
};
|
|
7696
7809
|
const getDescClass = (highlighted) => {
|
|
7697
|
-
if (highlighted) return isDark ?
|
|
7698
|
-
return isDark ?
|
|
7810
|
+
if (highlighted) return isDark ? __default68.tierDescHighlightedDark : __default68.tierDescHighlightedLight;
|
|
7811
|
+
return isDark ? __default68.tierDescDark : __default68.tierDescMuted;
|
|
7699
7812
|
};
|
|
7700
7813
|
const getCheckClass = (highlighted) => {
|
|
7701
|
-
if (highlighted) return isDark ?
|
|
7702
|
-
return isDark ?
|
|
7814
|
+
if (highlighted) return isDark ? __default68.checkHighlightedDark : __default68.checkHighlightedLight;
|
|
7815
|
+
return isDark ? __default68.checkDark : __default68.checkDefault;
|
|
7703
7816
|
};
|
|
7704
7817
|
const getFeatureTextClass = (highlighted) => {
|
|
7705
|
-
if (highlighted) return isDark ?
|
|
7706
|
-
return isDark ?
|
|
7818
|
+
if (highlighted) return isDark ? __default68.featureTextHighlightedDark : __default68.featureTextHighlightedLight;
|
|
7819
|
+
return isDark ? __default68.featureTextDark : __default68.featureTextMuted;
|
|
7707
7820
|
};
|
|
7708
7821
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7709
7822
|
"section",
|
|
7710
7823
|
{
|
|
7711
|
-
className: `${
|
|
7824
|
+
className: `${__default68.root} ${isDark ? __default68.dark : __default68.light}${className ? ` ${className}` : ""}`,
|
|
7712
7825
|
children: [
|
|
7713
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7714
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${
|
|
7715
|
-
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 })
|
|
7716
7829
|
] }),
|
|
7717
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7830
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7718
7831
|
"div",
|
|
7719
7832
|
{
|
|
7720
7833
|
className: getTierClass(tier.highlighted),
|
|
7721
7834
|
children: [
|
|
7722
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7723
|
-
/* @__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: [
|
|
7724
7837
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: tier.price }),
|
|
7725
|
-
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${
|
|
7838
|
+
tier.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${__default68.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
7726
7839
|
] }),
|
|
7727
|
-
tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
7728
|
-
/* @__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: [
|
|
7729
7842
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7730
7843
|
"svg",
|
|
7731
7844
|
{
|
|
@@ -7733,13 +7846,13 @@ function PromoPricing({
|
|
|
7733
7846
|
height: "16",
|
|
7734
7847
|
viewBox: "0 0 16 16",
|
|
7735
7848
|
fill: "none",
|
|
7736
|
-
className: `${
|
|
7849
|
+
className: `${__default68.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
7737
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" })
|
|
7738
7851
|
}
|
|
7739
7852
|
),
|
|
7740
7853
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
7741
7854
|
] }, fi)) }),
|
|
7742
|
-
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
7855
|
+
tier.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default68.ctaWrap, children: tier.cta })
|
|
7743
7856
|
]
|
|
7744
7857
|
},
|
|
7745
7858
|
i
|
|
@@ -7897,7 +8010,7 @@ __styleInject(`.PromoActionCards-module_root {
|
|
|
7897
8010
|
.PromoActionCards-module_ctaBtn:hover {
|
|
7898
8011
|
opacity: 0.9;
|
|
7899
8012
|
}`);
|
|
7900
|
-
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" };
|
|
7901
8014
|
function PromoActionCards({
|
|
7902
8015
|
heading,
|
|
7903
8016
|
subtitle,
|
|
@@ -7905,28 +8018,28 @@ function PromoActionCards({
|
|
|
7905
8018
|
columns = 3,
|
|
7906
8019
|
className = ""
|
|
7907
8020
|
}) {
|
|
7908
|
-
const gridClass = columns === 2 ?
|
|
7909
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
7910
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7911
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
7912
|
-
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 })
|
|
7913
8026
|
] }),
|
|
7914
8027
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
7915
8028
|
var _a;
|
|
7916
8029
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7917
8030
|
"div",
|
|
7918
8031
|
{
|
|
7919
|
-
className:
|
|
8032
|
+
className: __default69.card,
|
|
7920
8033
|
children: [
|
|
7921
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7922
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
7923
|
-
/* @__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 })
|
|
7924
8037
|
] }),
|
|
7925
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
7926
|
-
/* @__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(
|
|
7927
8040
|
"span",
|
|
7928
8041
|
{
|
|
7929
|
-
className:
|
|
8042
|
+
className: __default69.iconCircle,
|
|
7930
8043
|
children: icon
|
|
7931
8044
|
},
|
|
7932
8045
|
ii
|
|
@@ -7935,7 +8048,7 @@ function PromoActionCards({
|
|
|
7935
8048
|
"button",
|
|
7936
8049
|
{
|
|
7937
8050
|
onClick: card.cta.onClick,
|
|
7938
|
-
className:
|
|
8051
|
+
className: __default69.ctaBtn,
|
|
7939
8052
|
children: [
|
|
7940
8053
|
card.cta.label,
|
|
7941
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" }) })
|
|
@@ -8058,7 +8171,7 @@ __styleInject(`.ArticleHero-module_root {
|
|
|
8058
8171
|
color: rgba(255, 255, 255, 0.9);
|
|
8059
8172
|
line-height: 22.5px;
|
|
8060
8173
|
}`);
|
|
8061
|
-
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" };
|
|
8062
8175
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
8063
8176
|
function ArticleHero({
|
|
8064
8177
|
category,
|
|
@@ -8070,20 +8183,20 @@ function ArticleHero({
|
|
|
8070
8183
|
className = ""
|
|
8071
8184
|
}) {
|
|
8072
8185
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
8073
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${
|
|
8074
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8075
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: bgSrc, alt: "", className:
|
|
8076
|
-
/* @__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 })
|
|
8077
8190
|
] }),
|
|
8078
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8079
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8080
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8081
|
-
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 })
|
|
8082
8195
|
] }),
|
|
8083
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8084
|
-
category && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8085
|
-
/* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
8086
|
-
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 })
|
|
8087
8200
|
] })
|
|
8088
8201
|
] });
|
|
8089
8202
|
}
|
|
@@ -8095,9 +8208,9 @@ __styleInject(`.ArticleBody-module_root {
|
|
|
8095
8208
|
color: var(--fg-secondary);
|
|
8096
8209
|
font-weight: 400;
|
|
8097
8210
|
}`);
|
|
8098
|
-
var
|
|
8211
|
+
var __default71 = { "root": "ArticleBody-module_root" };
|
|
8099
8212
|
function ArticleBody({ children, className = "" }) {
|
|
8100
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8213
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children });
|
|
8101
8214
|
}
|
|
8102
8215
|
|
|
8103
8216
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
@@ -8140,10 +8253,10 @@ __styleInject(`.ArticleHeading-module_root {
|
|
|
8140
8253
|
line-height: 1.25rem;
|
|
8141
8254
|
color: var(--fg-muted);
|
|
8142
8255
|
}`);
|
|
8143
|
-
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" };
|
|
8144
8257
|
var levelClass = {
|
|
8145
|
-
2:
|
|
8146
|
-
3:
|
|
8258
|
+
2: __default72.h2,
|
|
8259
|
+
3: __default72.h3
|
|
8147
8260
|
};
|
|
8148
8261
|
function ArticleHeading({
|
|
8149
8262
|
level = 2,
|
|
@@ -8153,12 +8266,12 @@ function ArticleHeading({
|
|
|
8153
8266
|
className = ""
|
|
8154
8267
|
}) {
|
|
8155
8268
|
const Tag2 = `h${level}`;
|
|
8156
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8157
|
-
/* @__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: [
|
|
8158
8271
|
/* @__PURE__ */ jsxRuntime.jsx(Tag2, { className: levelClass[level], children }),
|
|
8159
|
-
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8272
|
+
action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default72.action, children: action })
|
|
8160
8273
|
] }),
|
|
8161
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8274
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default72.subtitle, children: subtitle })
|
|
8162
8275
|
] });
|
|
8163
8276
|
}
|
|
8164
8277
|
|
|
@@ -8234,7 +8347,7 @@ __styleInject(`.ArticleFigure-module_root {
|
|
|
8234
8347
|
line-height: 1.25rem;
|
|
8235
8348
|
color: var(--fg-muted);
|
|
8236
8349
|
}`);
|
|
8237
|
-
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" };
|
|
8238
8351
|
function ArticleFigure({
|
|
8239
8352
|
src,
|
|
8240
8353
|
alt = "",
|
|
@@ -8244,35 +8357,35 @@ function ArticleFigure({
|
|
|
8244
8357
|
children,
|
|
8245
8358
|
className = ""
|
|
8246
8359
|
}) {
|
|
8247
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8360
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
|
|
8248
8361
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8249
8362
|
"div",
|
|
8250
8363
|
{
|
|
8251
|
-
className:
|
|
8364
|
+
className: __default73.imageWrapper,
|
|
8252
8365
|
style: { minHeight: height },
|
|
8253
8366
|
children: src ? (
|
|
8254
8367
|
// eslint-disable-next-line @next/next/no-img-element
|
|
8255
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className:
|
|
8256
|
-
) : 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: [
|
|
8257
8370
|
/* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
8258
8371
|
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
8259
8372
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
8260
8373
|
] }),
|
|
8261
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8374
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default73.placeholderText, children: "Figure placeholder" })
|
|
8262
8375
|
] })
|
|
8263
8376
|
}
|
|
8264
8377
|
),
|
|
8265
|
-
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: [
|
|
8266
8379
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8267
8380
|
"span",
|
|
8268
8381
|
{
|
|
8269
|
-
className:
|
|
8382
|
+
className: __default73.legendSwatch,
|
|
8270
8383
|
style: { backgroundColor: item.color }
|
|
8271
8384
|
}
|
|
8272
8385
|
),
|
|
8273
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8386
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: __default73.legendLabel, children: item.label })
|
|
8274
8387
|
] }, item.label)) }),
|
|
8275
|
-
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className:
|
|
8388
|
+
caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: __default73.caption, children: caption })
|
|
8276
8389
|
] });
|
|
8277
8390
|
}
|
|
8278
8391
|
|
|
@@ -8365,7 +8478,7 @@ __styleInject(`.ArticleTable-module_root {
|
|
|
8365
8478
|
.ArticleTable-module_showMore:hover {
|
|
8366
8479
|
color: var(--fg);
|
|
8367
8480
|
}`);
|
|
8368
|
-
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" };
|
|
8369
8482
|
function ArticleTable({
|
|
8370
8483
|
columns,
|
|
8371
8484
|
rows,
|
|
@@ -8377,19 +8490,19 @@ function ArticleTable({
|
|
|
8377
8490
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
8378
8491
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
8379
8492
|
const hiddenCount = rows.length - limit;
|
|
8380
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8381
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8382
|
-
showRank && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8383
|
-
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))
|
|
8384
8497
|
] }),
|
|
8385
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8386
|
-
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 }) }),
|
|
8387
8500
|
columns.map((col) => {
|
|
8388
8501
|
const value = row[col.key];
|
|
8389
8502
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
8390
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8391
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8392
|
-
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 })
|
|
8393
8506
|
] }, col.key);
|
|
8394
8507
|
})
|
|
8395
8508
|
] }, i)) }),
|
|
@@ -8397,7 +8510,7 @@ function ArticleTable({
|
|
|
8397
8510
|
"button",
|
|
8398
8511
|
{
|
|
8399
8512
|
onClick: () => setExpanded(true),
|
|
8400
|
-
className:
|
|
8513
|
+
className: __default74.showMore,
|
|
8401
8514
|
children: [
|
|
8402
8515
|
"Show ",
|
|
8403
8516
|
hiddenCount,
|
|
@@ -8430,19 +8543,19 @@ __styleInject(`.ArticleList-module_root {
|
|
|
8430
8543
|
.ArticleList-module_item {
|
|
8431
8544
|
padding-left: 0.25rem;
|
|
8432
8545
|
}`);
|
|
8433
|
-
var
|
|
8546
|
+
var __default75 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
8434
8547
|
function ArticleList({
|
|
8435
8548
|
variant = "unordered",
|
|
8436
8549
|
items,
|
|
8437
8550
|
className = ""
|
|
8438
8551
|
}) {
|
|
8439
8552
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
8440
|
-
const variantClass = variant === "ordered" ?
|
|
8553
|
+
const variantClass = variant === "ordered" ? __default75.ordered : __default75.unordered;
|
|
8441
8554
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8442
8555
|
Tag2,
|
|
8443
8556
|
{
|
|
8444
|
-
className: `${
|
|
8445
|
-
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))
|
|
8446
8559
|
}
|
|
8447
8560
|
);
|
|
8448
8561
|
}
|
|
@@ -8454,9 +8567,9 @@ __styleInject(`.ArticleNote-module_root {
|
|
|
8454
8567
|
color: var(--fg-secondary);
|
|
8455
8568
|
font-style: italic;
|
|
8456
8569
|
}`);
|
|
8457
|
-
var
|
|
8570
|
+
var __default76 = { "root": "ArticleNote-module_root" };
|
|
8458
8571
|
function ArticleNote({ children, className = "" }) {
|
|
8459
|
-
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${
|
|
8572
|
+
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children });
|
|
8460
8573
|
}
|
|
8461
8574
|
|
|
8462
8575
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
@@ -8569,11 +8682,11 @@ __styleInject(`.ArticleChatBlock-module_root {
|
|
|
8569
8682
|
.ArticleChatBlock-module_showMoreBtn:hover {
|
|
8570
8683
|
color: var(--fg);
|
|
8571
8684
|
}`);
|
|
8572
|
-
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" };
|
|
8573
8686
|
var roleConfig = {
|
|
8574
|
-
assistant: { cls:
|
|
8575
|
-
system: { cls:
|
|
8576
|
-
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)" }
|
|
8577
8690
|
};
|
|
8578
8691
|
function ArticleChatBlock({
|
|
8579
8692
|
role,
|
|
@@ -8587,40 +8700,40 @@ function ArticleChatBlock({
|
|
|
8587
8700
|
var _a;
|
|
8588
8701
|
const [expanded, setExpanded] = react.useState(false);
|
|
8589
8702
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
8590
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
8591
|
-
/* @__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: [
|
|
8592
8705
|
role,
|
|
8593
8706
|
model && ` \u2022 ${model}`
|
|
8594
8707
|
] }) }),
|
|
8595
|
-
toolCall && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8596
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8597
|
-
/* @__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 })
|
|
8598
8711
|
] }) }),
|
|
8599
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8600
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8712
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: __default77.divider }),
|
|
8713
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.contentWrapper, children: [
|
|
8601
8714
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8602
8715
|
"div",
|
|
8603
8716
|
{
|
|
8604
|
-
className:
|
|
8717
|
+
className: __default77.content,
|
|
8605
8718
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
8606
8719
|
children
|
|
8607
8720
|
}
|
|
8608
8721
|
),
|
|
8609
|
-
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8722
|
+
collapsible && !expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default77.fadeOverlay, children: [
|
|
8610
8723
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8611
8724
|
"div",
|
|
8612
8725
|
{
|
|
8613
|
-
className:
|
|
8726
|
+
className: __default77.fadeGradient,
|
|
8614
8727
|
style: {
|
|
8615
8728
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
8616
8729
|
}
|
|
8617
8730
|
}
|
|
8618
8731
|
),
|
|
8619
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8732
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default77.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8620
8733
|
"button",
|
|
8621
8734
|
{
|
|
8622
8735
|
onClick: () => setExpanded(true),
|
|
8623
|
-
className:
|
|
8736
|
+
className: __default77.showMoreBtn,
|
|
8624
8737
|
children: "Show more"
|
|
8625
8738
|
}
|
|
8626
8739
|
) })
|
|
@@ -8652,14 +8765,14 @@ __styleInject(`.ArticleLinkButton-module_root {
|
|
|
8652
8765
|
.ArticleLinkButton-module_root:active {
|
|
8653
8766
|
opacity: 0.8;
|
|
8654
8767
|
}`);
|
|
8655
|
-
var
|
|
8768
|
+
var __default78 = { "root": "ArticleLinkButton-module_root" };
|
|
8656
8769
|
function ArticleLinkButton({
|
|
8657
8770
|
children,
|
|
8658
8771
|
href,
|
|
8659
8772
|
onClick,
|
|
8660
8773
|
className = ""
|
|
8661
8774
|
}) {
|
|
8662
|
-
const cls = `${
|
|
8775
|
+
const cls = `${__default78.root}${className ? ` ${className}` : ""}`;
|
|
8663
8776
|
if (href) {
|
|
8664
8777
|
return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, children });
|
|
8665
8778
|
}
|
|
@@ -8696,18 +8809,18 @@ __styleInject(`.ArticleFooter-module_root {
|
|
|
8696
8809
|
line-height: 1.25rem;
|
|
8697
8810
|
color: var(--fg-muted);
|
|
8698
8811
|
}`);
|
|
8699
|
-
var
|
|
8812
|
+
var __default79 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
8700
8813
|
function ArticleFooter({
|
|
8701
8814
|
logo,
|
|
8702
8815
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
8703
8816
|
className = ""
|
|
8704
8817
|
}) {
|
|
8705
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: `${
|
|
8706
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8707
|
-
logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8708
|
-
/* @__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 })
|
|
8709
8822
|
] }),
|
|
8710
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
8823
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: __default79.copyright, children: copyright })
|
|
8711
8824
|
] });
|
|
8712
8825
|
}
|
|
8713
8826
|
|
|
@@ -8730,15 +8843,15 @@ __styleInject(`.ArticleLayout-module_root {
|
|
|
8730
8843
|
width: 100%;
|
|
8731
8844
|
max-width: 720px;
|
|
8732
8845
|
}`);
|
|
8733
|
-
var
|
|
8846
|
+
var __default80 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
8734
8847
|
function ArticleLayout({ children, className = "" }) {
|
|
8735
|
-
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${
|
|
8848
|
+
return /* @__PURE__ */ jsxRuntime.jsx("article", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children });
|
|
8736
8849
|
}
|
|
8737
8850
|
function ArticleWide({ children, className = "" }) {
|
|
8738
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8851
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default80.wide}${className ? ` ${className}` : ""}`, children });
|
|
8739
8852
|
}
|
|
8740
8853
|
function ArticleNarrow({ children, className = "" }) {
|
|
8741
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${
|
|
8854
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default80.narrow}${className ? ` ${className}` : ""}`, children });
|
|
8742
8855
|
}
|
|
8743
8856
|
|
|
8744
8857
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
@@ -8825,7 +8938,7 @@ __styleInject(`.ArticleChart-module_figure {
|
|
|
8825
8938
|
line-height: 1rem;
|
|
8826
8939
|
color: var(--fg-secondary);
|
|
8827
8940
|
}`);
|
|
8828
|
-
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" };
|
|
8829
8942
|
function ChartTooltip({
|
|
8830
8943
|
active,
|
|
8831
8944
|
payload,
|
|
@@ -8836,15 +8949,15 @@ function ChartTooltip({
|
|
|
8836
8949
|
}) {
|
|
8837
8950
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8838
8951
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8839
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8840
|
-
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: [
|
|
8841
8954
|
xLabel ? `${xLabel}: ` : "",
|
|
8842
8955
|
label
|
|
8843
8956
|
] }),
|
|
8844
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
8845
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8846
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8847
|
-
/* @__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) })
|
|
8848
8961
|
] }, i))
|
|
8849
8962
|
] });
|
|
8850
8963
|
}
|
|
@@ -8858,8 +8971,8 @@ function ArticleLineChart({
|
|
|
8858
8971
|
valueFormatter,
|
|
8859
8972
|
className = ""
|
|
8860
8973
|
}) {
|
|
8861
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8862
|
-
/* @__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: [
|
|
8863
8976
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8864
8977
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8865
8978
|
recharts.XAxis,
|
|
@@ -8909,9 +9022,9 @@ function ArticleLineChart({
|
|
|
8909
9022
|
s.dataKey
|
|
8910
9023
|
))
|
|
8911
9024
|
] }) }) }),
|
|
8912
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8913
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8914
|
-
/* @__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 })
|
|
8915
9028
|
] }, s.dataKey)) })
|
|
8916
9029
|
] });
|
|
8917
9030
|
}
|
|
@@ -8926,8 +9039,8 @@ function ArticleBarChart({
|
|
|
8926
9039
|
valueFormatter,
|
|
8927
9040
|
className = ""
|
|
8928
9041
|
}) {
|
|
8929
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: `${
|
|
8930
|
-
/* @__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: [
|
|
8931
9044
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
8932
9045
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8933
9046
|
recharts.XAxis,
|
|
@@ -8975,9 +9088,9 @@ function ArticleBarChart({
|
|
|
8975
9088
|
s.dataKey
|
|
8976
9089
|
))
|
|
8977
9090
|
] }) }) }),
|
|
8978
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
8979
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
8980
|
-
/* @__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 })
|
|
8981
9094
|
] }, s.dataKey)) })
|
|
8982
9095
|
] });
|
|
8983
9096
|
}
|
|
@@ -8995,7 +9108,7 @@ function ArticleScatterChart({
|
|
|
8995
9108
|
var _a;
|
|
8996
9109
|
return (_a = d.color) != null ? _a : color;
|
|
8997
9110
|
});
|
|
8998
|
-
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: [
|
|
8999
9112
|
/* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
9000
9113
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9001
9114
|
recharts.XAxis,
|
|
@@ -9031,14 +9144,14 @@ function ArticleScatterChart({
|
|
|
9031
9144
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
9032
9145
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
9033
9146
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
9034
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
9035
|
-
point.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
9036
|
-
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: [
|
|
9037
9150
|
xLabel,
|
|
9038
9151
|
": ",
|
|
9039
9152
|
fmt(point.x)
|
|
9040
9153
|
] }),
|
|
9041
|
-
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className:
|
|
9154
|
+
yLabel && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default81.scatterTooltipRow, children: [
|
|
9042
9155
|
yLabel,
|
|
9043
9156
|
": ",
|
|
9044
9157
|
fmt(point.y)
|
|
@@ -9115,7 +9228,7 @@ __styleInject(`.LandingLayout-module_headerMode {
|
|
|
9115
9228
|
padding-right: 4rem;
|
|
9116
9229
|
}
|
|
9117
9230
|
}`);
|
|
9118
|
-
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" };
|
|
9119
9232
|
function LandingLayout({
|
|
9120
9233
|
mode = "header",
|
|
9121
9234
|
nav,
|
|
@@ -9124,17 +9237,17 @@ function LandingLayout({
|
|
|
9124
9237
|
className = ""
|
|
9125
9238
|
}) {
|
|
9126
9239
|
if (mode === "sidebar") {
|
|
9127
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
9128
|
-
nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
9129
|
-
/* @__PURE__ */ jsxRuntime.jsxs("main", { className:
|
|
9130
|
-
/* @__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 }),
|
|
9131
9244
|
footer
|
|
9132
9245
|
] })
|
|
9133
9246
|
] });
|
|
9134
9247
|
}
|
|
9135
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${
|
|
9248
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default82.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
9136
9249
|
nav,
|
|
9137
|
-
/* @__PURE__ */ jsxRuntime.jsx("main", { className:
|
|
9250
|
+
/* @__PURE__ */ jsxRuntime.jsx("main", { className: __default82.headerMain, children }),
|
|
9138
9251
|
footer
|
|
9139
9252
|
] });
|
|
9140
9253
|
}
|
|
@@ -9187,6 +9300,7 @@ exports.IconWithText = IconWithText;
|
|
|
9187
9300
|
exports.IconlyActivity = IconlyActivity;
|
|
9188
9301
|
exports.IconlyAttach = IconlyAttach;
|
|
9189
9302
|
exports.IconlyBook = IconlyBook;
|
|
9303
|
+
exports.IconlyCategory = IconlyCategory;
|
|
9190
9304
|
exports.IconlyCheck = IconlyCheck;
|
|
9191
9305
|
exports.IconlyChevronDown = IconlyChevronDown;
|
|
9192
9306
|
exports.IconlyChevronLeft = IconlyChevronLeft;
|
|
@@ -9196,6 +9310,7 @@ exports.IconlyClose = IconlyClose;
|
|
|
9196
9310
|
exports.IconlyError = IconlyError;
|
|
9197
9311
|
exports.IconlyEye = IconlyEye;
|
|
9198
9312
|
exports.IconlyEyeOff = IconlyEyeOff;
|
|
9313
|
+
exports.IconlyFolder = IconlyFolder;
|
|
9199
9314
|
exports.IconlyHeart = IconlyHeart;
|
|
9200
9315
|
exports.IconlyInfo = IconlyInfo;
|
|
9201
9316
|
exports.IconlyInfoCircle = IconlyInfoCircle;
|
|
@@ -9209,6 +9324,7 @@ exports.IconlyRoadmap = IconlyRoadmap;
|
|
|
9209
9324
|
exports.IconlySandbox = IconlySandbox;
|
|
9210
9325
|
exports.IconlySearch = IconlySearch;
|
|
9211
9326
|
exports.IconlySend = IconlySend;
|
|
9327
|
+
exports.IconlySetting = IconlySetting;
|
|
9212
9328
|
exports.IconlyShield = IconlyShield;
|
|
9213
9329
|
exports.IconlySmile = IconlySmile;
|
|
9214
9330
|
exports.IconlyStar = IconlyStar;
|
|
@@ -9237,6 +9353,7 @@ exports.PromoTestimonials = PromoTestimonials;
|
|
|
9237
9353
|
exports.PromoTrustGrid = PromoTrustGrid;
|
|
9238
9354
|
exports.Radio = Radio;
|
|
9239
9355
|
exports.SearchBar = SearchBar;
|
|
9356
|
+
exports.SegmentedControl = SegmentedControl;
|
|
9240
9357
|
exports.Select = Select;
|
|
9241
9358
|
exports.Sidebar = Sidebar;
|
|
9242
9359
|
exports.Skeleton = Skeleton;
|