@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.js
CHANGED
|
@@ -555,6 +555,21 @@ var IconlyShield = ({ size = 24, color = "currentColor", className }) => /* @__P
|
|
|
555
555
|
/* @__PURE__ */ jsx("path", { d: "M14.615,2.375A1.089,1.089,0,0,1,15.344,3.4v6.773a7.781,7.781,0,0,1-1.9,5.1,7.771,7.771,0,0,1-2.2,1.7L7.678,18.9,4.114,16.972a7.767,7.767,0,0,1-2.208-1.7A7.783,7.783,0,0,1,0,10.172V3.4A1.089,1.089,0,0,1,.729,2.375L7.311.062a1.09,1.09,0,0,1,.722,0Z", transform: "translate(0.75 0.749)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
556
556
|
/* @__PURE__ */ jsx("path", { d: "M0,2.005,1.892,3.9,5.79,0", transform: "translate(5.823 7.913)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
557
557
|
] }) });
|
|
558
|
+
var IconlyCategory = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
559
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
560
|
+
/* @__PURE__ */ jsx("rect", { x: "13.5", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
561
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
562
|
+
/* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
563
|
+
] });
|
|
564
|
+
var IconlySetting = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
565
|
+
/* @__PURE__ */ jsx("path", { d: "M19.622 10.395l-1.097-2.65L20 6l-2-2-1.735 1.483-2.707-1.113L12.935 2h-1.954l-.632 2.401-2.645 1.115L6 4 4 6l1.453 1.789-1.08 2.657L2 11v2l2.401.655L5.516 16.3 4 18l2 2 1.791-1.46 2.606 1.072L11 22h2l.604-2.387 2.651-1.098C16.697 18.831 18 20 18 20l2-2-1.484-1.75 1.098-2.652 2.386-.62V11l-2.378-.605z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
566
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
567
|
+
] });
|
|
568
|
+
var IconlyFolder = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { d: "M3 7.5C3 6.119 4.119 5 5.5 5h3.879a2 2 0 0 1 1.414.586l1.207 1.207a2 2 0 0 0 1.414.586H18.5C19.881 7.379 21 8.498 21 9.879V16.5c0 1.381-1.119 2.5-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
569
|
+
var IconlyLink = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
|
|
570
|
+
/* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
571
|
+
/* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
|
|
572
|
+
] });
|
|
558
573
|
var IconlySmile = IconlyActivity;
|
|
559
574
|
var IconlyAttach = IconlyActivity;
|
|
560
575
|
var IconlyInfo = IconlyActivity;
|
|
@@ -568,7 +583,6 @@ var IconlyInfoCircle = IconlyActivity;
|
|
|
568
583
|
var IconlySuccess = IconlyActivity;
|
|
569
584
|
var IconlyWarning = IconlyActivity;
|
|
570
585
|
var IconlyError = IconlyActivity;
|
|
571
|
-
var IconlyLink = IconlyActivity;
|
|
572
586
|
|
|
573
587
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/Tag.module.scss
|
|
574
588
|
__styleInject(`@charset "UTF-8";
|
|
@@ -3590,6 +3604,105 @@ function DropdownMenu({
|
|
|
3590
3604
|
] });
|
|
3591
3605
|
}
|
|
3592
3606
|
|
|
3607
|
+
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/SegmentedControl.module.scss
|
|
3608
|
+
__styleInject(`@charset "UTF-8";
|
|
3609
|
+
/* 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. */
|
|
3610
|
+
.SegmentedControl-module_root {
|
|
3611
|
+
display: inline-flex;
|
|
3612
|
+
align-items: stretch;
|
|
3613
|
+
border: 1px solid var(--border-color);
|
|
3614
|
+
border-radius: var(--radius-full);
|
|
3615
|
+
padding: 2px;
|
|
3616
|
+
background: var(--bg);
|
|
3617
|
+
line-height: 1;
|
|
3618
|
+
}
|
|
3619
|
+
|
|
3620
|
+
/* \u2014 \u0420\u0430\u0437\u043C\u0435\u0440\u044B (parity \u0441 Button/Toggle) \u2014 */
|
|
3621
|
+
.SegmentedControl-module_sm {
|
|
3622
|
+
height: 28px;
|
|
3623
|
+
}
|
|
3624
|
+
.SegmentedControl-module_sm .SegmentedControl-module_segment {
|
|
3625
|
+
padding: 0 0.625rem;
|
|
3626
|
+
font-size: 11px;
|
|
3627
|
+
font-weight: 600;
|
|
3628
|
+
letter-spacing: 0.04em;
|
|
3629
|
+
}
|
|
3630
|
+
|
|
3631
|
+
.SegmentedControl-module_md {
|
|
3632
|
+
height: 32px;
|
|
3633
|
+
}
|
|
3634
|
+
.SegmentedControl-module_md .SegmentedControl-module_segment {
|
|
3635
|
+
padding: 0 0.875rem;
|
|
3636
|
+
font-size: 13px;
|
|
3637
|
+
font-weight: 600;
|
|
3638
|
+
letter-spacing: -0.25px;
|
|
3639
|
+
}
|
|
3640
|
+
|
|
3641
|
+
/* \u2014 Segment (button) \u2014 */
|
|
3642
|
+
.SegmentedControl-module_segment {
|
|
3643
|
+
appearance: none;
|
|
3644
|
+
border: none;
|
|
3645
|
+
background: transparent;
|
|
3646
|
+
color: var(--fg-muted);
|
|
3647
|
+
border-radius: var(--radius-full);
|
|
3648
|
+
cursor: pointer;
|
|
3649
|
+
transition: color var(--transition-fast), background var(--transition-fast);
|
|
3650
|
+
}
|
|
3651
|
+
.SegmentedControl-module_segment:hover:not(.SegmentedControl-module_segmentActive):not(:disabled) {
|
|
3652
|
+
color: var(--fg);
|
|
3653
|
+
}
|
|
3654
|
+
.SegmentedControl-module_segment:focus-visible {
|
|
3655
|
+
outline: 2px solid var(--brand-primary);
|
|
3656
|
+
outline-offset: 2px;
|
|
3657
|
+
}
|
|
3658
|
+
.SegmentedControl-module_segment:disabled {
|
|
3659
|
+
cursor: not-allowed;
|
|
3660
|
+
opacity: 0.5;
|
|
3661
|
+
}
|
|
3662
|
+
|
|
3663
|
+
.SegmentedControl-module_segmentActive {
|
|
3664
|
+
background: var(--fg);
|
|
3665
|
+
color: var(--bg);
|
|
3666
|
+
cursor: default;
|
|
3667
|
+
}`);
|
|
3668
|
+
var __default42 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
|
|
3669
|
+
function SegmentedControl({
|
|
3670
|
+
options,
|
|
3671
|
+
value,
|
|
3672
|
+
onChange,
|
|
3673
|
+
size = "md",
|
|
3674
|
+
ariaLabel,
|
|
3675
|
+
className = ""
|
|
3676
|
+
}) {
|
|
3677
|
+
return /* @__PURE__ */ jsx(
|
|
3678
|
+
"div",
|
|
3679
|
+
{
|
|
3680
|
+
role: "group",
|
|
3681
|
+
"aria-label": ariaLabel,
|
|
3682
|
+
className: `${__default42.root} ${__default42[size]}${className ? ` ${className}` : ""}`,
|
|
3683
|
+
children: options.map((option) => {
|
|
3684
|
+
const isActive = option.value === value;
|
|
3685
|
+
const isDisabled = option.disabled || false;
|
|
3686
|
+
return /* @__PURE__ */ jsx(
|
|
3687
|
+
"button",
|
|
3688
|
+
{
|
|
3689
|
+
type: "button",
|
|
3690
|
+
"aria-pressed": isActive,
|
|
3691
|
+
disabled: isDisabled,
|
|
3692
|
+
className: `${__default42.segment}${isActive ? ` ${__default42.segmentActive}` : ""}`,
|
|
3693
|
+
onClick: () => {
|
|
3694
|
+
if (isActive || isDisabled) return;
|
|
3695
|
+
onChange(option.value);
|
|
3696
|
+
},
|
|
3697
|
+
children: option.label
|
|
3698
|
+
},
|
|
3699
|
+
option.value
|
|
3700
|
+
);
|
|
3701
|
+
})
|
|
3702
|
+
}
|
|
3703
|
+
);
|
|
3704
|
+
}
|
|
3705
|
+
|
|
3593
3706
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/Header.module.scss
|
|
3594
3707
|
__styleInject(`@charset "UTF-8";
|
|
3595
3708
|
/* Header \u2014 pill-style (border + radius + margin) by default */
|
|
@@ -3702,25 +3815,25 @@ __styleInject(`@charset "UTF-8";
|
|
|
3702
3815
|
padding-top: 1rem;
|
|
3703
3816
|
border-top: 1px solid var(--border-color);
|
|
3704
3817
|
}`);
|
|
3705
|
-
var
|
|
3818
|
+
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" };
|
|
3706
3819
|
function Header({ logo, navItems = [], actions, className = "" }) {
|
|
3707
3820
|
const [mobileOpen, setMobileOpen] = useState(false);
|
|
3708
|
-
return /* @__PURE__ */ jsxs("header", { className: `${
|
|
3709
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3710
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3821
|
+
return /* @__PURE__ */ jsxs("header", { className: `${__default43.root}${className ? ` ${className}` : ""}`, children: [
|
|
3822
|
+
/* @__PURE__ */ jsx("div", { className: __default43.container, children: /* @__PURE__ */ jsxs("div", { className: __default43.bar, children: [
|
|
3823
|
+
/* @__PURE__ */ jsxs("div", { className: __default43.leftGroup, children: [
|
|
3711
3824
|
logo,
|
|
3712
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
3825
|
+
/* @__PURE__ */ jsx("nav", { className: __default43.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
|
|
3713
3826
|
"a",
|
|
3714
3827
|
{
|
|
3715
3828
|
href: item.href,
|
|
3716
|
-
className:
|
|
3829
|
+
className: __default43.navLink,
|
|
3717
3830
|
children: item.label
|
|
3718
3831
|
},
|
|
3719
3832
|
item.label
|
|
3720
3833
|
)) })
|
|
3721
3834
|
] }),
|
|
3722
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
3723
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3835
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default43.desktopActions, children: actions }),
|
|
3836
|
+
/* @__PURE__ */ jsx("div", { className: __default43.mobileToggle, children: /* @__PURE__ */ jsx(
|
|
3724
3837
|
IconButton,
|
|
3725
3838
|
{
|
|
3726
3839
|
variant: "primary",
|
|
@@ -3730,17 +3843,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
|
|
|
3730
3843
|
}
|
|
3731
3844
|
) })
|
|
3732
3845
|
] }) }),
|
|
3733
|
-
mobileOpen && /* @__PURE__ */ jsxs("div", { className:
|
|
3734
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
3846
|
+
mobileOpen && /* @__PURE__ */ jsxs("div", { className: __default43.mobileMenu, children: [
|
|
3847
|
+
/* @__PURE__ */ jsx("nav", { className: __default43.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
|
|
3735
3848
|
"a",
|
|
3736
3849
|
{
|
|
3737
3850
|
href: item.href,
|
|
3738
|
-
className:
|
|
3851
|
+
className: __default43.navLink,
|
|
3739
3852
|
children: item.label
|
|
3740
3853
|
},
|
|
3741
3854
|
item.label
|
|
3742
3855
|
)) }),
|
|
3743
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
3856
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default43.mobileActions, children: actions })
|
|
3744
3857
|
] })
|
|
3745
3858
|
] });
|
|
3746
3859
|
}
|
|
@@ -3874,7 +3987,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
3874
3987
|
.Footer-module_socialLink:hover {
|
|
3875
3988
|
color: var(--fg);
|
|
3876
3989
|
}`);
|
|
3877
|
-
var
|
|
3990
|
+
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" };
|
|
3878
3991
|
function Footer({
|
|
3879
3992
|
brand,
|
|
3880
3993
|
columns,
|
|
@@ -3885,24 +3998,24 @@ function Footer({
|
|
|
3885
3998
|
const hasBrand = !!(brand && (brand.logo || brand.tagline));
|
|
3886
3999
|
const hasGrid = hasBrand || columns && columns.length > 0;
|
|
3887
4000
|
const hasBottom = !!copyright || socials && socials.length > 0;
|
|
3888
|
-
return /* @__PURE__ */ jsx("footer", { className: `${
|
|
3889
|
-
hasGrid && /* @__PURE__ */ jsxs("div", { className:
|
|
3890
|
-
hasBrand && /* @__PURE__ */ jsxs("div", { className:
|
|
4001
|
+
return /* @__PURE__ */ jsx("footer", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default44.container, children: [
|
|
4002
|
+
hasGrid && /* @__PURE__ */ jsxs("div", { className: __default44.grid, children: [
|
|
4003
|
+
hasBrand && /* @__PURE__ */ jsxs("div", { className: __default44.brandCell, children: [
|
|
3891
4004
|
brand == null ? void 0 : brand.logo,
|
|
3892
|
-
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className:
|
|
4005
|
+
(brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className: __default44.tagline, children: brand.tagline })
|
|
3893
4006
|
] }),
|
|
3894
4007
|
columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxs("div", { children: [
|
|
3895
|
-
/* @__PURE__ */ jsx("h4", { className:
|
|
3896
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
4008
|
+
/* @__PURE__ */ jsx("h4", { className: __default44.columnTitle, children: col.title }),
|
|
4009
|
+
/* @__PURE__ */ jsx("ul", { className: __default44.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: __default44.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
|
|
3897
4010
|
] }, `${ci}-${col.title}`))
|
|
3898
4011
|
] }),
|
|
3899
|
-
hasBottom && /* @__PURE__ */ jsxs("div", { className:
|
|
3900
|
-
copyright && /* @__PURE__ */ jsx("p", { className:
|
|
3901
|
-
socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
4012
|
+
hasBottom && /* @__PURE__ */ jsxs("div", { className: __default44.bottom, children: [
|
|
4013
|
+
copyright && /* @__PURE__ */ jsx("p", { className: __default44.copyright, children: copyright }),
|
|
4014
|
+
socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: __default44.socials, children: socials.map((social, si) => /* @__PURE__ */ jsx(
|
|
3902
4015
|
"a",
|
|
3903
4016
|
{
|
|
3904
4017
|
href: social.href,
|
|
3905
|
-
className:
|
|
4018
|
+
className: __default44.socialLink,
|
|
3906
4019
|
children: social.label
|
|
3907
4020
|
},
|
|
3908
4021
|
`${si}-${social.label}`
|
|
@@ -3998,7 +4111,7 @@ __styleInject(`.PricingCard-module_root {
|
|
|
3998
4111
|
.PricingCard-module_cta {
|
|
3999
4112
|
width: 100%;
|
|
4000
4113
|
}`);
|
|
4001
|
-
var
|
|
4114
|
+
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" };
|
|
4002
4115
|
function PricingCard({
|
|
4003
4116
|
plan,
|
|
4004
4117
|
price,
|
|
@@ -4013,26 +4126,26 @@ function PricingCard({
|
|
|
4013
4126
|
return /* @__PURE__ */ jsxs(
|
|
4014
4127
|
"div",
|
|
4015
4128
|
{
|
|
4016
|
-
className: `${
|
|
4129
|
+
className: `${__default45.root}${highlighted ? ` ${__default45.highlighted}` : ""}${className ? ` ${className}` : ""}`,
|
|
4017
4130
|
children: [
|
|
4018
|
-
badge && /* @__PURE__ */ jsx("div", { className:
|
|
4019
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4020
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4021
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
4131
|
+
badge && /* @__PURE__ */ jsx("div", { className: __default45.badgeWrap, children: /* @__PURE__ */ jsx(Badge, { color: "info", children: badge }) }),
|
|
4132
|
+
/* @__PURE__ */ jsxs("div", { className: __default45.header, children: [
|
|
4133
|
+
/* @__PURE__ */ jsx("h3", { className: __default45.plan, children: plan }),
|
|
4134
|
+
description && /* @__PURE__ */ jsx("p", { className: __default45.description, children: description })
|
|
4022
4135
|
] }),
|
|
4023
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4024
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4025
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4136
|
+
/* @__PURE__ */ jsxs("div", { className: __default45.priceBlock, children: [
|
|
4137
|
+
/* @__PURE__ */ jsx("span", { className: __default45.price, children: price }),
|
|
4138
|
+
/* @__PURE__ */ jsx("span", { className: __default45.period, children: period })
|
|
4026
4139
|
] }),
|
|
4027
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
4140
|
+
/* @__PURE__ */ jsx("ul", { className: __default45.features, children: features.map((feature, i) => {
|
|
4028
4141
|
const text = typeof feature === "string" ? feature : feature.text;
|
|
4029
4142
|
const isExcluded = typeof feature === "object" && feature.included === false;
|
|
4030
4143
|
return /* @__PURE__ */ jsxs(
|
|
4031
4144
|
"li",
|
|
4032
4145
|
{
|
|
4033
|
-
className: `${
|
|
4146
|
+
className: `${__default45.featureItem}${isExcluded ? ` ${__default45.featureItemExcluded}` : ""}`,
|
|
4034
4147
|
children: [
|
|
4035
|
-
/* @__PURE__ */ jsx("span", { className: `${
|
|
4148
|
+
/* @__PURE__ */ jsx("span", { className: `${__default45.featureIcon}${isExcluded ? ` ${__default45.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsx(IconlyCheck, { size: 16 }) }),
|
|
4036
4149
|
text
|
|
4037
4150
|
]
|
|
4038
4151
|
},
|
|
@@ -4043,7 +4156,7 @@ function PricingCard({
|
|
|
4043
4156
|
Button,
|
|
4044
4157
|
{
|
|
4045
4158
|
variant: highlighted ? "primary" : "outline",
|
|
4046
|
-
className:
|
|
4159
|
+
className: __default45.cta,
|
|
4047
4160
|
onClick: cta.onClick,
|
|
4048
4161
|
children: cta.label
|
|
4049
4162
|
}
|
|
@@ -4091,21 +4204,21 @@ __styleInject(`.TestimonialCard-module_root {
|
|
|
4091
4204
|
font-size: 0.75rem;
|
|
4092
4205
|
color: var(--fg-muted);
|
|
4093
4206
|
}`);
|
|
4094
|
-
var
|
|
4207
|
+
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" };
|
|
4095
4208
|
function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
|
|
4096
4209
|
const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
4097
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4098
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4099
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
4210
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default46.root}${className ? ` ${className}` : ""}`, children: [
|
|
4211
|
+
/* @__PURE__ */ jsx("div", { className: __default46.quoteIcon, children: /* @__PURE__ */ jsx(IconlyQuote, { size: 32 }) }),
|
|
4212
|
+
/* @__PURE__ */ jsxs("p", { className: __default46.quoteText, children: [
|
|
4100
4213
|
"\u201C",
|
|
4101
4214
|
quote,
|
|
4102
4215
|
"\u201D"
|
|
4103
4216
|
] }),
|
|
4104
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4217
|
+
/* @__PURE__ */ jsxs("div", { className: __default46.author, children: [
|
|
4105
4218
|
/* @__PURE__ */ jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
|
|
4106
4219
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
4107
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4108
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4220
|
+
/* @__PURE__ */ jsx("p", { className: __default46.authorName, children: name }),
|
|
4221
|
+
/* @__PURE__ */ jsx("p", { className: __default46.authorRole, children: role })
|
|
4109
4222
|
] })
|
|
4110
4223
|
] })
|
|
4111
4224
|
] });
|
|
@@ -4177,17 +4290,17 @@ __styleInject(`.FeatureGrid-module_root {
|
|
|
4177
4290
|
color: var(--fg-muted);
|
|
4178
4291
|
line-height: 1.625;
|
|
4179
4292
|
}`);
|
|
4180
|
-
var
|
|
4293
|
+
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" };
|
|
4181
4294
|
function FeatureGrid({ features, columns = 3, className = "" }) {
|
|
4182
4295
|
const colsClass = {
|
|
4183
|
-
2:
|
|
4184
|
-
3:
|
|
4185
|
-
4:
|
|
4296
|
+
2: __default47.cols2,
|
|
4297
|
+
3: __default47.cols3,
|
|
4298
|
+
4: __default47.cols4
|
|
4186
4299
|
};
|
|
4187
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
4188
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4189
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4190
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4300
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default47.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default47.card, children: [
|
|
4301
|
+
/* @__PURE__ */ jsx("div", { className: __default47.cardIcon, children: feature.icon }),
|
|
4302
|
+
/* @__PURE__ */ jsx("h3", { className: __default47.cardTitle, children: feature.title }),
|
|
4303
|
+
/* @__PURE__ */ jsx("p", { className: __default47.cardDescription, children: feature.description })
|
|
4191
4304
|
] }, i)) });
|
|
4192
4305
|
}
|
|
4193
4306
|
|
|
@@ -4288,7 +4401,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4288
4401
|
display: block;
|
|
4289
4402
|
}
|
|
4290
4403
|
}`);
|
|
4291
|
-
var
|
|
4404
|
+
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" };
|
|
4292
4405
|
var defaultMenuItems = [
|
|
4293
4406
|
"\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
|
|
4294
4407
|
"\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
|
|
@@ -4332,19 +4445,19 @@ function Sidebar({
|
|
|
4332
4445
|
const items = normaliseItems(rawItems);
|
|
4333
4446
|
const [internalActive, setInternalActive] = useState(0);
|
|
4334
4447
|
const isControlled = activeId !== void 0;
|
|
4335
|
-
const widthClass = type === "courseSubmenu" ?
|
|
4448
|
+
const widthClass = type === "courseSubmenu" ? __default48.courseSubmenu : __default48.menu;
|
|
4336
4449
|
const showLegal = legalText !== null;
|
|
4337
4450
|
const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
|
|
4338
4451
|
const isOpen = collapsed === false;
|
|
4339
4452
|
const collapseClasses = [
|
|
4340
|
-
collapsed ?
|
|
4341
|
-
isOpen ?
|
|
4453
|
+
collapsed ? __default48.collapsed : "",
|
|
4454
|
+
isOpen ? __default48.open : ""
|
|
4342
4455
|
].filter(Boolean).join(" ");
|
|
4343
4456
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4344
4457
|
onToggle && /* @__PURE__ */ jsx(
|
|
4345
4458
|
"div",
|
|
4346
4459
|
{
|
|
4347
|
-
className: `${
|
|
4460
|
+
className: `${__default48.overlay}${isOpen ? ` ${__default48.overlayVisible}` : ""}`,
|
|
4348
4461
|
onClick: onToggle,
|
|
4349
4462
|
"aria-hidden": "true"
|
|
4350
4463
|
}
|
|
@@ -4352,10 +4465,10 @@ function Sidebar({
|
|
|
4352
4465
|
/* @__PURE__ */ jsxs(
|
|
4353
4466
|
"aside",
|
|
4354
4467
|
{
|
|
4355
|
-
className: `${
|
|
4468
|
+
className: `${__default48.root} ${widthClass}${layout === "compact" ? ` ${__default48.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
|
|
4356
4469
|
children: [
|
|
4357
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
4358
|
-
/* @__PURE__ */ jsx("nav", { className:
|
|
4470
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default48.logo, children: logo }),
|
|
4471
|
+
/* @__PURE__ */ jsx("nav", { className: __default48.nav, children: items.map((item, i) => {
|
|
4359
4472
|
const isActive = isControlled ? item.id === activeId : i === internalActive;
|
|
4360
4473
|
return /* @__PURE__ */ jsx(
|
|
4361
4474
|
MenuItem,
|
|
@@ -4371,9 +4484,9 @@ function Sidebar({
|
|
|
4371
4484
|
item.id
|
|
4372
4485
|
);
|
|
4373
4486
|
}) }),
|
|
4374
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4487
|
+
/* @__PURE__ */ jsxs("div", { className: __default48.footer, children: [
|
|
4375
4488
|
type === "menu" && footer,
|
|
4376
|
-
showLegal && /* @__PURE__ */ jsx("p", { className:
|
|
4489
|
+
showLegal && /* @__PURE__ */ jsx("p", { className: __default48.legal, children: legalContent })
|
|
4377
4490
|
] })
|
|
4378
4491
|
]
|
|
4379
4492
|
}
|
|
@@ -4483,7 +4596,7 @@ __styleInject(`.AppCard-module_defaultCard {
|
|
|
4483
4596
|
.AppCard-module_stampBg {
|
|
4484
4597
|
background: var(--bg);
|
|
4485
4598
|
}`);
|
|
4486
|
-
var
|
|
4599
|
+
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" };
|
|
4487
4600
|
var HOLE_R = 4;
|
|
4488
4601
|
var HOLE_SP = 16;
|
|
4489
4602
|
function buildStampMask(w, h) {
|
|
@@ -4510,18 +4623,18 @@ function CardContent({
|
|
|
4510
4623
|
isStamp
|
|
4511
4624
|
}) {
|
|
4512
4625
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4513
|
-
image && /* @__PURE__ */ jsx("div", { className: isStamp ?
|
|
4626
|
+
image && /* @__PURE__ */ jsx("div", { className: isStamp ? __default49.imageWrap : __default49.imageWrapRounded, children: /* @__PURE__ */ jsx("img", { src: image, alt: title, className: __default49.image }) }),
|
|
4514
4627
|
/* @__PURE__ */ jsxs(
|
|
4515
4628
|
"div",
|
|
4516
4629
|
{
|
|
4517
|
-
className: isStamp ?
|
|
4630
|
+
className: isStamp ? __default49.contentStamp : image ? __default49.contentDefaultWithImage : __default49.contentDefaultNoImage,
|
|
4518
4631
|
children: [
|
|
4519
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4520
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4521
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4632
|
+
/* @__PURE__ */ jsxs("div", { className: __default49.textGroup, children: [
|
|
4633
|
+
/* @__PURE__ */ jsx("h3", { className: __default49.cardTitle, children: title }),
|
|
4634
|
+
/* @__PURE__ */ jsx("p", { className: __default49.cardDesc, children: description })
|
|
4522
4635
|
] }),
|
|
4523
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
4524
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4636
|
+
/* @__PURE__ */ jsxs("div", { className: __default49.footer, children: [
|
|
4637
|
+
/* @__PURE__ */ jsx("div", { className: __default49.iconRow, children: icons }),
|
|
4525
4638
|
/* @__PURE__ */ jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
|
|
4526
4639
|
] })
|
|
4527
4640
|
]
|
|
@@ -4538,7 +4651,7 @@ function AppCard(_a) {
|
|
|
4538
4651
|
"className"
|
|
4539
4652
|
]);
|
|
4540
4653
|
if (variant === "default") {
|
|
4541
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
4654
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default49.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
|
|
4542
4655
|
}
|
|
4543
4656
|
const padded = variant === "stamp-padded";
|
|
4544
4657
|
return /* @__PURE__ */ jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
|
|
@@ -4564,7 +4677,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4564
4677
|
ro.disconnect();
|
|
4565
4678
|
};
|
|
4566
4679
|
}, [build]);
|
|
4567
|
-
return /* @__PURE__ */ jsx("div", { ref, className: `${
|
|
4680
|
+
return /* @__PURE__ */ jsx("div", { ref, className: `${__default49.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default49.shadowWrap, children: /* @__PURE__ */ jsx(
|
|
4568
4681
|
"div",
|
|
4569
4682
|
{
|
|
4570
4683
|
style: {
|
|
@@ -4573,7 +4686,7 @@ function StampWrapper({ children, className, padded }) {
|
|
|
4573
4686
|
WebkitMaskSize: "100% 100%",
|
|
4574
4687
|
maskSize: "100% 100%"
|
|
4575
4688
|
},
|
|
4576
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
4689
|
+
children: /* @__PURE__ */ jsx("div", { className: __default49.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
|
|
4577
4690
|
}
|
|
4578
4691
|
) }) });
|
|
4579
4692
|
}
|
|
@@ -4586,7 +4699,7 @@ __styleInject(`.AppTopLine-module_root {
|
|
|
4586
4699
|
justify-content: space-between;
|
|
4587
4700
|
width: 100%;
|
|
4588
4701
|
}`);
|
|
4589
|
-
var
|
|
4702
|
+
var __default50 = { "root": "AppTopLine-module_root" };
|
|
4590
4703
|
function AppTopLine({
|
|
4591
4704
|
promoText = "\u0412\u0430\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0441\u043A\u0438\u0434\u043A\u0430 10% \u043D\u0430 \u0432\u0441\u0435 \u043F\u043B\u0430\u0442\u043D\u044B\u0435 \u043A\u0443\u0440\u0441\u044B",
|
|
4592
4705
|
promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
|
|
@@ -4599,7 +4712,7 @@ function AppTopLine({
|
|
|
4599
4712
|
avatarSrc,
|
|
4600
4713
|
className = ""
|
|
4601
4714
|
}) {
|
|
4602
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4715
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default50.root}${className ? ` ${className}` : ""}`, children: [
|
|
4603
4716
|
/* @__PURE__ */ jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
|
|
4604
4717
|
/* @__PURE__ */ jsx(ProfileNav, { stats, avatarSrc })
|
|
4605
4718
|
] });
|
|
@@ -4640,13 +4753,13 @@ __styleInject(`.EmptyState-module_root {
|
|
|
4640
4753
|
.EmptyState-module_action {
|
|
4641
4754
|
margin-top: 1.25rem;
|
|
4642
4755
|
}`);
|
|
4643
|
-
var
|
|
4756
|
+
var __default51 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
|
|
4644
4757
|
function EmptyState({ icon, title, description, action, className = "" }) {
|
|
4645
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
4646
|
-
icon && /* @__PURE__ */ jsx("div", { className:
|
|
4647
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
4648
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
4649
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
4758
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
|
|
4759
|
+
icon && /* @__PURE__ */ jsx("div", { className: __default51.icon, children: icon }),
|
|
4760
|
+
/* @__PURE__ */ jsx("h3", { className: __default51.title, children: title }),
|
|
4761
|
+
/* @__PURE__ */ jsx("p", { className: __default51.description, children: description }),
|
|
4762
|
+
action && /* @__PURE__ */ jsx("div", { className: __default51.action, children: action })
|
|
4650
4763
|
] });
|
|
4651
4764
|
}
|
|
4652
4765
|
|
|
@@ -4838,7 +4951,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
4838
4951
|
overflow: hidden;
|
|
4839
4952
|
background: var(--bg-secondary);
|
|
4840
4953
|
}`);
|
|
4841
|
-
var
|
|
4954
|
+
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" };
|
|
4842
4955
|
function HeroSection({
|
|
4843
4956
|
eyebrow,
|
|
4844
4957
|
title,
|
|
@@ -4853,25 +4966,25 @@ function HeroSection({
|
|
|
4853
4966
|
const isCenter = align === "center";
|
|
4854
4967
|
const isCompact = size === "compact";
|
|
4855
4968
|
const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
|
|
4856
|
-
const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ?
|
|
4857
|
-
eyebrow && /* @__PURE__ */ jsx("div", { className: `${
|
|
4858
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
4969
|
+
const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ? __default52.contentCenter : __default52.content, children: [
|
|
4970
|
+
eyebrow && /* @__PURE__ */ jsx("div", { className: `${__default52.eyebrowWrap}${isCenter ? ` ${__default52.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxs("span", { className: __default52.eyebrow, children: [
|
|
4971
|
+
/* @__PURE__ */ jsx("span", { className: __default52.eyebrowDot }),
|
|
4859
4972
|
eyebrow
|
|
4860
4973
|
] }) }),
|
|
4861
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
4862
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
4863
|
-
actions && /* @__PURE__ */ jsx("div", { className: `${
|
|
4974
|
+
/* @__PURE__ */ jsx("h1", { className: __default52.title, children: title }),
|
|
4975
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default52.subtitle}${isCenter ? ` ${__default52.subtitleCenter}` : ""}`, children: subtitle }),
|
|
4976
|
+
actions && /* @__PURE__ */ jsx("div", { className: `${__default52.actions}${isCenter ? ` ${__default52.actionsCenter}` : ""}`, children: actions })
|
|
4864
4977
|
] });
|
|
4865
4978
|
const mediaBlock = media && /* @__PURE__ */ jsx(
|
|
4866
4979
|
"div",
|
|
4867
4980
|
{
|
|
4868
|
-
className: isSplitRight ?
|
|
4869
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
4981
|
+
className: isSplitRight ? __default52.mediaSplit : isCenter ? __default52.mediaWrapCenter : __default52.mediaWrapLeft,
|
|
4982
|
+
children: /* @__PURE__ */ jsx("div", { className: __default52.mediaBox, children: media })
|
|
4870
4983
|
}
|
|
4871
4984
|
);
|
|
4872
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
4873
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4874
|
-
/* @__PURE__ */ jsx("div", { className: isCompact ?
|
|
4985
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
|
|
4986
|
+
/* @__PURE__ */ jsx("div", { className: __default52.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: __default52.glowOrb }) }),
|
|
4987
|
+
/* @__PURE__ */ jsx("div", { className: isCompact ? __default52.innerCompact : __default52.inner, children: isSplitRight ? /* @__PURE__ */ jsxs("div", { className: __default52.splitGrid, children: [
|
|
4875
4988
|
contentBlock,
|
|
4876
4989
|
mediaBlock
|
|
4877
4990
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -4949,15 +5062,15 @@ __styleInject(`.LogoCloud-module_root {
|
|
|
4949
5062
|
font-size: 1rem;
|
|
4950
5063
|
}
|
|
4951
5064
|
}`);
|
|
4952
|
-
var
|
|
5065
|
+
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" };
|
|
4953
5066
|
function LogoCloud({
|
|
4954
5067
|
label = "Trusted by teams at",
|
|
4955
5068
|
logos,
|
|
4956
5069
|
className = ""
|
|
4957
5070
|
}) {
|
|
4958
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
4959
|
-
label && /* @__PURE__ */ jsx("p", { className:
|
|
4960
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5071
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
|
|
5072
|
+
label && /* @__PURE__ */ jsx("p", { className: __default53.label, children: label }),
|
|
5073
|
+
/* @__PURE__ */ jsx("div", { className: __default53.grid, children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: __default53.logoItem, children: logo.src ? (
|
|
4961
5074
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4962
5075
|
/* @__PURE__ */ jsx(
|
|
4963
5076
|
"img",
|
|
@@ -4965,10 +5078,10 @@ function LogoCloud({
|
|
|
4965
5078
|
src: logo.src,
|
|
4966
5079
|
alt: logo.name,
|
|
4967
5080
|
width: logo.width || 100,
|
|
4968
|
-
className: `${
|
|
5081
|
+
className: `${__default53.logoImg} logo-img`
|
|
4969
5082
|
}
|
|
4970
5083
|
)
|
|
4971
|
-
) : /* @__PURE__ */ jsx("span", { className:
|
|
5084
|
+
) : /* @__PURE__ */ jsx("span", { className: __default53.logoText, children: logo.name }) }, logo.name)) })
|
|
4972
5085
|
] });
|
|
4973
5086
|
}
|
|
4974
5087
|
|
|
@@ -5064,18 +5177,18 @@ __styleInject(`@charset "UTF-8";
|
|
|
5064
5177
|
color: var(--fg-muted);
|
|
5065
5178
|
letter-spacing: -0.25px;
|
|
5066
5179
|
}`);
|
|
5067
|
-
var
|
|
5180
|
+
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" };
|
|
5068
5181
|
function StatsBar({ stats, variant = "inline", className = "" }) {
|
|
5069
5182
|
if (variant === "cards") {
|
|
5070
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5071
|
-
stat.icon && /* @__PURE__ */ jsx("div", { className:
|
|
5072
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5073
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5183
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default54.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default54.card, children: [
|
|
5184
|
+
stat.icon && /* @__PURE__ */ jsx("div", { className: __default54.cardIconWrap, children: stat.icon }),
|
|
5185
|
+
/* @__PURE__ */ jsx("div", { className: __default54.statValue, children: stat.value }),
|
|
5186
|
+
/* @__PURE__ */ jsx("div", { className: __default54.statLabel, children: stat.label })
|
|
5074
5187
|
] }, i)) }) });
|
|
5075
5188
|
}
|
|
5076
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5077
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5078
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5189
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default54.root} ${__default54.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default54.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default54.inlineItem, children: [
|
|
5190
|
+
/* @__PURE__ */ jsx("div", { className: __default54.statValue, children: stat.value }),
|
|
5191
|
+
/* @__PURE__ */ jsx("div", { className: __default54.statLabel, children: stat.label })
|
|
5079
5192
|
] }, i)) }) });
|
|
5080
5193
|
}
|
|
5081
5194
|
|
|
@@ -5165,7 +5278,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5165
5278
|
gap: 0.75rem;
|
|
5166
5279
|
justify-content: center;
|
|
5167
5280
|
}`);
|
|
5168
|
-
var
|
|
5281
|
+
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" };
|
|
5169
5282
|
function CTASection({
|
|
5170
5283
|
title,
|
|
5171
5284
|
description,
|
|
@@ -5174,10 +5287,10 @@ function CTASection({
|
|
|
5174
5287
|
className = ""
|
|
5175
5288
|
}) {
|
|
5176
5289
|
const isFilled = variant === "filled";
|
|
5177
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5178
|
-
/* @__PURE__ */ jsx("h2", { className: `${
|
|
5179
|
-
description && /* @__PURE__ */ jsx("p", { className: `${
|
|
5180
|
-
actions && /* @__PURE__ */ jsx("div", { className:
|
|
5290
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default55.root} ${__default55[variant]}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default55.inner, children: [
|
|
5291
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default55.title}${isFilled ? ` ${__default55.titleFilled}` : ""}`, children: title }),
|
|
5292
|
+
description && /* @__PURE__ */ jsx("p", { className: `${__default55.description}${isFilled ? ` ${__default55.descriptionFilled}` : ""}`, children: description }),
|
|
5293
|
+
actions && /* @__PURE__ */ jsx("div", { className: __default55.actions, children: actions })
|
|
5181
5294
|
] }) });
|
|
5182
5295
|
}
|
|
5183
5296
|
|
|
@@ -5273,21 +5386,21 @@ __styleInject(`.BentoGrid-module_root {
|
|
|
5273
5386
|
line-height: 1.625;
|
|
5274
5387
|
letter-spacing: -0.25px;
|
|
5275
5388
|
}`);
|
|
5276
|
-
var
|
|
5389
|
+
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" };
|
|
5277
5390
|
function BentoGrid({ items, className = "" }) {
|
|
5278
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5279
|
-
const spanClass = item.span === 2 ? ` ${
|
|
5280
|
-
const rowClass = item.rowSpan === 2 ? ` ${
|
|
5391
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default56.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default56.grid, children: items.map((item, i) => {
|
|
5392
|
+
const spanClass = item.span === 2 ? ` ${__default56.colSpan2}` : "";
|
|
5393
|
+
const rowClass = item.rowSpan === 2 ? ` ${__default56.rowSpan2}` : "";
|
|
5281
5394
|
return /* @__PURE__ */ jsxs(
|
|
5282
5395
|
"div",
|
|
5283
5396
|
{
|
|
5284
|
-
className: `${
|
|
5397
|
+
className: `${__default56.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
|
|
5285
5398
|
children: [
|
|
5286
|
-
item.media && /* @__PURE__ */ jsx("div", { className:
|
|
5287
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
5288
|
-
item.icon && /* @__PURE__ */ jsx("div", { className:
|
|
5289
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
5290
|
-
item.description && /* @__PURE__ */ jsx("p", { className:
|
|
5399
|
+
item.media && /* @__PURE__ */ jsx("div", { className: __default56.mediaWrap, children: item.media }),
|
|
5400
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default56.content}${item.rowSpan === 2 ? ` ${__default56.contentTall}` : ""}`, children: [
|
|
5401
|
+
item.icon && /* @__PURE__ */ jsx("div", { className: __default56.itemIcon, children: item.icon }),
|
|
5402
|
+
/* @__PURE__ */ jsx("h3", { className: __default56.itemTitle, children: item.title }),
|
|
5403
|
+
item.description && /* @__PURE__ */ jsx("p", { className: __default56.itemDescription, children: item.description })
|
|
5291
5404
|
] })
|
|
5292
5405
|
]
|
|
5293
5406
|
},
|
|
@@ -5402,7 +5515,7 @@ __styleInject(`.FAQSection-module_root {
|
|
|
5402
5515
|
line-height: 1.625;
|
|
5403
5516
|
padding-right: 2rem;
|
|
5404
5517
|
}`);
|
|
5405
|
-
var
|
|
5518
|
+
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" };
|
|
5406
5519
|
function FAQSection({
|
|
5407
5520
|
title = "Frequently asked questions",
|
|
5408
5521
|
subtitle,
|
|
@@ -5411,25 +5524,25 @@ function FAQSection({
|
|
|
5411
5524
|
}) {
|
|
5412
5525
|
const [openIndex, setOpenIndex] = useState(null);
|
|
5413
5526
|
const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
|
|
5414
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5415
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
5416
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
5417
|
-
/* @__PURE__ */ jsx("div", { className: title || subtitle ?
|
|
5527
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default57.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default57.container, children: [
|
|
5528
|
+
title && /* @__PURE__ */ jsx("h2", { className: __default57.title, children: title }),
|
|
5529
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default57.subtitle, children: subtitle }),
|
|
5530
|
+
/* @__PURE__ */ jsx("div", { className: title || subtitle ? __default57.list : "", children: items.map((item, i) => {
|
|
5418
5531
|
const isOpen = openIndex === i;
|
|
5419
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
5532
|
+
return /* @__PURE__ */ jsxs("div", { className: __default57.item, children: [
|
|
5420
5533
|
/* @__PURE__ */ jsxs(
|
|
5421
5534
|
"button",
|
|
5422
5535
|
{
|
|
5423
5536
|
onClick: () => toggle(i),
|
|
5424
|
-
className:
|
|
5537
|
+
className: __default57.question,
|
|
5425
5538
|
"aria-expanded": isOpen,
|
|
5426
5539
|
children: [
|
|
5427
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5428
|
-
/* @__PURE__ */ jsx("span", { className: isOpen ?
|
|
5540
|
+
/* @__PURE__ */ jsx("span", { className: __default57.questionText, children: item.question }),
|
|
5541
|
+
/* @__PURE__ */ jsx("span", { className: isOpen ? __default57.toggleIconOpen : __default57.toggleIcon, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
|
|
5429
5542
|
]
|
|
5430
5543
|
}
|
|
5431
5544
|
),
|
|
5432
|
-
/* @__PURE__ */ jsx("div", { className: isOpen ?
|
|
5545
|
+
/* @__PURE__ */ jsx("div", { className: isOpen ? __default57.answerOpen : __default57.answerClosed, children: /* @__PURE__ */ jsx("p", { className: __default57.answerText, children: item.answer }) })
|
|
5433
5546
|
] }, i);
|
|
5434
5547
|
}) })
|
|
5435
5548
|
] }) });
|
|
@@ -5519,32 +5632,32 @@ __styleInject(`.ComparisonTable-module_root {
|
|
|
5519
5632
|
font-weight: 500;
|
|
5520
5633
|
color: var(--fg);
|
|
5521
5634
|
}`);
|
|
5522
|
-
var
|
|
5635
|
+
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" };
|
|
5523
5636
|
function ComparisonTable({ columns, rows, className = "" }) {
|
|
5524
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
5637
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default58.scrollWrap, children: /* @__PURE__ */ jsxs("table", { className: __default58.table, children: [
|
|
5525
5638
|
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
|
|
5526
|
-
/* @__PURE__ */ jsx("th", { className:
|
|
5639
|
+
/* @__PURE__ */ jsx("th", { className: __default58.headerCell }),
|
|
5527
5640
|
columns.map((col, i) => /* @__PURE__ */ jsx(
|
|
5528
5641
|
"th",
|
|
5529
5642
|
{
|
|
5530
|
-
className: col.highlighted ?
|
|
5643
|
+
className: col.highlighted ? __default58.columnHeaderHighlighted : __default58.columnHeader,
|
|
5531
5644
|
children: col.label
|
|
5532
5645
|
},
|
|
5533
5646
|
i
|
|
5534
5647
|
))
|
|
5535
5648
|
] }) }),
|
|
5536
|
-
/* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className:
|
|
5537
|
-
/* @__PURE__ */ jsx("td", { className:
|
|
5649
|
+
/* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className: __default58.bodyRow, children: [
|
|
5650
|
+
/* @__PURE__ */ jsx("td", { className: __default58.featureCell, children: row.feature }),
|
|
5538
5651
|
row.values.map((val, vi) => {
|
|
5539
5652
|
var _a;
|
|
5540
5653
|
const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
|
|
5541
5654
|
const isLast = ri === rows.length - 1;
|
|
5542
|
-
const cellClass = isHighlighted ? isLast ?
|
|
5655
|
+
const cellClass = isHighlighted ? isLast ? __default58.valueCellHighlightedLast : __default58.valueCellHighlighted : __default58.valueCell;
|
|
5543
5656
|
return /* @__PURE__ */ jsx(
|
|
5544
5657
|
"td",
|
|
5545
5658
|
{
|
|
5546
5659
|
className: cellClass,
|
|
5547
|
-
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className:
|
|
5660
|
+
children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className: __default58.iconSuccess, children: /* @__PURE__ */ jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsx("span", { className: __default58.iconMuted, children: /* @__PURE__ */ jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsx("span", { className: __default58.textValue, children: val }) : val
|
|
5548
5661
|
},
|
|
5549
5662
|
vi
|
|
5550
5663
|
);
|
|
@@ -5709,7 +5822,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
5709
5822
|
background: var(--border-color-strong);
|
|
5710
5823
|
transition: background var(--transition-fast), width var(--transition-fast);
|
|
5711
5824
|
}`);
|
|
5712
|
-
var
|
|
5825
|
+
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" };
|
|
5713
5826
|
var BottomSheetContext = createContext(null);
|
|
5714
5827
|
function useBottomSheet(part) {
|
|
5715
5828
|
const ctx = useContext(BottomSheetContext);
|
|
@@ -5781,13 +5894,13 @@ function BottomSheet({
|
|
|
5781
5894
|
BottomSheetContext.Provider,
|
|
5782
5895
|
{
|
|
5783
5896
|
value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
|
|
5784
|
-
children: /* @__PURE__ */ jsx("div", { className: `${
|
|
5897
|
+
children: /* @__PURE__ */ jsx("div", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children })
|
|
5785
5898
|
}
|
|
5786
5899
|
);
|
|
5787
5900
|
}
|
|
5788
5901
|
function Bar({ children, className = "" }) {
|
|
5789
5902
|
const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
|
|
5790
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
5903
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default59.bar}${className ? ` ${className}` : ""}`, children: [
|
|
5791
5904
|
/* @__PURE__ */ jsx(
|
|
5792
5905
|
"button",
|
|
5793
5906
|
{
|
|
@@ -5797,12 +5910,12 @@ function Bar({ children, className = "" }) {
|
|
|
5797
5910
|
onTouchMove: (e) => onDragMove(e.touches[0].clientY),
|
|
5798
5911
|
onTouchEnd: onDragEnd,
|
|
5799
5912
|
onTouchCancel: onDragEnd,
|
|
5800
|
-
className:
|
|
5913
|
+
className: __default59.barHandle,
|
|
5801
5914
|
"aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
|
|
5802
|
-
children: /* @__PURE__ */ jsx("span", { className:
|
|
5915
|
+
children: /* @__PURE__ */ jsx("span", { className: __default59.handleBar })
|
|
5803
5916
|
}
|
|
5804
5917
|
),
|
|
5805
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5918
|
+
/* @__PURE__ */ jsx("div", { className: __default59.barActions, children })
|
|
5806
5919
|
] });
|
|
5807
5920
|
}
|
|
5808
5921
|
function Panel({ children, className = "" }) {
|
|
@@ -5823,7 +5936,7 @@ function Panel({ children, className = "" }) {
|
|
|
5823
5936
|
/* @__PURE__ */ jsx(
|
|
5824
5937
|
"div",
|
|
5825
5938
|
{
|
|
5826
|
-
className: `${
|
|
5939
|
+
className: `${__default59.backdrop}${open || isDraggingOpen ? ` ${__default59.backdropOpen}` : ""}`,
|
|
5827
5940
|
onClick: () => setOpen(false),
|
|
5828
5941
|
"aria-hidden": "true"
|
|
5829
5942
|
}
|
|
@@ -5831,7 +5944,7 @@ function Panel({ children, className = "" }) {
|
|
|
5831
5944
|
/* @__PURE__ */ jsx(
|
|
5832
5945
|
"div",
|
|
5833
5946
|
{
|
|
5834
|
-
className: `${
|
|
5947
|
+
className: `${__default59.panel}${open ? ` ${__default59.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
|
|
5835
5948
|
role: "dialog",
|
|
5836
5949
|
"aria-modal": open,
|
|
5837
5950
|
"aria-hidden": !open && !isDraggingOpen,
|
|
@@ -5864,9 +5977,9 @@ function Handle({ className = "" }) {
|
|
|
5864
5977
|
if (e.pointerType === "mouse") return;
|
|
5865
5978
|
onDragEnd();
|
|
5866
5979
|
},
|
|
5867
|
-
className: `${
|
|
5980
|
+
className: `${__default59.handle}${className ? ` ${className}` : ""}`,
|
|
5868
5981
|
"aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
5869
|
-
children: /* @__PURE__ */ jsx("span", { className:
|
|
5982
|
+
children: /* @__PURE__ */ jsx("span", { className: __default59.handleBar })
|
|
5870
5983
|
}
|
|
5871
5984
|
);
|
|
5872
5985
|
}
|
|
@@ -5876,7 +5989,7 @@ function Trigger({ children, className = "" }) {
|
|
|
5876
5989
|
"div",
|
|
5877
5990
|
{
|
|
5878
5991
|
onClick: () => setOpen(!open),
|
|
5879
|
-
className: `${
|
|
5992
|
+
className: `${__default59.trigger}${className ? ` ${className}` : ""}`,
|
|
5880
5993
|
children
|
|
5881
5994
|
}
|
|
5882
5995
|
);
|
|
@@ -6045,21 +6158,21 @@ __styleInject(`.PromoBento-module_root {
|
|
|
6045
6158
|
.PromoBento-module_cardCta {
|
|
6046
6159
|
margin-top: 0.25rem;
|
|
6047
6160
|
}`);
|
|
6048
|
-
var
|
|
6161
|
+
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" };
|
|
6049
6162
|
function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
|
|
6050
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
6051
|
-
media && /* @__PURE__ */ jsxs("div", { className:
|
|
6052
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6053
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6163
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default60.card}${className ? ` ${className}` : ""}`, children: [
|
|
6164
|
+
media && /* @__PURE__ */ jsxs("div", { className: __default60.cardMedia, children: [
|
|
6165
|
+
/* @__PURE__ */ jsx("div", { className: __default60.cardMediaInner, children: media }),
|
|
6166
|
+
/* @__PURE__ */ jsx("div", { className: __default60.cardFade })
|
|
6054
6167
|
] }),
|
|
6055
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6056
|
-
pill && /* @__PURE__ */ jsx("div", { className:
|
|
6057
|
-
pill.icon && /* @__PURE__ */ jsx("span", { className:
|
|
6168
|
+
/* @__PURE__ */ jsxs("div", { className: __default60.cardContent, children: [
|
|
6169
|
+
pill && /* @__PURE__ */ jsx("div", { className: __default60.pill, children: /* @__PURE__ */ jsxs("span", { className: __default60.pillInner, children: [
|
|
6170
|
+
pill.icon && /* @__PURE__ */ jsx("span", { className: __default60.pillIcon, children: pill.icon }),
|
|
6058
6171
|
pill.label
|
|
6059
6172
|
] }) }),
|
|
6060
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6061
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6062
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
6173
|
+
/* @__PURE__ */ jsx("h3", { className: __default60.cardTitle, children: title }),
|
|
6174
|
+
description && /* @__PURE__ */ jsx("p", { className: __default60.cardDesc, children: description }),
|
|
6175
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default60.cardCta, children: /* @__PURE__ */ jsx(
|
|
6063
6176
|
Button,
|
|
6064
6177
|
{
|
|
6065
6178
|
variant: "outline",
|
|
@@ -6072,12 +6185,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
|
|
|
6072
6185
|
] });
|
|
6073
6186
|
}
|
|
6074
6187
|
function PromoBento({ heading, subtitle, items, className = "" }) {
|
|
6075
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6076
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6077
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6078
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
6188
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children: [
|
|
6189
|
+
/* @__PURE__ */ jsxs("div", { className: __default60.header, children: [
|
|
6190
|
+
/* @__PURE__ */ jsx("h2", { className: __default60.heading, children: heading }),
|
|
6191
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default60.subtitle, children: subtitle })
|
|
6079
6192
|
] }),
|
|
6080
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6193
|
+
/* @__PURE__ */ jsx("div", { className: __default60.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
|
|
6081
6194
|
] });
|
|
6082
6195
|
}
|
|
6083
6196
|
|
|
@@ -6199,26 +6312,26 @@ __styleInject(`.PromoShowcase-module_root {
|
|
|
6199
6312
|
padding: 2.5rem;
|
|
6200
6313
|
}
|
|
6201
6314
|
}`);
|
|
6202
|
-
var
|
|
6315
|
+
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" };
|
|
6203
6316
|
function PromoShowcase({ heading, steps, className = "" }) {
|
|
6204
6317
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
6205
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6206
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6207
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6208
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6318
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
|
|
6319
|
+
/* @__PURE__ */ jsx("div", { className: __default61.heading, children: /* @__PURE__ */ jsx("h2", { className: __default61.headingText, children: heading }) }),
|
|
6320
|
+
/* @__PURE__ */ jsxs("div", { className: __default61.body, children: [
|
|
6321
|
+
/* @__PURE__ */ jsx("div", { className: __default61.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
6209
6322
|
"button",
|
|
6210
6323
|
{
|
|
6211
6324
|
onClick: () => setActiveIndex(i),
|
|
6212
|
-
className: `${
|
|
6325
|
+
className: `${__default61.stepButton}${i === activeIndex ? ` ${__default61.stepButtonActive}` : ""}`,
|
|
6213
6326
|
children: step.label
|
|
6214
6327
|
},
|
|
6215
6328
|
i
|
|
6216
6329
|
)) }),
|
|
6217
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6330
|
+
/* @__PURE__ */ jsx("div", { className: __default61.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
|
|
6218
6331
|
"div",
|
|
6219
6332
|
{
|
|
6220
|
-
className: `${
|
|
6221
|
-
children: /* @__PURE__ */ jsx("div", { className:
|
|
6333
|
+
className: `${__default61.panel}${i === activeIndex ? ` ${__default61.panelActive}` : ""}`,
|
|
6334
|
+
children: /* @__PURE__ */ jsx("div", { className: __default61.panelInner, children: step.content })
|
|
6222
6335
|
},
|
|
6223
6336
|
i
|
|
6224
6337
|
)) })
|
|
@@ -6367,7 +6480,7 @@ __styleInject(`.PromoSplit-module_root {
|
|
|
6367
6480
|
align-items: center;
|
|
6368
6481
|
justify-content: center;
|
|
6369
6482
|
}`);
|
|
6370
|
-
var
|
|
6483
|
+
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" };
|
|
6371
6484
|
function PromoSplit({
|
|
6372
6485
|
heading,
|
|
6373
6486
|
description,
|
|
@@ -6377,16 +6490,16 @@ function PromoSplit({
|
|
|
6377
6490
|
className = ""
|
|
6378
6491
|
}) {
|
|
6379
6492
|
const isLeft = mediaPosition === "left";
|
|
6380
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
6381
|
-
/* @__PURE__ */ jsxs("div", { className: `${
|
|
6382
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6383
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6384
|
-
features && features.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
6385
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6386
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
6493
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default62.gridReversed : __default62.grid, children: [
|
|
6494
|
+
/* @__PURE__ */ jsxs("div", { className: `${__default62.textColumn}${isLeft ? ` ${__default62.textColumnLtr}` : ""}`, children: [
|
|
6495
|
+
/* @__PURE__ */ jsx("h2", { className: __default62.heading, children: heading }),
|
|
6496
|
+
description && /* @__PURE__ */ jsx("p", { className: __default62.description, children: description }),
|
|
6497
|
+
features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default62.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default62.feature, children: [
|
|
6498
|
+
/* @__PURE__ */ jsx("h3", { className: __default62.featureTitle, children: feature.title }),
|
|
6499
|
+
/* @__PURE__ */ jsx("p", { className: __default62.featureDesc, children: feature.description })
|
|
6387
6500
|
] }, i)) })
|
|
6388
6501
|
] }),
|
|
6389
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
6502
|
+
/* @__PURE__ */ jsx("div", { className: `${__default62.mediaColumn}${isLeft ? ` ${__default62.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default62.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default62.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default62.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default62.placeholderCircle, children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
6390
6503
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
6391
6504
|
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
|
|
6392
6505
|
/* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
|
|
@@ -6503,16 +6616,16 @@ __styleInject(`.PromoTrustGrid-module_root {
|
|
|
6503
6616
|
justify-content: center;
|
|
6504
6617
|
padding: 1.5rem;
|
|
6505
6618
|
}`);
|
|
6506
|
-
var
|
|
6619
|
+
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" };
|
|
6507
6620
|
function PromoTrustGrid({ heading, features, media, className = "" }) {
|
|
6508
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6509
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6510
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6511
|
-
feature.icon && /* @__PURE__ */ jsx("div", { className:
|
|
6512
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6513
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
6621
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
|
|
6622
|
+
/* @__PURE__ */ jsx("div", { className: __default63.heading, children: /* @__PURE__ */ jsx("h2", { className: __default63.headingText, children: heading }) }),
|
|
6623
|
+
/* @__PURE__ */ jsx("div", { className: __default63.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default63.featureCard, children: [
|
|
6624
|
+
feature.icon && /* @__PURE__ */ jsx("div", { className: __default63.featureIcon, children: feature.icon }),
|
|
6625
|
+
/* @__PURE__ */ jsx("h3", { className: __default63.featureTitle, children: feature.title }),
|
|
6626
|
+
/* @__PURE__ */ jsx("p", { className: __default63.featureDescription, children: feature.description })
|
|
6514
6627
|
] }, i)) }),
|
|
6515
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
6628
|
+
media && /* @__PURE__ */ jsx("div", { className: __default63.media, children: /* @__PURE__ */ jsx("div", { className: __default63.mediaInner, children: media }) })
|
|
6516
6629
|
] });
|
|
6517
6630
|
}
|
|
6518
6631
|
|
|
@@ -6699,29 +6812,29 @@ __styleInject(`@charset "UTF-8";
|
|
|
6699
6812
|
border-radius: clamp(8px, 1.5vw, 16px);
|
|
6700
6813
|
background: var(--bg-tertiary);
|
|
6701
6814
|
}`);
|
|
6702
|
-
var
|
|
6815
|
+
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" };
|
|
6703
6816
|
function PromoDevicesCTA({
|
|
6704
6817
|
heading,
|
|
6705
6818
|
description,
|
|
6706
6819
|
cta,
|
|
6707
6820
|
className = ""
|
|
6708
6821
|
}) {
|
|
6709
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
6710
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6711
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6712
|
-
description && /* @__PURE__ */ jsx("p", { className:
|
|
6713
|
-
cta && /* @__PURE__ */ jsx("div", { className:
|
|
6822
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
|
|
6823
|
+
/* @__PURE__ */ jsxs("div", { className: __default64.textBlock, children: [
|
|
6824
|
+
/* @__PURE__ */ jsx("h2", { className: __default64.heading, children: heading }),
|
|
6825
|
+
description && /* @__PURE__ */ jsx("p", { className: __default64.description, children: description }),
|
|
6826
|
+
cta && /* @__PURE__ */ jsx("div", { className: __default64.ctaWrap, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
|
|
6714
6827
|
] }),
|
|
6715
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6716
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6717
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6718
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6719
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6828
|
+
/* @__PURE__ */ jsxs("div", { className: __default64.devices, children: [
|
|
6829
|
+
/* @__PURE__ */ jsxs("div", { className: __default64.laptop, children: [
|
|
6830
|
+
/* @__PURE__ */ jsx("div", { className: __default64.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default64.laptopScreenInner }) }),
|
|
6831
|
+
/* @__PURE__ */ jsx("div", { className: __default64.laptopHinge }),
|
|
6832
|
+
/* @__PURE__ */ jsx("div", { className: __default64.laptopBase })
|
|
6720
6833
|
] }),
|
|
6721
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6722
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6723
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6724
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6834
|
+
/* @__PURE__ */ jsx("div", { className: __default64.tablet, children: /* @__PURE__ */ jsx("div", { className: __default64.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default64.tabletScreen }) }) }),
|
|
6835
|
+
/* @__PURE__ */ jsx("div", { className: __default64.phone, children: /* @__PURE__ */ jsxs("div", { className: __default64.phoneShell, children: [
|
|
6836
|
+
/* @__PURE__ */ jsx("div", { className: __default64.phoneNotch }),
|
|
6837
|
+
/* @__PURE__ */ jsx("div", { className: __default64.phoneScreen })
|
|
6725
6838
|
] }) })
|
|
6726
6839
|
] })
|
|
6727
6840
|
] });
|
|
@@ -6910,7 +7023,7 @@ __styleInject(`.PromoTestimonials-module_root {
|
|
|
6910
7023
|
background: var(--bg-secondary);
|
|
6911
7024
|
overflow: hidden;
|
|
6912
7025
|
}`);
|
|
6913
|
-
var
|
|
7026
|
+
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" };
|
|
6914
7027
|
function PromoTestimonials({
|
|
6915
7028
|
heading,
|
|
6916
7029
|
subtitle,
|
|
@@ -6918,14 +7031,14 @@ function PromoTestimonials({
|
|
|
6918
7031
|
media,
|
|
6919
7032
|
className = ""
|
|
6920
7033
|
}) {
|
|
6921
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
6922
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7034
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default65.wrapper, children: [
|
|
7035
|
+
/* @__PURE__ */ jsx("div", { className: __default65.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default65.avatarStack, children: [
|
|
6923
7036
|
testimonials.slice(0, 5).map((t, i) => {
|
|
6924
7037
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6925
7038
|
return /* @__PURE__ */ jsx(
|
|
6926
7039
|
"div",
|
|
6927
7040
|
{
|
|
6928
|
-
className:
|
|
7041
|
+
className: __default65.avatarRing,
|
|
6929
7042
|
style: { zIndex: 10 - i },
|
|
6930
7043
|
children: /* @__PURE__ */ jsx(
|
|
6931
7044
|
Avatar,
|
|
@@ -6939,32 +7052,32 @@ function PromoTestimonials({
|
|
|
6939
7052
|
i
|
|
6940
7053
|
);
|
|
6941
7054
|
}),
|
|
6942
|
-
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className:
|
|
7055
|
+
testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className: __default65.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default65.overflowCircle, children: [
|
|
6943
7056
|
"+",
|
|
6944
7057
|
testimonials.length - 5
|
|
6945
7058
|
] }) })
|
|
6946
7059
|
] }) }),
|
|
6947
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6948
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6949
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
7060
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.headingSection, children: [
|
|
7061
|
+
/* @__PURE__ */ jsx("h2", { className: __default65.heading, children: heading }),
|
|
7062
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default65.subtitle, children: subtitle })
|
|
6950
7063
|
] }),
|
|
6951
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7064
|
+
/* @__PURE__ */ jsx("div", { className: __default65.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default65.cardsGrid, children: testimonials.map((t, i) => {
|
|
6952
7065
|
const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
|
6953
7066
|
return /* @__PURE__ */ jsxs(
|
|
6954
7067
|
"div",
|
|
6955
7068
|
{
|
|
6956
|
-
className:
|
|
7069
|
+
className: __default65.card,
|
|
6957
7070
|
children: [
|
|
6958
|
-
/* @__PURE__ */ jsxs("p", { className:
|
|
7071
|
+
/* @__PURE__ */ jsxs("p", { className: __default65.quote, children: [
|
|
6959
7072
|
"\u201C",
|
|
6960
7073
|
t.quote,
|
|
6961
7074
|
"\u201D"
|
|
6962
7075
|
] }),
|
|
6963
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7076
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.author, children: [
|
|
6964
7077
|
/* @__PURE__ */ jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
|
|
6965
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6966
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
6967
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
7078
|
+
/* @__PURE__ */ jsxs("div", { className: __default65.authorInfo, children: [
|
|
7079
|
+
/* @__PURE__ */ jsx("p", { className: __default65.authorName, children: t.name }),
|
|
7080
|
+
/* @__PURE__ */ jsx("p", { className: __default65.authorRole, children: t.role })
|
|
6968
7081
|
] })
|
|
6969
7082
|
] })
|
|
6970
7083
|
]
|
|
@@ -6972,7 +7085,7 @@ function PromoTestimonials({
|
|
|
6972
7085
|
i
|
|
6973
7086
|
);
|
|
6974
7087
|
}) }) }),
|
|
6975
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
7088
|
+
media && /* @__PURE__ */ jsx("div", { className: __default65.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default65.mediaBox, children: media }) })
|
|
6976
7089
|
] }) });
|
|
6977
7090
|
}
|
|
6978
7091
|
|
|
@@ -7124,7 +7237,7 @@ __styleInject(`.PromoHero-module_root {
|
|
|
7124
7237
|
align-items: center;
|
|
7125
7238
|
justify-content: center;
|
|
7126
7239
|
}`);
|
|
7127
|
-
var
|
|
7240
|
+
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" };
|
|
7128
7241
|
function PromoHero({
|
|
7129
7242
|
title,
|
|
7130
7243
|
subtitle,
|
|
@@ -7134,30 +7247,30 @@ function PromoHero({
|
|
|
7134
7247
|
variant = "dark",
|
|
7135
7248
|
className = ""
|
|
7136
7249
|
}) {
|
|
7137
|
-
const variantClass = variant === "dark" ?
|
|
7138
|
-
const subtitleClass = variant === "light" ?
|
|
7250
|
+
const variantClass = variant === "dark" ? __default66.dark : variant === "gradient" ? __default66.gradient : __default66.light;
|
|
7251
|
+
const subtitleClass = variant === "light" ? __default66.subtitleLight : __default66.subtitleDark;
|
|
7139
7252
|
const isLight = variant === "light";
|
|
7140
7253
|
return /* @__PURE__ */ jsxs(
|
|
7141
7254
|
"section",
|
|
7142
7255
|
{
|
|
7143
|
-
className: `${
|
|
7256
|
+
className: `${__default66.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
7144
7257
|
children: [
|
|
7145
|
-
!isLight && /* @__PURE__ */ jsxs("div", { className:
|
|
7146
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7147
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7258
|
+
!isLight && /* @__PURE__ */ jsxs("div", { className: __default66.glowLayer, "aria-hidden": "true", children: [
|
|
7259
|
+
/* @__PURE__ */ jsx("div", { className: __default66.glowTop }),
|
|
7260
|
+
/* @__PURE__ */ jsx("div", { className: __default66.glowBottom })
|
|
7148
7261
|
] }),
|
|
7149
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7150
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7151
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
7152
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
7153
|
-
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className:
|
|
7262
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.inner, children: [
|
|
7263
|
+
/* @__PURE__ */ jsxs("div", { className: __default66.textColumn, children: [
|
|
7264
|
+
/* @__PURE__ */ jsx("h1", { className: __default66.title, children: title }),
|
|
7265
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default66.subtitle} ${subtitleClass}`, children: subtitle }),
|
|
7266
|
+
(cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default66.actions, children: [
|
|
7154
7267
|
cta && /* @__PURE__ */ jsx(
|
|
7155
7268
|
Button,
|
|
7156
7269
|
{
|
|
7157
7270
|
variant: isLight ? "primary" : "outline",
|
|
7158
7271
|
size: "hero",
|
|
7159
7272
|
onClick: cta.onClick,
|
|
7160
|
-
className: !isLight ?
|
|
7273
|
+
className: !isLight ? __default66.ctaDark : "",
|
|
7161
7274
|
children: cta.label
|
|
7162
7275
|
}
|
|
7163
7276
|
),
|
|
@@ -7167,13 +7280,13 @@ function PromoHero({
|
|
|
7167
7280
|
variant: "ghost",
|
|
7168
7281
|
size: "hero",
|
|
7169
7282
|
onClick: secondaryCta.onClick,
|
|
7170
|
-
className: !isLight ?
|
|
7283
|
+
className: !isLight ? __default66.ghostDark : "",
|
|
7171
7284
|
children: secondaryCta.label
|
|
7172
7285
|
}
|
|
7173
7286
|
)
|
|
7174
7287
|
] })
|
|
7175
7288
|
] }),
|
|
7176
|
-
media && /* @__PURE__ */ jsx("div", { className:
|
|
7289
|
+
media && /* @__PURE__ */ jsx("div", { className: __default66.mediaColumn, children: media })
|
|
7177
7290
|
] })
|
|
7178
7291
|
]
|
|
7179
7292
|
}
|
|
@@ -7327,7 +7440,7 @@ __styleInject(`@charset "UTF-8";
|
|
|
7327
7440
|
max-width: 640px;
|
|
7328
7441
|
width: 100%;
|
|
7329
7442
|
}`);
|
|
7330
|
-
var
|
|
7443
|
+
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" };
|
|
7331
7444
|
function PromoHeroForm({
|
|
7332
7445
|
title,
|
|
7333
7446
|
subtitle,
|
|
@@ -7350,17 +7463,17 @@ function PromoHeroForm({
|
|
|
7350
7463
|
onSubmit == null ? void 0 : onSubmit(trimmed);
|
|
7351
7464
|
};
|
|
7352
7465
|
const isDisabled = loading || value.trim().length === 0;
|
|
7353
|
-
return /* @__PURE__ */ jsx("section", { className: `${
|
|
7354
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
7355
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
7466
|
+
return /* @__PURE__ */ jsx("section", { className: `${__default67.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default67.inner, children: [
|
|
7467
|
+
/* @__PURE__ */ jsx("h1", { className: __default67.title, children: title }),
|
|
7468
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default67.subtitle, children: subtitle }),
|
|
7356
7469
|
/* @__PURE__ */ jsx(
|
|
7357
7470
|
"form",
|
|
7358
7471
|
{
|
|
7359
|
-
className:
|
|
7472
|
+
className: __default67.form,
|
|
7360
7473
|
onSubmit: handleSubmit,
|
|
7361
7474
|
"aria-busy": loading,
|
|
7362
7475
|
noValidate: true,
|
|
7363
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
7476
|
+
children: /* @__PURE__ */ jsxs("div", { className: __default67.formInner, children: [
|
|
7364
7477
|
/* @__PURE__ */ jsx(
|
|
7365
7478
|
"input",
|
|
7366
7479
|
{
|
|
@@ -7369,7 +7482,7 @@ function PromoHeroForm({
|
|
|
7369
7482
|
value,
|
|
7370
7483
|
onChange: (e) => setValue(e.target.value),
|
|
7371
7484
|
disabled: loading,
|
|
7372
|
-
className:
|
|
7485
|
+
className: __default67.input,
|
|
7373
7486
|
"aria-label": inputAriaLabel || inputPlaceholder
|
|
7374
7487
|
}
|
|
7375
7488
|
),
|
|
@@ -7387,8 +7500,8 @@ function PromoHeroForm({
|
|
|
7387
7500
|
] })
|
|
7388
7501
|
}
|
|
7389
7502
|
),
|
|
7390
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className:
|
|
7391
|
-
error && /* @__PURE__ */ jsx("div", { className:
|
|
7503
|
+
hint && !error && /* @__PURE__ */ jsx("p", { className: __default67.hint, children: hint }),
|
|
7504
|
+
error && /* @__PURE__ */ jsx("div", { className: __default67.errorBox, role: "alert", children: error })
|
|
7392
7505
|
] }) });
|
|
7393
7506
|
}
|
|
7394
7507
|
|
|
@@ -7666,7 +7779,7 @@ __styleInject(`.PromoPricing-module_root {
|
|
|
7666
7779
|
.PromoPricing-module_ctaWrap {
|
|
7667
7780
|
margin-top: auto;
|
|
7668
7781
|
}`);
|
|
7669
|
-
var
|
|
7782
|
+
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" };
|
|
7670
7783
|
function PromoPricing({
|
|
7671
7784
|
heading,
|
|
7672
7785
|
subtitle,
|
|
@@ -7676,50 +7789,50 @@ function PromoPricing({
|
|
|
7676
7789
|
}) {
|
|
7677
7790
|
const isDark = variant === "dark";
|
|
7678
7791
|
const getTierClass = (highlighted) => {
|
|
7679
|
-
if (highlighted) return isDark ?
|
|
7680
|
-
return isDark ?
|
|
7792
|
+
if (highlighted) return isDark ? __default68.tierDarkHighlighted : __default68.tierHighlighted;
|
|
7793
|
+
return isDark ? __default68.tierDark : __default68.tierDefault;
|
|
7681
7794
|
};
|
|
7682
7795
|
const getNameClass = (highlighted) => {
|
|
7683
|
-
if (highlighted) return isDark ?
|
|
7684
|
-
return isDark ?
|
|
7796
|
+
if (highlighted) return isDark ? __default68.tierNameHighlightedDark : __default68.tierNameHighlightedLight;
|
|
7797
|
+
return isDark ? __default68.tierNameDark : __default68.tierNameMuted;
|
|
7685
7798
|
};
|
|
7686
7799
|
const getPeriodClass = (highlighted) => {
|
|
7687
|
-
if (highlighted) return isDark ?
|
|
7688
|
-
return isDark ?
|
|
7800
|
+
if (highlighted) return isDark ? __default68.periodHighlightedDark : __default68.periodHighlightedLight;
|
|
7801
|
+
return isDark ? __default68.periodDark : __default68.periodMuted;
|
|
7689
7802
|
};
|
|
7690
7803
|
const getDescClass = (highlighted) => {
|
|
7691
|
-
if (highlighted) return isDark ?
|
|
7692
|
-
return isDark ?
|
|
7804
|
+
if (highlighted) return isDark ? __default68.tierDescHighlightedDark : __default68.tierDescHighlightedLight;
|
|
7805
|
+
return isDark ? __default68.tierDescDark : __default68.tierDescMuted;
|
|
7693
7806
|
};
|
|
7694
7807
|
const getCheckClass = (highlighted) => {
|
|
7695
|
-
if (highlighted) return isDark ?
|
|
7696
|
-
return isDark ?
|
|
7808
|
+
if (highlighted) return isDark ? __default68.checkHighlightedDark : __default68.checkHighlightedLight;
|
|
7809
|
+
return isDark ? __default68.checkDark : __default68.checkDefault;
|
|
7697
7810
|
};
|
|
7698
7811
|
const getFeatureTextClass = (highlighted) => {
|
|
7699
|
-
if (highlighted) return isDark ?
|
|
7700
|
-
return isDark ?
|
|
7812
|
+
if (highlighted) return isDark ? __default68.featureTextHighlightedDark : __default68.featureTextHighlightedLight;
|
|
7813
|
+
return isDark ? __default68.featureTextDark : __default68.featureTextMuted;
|
|
7701
7814
|
};
|
|
7702
7815
|
return /* @__PURE__ */ jsxs(
|
|
7703
7816
|
"section",
|
|
7704
7817
|
{
|
|
7705
|
-
className: `${
|
|
7818
|
+
className: `${__default68.root} ${isDark ? __default68.dark : __default68.light}${className ? ` ${className}` : ""}`,
|
|
7706
7819
|
children: [
|
|
7707
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7708
|
-
/* @__PURE__ */ jsx("h2", { className: `${
|
|
7709
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: `${
|
|
7820
|
+
/* @__PURE__ */ jsxs("div", { className: __default68.headingSection, children: [
|
|
7821
|
+
/* @__PURE__ */ jsx("h2", { className: `${__default68.heading} ${isDark ? __default68.headingDark : __default68.headingLight}`, children: heading }),
|
|
7822
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: `${__default68.subtitle} ${isDark ? __default68.subtitleDark : __default68.subtitleLight}`, children: subtitle })
|
|
7710
7823
|
] }),
|
|
7711
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7824
|
+
/* @__PURE__ */ jsx("div", { className: __default68.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
|
|
7712
7825
|
"div",
|
|
7713
7826
|
{
|
|
7714
7827
|
className: getTierClass(tier.highlighted),
|
|
7715
7828
|
children: [
|
|
7716
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
7717
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7829
|
+
/* @__PURE__ */ jsx("div", { className: __default68.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
|
|
7830
|
+
/* @__PURE__ */ jsxs("div", { className: __default68.price, children: [
|
|
7718
7831
|
/* @__PURE__ */ jsx("span", { children: tier.price }),
|
|
7719
|
-
tier.period && /* @__PURE__ */ jsx("span", { className: `${
|
|
7832
|
+
tier.period && /* @__PURE__ */ jsx("span", { className: `${__default68.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
|
|
7720
7833
|
] }),
|
|
7721
|
-
tier.description && /* @__PURE__ */ jsx("p", { className: `${
|
|
7722
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
7834
|
+
tier.description && /* @__PURE__ */ jsx("p", { className: `${__default68.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
|
|
7835
|
+
/* @__PURE__ */ jsx("ul", { className: __default68.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default68.featureItem, children: [
|
|
7723
7836
|
/* @__PURE__ */ jsx(
|
|
7724
7837
|
"svg",
|
|
7725
7838
|
{
|
|
@@ -7727,13 +7840,13 @@ function PromoPricing({
|
|
|
7727
7840
|
height: "16",
|
|
7728
7841
|
viewBox: "0 0 16 16",
|
|
7729
7842
|
fill: "none",
|
|
7730
|
-
className: `${
|
|
7843
|
+
className: `${__default68.checkIcon} ${getCheckClass(tier.highlighted)}`,
|
|
7731
7844
|
children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
7732
7845
|
}
|
|
7733
7846
|
),
|
|
7734
7847
|
/* @__PURE__ */ jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
|
|
7735
7848
|
] }, fi)) }),
|
|
7736
|
-
tier.cta && /* @__PURE__ */ jsx("div", { className:
|
|
7849
|
+
tier.cta && /* @__PURE__ */ jsx("div", { className: __default68.ctaWrap, children: tier.cta })
|
|
7737
7850
|
]
|
|
7738
7851
|
},
|
|
7739
7852
|
i
|
|
@@ -7891,7 +8004,7 @@ __styleInject(`.PromoActionCards-module_root {
|
|
|
7891
8004
|
.PromoActionCards-module_ctaBtn:hover {
|
|
7892
8005
|
opacity: 0.9;
|
|
7893
8006
|
}`);
|
|
7894
|
-
var
|
|
8007
|
+
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" };
|
|
7895
8008
|
function PromoActionCards({
|
|
7896
8009
|
heading,
|
|
7897
8010
|
subtitle,
|
|
@@ -7899,28 +8012,28 @@ function PromoActionCards({
|
|
|
7899
8012
|
columns = 3,
|
|
7900
8013
|
className = ""
|
|
7901
8014
|
}) {
|
|
7902
|
-
const gridClass = columns === 2 ?
|
|
7903
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
7904
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7905
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
7906
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8015
|
+
const gridClass = columns === 2 ? __default69.grid2 : __default69.grid3;
|
|
8016
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: [
|
|
8017
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.header, children: [
|
|
8018
|
+
/* @__PURE__ */ jsx("h2", { className: __default69.heading, children: heading }),
|
|
8019
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default69.subtitle, children: subtitle })
|
|
7907
8020
|
] }),
|
|
7908
8021
|
/* @__PURE__ */ jsx("div", { className: gridClass, children: cards.map((card, i) => {
|
|
7909
8022
|
var _a;
|
|
7910
8023
|
return /* @__PURE__ */ jsxs(
|
|
7911
8024
|
"div",
|
|
7912
8025
|
{
|
|
7913
|
-
className:
|
|
8026
|
+
className: __default69.card,
|
|
7914
8027
|
children: [
|
|
7915
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7916
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
7917
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
8028
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.cardContent, children: [
|
|
8029
|
+
/* @__PURE__ */ jsx("h3", { className: __default69.cardTitle, children: card.title }),
|
|
8030
|
+
/* @__PURE__ */ jsx("p", { className: __default69.cardDesc, children: card.description })
|
|
7918
8031
|
] }),
|
|
7919
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
7920
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8032
|
+
/* @__PURE__ */ jsxs("div", { className: __default69.cardFooter, children: [
|
|
8033
|
+
/* @__PURE__ */ jsx("div", { className: __default69.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
|
|
7921
8034
|
"span",
|
|
7922
8035
|
{
|
|
7923
|
-
className:
|
|
8036
|
+
className: __default69.iconCircle,
|
|
7924
8037
|
children: icon
|
|
7925
8038
|
},
|
|
7926
8039
|
ii
|
|
@@ -7929,7 +8042,7 @@ function PromoActionCards({
|
|
|
7929
8042
|
"button",
|
|
7930
8043
|
{
|
|
7931
8044
|
onClick: card.cta.onClick,
|
|
7932
|
-
className:
|
|
8045
|
+
className: __default69.ctaBtn,
|
|
7933
8046
|
children: [
|
|
7934
8047
|
card.cta.label,
|
|
7935
8048
|
/* @__PURE__ */ jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
|
|
@@ -8052,7 +8165,7 @@ __styleInject(`.ArticleHero-module_root {
|
|
|
8052
8165
|
color: rgba(255, 255, 255, 0.9);
|
|
8053
8166
|
line-height: 22.5px;
|
|
8054
8167
|
}`);
|
|
8055
|
-
var
|
|
8168
|
+
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" };
|
|
8056
8169
|
var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
|
|
8057
8170
|
function ArticleHero({
|
|
8058
8171
|
category,
|
|
@@ -8064,20 +8177,20 @@ function ArticleHero({
|
|
|
8064
8177
|
className = ""
|
|
8065
8178
|
}) {
|
|
8066
8179
|
const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
|
|
8067
|
-
return /* @__PURE__ */ jsxs("section", { className: `${
|
|
8068
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8069
|
-
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className:
|
|
8070
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8180
|
+
return /* @__PURE__ */ jsxs("section", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
|
|
8181
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.bgLayer, children: [
|
|
8182
|
+
/* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default70.bgImage }),
|
|
8183
|
+
/* @__PURE__ */ jsx("div", { className: __default70.overlay })
|
|
8071
8184
|
] }),
|
|
8072
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8073
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
8074
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8075
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
8185
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.topBar, children: [
|
|
8186
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default70.logo, children: logo }),
|
|
8187
|
+
/* @__PURE__ */ jsx("div", { className: __default70.divider }),
|
|
8188
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default70.nav, children: nav })
|
|
8076
8189
|
] }),
|
|
8077
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8078
|
-
category && /* @__PURE__ */ jsx("p", { className:
|
|
8079
|
-
/* @__PURE__ */ jsx("h1", { className:
|
|
8080
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8190
|
+
/* @__PURE__ */ jsxs("div", { className: __default70.bottom, children: [
|
|
8191
|
+
category && /* @__PURE__ */ jsx("p", { className: __default70.category, children: category }),
|
|
8192
|
+
/* @__PURE__ */ jsx("h1", { className: __default70.title, children: title }),
|
|
8193
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default70.subtitle, children: subtitle })
|
|
8081
8194
|
] })
|
|
8082
8195
|
] });
|
|
8083
8196
|
}
|
|
@@ -8089,9 +8202,9 @@ __styleInject(`.ArticleBody-module_root {
|
|
|
8089
8202
|
color: var(--fg-secondary);
|
|
8090
8203
|
font-weight: 400;
|
|
8091
8204
|
}`);
|
|
8092
|
-
var
|
|
8205
|
+
var __default71 = { "root": "ArticleBody-module_root" };
|
|
8093
8206
|
function ArticleBody({ children, className = "" }) {
|
|
8094
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8207
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children });
|
|
8095
8208
|
}
|
|
8096
8209
|
|
|
8097
8210
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
|
|
@@ -8134,10 +8247,10 @@ __styleInject(`.ArticleHeading-module_root {
|
|
|
8134
8247
|
line-height: 1.25rem;
|
|
8135
8248
|
color: var(--fg-muted);
|
|
8136
8249
|
}`);
|
|
8137
|
-
var
|
|
8250
|
+
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" };
|
|
8138
8251
|
var levelClass = {
|
|
8139
|
-
2:
|
|
8140
|
-
3:
|
|
8252
|
+
2: __default72.h2,
|
|
8253
|
+
3: __default72.h3
|
|
8141
8254
|
};
|
|
8142
8255
|
function ArticleHeading({
|
|
8143
8256
|
level = 2,
|
|
@@ -8147,12 +8260,12 @@ function ArticleHeading({
|
|
|
8147
8260
|
className = ""
|
|
8148
8261
|
}) {
|
|
8149
8262
|
const Tag2 = `h${level}`;
|
|
8150
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8151
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8263
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
|
|
8264
|
+
/* @__PURE__ */ jsxs("div", { className: __default72.header, children: [
|
|
8152
8265
|
/* @__PURE__ */ jsx(Tag2, { className: levelClass[level], children }),
|
|
8153
|
-
action && /* @__PURE__ */ jsx("div", { className:
|
|
8266
|
+
action && /* @__PURE__ */ jsx("div", { className: __default72.action, children: action })
|
|
8154
8267
|
] }),
|
|
8155
|
-
subtitle && /* @__PURE__ */ jsx("p", { className:
|
|
8268
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: __default72.subtitle, children: subtitle })
|
|
8156
8269
|
] });
|
|
8157
8270
|
}
|
|
8158
8271
|
|
|
@@ -8228,7 +8341,7 @@ __styleInject(`.ArticleFigure-module_root {
|
|
|
8228
8341
|
line-height: 1.25rem;
|
|
8229
8342
|
color: var(--fg-muted);
|
|
8230
8343
|
}`);
|
|
8231
|
-
var
|
|
8344
|
+
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" };
|
|
8232
8345
|
function ArticleFigure({
|
|
8233
8346
|
src,
|
|
8234
8347
|
alt = "",
|
|
@@ -8238,35 +8351,35 @@ function ArticleFigure({
|
|
|
8238
8351
|
children,
|
|
8239
8352
|
className = ""
|
|
8240
8353
|
}) {
|
|
8241
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8354
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
|
|
8242
8355
|
/* @__PURE__ */ jsx(
|
|
8243
8356
|
"div",
|
|
8244
8357
|
{
|
|
8245
|
-
className:
|
|
8358
|
+
className: __default73.imageWrapper,
|
|
8246
8359
|
style: { minHeight: height },
|
|
8247
8360
|
children: src ? (
|
|
8248
8361
|
// eslint-disable-next-line @next/next/no-img-element
|
|
8249
|
-
/* @__PURE__ */ jsx("img", { src, alt, className:
|
|
8250
|
-
) : children ? /* @__PURE__ */ jsx("div", { className:
|
|
8362
|
+
/* @__PURE__ */ jsx("img", { src, alt, className: __default73.image })
|
|
8363
|
+
) : children ? /* @__PURE__ */ jsx("div", { className: __default73.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default73.placeholder, children: [
|
|
8251
8364
|
/* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
|
|
8252
8365
|
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
|
|
8253
8366
|
/* @__PURE__ */ jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
|
|
8254
8367
|
] }),
|
|
8255
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8368
|
+
/* @__PURE__ */ jsx("span", { className: __default73.placeholderText, children: "Figure placeholder" })
|
|
8256
8369
|
] })
|
|
8257
8370
|
}
|
|
8258
8371
|
),
|
|
8259
|
-
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
8372
|
+
legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className: __default73.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default73.legendItem, children: [
|
|
8260
8373
|
/* @__PURE__ */ jsx(
|
|
8261
8374
|
"span",
|
|
8262
8375
|
{
|
|
8263
|
-
className:
|
|
8376
|
+
className: __default73.legendSwatch,
|
|
8264
8377
|
style: { backgroundColor: item.color }
|
|
8265
8378
|
}
|
|
8266
8379
|
),
|
|
8267
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8380
|
+
/* @__PURE__ */ jsx("span", { className: __default73.legendLabel, children: item.label })
|
|
8268
8381
|
] }, item.label)) }),
|
|
8269
|
-
caption && /* @__PURE__ */ jsx("figcaption", { className:
|
|
8382
|
+
caption && /* @__PURE__ */ jsx("figcaption", { className: __default73.caption, children: caption })
|
|
8270
8383
|
] });
|
|
8271
8384
|
}
|
|
8272
8385
|
|
|
@@ -8359,7 +8472,7 @@ __styleInject(`.ArticleTable-module_root {
|
|
|
8359
8472
|
.ArticleTable-module_showMore:hover {
|
|
8360
8473
|
color: var(--fg);
|
|
8361
8474
|
}`);
|
|
8362
|
-
var
|
|
8475
|
+
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" };
|
|
8363
8476
|
function ArticleTable({
|
|
8364
8477
|
columns,
|
|
8365
8478
|
rows,
|
|
@@ -8371,19 +8484,19 @@ function ArticleTable({
|
|
|
8371
8484
|
const limit = initialVisible != null ? initialVisible : rows.length;
|
|
8372
8485
|
const visibleRows = expanded ? rows : rows.slice(0, limit);
|
|
8373
8486
|
const hiddenCount = rows.length - limit;
|
|
8374
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8375
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8376
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
8377
|
-
columns.map((col) => /* @__PURE__ */ jsx("div", { className:
|
|
8487
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
|
|
8488
|
+
/* @__PURE__ */ jsxs("div", { className: __default74.headerRow, children: [
|
|
8489
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default74.rankCell }),
|
|
8490
|
+
columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default74.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default74.headerLabel, children: col.label }) }, col.key))
|
|
8378
8491
|
] }),
|
|
8379
|
-
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
8380
|
-
showRank && /* @__PURE__ */ jsx("div", { className:
|
|
8492
|
+
/* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: __default74.row, children: [
|
|
8493
|
+
showRank && /* @__PURE__ */ jsx("div", { className: __default74.rankValue, children: /* @__PURE__ */ jsx("span", { children: i + 1 }) }),
|
|
8381
8494
|
columns.map((col) => {
|
|
8382
8495
|
const value = row[col.key];
|
|
8383
8496
|
const hasBadge = row._badge && row._badgeColumn === col.key;
|
|
8384
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
8385
|
-
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className:
|
|
8386
|
-
hasBadge && /* @__PURE__ */ jsx("span", { className:
|
|
8497
|
+
return /* @__PURE__ */ jsxs("div", { className: __default74.cell, children: [
|
|
8498
|
+
col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default74.cellText, children: String(value != null ? value : "") }),
|
|
8499
|
+
hasBadge && /* @__PURE__ */ jsx("span", { className: __default74.badge, children: row._badge })
|
|
8387
8500
|
] }, col.key);
|
|
8388
8501
|
})
|
|
8389
8502
|
] }, i)) }),
|
|
@@ -8391,7 +8504,7 @@ function ArticleTable({
|
|
|
8391
8504
|
"button",
|
|
8392
8505
|
{
|
|
8393
8506
|
onClick: () => setExpanded(true),
|
|
8394
|
-
className:
|
|
8507
|
+
className: __default74.showMore,
|
|
8395
8508
|
children: [
|
|
8396
8509
|
"Show ",
|
|
8397
8510
|
hiddenCount,
|
|
@@ -8424,19 +8537,19 @@ __styleInject(`.ArticleList-module_root {
|
|
|
8424
8537
|
.ArticleList-module_item {
|
|
8425
8538
|
padding-left: 0.25rem;
|
|
8426
8539
|
}`);
|
|
8427
|
-
var
|
|
8540
|
+
var __default75 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
|
|
8428
8541
|
function ArticleList({
|
|
8429
8542
|
variant = "unordered",
|
|
8430
8543
|
items,
|
|
8431
8544
|
className = ""
|
|
8432
8545
|
}) {
|
|
8433
8546
|
const Tag2 = variant === "ordered" ? "ol" : "ul";
|
|
8434
|
-
const variantClass = variant === "ordered" ?
|
|
8547
|
+
const variantClass = variant === "ordered" ? __default75.ordered : __default75.unordered;
|
|
8435
8548
|
return /* @__PURE__ */ jsx(
|
|
8436
8549
|
Tag2,
|
|
8437
8550
|
{
|
|
8438
|
-
className: `${
|
|
8439
|
-
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className:
|
|
8551
|
+
className: `${__default75.root} ${variantClass}${className ? ` ${className}` : ""}`,
|
|
8552
|
+
children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default75.item, children: item }, i))
|
|
8440
8553
|
}
|
|
8441
8554
|
);
|
|
8442
8555
|
}
|
|
@@ -8448,9 +8561,9 @@ __styleInject(`.ArticleNote-module_root {
|
|
|
8448
8561
|
color: var(--fg-secondary);
|
|
8449
8562
|
font-style: italic;
|
|
8450
8563
|
}`);
|
|
8451
|
-
var
|
|
8564
|
+
var __default76 = { "root": "ArticleNote-module_root" };
|
|
8452
8565
|
function ArticleNote({ children, className = "" }) {
|
|
8453
|
-
return /* @__PURE__ */ jsx("p", { className: `${
|
|
8566
|
+
return /* @__PURE__ */ jsx("p", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children });
|
|
8454
8567
|
}
|
|
8455
8568
|
|
|
8456
8569
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
|
|
@@ -8563,11 +8676,11 @@ __styleInject(`.ArticleChatBlock-module_root {
|
|
|
8563
8676
|
.ArticleChatBlock-module_showMoreBtn:hover {
|
|
8564
8677
|
color: var(--fg);
|
|
8565
8678
|
}`);
|
|
8566
|
-
var
|
|
8679
|
+
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" };
|
|
8567
8680
|
var roleConfig = {
|
|
8568
|
-
assistant: { cls:
|
|
8569
|
-
system: { cls:
|
|
8570
|
-
user: { cls:
|
|
8681
|
+
assistant: { cls: __default77.assistant, gradient: "var(--bg-secondary)" },
|
|
8682
|
+
system: { cls: __default77.system, gradient: "var(--bg-tertiary)" },
|
|
8683
|
+
user: { cls: __default77.user, gradient: "var(--bg-secondary)" }
|
|
8571
8684
|
};
|
|
8572
8685
|
function ArticleChatBlock({
|
|
8573
8686
|
role,
|
|
@@ -8581,40 +8694,40 @@ function ArticleChatBlock({
|
|
|
8581
8694
|
var _a;
|
|
8582
8695
|
const [expanded, setExpanded] = useState(false);
|
|
8583
8696
|
const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
|
|
8584
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
8585
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8697
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default77.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
|
|
8698
|
+
/* @__PURE__ */ jsx("div", { className: __default77.header, children: /* @__PURE__ */ jsxs("span", { className: __default77.roleLabel, children: [
|
|
8586
8699
|
role,
|
|
8587
8700
|
model && ` \u2022 ${model}`
|
|
8588
8701
|
] }) }),
|
|
8589
|
-
toolCall && /* @__PURE__ */ jsx("div", { className:
|
|
8590
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8591
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8702
|
+
toolCall && /* @__PURE__ */ jsx("div", { className: __default77.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default77.toolBadgeInner, children: [
|
|
8703
|
+
/* @__PURE__ */ jsx("span", { className: __default77.toolDot }),
|
|
8704
|
+
/* @__PURE__ */ jsx("span", { className: __default77.toolLabel, children: toolCall })
|
|
8592
8705
|
] }) }),
|
|
8593
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8594
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8706
|
+
/* @__PURE__ */ jsx("div", { className: __default77.divider }),
|
|
8707
|
+
/* @__PURE__ */ jsxs("div", { className: __default77.contentWrapper, children: [
|
|
8595
8708
|
/* @__PURE__ */ jsx(
|
|
8596
8709
|
"div",
|
|
8597
8710
|
{
|
|
8598
|
-
className:
|
|
8711
|
+
className: __default77.content,
|
|
8599
8712
|
style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
|
|
8600
8713
|
children
|
|
8601
8714
|
}
|
|
8602
8715
|
),
|
|
8603
|
-
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className:
|
|
8716
|
+
collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className: __default77.fadeOverlay, children: [
|
|
8604
8717
|
/* @__PURE__ */ jsx(
|
|
8605
8718
|
"div",
|
|
8606
8719
|
{
|
|
8607
|
-
className:
|
|
8720
|
+
className: __default77.fadeGradient,
|
|
8608
8721
|
style: {
|
|
8609
8722
|
background: `linear-gradient(to top, ${config.gradient}, transparent)`
|
|
8610
8723
|
}
|
|
8611
8724
|
}
|
|
8612
8725
|
),
|
|
8613
|
-
/* @__PURE__ */ jsx("div", { className: `${
|
|
8726
|
+
/* @__PURE__ */ jsx("div", { className: `${__default77.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
|
|
8614
8727
|
"button",
|
|
8615
8728
|
{
|
|
8616
8729
|
onClick: () => setExpanded(true),
|
|
8617
|
-
className:
|
|
8730
|
+
className: __default77.showMoreBtn,
|
|
8618
8731
|
children: "Show more"
|
|
8619
8732
|
}
|
|
8620
8733
|
) })
|
|
@@ -8646,14 +8759,14 @@ __styleInject(`.ArticleLinkButton-module_root {
|
|
|
8646
8759
|
.ArticleLinkButton-module_root:active {
|
|
8647
8760
|
opacity: 0.8;
|
|
8648
8761
|
}`);
|
|
8649
|
-
var
|
|
8762
|
+
var __default78 = { "root": "ArticleLinkButton-module_root" };
|
|
8650
8763
|
function ArticleLinkButton({
|
|
8651
8764
|
children,
|
|
8652
8765
|
href,
|
|
8653
8766
|
onClick,
|
|
8654
8767
|
className = ""
|
|
8655
8768
|
}) {
|
|
8656
|
-
const cls = `${
|
|
8769
|
+
const cls = `${__default78.root}${className ? ` ${className}` : ""}`;
|
|
8657
8770
|
if (href) {
|
|
8658
8771
|
return /* @__PURE__ */ jsx("a", { href, className: cls, children });
|
|
8659
8772
|
}
|
|
@@ -8690,18 +8803,18 @@ __styleInject(`.ArticleFooter-module_root {
|
|
|
8690
8803
|
line-height: 1.25rem;
|
|
8691
8804
|
color: var(--fg-muted);
|
|
8692
8805
|
}`);
|
|
8693
|
-
var
|
|
8806
|
+
var __default79 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
|
|
8694
8807
|
function ArticleFooter({
|
|
8695
8808
|
logo,
|
|
8696
8809
|
copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
|
|
8697
8810
|
className = ""
|
|
8698
8811
|
}) {
|
|
8699
|
-
return /* @__PURE__ */ jsxs("footer", { className: `${
|
|
8700
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
8701
|
-
logo && /* @__PURE__ */ jsx("div", { className:
|
|
8702
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8812
|
+
return /* @__PURE__ */ jsxs("footer", { className: `${__default79.root}${className ? ` ${className}` : ""}`, children: [
|
|
8813
|
+
/* @__PURE__ */ jsxs("div", { className: __default79.topBar, children: [
|
|
8814
|
+
logo && /* @__PURE__ */ jsx("div", { className: __default79.logo, children: logo }),
|
|
8815
|
+
/* @__PURE__ */ jsx("div", { className: __default79.divider })
|
|
8703
8816
|
] }),
|
|
8704
|
-
/* @__PURE__ */ jsx("p", { className:
|
|
8817
|
+
/* @__PURE__ */ jsx("p", { className: __default79.copyright, children: copyright })
|
|
8705
8818
|
] });
|
|
8706
8819
|
}
|
|
8707
8820
|
|
|
@@ -8724,15 +8837,15 @@ __styleInject(`.ArticleLayout-module_root {
|
|
|
8724
8837
|
width: 100%;
|
|
8725
8838
|
max-width: 720px;
|
|
8726
8839
|
}`);
|
|
8727
|
-
var
|
|
8840
|
+
var __default80 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
|
|
8728
8841
|
function ArticleLayout({ children, className = "" }) {
|
|
8729
|
-
return /* @__PURE__ */ jsx("article", { className: `${
|
|
8842
|
+
return /* @__PURE__ */ jsx("article", { className: `${__default80.root}${className ? ` ${className}` : ""}`, children });
|
|
8730
8843
|
}
|
|
8731
8844
|
function ArticleWide({ children, className = "" }) {
|
|
8732
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8845
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default80.wide}${className ? ` ${className}` : ""}`, children });
|
|
8733
8846
|
}
|
|
8734
8847
|
function ArticleNarrow({ children, className = "" }) {
|
|
8735
|
-
return /* @__PURE__ */ jsx("div", { className: `${
|
|
8848
|
+
return /* @__PURE__ */ jsx("div", { className: `${__default80.narrow}${className ? ` ${className}` : ""}`, children });
|
|
8736
8849
|
}
|
|
8737
8850
|
|
|
8738
8851
|
// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
|
|
@@ -8819,7 +8932,7 @@ __styleInject(`.ArticleChart-module_figure {
|
|
|
8819
8932
|
line-height: 1rem;
|
|
8820
8933
|
color: var(--fg-secondary);
|
|
8821
8934
|
}`);
|
|
8822
|
-
var
|
|
8935
|
+
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" };
|
|
8823
8936
|
function ChartTooltip({
|
|
8824
8937
|
active,
|
|
8825
8938
|
payload,
|
|
@@ -8830,15 +8943,15 @@ function ChartTooltip({
|
|
|
8830
8943
|
}) {
|
|
8831
8944
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
8832
8945
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
8833
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
8834
|
-
label !== void 0 && /* @__PURE__ */ jsxs("p", { className:
|
|
8946
|
+
return /* @__PURE__ */ jsxs("div", { className: __default81.tooltip, children: [
|
|
8947
|
+
label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default81.tooltipLabel, children: [
|
|
8835
8948
|
xLabel ? `${xLabel}: ` : "",
|
|
8836
8949
|
label
|
|
8837
8950
|
] }),
|
|
8838
|
-
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className:
|
|
8839
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8840
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8841
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8951
|
+
payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: __default81.tooltipRow, children: [
|
|
8952
|
+
/* @__PURE__ */ jsx("span", { className: __default81.tooltipDot, style: { backgroundColor: entry.color } }),
|
|
8953
|
+
/* @__PURE__ */ jsx("span", { className: __default81.tooltipName, children: entry.name }),
|
|
8954
|
+
/* @__PURE__ */ jsx("span", { className: __default81.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
|
|
8842
8955
|
] }, i))
|
|
8843
8956
|
] });
|
|
8844
8957
|
}
|
|
@@ -8852,8 +8965,8 @@ function ArticleLineChart({
|
|
|
8852
8965
|
valueFormatter,
|
|
8853
8966
|
className = ""
|
|
8854
8967
|
}) {
|
|
8855
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8856
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8968
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
|
|
8969
|
+
/* @__PURE__ */ jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8857
8970
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8858
8971
|
/* @__PURE__ */ jsx(
|
|
8859
8972
|
XAxis,
|
|
@@ -8903,9 +9016,9 @@ function ArticleLineChart({
|
|
|
8903
9016
|
s.dataKey
|
|
8904
9017
|
))
|
|
8905
9018
|
] }) }) }),
|
|
8906
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8907
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8908
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9019
|
+
/* @__PURE__ */ jsx("div", { className: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default81.legendItem, children: [
|
|
9020
|
+
/* @__PURE__ */ jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9021
|
+
/* @__PURE__ */ jsx("span", { className: __default81.legendLabel, children: s.name })
|
|
8909
9022
|
] }, s.dataKey)) })
|
|
8910
9023
|
] });
|
|
8911
9024
|
}
|
|
@@ -8920,8 +9033,8 @@ function ArticleBarChart({
|
|
|
8920
9033
|
valueFormatter,
|
|
8921
9034
|
className = ""
|
|
8922
9035
|
}) {
|
|
8923
|
-
return /* @__PURE__ */ jsxs("figure", { className: `${
|
|
8924
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9036
|
+
return /* @__PURE__ */ jsxs("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
|
|
9037
|
+
/* @__PURE__ */ jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8925
9038
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
|
|
8926
9039
|
/* @__PURE__ */ jsx(
|
|
8927
9040
|
XAxis,
|
|
@@ -8969,9 +9082,9 @@ function ArticleBarChart({
|
|
|
8969
9082
|
s.dataKey
|
|
8970
9083
|
))
|
|
8971
9084
|
] }) }) }),
|
|
8972
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
8973
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
8974
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
9085
|
+
/* @__PURE__ */ jsx("div", { className: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default81.legendItem, children: [
|
|
9086
|
+
/* @__PURE__ */ jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
|
|
9087
|
+
/* @__PURE__ */ jsx("span", { className: __default81.legendLabel, children: s.name })
|
|
8975
9088
|
] }, s.dataKey)) })
|
|
8976
9089
|
] });
|
|
8977
9090
|
}
|
|
@@ -8989,7 +9102,7 @@ function ArticleScatterChart({
|
|
|
8989
9102
|
var _a;
|
|
8990
9103
|
return (_a = d.color) != null ? _a : color;
|
|
8991
9104
|
});
|
|
8992
|
-
return /* @__PURE__ */ jsx("figure", { className: `${
|
|
9105
|
+
return /* @__PURE__ */ jsx("figure", { className: `${__default81.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default81.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
|
|
8993
9106
|
/* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
|
|
8994
9107
|
/* @__PURE__ */ jsx(
|
|
8995
9108
|
XAxis,
|
|
@@ -9025,14 +9138,14 @@ function ArticleScatterChart({
|
|
|
9025
9138
|
if (!active || !(payload == null ? void 0 : payload.length)) return null;
|
|
9026
9139
|
const point = (_a = payload[0]) == null ? void 0 : _a.payload;
|
|
9027
9140
|
const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
|
|
9028
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
9029
|
-
point.label && /* @__PURE__ */ jsx("p", { className:
|
|
9030
|
-
xLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
9141
|
+
return /* @__PURE__ */ jsxs("div", { className: __default81.tooltip, children: [
|
|
9142
|
+
point.label && /* @__PURE__ */ jsx("p", { className: __default81.scatterTooltipLabel, children: point.label }),
|
|
9143
|
+
xLabel && /* @__PURE__ */ jsxs("p", { className: __default81.scatterTooltipRow, children: [
|
|
9031
9144
|
xLabel,
|
|
9032
9145
|
": ",
|
|
9033
9146
|
fmt(point.x)
|
|
9034
9147
|
] }),
|
|
9035
|
-
yLabel && /* @__PURE__ */ jsxs("p", { className:
|
|
9148
|
+
yLabel && /* @__PURE__ */ jsxs("p", { className: __default81.scatterTooltipRow, children: [
|
|
9036
9149
|
yLabel,
|
|
9037
9150
|
": ",
|
|
9038
9151
|
fmt(point.y)
|
|
@@ -9109,7 +9222,7 @@ __styleInject(`.LandingLayout-module_headerMode {
|
|
|
9109
9222
|
padding-right: 4rem;
|
|
9110
9223
|
}
|
|
9111
9224
|
}`);
|
|
9112
|
-
var
|
|
9225
|
+
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" };
|
|
9113
9226
|
function LandingLayout({
|
|
9114
9227
|
mode = "header",
|
|
9115
9228
|
nav,
|
|
@@ -9118,19 +9231,19 @@ function LandingLayout({
|
|
|
9118
9231
|
className = ""
|
|
9119
9232
|
}) {
|
|
9120
9233
|
if (mode === "sidebar") {
|
|
9121
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
9122
|
-
nav && /* @__PURE__ */ jsx("div", { className:
|
|
9123
|
-
/* @__PURE__ */ jsxs("main", { className:
|
|
9124
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
9234
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default82.sidebarMode}${className ? ` ${className}` : ""}`, children: [
|
|
9235
|
+
nav && /* @__PURE__ */ jsx("div", { className: __default82.sidebarNav, children: nav }),
|
|
9236
|
+
/* @__PURE__ */ jsxs("main", { className: __default82.sidebarMain, children: [
|
|
9237
|
+
/* @__PURE__ */ jsx("div", { className: __default82.sidebarContent, children }),
|
|
9125
9238
|
footer
|
|
9126
9239
|
] })
|
|
9127
9240
|
] });
|
|
9128
9241
|
}
|
|
9129
|
-
return /* @__PURE__ */ jsxs("div", { className: `${
|
|
9242
|
+
return /* @__PURE__ */ jsxs("div", { className: `${__default82.headerMode}${className ? ` ${className}` : ""}`, children: [
|
|
9130
9243
|
nav,
|
|
9131
|
-
/* @__PURE__ */ jsx("main", { className:
|
|
9244
|
+
/* @__PURE__ */ jsx("main", { className: __default82.headerMain, children }),
|
|
9132
9245
|
footer
|
|
9133
9246
|
] });
|
|
9134
9247
|
}
|
|
9135
9248
|
|
|
9136
|
-
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|
|
9249
|
+
export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
|