@landtrustinc/design-system 1.2.15 → 1.2.17
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.d.ts +4 -2
- package/dist/index.js +392 -360
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -767,6 +767,7 @@ __export(components_exports, {
|
|
|
767
767
|
WaterTap: () => WaterTap_default,
|
|
768
768
|
Waterfowl: () => Waterfowl_default,
|
|
769
769
|
Whitetail: () => Whitetail_default,
|
|
770
|
+
Wolf: () => Wolf_default,
|
|
770
771
|
Xmark: () => Xmark_default,
|
|
771
772
|
YoutubeSquare: () => YoutubeSquare_default
|
|
772
773
|
});
|
|
@@ -3047,18 +3048,40 @@ var import_jsx_runtime196 = require("@emotion/react/jsx-runtime");
|
|
|
3047
3048
|
var SvgWhitetail = (props) => /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("path", { d: "M21.76 4.557A.57.57 0 0 0 21.201 4a.53.53 0 0 0-.528.557c0 1.327.157 5.082.2 6.381.004.292-.075.58-.228.828-.386.614-1.142 1.828-1.556 2.47-.743 1.157-1.67.857-3.013.486-1.342-.372-1.242-1.071-1.427-2.37-.229-1.556-.5-4.426-.828-7.039a.514.514 0 0 0-.529-.514.557.557 0 0 0-.457.629c-.1 2.598-.228 5.425-.285 6.938 0 1.256-.4 1.784-1.428 1.77a9 9 0 0 1-1.427-.1 1.53 1.53 0 0 1-1.428-1.242c-.214-1.142-.742-4.682-.742-4.682 0-.357-.3-.557-.543-.514-.243.042-.385.314-.385.556 0 1.428.085 3.113.1 3.983 0 1.428-.429 1.585-1.428 1.428a1.185 1.185 0 0 1-1-1.056c-.114-.486-.228-.9-.356-1.614 0-.356-.314-.485-.5-.47A.46.46 0 0 0 3 10.81v1.428a3.34 3.34 0 0 0 3.155 3.354l9.051 1.67a2.63 2.63 0 0 1 1.828 1.186 3.87 3.87 0 0 1 .357 2.47l-.129.613 3.012 1.028a5.7 5.7 0 0 0 .457-3.44c0-.215-.157-.714-.3-1.428a3.16 3.16 0 0 1 .415-2.027l1.941-3.584c.174-.281.245-.614.2-.942-.285-1.342-.942-5.154-1.228-6.581" }) });
|
|
3048
3049
|
var Whitetail_default = SvgWhitetail;
|
|
3049
3050
|
|
|
3050
|
-
// src/Icon/components/
|
|
3051
|
+
// src/Icon/components/Wolf.tsx
|
|
3051
3052
|
var import_jsx_runtime197 = require("@emotion/react/jsx-runtime");
|
|
3052
|
-
var
|
|
3053
|
+
var SvgWolf = (props) => /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
|
|
3054
|
+
"svg",
|
|
3055
|
+
{
|
|
3056
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3057
|
+
fill: "none",
|
|
3058
|
+
viewBox: "0 0 26 26",
|
|
3059
|
+
...props,
|
|
3060
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
|
|
3061
|
+
"path",
|
|
3062
|
+
{
|
|
3063
|
+
fill: "currentColor",
|
|
3064
|
+
fillRule: "evenodd",
|
|
3065
|
+
d: "M21.509 6.458c-.28.251-.55.48-.596.51a.5.5 0 0 1-.237.051c-.198 0-.265-.062-.52-.481-.288-.474-.435-.552-.637-.342-.21.217-.368.557-.503 1.082-.086.335-.003.229-.926 1.178-1.131 1.164-1.648 1.486-2.649 1.652-.479.08-1.073.076-2.613-.016-2.873-.171-3.817-.165-4.796.031-1.025.206-1.72.594-2.318 1.295-.415.486-.697.936-1.358 2.167-.446.83-.693 1.217-1.161 1.826-.29.376-.794.907-1.037 1.091a.8.8 0 0 0-.158.14c0 .038.252.138.47.186.304.067.912.047 1.239-.04a3 3 0 0 0 1.48-.95c.409-.486.641-.974.848-1.784.085-.336.128-.46.139-.41.058.253.198 1.296.198 1.471-.001.616-.315 1.201-1.03 1.925-.459.465-.45.447-.502.991-.05.52-.067 1.715-.03 1.991.058.427.23.751.458.866.338.17 1.228.14 1.372-.048.05-.064.05-.24 0-.354-.097-.23-.285-.361-.61-.429a.6.6 0 0 1-.25-.098c-.126-.123-.09-.617.099-1.384.153-.622.137-.6.91-1.285.372-.33.848-.765 1.06-.967.21-.202.39-.36.399-.351.024.024-.097.429-.21.7a4 4 0 0 1-.33.58c-.254.372-.294.498-.224.712.194.604 1.05 2.441 1.214 2.608.141.144.39.21.8.21.366 0 .617-.052.715-.148.07-.069.076-.267.012-.417-.1-.235-.3-.361-.638-.403a.8.8 0 0 1-.294-.08c-.085-.06-.252-.358-.369-.656a2.5 2.5 0 0 1-.185-.92c-.003-.413.023-.462.584-1.104.767-.875 1.205-1.62 1.411-2.397l.067-.243c.003-.004.1.032.216.079.957.389 2.651.792 3.711.882.239.02.395.046.395.064 0 .075-.09 1.162-.117 1.403a66 66 0 0 1-.23 1.77c-.05.353-.08.665-.07.721.046.25.34 1.27.397 1.372q.185.332.972.29c.502-.026.628-.091.628-.325 0-.278-.198-.505-.503-.576l-.251-.059c-.171-.04-.209-.123-.206-.46.008-.821.529-2.544 1.152-3.809.193-.39.22-.43.242-.368.052.15.554 2.68.626 3.16.017.11.044.359.061.552.034.379.075.506.239.728.053.073.168.28.256.459.26.533.405.619 1.085.642q.672.023.813-.141c.108-.128-.012-.504-.205-.64-.11-.077-.328-.139-.566-.16-.193-.018-.207-.025-.334-.154-.283-.288-.328-.589-.303-2.025.017-1.026.04-1.423.12-2.152.057-.51.09-.674.176-.854.092-.192.426-.656.854-1.184.438-.54.665-.883.938-1.415.242-.474.347-.723.545-1.3l.136-.394.198.006c.108.004.376.025.595.047.497.051.74.052.86.003.195-.08.767-.781.767-.94a.25.25 0 0 0-.065-.137c-.06-.066-.675-.476-1.177-.784l-.211-.13-.037-.238q-.084-.54-.422-.727c-.044-.025-.044-.044.012-.278.087-.372.127-.725.114-1.004C22.2 6.08 22.168 6 22.072 6c-.03 0-.283.206-.563.458",
|
|
3066
|
+
clipRule: "evenodd"
|
|
3067
|
+
}
|
|
3068
|
+
)
|
|
3069
|
+
}
|
|
3070
|
+
);
|
|
3071
|
+
var Wolf_default = SvgWolf;
|
|
3072
|
+
|
|
3073
|
+
// src/Icon/components/Xmark.tsx
|
|
3074
|
+
var import_jsx_runtime198 = require("@emotion/react/jsx-runtime");
|
|
3075
|
+
var SvgXmark = (props) => /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119z" }) });
|
|
3053
3076
|
var Xmark_default = SvgXmark;
|
|
3054
3077
|
|
|
3055
3078
|
// src/Icon/components/YoutubeSquare.tsx
|
|
3056
|
-
var
|
|
3057
|
-
var SvgYoutubeSquare = (props) => /* @__PURE__ */ (0,
|
|
3079
|
+
var import_jsx_runtime199 = require("@emotion/react/jsx-runtime");
|
|
3080
|
+
var SvgYoutubeSquare = (props) => /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("path", { d: "m9.173 8.353 4.675 2.657-4.675 2.657zM22 2.357v17.286A2.36 2.36 0 0 1 19.643 22H2.357A2.36 2.36 0 0 1 0 19.643V2.357A2.36 2.36 0 0 1 2.357 0h17.286A2.36 2.36 0 0 1 22 2.357m-2.063 8.658s0-2.927-.373-4.332a2.24 2.24 0 0 0-1.581-1.59c-1.39-.38-6.983-.38-6.983-.38s-5.593 0-6.983.378a2.24 2.24 0 0 0-1.581 1.591c-.373 1.4-.373 4.332-.373 4.332s0 2.927.373 4.331a2.21 2.21 0 0 0 1.581 1.567c1.39.373 6.983.373 6.983.373s5.593 0 6.983-.378a2.21 2.21 0 0 0 1.581-1.567c.373-1.4.373-4.326.373-4.326z" }) });
|
|
3058
3081
|
var YoutubeSquare_default = SvgYoutubeSquare;
|
|
3059
3082
|
|
|
3060
3083
|
// src/Icon/Icon.tsx
|
|
3061
|
-
var
|
|
3084
|
+
var import_jsx_runtime200 = require("@emotion/react/jsx-runtime");
|
|
3062
3085
|
var IconSizeMap = {
|
|
3063
3086
|
xsmall: {
|
|
3064
3087
|
width: 12,
|
|
@@ -3105,9 +3128,10 @@ var Icon = ({
|
|
|
3105
3128
|
}) => {
|
|
3106
3129
|
const Component = components_exports[variant];
|
|
3107
3130
|
if (!Component) {
|
|
3108
|
-
|
|
3131
|
+
console.warn(`Invalid icon variant [${variant}]`);
|
|
3132
|
+
return null;
|
|
3109
3133
|
}
|
|
3110
|
-
return /* @__PURE__ */ (0,
|
|
3134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
|
|
3111
3135
|
Component,
|
|
3112
3136
|
{
|
|
3113
3137
|
css: iconStyles(size, setAutoHeight, fill),
|
|
@@ -3134,9 +3158,9 @@ var spinnerStyles = import_react3.css`
|
|
|
3134
3158
|
`;
|
|
3135
3159
|
|
|
3136
3160
|
// src/Spinner/Spinner.tsx
|
|
3137
|
-
var
|
|
3161
|
+
var import_jsx_runtime201 = require("@emotion/react/jsx-runtime");
|
|
3138
3162
|
var Spinner = ({ size = "medium", className, fill }) => {
|
|
3139
|
-
return /* @__PURE__ */ (0,
|
|
3163
|
+
return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
|
|
3140
3164
|
Icon_default,
|
|
3141
3165
|
{
|
|
3142
3166
|
variant: "Spinner",
|
|
@@ -3393,7 +3417,7 @@ var styles = {
|
|
|
3393
3417
|
`,
|
|
3394
3418
|
disabled: import_react4.css`
|
|
3395
3419
|
opacity: ${opacity["50"]};
|
|
3396
|
-
|
|
3420
|
+
cursor: not-allowed;
|
|
3397
3421
|
`,
|
|
3398
3422
|
withIcon: import_react4.css`
|
|
3399
3423
|
gap: var(--spacing-2);
|
|
@@ -3424,7 +3448,7 @@ var labelStyles = (isVisible) => () => import_react4.css`
|
|
|
3424
3448
|
`;
|
|
3425
3449
|
|
|
3426
3450
|
// src/Button/Button.tsx
|
|
3427
|
-
var
|
|
3451
|
+
var import_jsx_runtime202 = require("@emotion/react/jsx-runtime");
|
|
3428
3452
|
var Button = import_react6.default.forwardRef(
|
|
3429
3453
|
({
|
|
3430
3454
|
as: Component = "button",
|
|
@@ -3443,7 +3467,7 @@ var Button = import_react6.default.forwardRef(
|
|
|
3443
3467
|
const componentType = Component === "button" ? type : void 0;
|
|
3444
3468
|
const sizeKey = `size${(0, import_lodash.upperFirst)(size)}`;
|
|
3445
3469
|
const isIconOnly = icon && !children;
|
|
3446
|
-
return /* @__PURE__ */ (0,
|
|
3470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)(
|
|
3447
3471
|
Component,
|
|
3448
3472
|
{
|
|
3449
3473
|
ref,
|
|
@@ -3460,10 +3484,18 @@ var Button = import_react6.default.forwardRef(
|
|
|
3460
3484
|
icon && children && styles.withIcon
|
|
3461
3485
|
],
|
|
3462
3486
|
...props,
|
|
3487
|
+
onClick: (e) => {
|
|
3488
|
+
var _a;
|
|
3489
|
+
if (disabled) {
|
|
3490
|
+
e.preventDefault();
|
|
3491
|
+
return;
|
|
3492
|
+
}
|
|
3493
|
+
(_a = props.onClick) == null ? void 0 : _a.call(props, e);
|
|
3494
|
+
},
|
|
3463
3495
|
children: [
|
|
3464
3496
|
icon,
|
|
3465
|
-
children && /* @__PURE__ */ (0,
|
|
3466
|
-
isLoading && /* @__PURE__ */ (0,
|
|
3497
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { css: [labelStyles(!isLoading), labelStyleOverrides], children }),
|
|
3498
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Spinner_default2, { css: spinnerStyles2(variant) })
|
|
3467
3499
|
]
|
|
3468
3500
|
}
|
|
3469
3501
|
);
|
|
@@ -3474,7 +3506,7 @@ var Button_default = Button;
|
|
|
3474
3506
|
|
|
3475
3507
|
// src/Box/Container.tsx
|
|
3476
3508
|
var import_react7 = require("@emotion/react");
|
|
3477
|
-
var
|
|
3509
|
+
var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
|
|
3478
3510
|
var baseStyles = import_react7.css`
|
|
3479
3511
|
width: 100%;
|
|
3480
3512
|
margin: 0 auto;
|
|
@@ -3508,7 +3540,7 @@ var Container = ({
|
|
|
3508
3540
|
isFullWidth = false,
|
|
3509
3541
|
...props
|
|
3510
3542
|
}) => {
|
|
3511
|
-
return /* @__PURE__ */ (0,
|
|
3543
|
+
return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
|
|
3512
3544
|
Box_default,
|
|
3513
3545
|
{
|
|
3514
3546
|
css: [baseStyles, isFullWidth && fullWidthStyles],
|
|
@@ -3710,7 +3742,7 @@ var textFontWeightStyles = {
|
|
|
3710
3742
|
};
|
|
3711
3743
|
|
|
3712
3744
|
// src/Typography/Heading.tsx
|
|
3713
|
-
var
|
|
3745
|
+
var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
|
|
3714
3746
|
var SIZE_TO_ELEMENT_MAP = {
|
|
3715
3747
|
xl: "h1",
|
|
3716
3748
|
lg: "h2",
|
|
@@ -3740,7 +3772,7 @@ var Heading = ({
|
|
|
3740
3772
|
...props
|
|
3741
3773
|
}) => {
|
|
3742
3774
|
const elementType = as != null ? as : SIZE_TO_ELEMENT_MAP[size];
|
|
3743
|
-
return /* @__PURE__ */ (0,
|
|
3775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
|
|
3744
3776
|
StyledHeading,
|
|
3745
3777
|
{
|
|
3746
3778
|
as: elementType,
|
|
@@ -3887,7 +3919,7 @@ var textWrapStyles2 = {
|
|
|
3887
3919
|
};
|
|
3888
3920
|
|
|
3889
3921
|
// src/Typography/Text.tsx
|
|
3890
|
-
var
|
|
3922
|
+
var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
|
|
3891
3923
|
var StyledText = (0, import_styled3.default)("p")`
|
|
3892
3924
|
${({ size = "md" }) => textSizeStyles[size]}
|
|
3893
3925
|
${({ fontWeight = "normal" }) => textFontWeightStyles2[fontWeight]}
|
|
@@ -3909,7 +3941,7 @@ var Text = ({
|
|
|
3909
3941
|
...props
|
|
3910
3942
|
}) => {
|
|
3911
3943
|
const elementType = as;
|
|
3912
|
-
return /* @__PURE__ */ (0,
|
|
3944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
|
|
3913
3945
|
StyledText,
|
|
3914
3946
|
{
|
|
3915
3947
|
as: elementType,
|
|
@@ -3928,7 +3960,7 @@ var Text = ({
|
|
|
3928
3960
|
var Text_default = Text;
|
|
3929
3961
|
|
|
3930
3962
|
// src/IconLabel/IconLabel.tsx
|
|
3931
|
-
var
|
|
3963
|
+
var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
|
|
3932
3964
|
var IconLabel = ({
|
|
3933
3965
|
variant,
|
|
3934
3966
|
label,
|
|
@@ -3937,7 +3969,7 @@ var IconLabel = ({
|
|
|
3937
3969
|
className,
|
|
3938
3970
|
...rest
|
|
3939
3971
|
}) => {
|
|
3940
|
-
return /* @__PURE__ */ (0,
|
|
3972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
|
|
3941
3973
|
Box_default,
|
|
3942
3974
|
{
|
|
3943
3975
|
display: "flex",
|
|
@@ -3946,8 +3978,8 @@ var IconLabel = ({
|
|
|
3946
3978
|
className,
|
|
3947
3979
|
...rest,
|
|
3948
3980
|
children: [
|
|
3949
|
-
/* @__PURE__ */ (0,
|
|
3950
|
-
/* @__PURE__ */ (0,
|
|
3981
|
+
/* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Icon_default, { variant, size: iconSize }),
|
|
3982
|
+
/* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Text_default, { size: labelSize, fontWeight: "semibold", children: label })
|
|
3951
3983
|
]
|
|
3952
3984
|
}
|
|
3953
3985
|
);
|
|
@@ -4179,7 +4211,7 @@ var tableWrapperStyles = import_react10.css`
|
|
|
4179
4211
|
`;
|
|
4180
4212
|
|
|
4181
4213
|
// src/MarkdownContent/MarkdownContent.tsx
|
|
4182
|
-
var
|
|
4214
|
+
var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
|
|
4183
4215
|
var CodeBlock = ({
|
|
4184
4216
|
children,
|
|
4185
4217
|
className,
|
|
@@ -4197,16 +4229,16 @@ var CodeBlock = ({
|
|
|
4197
4229
|
console.error("Failed to copy text: ", err);
|
|
4198
4230
|
}
|
|
4199
4231
|
};
|
|
4200
|
-
return /* @__PURE__ */ (0,
|
|
4232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
|
|
4201
4233
|
"div",
|
|
4202
4234
|
{
|
|
4203
4235
|
css: codeBlockStyles,
|
|
4204
4236
|
onMouseEnter: () => setIsHovered(true),
|
|
4205
4237
|
onMouseLeave: () => setIsHovered(false),
|
|
4206
4238
|
children: [
|
|
4207
|
-
/* @__PURE__ */ (0,
|
|
4208
|
-
/* @__PURE__ */ (0,
|
|
4209
|
-
enableCopy && /* @__PURE__ */ (0,
|
|
4239
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { css: codeBlockHeaderStyles, children: [
|
|
4240
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)("span", { css: codeBlockLanguageStyles, children: language }),
|
|
4241
|
+
enableCopy && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4210
4242
|
"button",
|
|
4211
4243
|
{
|
|
4212
4244
|
onClick: handleCopy,
|
|
@@ -4215,32 +4247,32 @@ var CodeBlock = ({
|
|
|
4215
4247
|
}
|
|
4216
4248
|
)
|
|
4217
4249
|
] }),
|
|
4218
|
-
/* @__PURE__ */ (0,
|
|
4250
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)("pre", { css: codeBlockPreStyles, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("code", { children }) })
|
|
4219
4251
|
]
|
|
4220
4252
|
}
|
|
4221
4253
|
);
|
|
4222
4254
|
};
|
|
4223
4255
|
var InlineCode = ({ children }) => {
|
|
4224
|
-
return /* @__PURE__ */ (0,
|
|
4256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("code", { css: inlineCodeStyles, children });
|
|
4225
4257
|
};
|
|
4226
4258
|
var TableWrapper = ({
|
|
4227
4259
|
children
|
|
4228
4260
|
}) => {
|
|
4229
|
-
return /* @__PURE__ */ (0,
|
|
4261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { css: tableWrapperStyles, children });
|
|
4230
4262
|
};
|
|
4231
4263
|
var MarkdownContent = ({
|
|
4232
4264
|
content,
|
|
4233
4265
|
className,
|
|
4234
4266
|
enableCodeCopy = true
|
|
4235
4267
|
}) => {
|
|
4236
|
-
return /* @__PURE__ */ (0,
|
|
4268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className, css: markdownContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4237
4269
|
import_markdown_to_jsx.default,
|
|
4238
4270
|
{
|
|
4239
4271
|
options: {
|
|
4240
4272
|
overrides: {
|
|
4241
4273
|
// Headings - use design system Heading component with spacing
|
|
4242
4274
|
h1: {
|
|
4243
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4275
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4244
4276
|
Heading_default,
|
|
4245
4277
|
{
|
|
4246
4278
|
size: "lg",
|
|
@@ -4254,7 +4286,7 @@ var MarkdownContent = ({
|
|
|
4254
4286
|
)
|
|
4255
4287
|
},
|
|
4256
4288
|
h2: {
|
|
4257
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4289
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4258
4290
|
Heading_default,
|
|
4259
4291
|
{
|
|
4260
4292
|
size: "md",
|
|
@@ -4268,7 +4300,7 @@ var MarkdownContent = ({
|
|
|
4268
4300
|
)
|
|
4269
4301
|
},
|
|
4270
4302
|
h3: {
|
|
4271
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4303
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4272
4304
|
Heading_default,
|
|
4273
4305
|
{
|
|
4274
4306
|
size: "sm",
|
|
@@ -4282,7 +4314,7 @@ var MarkdownContent = ({
|
|
|
4282
4314
|
)
|
|
4283
4315
|
},
|
|
4284
4316
|
h4: {
|
|
4285
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4317
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4286
4318
|
Heading_default,
|
|
4287
4319
|
{
|
|
4288
4320
|
size: "xs",
|
|
@@ -4296,7 +4328,7 @@ var MarkdownContent = ({
|
|
|
4296
4328
|
)
|
|
4297
4329
|
},
|
|
4298
4330
|
h5: {
|
|
4299
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4331
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4300
4332
|
Heading_default,
|
|
4301
4333
|
{
|
|
4302
4334
|
size: "2xs",
|
|
@@ -4310,7 +4342,7 @@ var MarkdownContent = ({
|
|
|
4310
4342
|
)
|
|
4311
4343
|
},
|
|
4312
4344
|
h6: {
|
|
4313
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4345
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4314
4346
|
Heading_default,
|
|
4315
4347
|
{
|
|
4316
4348
|
size: "2xs",
|
|
@@ -4325,7 +4357,7 @@ var MarkdownContent = ({
|
|
|
4325
4357
|
},
|
|
4326
4358
|
// Paragraphs - use design system Text component with spacing
|
|
4327
4359
|
p: {
|
|
4328
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4360
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4329
4361
|
Text_default,
|
|
4330
4362
|
{
|
|
4331
4363
|
size: "md",
|
|
@@ -4349,7 +4381,7 @@ var MarkdownContent = ({
|
|
|
4349
4381
|
const codeChildren = codeProps.children || "";
|
|
4350
4382
|
const match = /lang-(\w+)/.exec(codeClassName);
|
|
4351
4383
|
const language = match ? match[1] : "text";
|
|
4352
|
-
return /* @__PURE__ */ (0,
|
|
4384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4353
4385
|
CodeBlock,
|
|
4354
4386
|
{
|
|
4355
4387
|
className: `language-${language}`,
|
|
@@ -4362,14 +4394,14 @@ var MarkdownContent = ({
|
|
|
4362
4394
|
// Override code tag for inline code only
|
|
4363
4395
|
code: {
|
|
4364
4396
|
component: ({ children }) => {
|
|
4365
|
-
return /* @__PURE__ */ (0,
|
|
4397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(InlineCode, { children });
|
|
4366
4398
|
}
|
|
4367
4399
|
},
|
|
4368
4400
|
table: {
|
|
4369
4401
|
component: ({
|
|
4370
4402
|
children,
|
|
4371
4403
|
...props
|
|
4372
|
-
}) => /* @__PURE__ */ (0,
|
|
4404
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(TableWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("table", { ...props, children }) })
|
|
4373
4405
|
}
|
|
4374
4406
|
}
|
|
4375
4407
|
},
|
|
@@ -4417,7 +4449,7 @@ var imageStyles = import_react13.css`
|
|
|
4417
4449
|
`;
|
|
4418
4450
|
|
|
4419
4451
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
|
|
4420
|
-
var
|
|
4452
|
+
var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
|
|
4421
4453
|
var TopMatchingFieldNote = ({
|
|
4422
4454
|
author,
|
|
4423
4455
|
datePosted,
|
|
@@ -4426,9 +4458,9 @@ var TopMatchingFieldNote = ({
|
|
|
4426
4458
|
title = "Top matching field note",
|
|
4427
4459
|
className
|
|
4428
4460
|
}) => {
|
|
4429
|
-
return /* @__PURE__ */ (0,
|
|
4430
|
-
/* @__PURE__ */ (0,
|
|
4431
|
-
/* @__PURE__ */ (0,
|
|
4461
|
+
return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
4462
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
|
|
4463
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
|
|
4432
4464
|
Box_default,
|
|
4433
4465
|
{
|
|
4434
4466
|
display: "flex",
|
|
@@ -4440,8 +4472,8 @@ var TopMatchingFieldNote = ({
|
|
|
4440
4472
|
minWidth: "335px",
|
|
4441
4473
|
className,
|
|
4442
4474
|
children: [
|
|
4443
|
-
/* @__PURE__ */ (0,
|
|
4444
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
4475
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: content }),
|
|
4476
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
|
|
4445
4477
|
"div",
|
|
4446
4478
|
{
|
|
4447
4479
|
css: imageStyles,
|
|
@@ -4450,9 +4482,9 @@ var TopMatchingFieldNote = ({
|
|
|
4450
4482
|
}
|
|
4451
4483
|
}
|
|
4452
4484
|
),
|
|
4453
|
-
/* @__PURE__ */ (0,
|
|
4454
|
-
/* @__PURE__ */ (0,
|
|
4455
|
-
/* @__PURE__ */ (0,
|
|
4485
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
4486
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
|
|
4487
|
+
/* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
4456
4488
|
author,
|
|
4457
4489
|
" shared an update \u2022 ",
|
|
4458
4490
|
datePosted
|
|
@@ -4465,7 +4497,7 @@ var TopMatchingFieldNote = ({
|
|
|
4465
4497
|
};
|
|
4466
4498
|
|
|
4467
4499
|
// src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
|
|
4468
|
-
var
|
|
4500
|
+
var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
|
|
4469
4501
|
var TopMatchingReview = ({
|
|
4470
4502
|
author,
|
|
4471
4503
|
datePosted,
|
|
@@ -4474,9 +4506,9 @@ var TopMatchingReview = ({
|
|
|
4474
4506
|
title = "Top matching review",
|
|
4475
4507
|
className
|
|
4476
4508
|
}) => {
|
|
4477
|
-
return /* @__PURE__ */ (0,
|
|
4478
|
-
/* @__PURE__ */ (0,
|
|
4479
|
-
/* @__PURE__ */ (0,
|
|
4509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
4510
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
|
|
4511
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
|
|
4480
4512
|
Box_default,
|
|
4481
4513
|
{
|
|
4482
4514
|
display: "flex",
|
|
@@ -4488,10 +4520,10 @@ var TopMatchingReview = ({
|
|
|
4488
4520
|
minWidth: "335px",
|
|
4489
4521
|
className,
|
|
4490
4522
|
children: [
|
|
4491
|
-
/* @__PURE__ */ (0,
|
|
4492
|
-
/* @__PURE__ */ (0,
|
|
4493
|
-
/* @__PURE__ */ (0,
|
|
4494
|
-
/* @__PURE__ */ (0,
|
|
4523
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: content }),
|
|
4524
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
4525
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
|
|
4526
|
+
/* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
4495
4527
|
"This review was posted by ",
|
|
4496
4528
|
author,
|
|
4497
4529
|
" on ",
|
|
@@ -4508,7 +4540,7 @@ var TopMatchingReview = ({
|
|
|
4508
4540
|
};
|
|
4509
4541
|
|
|
4510
4542
|
// src/AIResponse/AIResponse.tsx
|
|
4511
|
-
var
|
|
4543
|
+
var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
|
|
4512
4544
|
var AIResponse = ({
|
|
4513
4545
|
title = `Here's what I found`,
|
|
4514
4546
|
showDisclaimer = true,
|
|
@@ -4566,7 +4598,7 @@ var AIResponse = ({
|
|
|
4566
4598
|
}
|
|
4567
4599
|
};
|
|
4568
4600
|
}, []);
|
|
4569
|
-
return /* @__PURE__ */ (0,
|
|
4601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
|
|
4570
4602
|
Box_default,
|
|
4571
4603
|
{
|
|
4572
4604
|
className,
|
|
@@ -4574,10 +4606,10 @@ var AIResponse = ({
|
|
|
4574
4606
|
flexDirection: "column",
|
|
4575
4607
|
gap: "var(--spacing-4)",
|
|
4576
4608
|
children: [
|
|
4577
|
-
variant !== "error" && /* @__PURE__ */ (0,
|
|
4578
|
-
/* @__PURE__ */ (0,
|
|
4579
|
-
variant === "error" ? /* @__PURE__ */ (0,
|
|
4580
|
-
contactLandownerUrl && variant !== "error" && /* @__PURE__ */ (0,
|
|
4609
|
+
variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
|
|
4610
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: getBannerStyles(variant), children: [
|
|
4611
|
+
variant === "error" ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "An error occurred while generating your summary. Please try again." }) : markdown && typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(MarkdownContent_default, { content: children, enableCodeCopy }) : /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
|
|
4612
|
+
contactLandownerUrl && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4581
4613
|
Button_default,
|
|
4582
4614
|
{
|
|
4583
4615
|
variant: "primary",
|
|
@@ -4590,32 +4622,32 @@ var AIResponse = ({
|
|
|
4590
4622
|
children: contactLandownerButtonText
|
|
4591
4623
|
}
|
|
4592
4624
|
),
|
|
4593
|
-
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0,
|
|
4594
|
-
/* @__PURE__ */ (0,
|
|
4595
|
-
/* @__PURE__ */ (0,
|
|
4625
|
+
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
|
|
4626
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Icon_default, { variant: "AiMagic", size: "large" }),
|
|
4627
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { size: "xs", color: "var(--text-primary)", children: "This AI summary was generated from the property information from this package. This answer may display incorrect information." })
|
|
4596
4628
|
] }),
|
|
4597
|
-
variant === "error" && /* @__PURE__ */ (0,
|
|
4629
|
+
variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4598
4630
|
Button_default,
|
|
4599
4631
|
{
|
|
4600
4632
|
variant: "secondary",
|
|
4601
4633
|
size: "md",
|
|
4602
4634
|
onClick: onErrorRetry,
|
|
4603
|
-
icon: /* @__PURE__ */ (0,
|
|
4604
|
-
children: /* @__PURE__ */ (0,
|
|
4635
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Icon_default, { variant: "ArrowRotateLeft" }),
|
|
4636
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "Try Again" })
|
|
4605
4637
|
}
|
|
4606
4638
|
) })
|
|
4607
4639
|
] }),
|
|
4608
|
-
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0,
|
|
4609
|
-
/* @__PURE__ */ (0,
|
|
4610
|
-
/* @__PURE__ */ (0,
|
|
4611
|
-
/* @__PURE__ */ (0,
|
|
4640
|
+
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: footerStyles, children: [
|
|
4641
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
|
|
4642
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: actionsStyles, children: [
|
|
4643
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4612
4644
|
Button_default,
|
|
4613
4645
|
{
|
|
4614
4646
|
variant: "text",
|
|
4615
4647
|
size: "xs",
|
|
4616
4648
|
onClick: handleHelpfulYes,
|
|
4617
4649
|
"aria-pressed": visualHelpful === "yes",
|
|
4618
|
-
children: /* @__PURE__ */ (0,
|
|
4650
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4619
4651
|
IconLabel_default,
|
|
4620
4652
|
{
|
|
4621
4653
|
variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
|
|
@@ -4624,14 +4656,14 @@ var AIResponse = ({
|
|
|
4624
4656
|
)
|
|
4625
4657
|
}
|
|
4626
4658
|
),
|
|
4627
|
-
/* @__PURE__ */ (0,
|
|
4659
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4628
4660
|
Button_default,
|
|
4629
4661
|
{
|
|
4630
4662
|
variant: "text",
|
|
4631
4663
|
size: "xs",
|
|
4632
4664
|
onClick: handleHelpfulNo,
|
|
4633
4665
|
"aria-pressed": visualHelpful === "no",
|
|
4634
|
-
children: /* @__PURE__ */ (0,
|
|
4666
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4635
4667
|
IconLabel_default,
|
|
4636
4668
|
{
|
|
4637
4669
|
variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
|
|
@@ -4642,14 +4674,14 @@ var AIResponse = ({
|
|
|
4642
4674
|
)
|
|
4643
4675
|
] })
|
|
4644
4676
|
] }),
|
|
4645
|
-
topMatchingReview && variant !== "error" && /* @__PURE__ */ (0,
|
|
4677
|
+
topMatchingReview && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4646
4678
|
TopMatchingReview,
|
|
4647
4679
|
{
|
|
4648
4680
|
...topMatchingReview,
|
|
4649
4681
|
title: topMatchingReviewTitle
|
|
4650
4682
|
}
|
|
4651
4683
|
),
|
|
4652
|
-
topMatchingFieldNote && variant !== "error" && /* @__PURE__ */ (0,
|
|
4684
|
+
topMatchingFieldNote && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4653
4685
|
TopMatchingFieldNote,
|
|
4654
4686
|
{
|
|
4655
4687
|
...topMatchingFieldNote,
|
|
@@ -4688,13 +4720,13 @@ var availabilityBadgeVariantStyles = {
|
|
|
4688
4720
|
};
|
|
4689
4721
|
|
|
4690
4722
|
// src/AvailabilityBadge/AvailabilityBadge.tsx
|
|
4691
|
-
var
|
|
4723
|
+
var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
|
|
4692
4724
|
var AvailabilityBadge = ({
|
|
4693
4725
|
children,
|
|
4694
4726
|
variant,
|
|
4695
4727
|
className
|
|
4696
4728
|
}) => {
|
|
4697
|
-
return /* @__PURE__ */ (0,
|
|
4729
|
+
return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
|
|
4698
4730
|
Box_default,
|
|
4699
4731
|
{
|
|
4700
4732
|
display: "inline-flex",
|
|
@@ -4704,7 +4736,7 @@ var AvailabilityBadge = ({
|
|
|
4704
4736
|
borderRadius: "var(--spacing-2)",
|
|
4705
4737
|
css: availabilityBadgeVariantStyles[variant],
|
|
4706
4738
|
className,
|
|
4707
|
-
children: /* @__PURE__ */ (0,
|
|
4739
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
|
|
4708
4740
|
}
|
|
4709
4741
|
);
|
|
4710
4742
|
};
|
|
@@ -4766,7 +4798,7 @@ var avatarFallbackStyles = import_react16.css`
|
|
|
4766
4798
|
`;
|
|
4767
4799
|
|
|
4768
4800
|
// src/Avatar/Avatar.tsx
|
|
4769
|
-
var
|
|
4801
|
+
var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
|
|
4770
4802
|
var Avatar = ({
|
|
4771
4803
|
type = "image",
|
|
4772
4804
|
src,
|
|
@@ -4816,7 +4848,7 @@ var Avatar = ({
|
|
|
4816
4848
|
};
|
|
4817
4849
|
if (type === "text" && text) {
|
|
4818
4850
|
const initials = getInitials(text);
|
|
4819
|
-
return /* @__PURE__ */ (0,
|
|
4851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4820
4852
|
"div",
|
|
4821
4853
|
{
|
|
4822
4854
|
css: [
|
|
@@ -4831,7 +4863,7 @@ var Avatar = ({
|
|
|
4831
4863
|
);
|
|
4832
4864
|
}
|
|
4833
4865
|
if (type === "image" && src && !hasImageError) {
|
|
4834
|
-
return /* @__PURE__ */ (0,
|
|
4866
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4835
4867
|
"img",
|
|
4836
4868
|
{
|
|
4837
4869
|
src,
|
|
@@ -4842,13 +4874,13 @@ var Avatar = ({
|
|
|
4842
4874
|
}
|
|
4843
4875
|
);
|
|
4844
4876
|
}
|
|
4845
|
-
return /* @__PURE__ */ (0,
|
|
4877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4846
4878
|
"div",
|
|
4847
4879
|
{
|
|
4848
4880
|
css: [avatarFallbackStyles, avatarSizeStyles[size]],
|
|
4849
4881
|
className,
|
|
4850
4882
|
title: alt,
|
|
4851
|
-
children: /* @__PURE__ */ (0,
|
|
4883
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4852
4884
|
Icon_default,
|
|
4853
4885
|
{
|
|
4854
4886
|
variant: "User",
|
|
@@ -4881,13 +4913,13 @@ var dividerStyles = import_react19.css`
|
|
|
4881
4913
|
`;
|
|
4882
4914
|
|
|
4883
4915
|
// src/Divider/Divider.tsx
|
|
4884
|
-
var
|
|
4916
|
+
var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
|
|
4885
4917
|
var StyledHr = import_styled4.default.hr`
|
|
4886
4918
|
${dividerStyles}
|
|
4887
4919
|
${import_styled_system2.space}
|
|
4888
4920
|
`;
|
|
4889
4921
|
var Divider = ({ className, ...rest }) => {
|
|
4890
|
-
return /* @__PURE__ */ (0,
|
|
4922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(StyledHr, { className, ...rest });
|
|
4891
4923
|
};
|
|
4892
4924
|
var Divider_default = Divider;
|
|
4893
4925
|
|
|
@@ -4960,7 +4992,7 @@ var textareaWithSubmit = import_react20.css`
|
|
|
4960
4992
|
`;
|
|
4961
4993
|
|
|
4962
4994
|
// src/Form/TextArea.tsx
|
|
4963
|
-
var
|
|
4995
|
+
var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
|
|
4964
4996
|
var TextArea = (0, import_react22.forwardRef)(
|
|
4965
4997
|
({
|
|
4966
4998
|
rows = 3,
|
|
@@ -5018,8 +5050,8 @@ var TextArea = (0, import_react22.forwardRef)(
|
|
|
5018
5050
|
onSubmit();
|
|
5019
5051
|
}
|
|
5020
5052
|
};
|
|
5021
|
-
return /* @__PURE__ */ (0,
|
|
5022
|
-
/* @__PURE__ */ (0,
|
|
5053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { css: wrapperStyles, children: [
|
|
5054
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5023
5055
|
"textarea",
|
|
5024
5056
|
{
|
|
5025
5057
|
ref: (node) => {
|
|
@@ -5049,14 +5081,14 @@ var TextArea = (0, import_react22.forwardRef)(
|
|
|
5049
5081
|
...props
|
|
5050
5082
|
}
|
|
5051
5083
|
),
|
|
5052
|
-
showSubmit && /* @__PURE__ */ (0,
|
|
5084
|
+
showSubmit && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5053
5085
|
Button_default,
|
|
5054
5086
|
{
|
|
5055
5087
|
size: "xs",
|
|
5056
5088
|
"aria-label": submitAriaLabel,
|
|
5057
5089
|
onClick: onSubmit,
|
|
5058
5090
|
disabled: disabled || submitDisabled,
|
|
5059
|
-
icon: /* @__PURE__ */ (0,
|
|
5091
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5060
5092
|
Icon_default,
|
|
5061
5093
|
{
|
|
5062
5094
|
variant: "PaperPlane",
|
|
@@ -5104,15 +5136,15 @@ var contentStyles = import_react23.css`
|
|
|
5104
5136
|
`;
|
|
5105
5137
|
|
|
5106
5138
|
// src/MessageBubble/MessageBubble.tsx
|
|
5107
|
-
var
|
|
5139
|
+
var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
|
|
5108
5140
|
var MessageBubble = ({
|
|
5109
5141
|
variant = "sent",
|
|
5110
5142
|
timestamp,
|
|
5111
5143
|
className,
|
|
5112
5144
|
children
|
|
5113
5145
|
}) => {
|
|
5114
|
-
return /* @__PURE__ */ (0,
|
|
5115
|
-
timestamp && /* @__PURE__ */ (0,
|
|
5146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className, css: getRootStyles(variant), children: [
|
|
5147
|
+
timestamp && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
5116
5148
|
Text_default,
|
|
5117
5149
|
{
|
|
5118
5150
|
size: "xs",
|
|
@@ -5121,7 +5153,7 @@ var MessageBubble = ({
|
|
|
5121
5153
|
children: timestamp
|
|
5122
5154
|
}
|
|
5123
5155
|
),
|
|
5124
|
-
/* @__PURE__ */ (0,
|
|
5156
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { css: contentStyles, children }) })
|
|
5125
5157
|
] });
|
|
5126
5158
|
};
|
|
5127
5159
|
var MessageBubble_default = MessageBubble;
|
|
@@ -5152,14 +5184,14 @@ var tagChipVariantStyles = {
|
|
|
5152
5184
|
};
|
|
5153
5185
|
|
|
5154
5186
|
// src/TagChip/TagChip.tsx
|
|
5155
|
-
var
|
|
5187
|
+
var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
|
|
5156
5188
|
var TagChip = ({
|
|
5157
5189
|
variant = "primary",
|
|
5158
5190
|
className,
|
|
5159
5191
|
children,
|
|
5160
5192
|
...rest
|
|
5161
5193
|
}) => {
|
|
5162
|
-
return /* @__PURE__ */ (0,
|
|
5194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
5163
5195
|
Box_default,
|
|
5164
5196
|
{
|
|
5165
5197
|
display: "inline-flex",
|
|
@@ -5170,7 +5202,7 @@ var TagChip = ({
|
|
|
5170
5202
|
css: tagChipVariantStyles[variant],
|
|
5171
5203
|
className,
|
|
5172
5204
|
...rest,
|
|
5173
|
-
children: /* @__PURE__ */ (0,
|
|
5205
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
|
|
5174
5206
|
}
|
|
5175
5207
|
);
|
|
5176
5208
|
};
|
|
@@ -5236,7 +5268,7 @@ var widgetTrigger = import_react25.css`
|
|
|
5236
5268
|
`;
|
|
5237
5269
|
|
|
5238
5270
|
// src/Widget/Widget.tsx
|
|
5239
|
-
var
|
|
5271
|
+
var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
|
|
5240
5272
|
var WidgetContext = (0, import_react26.createContext)(null);
|
|
5241
5273
|
var useWidgetContext = () => {
|
|
5242
5274
|
const ctx = (0, import_react26.useContext)(WidgetContext);
|
|
@@ -5247,7 +5279,7 @@ var useWidgetContext = () => {
|
|
|
5247
5279
|
var WidgetTrigger = () => {
|
|
5248
5280
|
const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
|
|
5249
5281
|
const currentIcon = expanded ? expandedIcon : icon;
|
|
5250
|
-
return /* @__PURE__ */ (0,
|
|
5282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(import_jsx_runtime217.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5251
5283
|
Button_default,
|
|
5252
5284
|
{
|
|
5253
5285
|
ref: triggerRef,
|
|
@@ -5255,7 +5287,7 @@ var WidgetTrigger = () => {
|
|
|
5255
5287
|
"aria-haspopup": "dialog",
|
|
5256
5288
|
onClick: toggle,
|
|
5257
5289
|
size: "lg",
|
|
5258
|
-
icon: /* @__PURE__ */ (0,
|
|
5290
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
|
|
5259
5291
|
css: widgetTrigger
|
|
5260
5292
|
}
|
|
5261
5293
|
) });
|
|
@@ -5264,7 +5296,7 @@ var WidgetPanel = ({ className, style, children }) => {
|
|
|
5264
5296
|
const { expanded, panelWidth } = useWidgetContext();
|
|
5265
5297
|
if (!expanded)
|
|
5266
5298
|
return null;
|
|
5267
|
-
return /* @__PURE__ */ (0,
|
|
5299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5268
5300
|
Box_default,
|
|
5269
5301
|
{
|
|
5270
5302
|
css: panelCard(panelWidth),
|
|
@@ -5346,7 +5378,7 @@ var WidgetRoot = ({
|
|
|
5346
5378
|
}),
|
|
5347
5379
|
[expandedIcon, icon, isExpanded, panelWidth, toggle]
|
|
5348
5380
|
);
|
|
5349
|
-
return /* @__PURE__ */ (0,
|
|
5381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5350
5382
|
Box_default,
|
|
5351
5383
|
{
|
|
5352
5384
|
ref: containerRef,
|
|
@@ -5357,7 +5389,7 @@ var WidgetRoot = ({
|
|
|
5357
5389
|
bottom: "var(--spacing-6)",
|
|
5358
5390
|
zIndex: 100,
|
|
5359
5391
|
...containerProps,
|
|
5360
|
-
children: /* @__PURE__ */ (0,
|
|
5392
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(WidgetContext.Provider, { value, children })
|
|
5361
5393
|
}
|
|
5362
5394
|
);
|
|
5363
5395
|
};
|
|
@@ -5525,23 +5557,23 @@ var buttonOverrideStyles = import_react28.css`
|
|
|
5525
5557
|
`;
|
|
5526
5558
|
|
|
5527
5559
|
// src/ChatWidget/components/AskBuckButton.tsx
|
|
5528
|
-
var
|
|
5560
|
+
var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
|
|
5529
5561
|
var AskBuckButton = import_react29.default.forwardRef(
|
|
5530
5562
|
({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
|
|
5531
5563
|
var _a;
|
|
5532
5564
|
const widgetContext = (0, import_react29.useContext)(WidgetContext);
|
|
5533
5565
|
const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
|
|
5534
5566
|
const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
|
|
5535
|
-
return /* @__PURE__ */ (0,
|
|
5567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5536
5568
|
Button_default,
|
|
5537
5569
|
{
|
|
5538
5570
|
ref,
|
|
5539
5571
|
"aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
|
|
5540
5572
|
"aria-haspopup": "dialog",
|
|
5541
5573
|
onClick: widgetContext == null ? void 0 : widgetContext.toggle,
|
|
5542
|
-
icon: /* @__PURE__ */ (0,
|
|
5543
|
-
showBadge && /* @__PURE__ */ (0,
|
|
5544
|
-
/* @__PURE__ */ (0,
|
|
5574
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(import_jsx_runtime218.Fragment, { children: [
|
|
5575
|
+
showBadge && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("span", { css: badgeStyles, children: badgeCount }),
|
|
5576
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5545
5577
|
Icon_default,
|
|
5546
5578
|
{
|
|
5547
5579
|
variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
|
|
@@ -5559,9 +5591,9 @@ AskBuckButton.displayName = "AskBuckButton";
|
|
|
5559
5591
|
var AskBuckButton_default = AskBuckButton;
|
|
5560
5592
|
|
|
5561
5593
|
// src/ChatWidget/ChatWidget.tsx
|
|
5562
|
-
var
|
|
5594
|
+
var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
|
|
5563
5595
|
var DEFAULT_EMPTY_STATE = [
|
|
5564
|
-
/* @__PURE__ */ (0,
|
|
5596
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5565
5597
|
AIResponse_default,
|
|
5566
5598
|
{
|
|
5567
5599
|
showDisclaimer: false,
|
|
@@ -5639,12 +5671,12 @@ var ChatWidget = ({
|
|
|
5639
5671
|
var _a;
|
|
5640
5672
|
const key = (_a = element.key) != null ? _a : index;
|
|
5641
5673
|
if (element.type === AIResponse_default) {
|
|
5642
|
-
return /* @__PURE__ */ (0,
|
|
5674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
|
|
5643
5675
|
}
|
|
5644
5676
|
if (element.type === MessageBubble_default) {
|
|
5645
|
-
return /* @__PURE__ */ (0,
|
|
5677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
|
|
5646
5678
|
}
|
|
5647
|
-
return /* @__PURE__ */ (0,
|
|
5679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react30.default.Fragment, { children: element }, key);
|
|
5648
5680
|
}),
|
|
5649
5681
|
[messagesToRender]
|
|
5650
5682
|
);
|
|
@@ -5655,7 +5687,7 @@ var ChatWidget = ({
|
|
|
5655
5687
|
onSubmit(trimmed);
|
|
5656
5688
|
setValue("");
|
|
5657
5689
|
};
|
|
5658
|
-
return /* @__PURE__ */ (0,
|
|
5690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5659
5691
|
Widget_default,
|
|
5660
5692
|
{
|
|
5661
5693
|
ariaLabel,
|
|
@@ -5667,10 +5699,10 @@ var ChatWidget = ({
|
|
|
5667
5699
|
containerProps,
|
|
5668
5700
|
closeOnClickOutside,
|
|
5669
5701
|
children: [
|
|
5670
|
-
/* @__PURE__ */ (0,
|
|
5671
|
-
/* @__PURE__ */ (0,
|
|
5672
|
-
/* @__PURE__ */ (0,
|
|
5673
|
-
/* @__PURE__ */ (0,
|
|
5702
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
|
|
5703
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { css: containerStyles, children: [
|
|
5704
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
|
|
5705
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5674
5706
|
Box_default,
|
|
5675
5707
|
{
|
|
5676
5708
|
display: "flex",
|
|
@@ -5678,9 +5710,9 @@ var ChatWidget = ({
|
|
|
5678
5710
|
justifyContent: "space-between",
|
|
5679
5711
|
gap: "var(--spacing-4)",
|
|
5680
5712
|
children: [
|
|
5681
|
-
/* @__PURE__ */ (0,
|
|
5682
|
-
/* @__PURE__ */ (0,
|
|
5683
|
-
/* @__PURE__ */ (0,
|
|
5713
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
|
|
5714
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
|
|
5715
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5684
5716
|
Heading_default,
|
|
5685
5717
|
{
|
|
5686
5718
|
size: "2xs",
|
|
@@ -5690,25 +5722,25 @@ var ChatWidget = ({
|
|
|
5690
5722
|
}
|
|
5691
5723
|
)
|
|
5692
5724
|
] }),
|
|
5693
|
-
/* @__PURE__ */ (0,
|
|
5725
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5694
5726
|
Button_default,
|
|
5695
5727
|
{
|
|
5696
5728
|
variant: "text",
|
|
5697
5729
|
size: "xs",
|
|
5698
5730
|
"aria-label": "Close widget",
|
|
5699
5731
|
onClick: () => setExpanded(false),
|
|
5700
|
-
children: /* @__PURE__ */ (0,
|
|
5701
|
-
/* @__PURE__ */ (0,
|
|
5702
|
-
/* @__PURE__ */ (0,
|
|
5732
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("span", { css: closeButtonContent, children: [
|
|
5733
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
|
|
5734
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { children: "Close" })
|
|
5703
5735
|
] })
|
|
5704
5736
|
}
|
|
5705
5737
|
)
|
|
5706
5738
|
]
|
|
5707
5739
|
}
|
|
5708
5740
|
),
|
|
5709
|
-
/* @__PURE__ */ (0,
|
|
5741
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Divider_default, { mt: 4, mb: 0 })
|
|
5710
5742
|
] }),
|
|
5711
|
-
/* @__PURE__ */ (0,
|
|
5743
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5712
5744
|
Box_default,
|
|
5713
5745
|
{
|
|
5714
5746
|
ref: scrollRef,
|
|
@@ -5721,27 +5753,27 @@ var ChatWidget = ({
|
|
|
5721
5753
|
flexDirection: "column",
|
|
5722
5754
|
gap: "var(--spacing-2)",
|
|
5723
5755
|
children: [
|
|
5724
|
-
/* @__PURE__ */ (0,
|
|
5725
|
-
isThinking && /* @__PURE__ */ (0,
|
|
5726
|
-
/* @__PURE__ */ (0,
|
|
5727
|
-
/* @__PURE__ */ (0,
|
|
5756
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
|
|
5757
|
+
isThinking && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { css: thinkingRowStyles, children: [
|
|
5758
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Spinner_default2, { size: "medium" }),
|
|
5759
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
|
|
5728
5760
|
] }) }),
|
|
5729
|
-
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0,
|
|
5761
|
+
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5730
5762
|
Box_default,
|
|
5731
5763
|
{
|
|
5732
5764
|
display: "flex",
|
|
5733
5765
|
flexDirection: "column",
|
|
5734
5766
|
gap: "var(--spacing-4)",
|
|
5735
5767
|
children: [
|
|
5736
|
-
/* @__PURE__ */ (0,
|
|
5737
|
-
/* @__PURE__ */ (0,
|
|
5768
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
|
|
5769
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5738
5770
|
Box_default,
|
|
5739
5771
|
{
|
|
5740
5772
|
display: "flex",
|
|
5741
5773
|
flexWrap: "wrap",
|
|
5742
5774
|
gap: "var(--spacing-4)",
|
|
5743
5775
|
alignItems: "flex-start",
|
|
5744
|
-
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0,
|
|
5776
|
+
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5745
5777
|
TagChip_default,
|
|
5746
5778
|
{
|
|
5747
5779
|
variant: "success",
|
|
@@ -5762,7 +5794,7 @@ var ChatWidget = ({
|
|
|
5762
5794
|
]
|
|
5763
5795
|
}
|
|
5764
5796
|
),
|
|
5765
|
-
/* @__PURE__ */ (0,
|
|
5797
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5766
5798
|
TextArea_default,
|
|
5767
5799
|
{
|
|
5768
5800
|
rows: 3,
|
|
@@ -5786,7 +5818,7 @@ var ChatWidget_default = ChatWidget;
|
|
|
5786
5818
|
|
|
5787
5819
|
// src/FeatureList/components/FeatureListItem.tsx
|
|
5788
5820
|
var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
|
|
5789
|
-
var
|
|
5821
|
+
var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
|
|
5790
5822
|
var FeatureListItem = ({
|
|
5791
5823
|
iconVariant,
|
|
5792
5824
|
label,
|
|
@@ -5801,8 +5833,8 @@ var FeatureListItem = ({
|
|
|
5801
5833
|
}) => {
|
|
5802
5834
|
const iconDimensions = IconSizeMap[iconSize];
|
|
5803
5835
|
if (isLoading) {
|
|
5804
|
-
return /* @__PURE__ */ (0,
|
|
5805
|
-
/* @__PURE__ */ (0,
|
|
5836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
|
|
5837
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
5806
5838
|
Box_default,
|
|
5807
5839
|
{
|
|
5808
5840
|
display: "flex",
|
|
@@ -5811,7 +5843,7 @@ var FeatureListItem = ({
|
|
|
5811
5843
|
className,
|
|
5812
5844
|
...rest,
|
|
5813
5845
|
children: [
|
|
5814
|
-
/* @__PURE__ */ (0,
|
|
5846
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5815
5847
|
import_react_loading_skeleton.default,
|
|
5816
5848
|
{
|
|
5817
5849
|
circle: true,
|
|
@@ -5820,24 +5852,24 @@ var FeatureListItem = ({
|
|
|
5820
5852
|
borderRadius: 4
|
|
5821
5853
|
}
|
|
5822
5854
|
),
|
|
5823
|
-
/* @__PURE__ */ (0,
|
|
5855
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
|
|
5824
5856
|
]
|
|
5825
5857
|
}
|
|
5826
5858
|
),
|
|
5827
|
-
subtitle && /* @__PURE__ */ (0,
|
|
5828
|
-
/* @__PURE__ */ (0,
|
|
5829
|
-
/* @__PURE__ */ (0,
|
|
5859
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
5860
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
5861
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
|
|
5830
5862
|
] })
|
|
5831
5863
|
] });
|
|
5832
5864
|
}
|
|
5833
|
-
return /* @__PURE__ */ (0,
|
|
5834
|
-
/* @__PURE__ */ (0,
|
|
5865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Text_default, { as: "span", children: [
|
|
5866
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
|
|
5835
5867
|
label,
|
|
5836
5868
|
" "
|
|
5837
5869
|
] }),
|
|
5838
5870
|
subtitle
|
|
5839
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
5840
|
-
/* @__PURE__ */ (0,
|
|
5871
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
|
|
5872
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
5841
5873
|
Box_default,
|
|
5842
5874
|
{
|
|
5843
5875
|
display: "flex",
|
|
@@ -5846,23 +5878,23 @@ var FeatureListItem = ({
|
|
|
5846
5878
|
className,
|
|
5847
5879
|
...rest,
|
|
5848
5880
|
children: [
|
|
5849
|
-
iconVariant && /* @__PURE__ */ (0,
|
|
5850
|
-
/* @__PURE__ */ (0,
|
|
5881
|
+
iconVariant && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: iconVariant, size: iconSize, fill: iconColor }),
|
|
5882
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
|
|
5851
5883
|
]
|
|
5852
5884
|
}
|
|
5853
5885
|
),
|
|
5854
|
-
subtitle && /* @__PURE__ */ (0,
|
|
5855
|
-
/* @__PURE__ */ (0,
|
|
5856
|
-
/* @__PURE__ */ (0,
|
|
5886
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
5887
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
5888
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "sm", children: subtitle })
|
|
5857
5889
|
] })
|
|
5858
5890
|
] }) });
|
|
5859
5891
|
};
|
|
5860
5892
|
var FeatureListItem_default = FeatureListItem;
|
|
5861
5893
|
|
|
5862
5894
|
// src/FeatureList/FeatureList.tsx
|
|
5863
|
-
var
|
|
5895
|
+
var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
|
|
5864
5896
|
var FeatureList = ({ heading, items, className }) => {
|
|
5865
|
-
return /* @__PURE__ */ (0,
|
|
5897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
|
|
5866
5898
|
Box_default,
|
|
5867
5899
|
{
|
|
5868
5900
|
display: "flex",
|
|
@@ -5870,8 +5902,8 @@ var FeatureList = ({ heading, items, className }) => {
|
|
|
5870
5902
|
gap: "var(--spacing-2)",
|
|
5871
5903
|
className,
|
|
5872
5904
|
children: [
|
|
5873
|
-
heading && /* @__PURE__ */ (0,
|
|
5874
|
-
/* @__PURE__ */ (0,
|
|
5905
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { fontWeight: "bold", children: heading }),
|
|
5906
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
|
|
5875
5907
|
]
|
|
5876
5908
|
}
|
|
5877
5909
|
);
|
|
@@ -5907,7 +5939,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react31.css`
|
|
|
5907
5939
|
`;
|
|
5908
5940
|
|
|
5909
5941
|
// src/FieldNoteCard/FieldNoteCard.tsx
|
|
5910
|
-
var
|
|
5942
|
+
var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
|
|
5911
5943
|
var FieldNoteCard = ({
|
|
5912
5944
|
backgroundImage,
|
|
5913
5945
|
title,
|
|
@@ -5916,14 +5948,14 @@ var FieldNoteCard = ({
|
|
|
5916
5948
|
className,
|
|
5917
5949
|
...rest
|
|
5918
5950
|
}) => {
|
|
5919
|
-
return /* @__PURE__ */ (0,
|
|
5951
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5920
5952
|
Box_default,
|
|
5921
5953
|
{
|
|
5922
5954
|
display: "flex",
|
|
5923
5955
|
css: cardContainerStyles,
|
|
5924
5956
|
className,
|
|
5925
5957
|
...rest,
|
|
5926
|
-
children: /* @__PURE__ */ (0,
|
|
5958
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5927
5959
|
Box_default,
|
|
5928
5960
|
{
|
|
5929
5961
|
display: "flex",
|
|
@@ -5931,9 +5963,9 @@ var FieldNoteCard = ({
|
|
|
5931
5963
|
justifyContent: "flex-end",
|
|
5932
5964
|
p: 6,
|
|
5933
5965
|
css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
|
|
5934
|
-
children: /* @__PURE__ */ (0,
|
|
5935
|
-
/* @__PURE__ */ (0,
|
|
5936
|
-
/* @__PURE__ */ (0,
|
|
5966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
5967
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
5968
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
5937
5969
|
] })
|
|
5938
5970
|
}
|
|
5939
5971
|
)
|
|
@@ -5944,7 +5976,7 @@ var FieldNoteCard_default = FieldNoteCard;
|
|
|
5944
5976
|
|
|
5945
5977
|
// src/Form/FormField.tsx
|
|
5946
5978
|
var import_react32 = require("@emotion/react");
|
|
5947
|
-
var
|
|
5979
|
+
var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
|
|
5948
5980
|
var fieldContainerStyles = import_react32.css`
|
|
5949
5981
|
display: flex;
|
|
5950
5982
|
flex-direction: column;
|
|
@@ -6011,21 +6043,21 @@ var FormField = ({
|
|
|
6011
6043
|
const hasError = !!error;
|
|
6012
6044
|
const hasSuccess = !!success && !hasError;
|
|
6013
6045
|
const hasHelpText = !!helpText && !hasError && !hasSuccess;
|
|
6014
|
-
return /* @__PURE__ */ (0,
|
|
6015
|
-
label && /* @__PURE__ */ (0,
|
|
6046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: fieldContainerStyles, className, children: [
|
|
6047
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
|
|
6016
6048
|
"label",
|
|
6017
6049
|
{
|
|
6018
6050
|
htmlFor,
|
|
6019
6051
|
css: [labelStyles2, hideLabel && visuallyHiddenStyles],
|
|
6020
6052
|
children: [
|
|
6021
6053
|
label,
|
|
6022
|
-
required && /* @__PURE__ */ (0,
|
|
6054
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
|
|
6023
6055
|
]
|
|
6024
6056
|
}
|
|
6025
6057
|
),
|
|
6026
6058
|
children,
|
|
6027
|
-
hasError && /* @__PURE__ */ (0,
|
|
6028
|
-
/* @__PURE__ */ (0,
|
|
6059
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
|
|
6060
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
6029
6061
|
"path",
|
|
6030
6062
|
{
|
|
6031
6063
|
fillRule: "evenodd",
|
|
@@ -6035,8 +6067,8 @@ var FormField = ({
|
|
|
6035
6067
|
) }),
|
|
6036
6068
|
error
|
|
6037
6069
|
] }),
|
|
6038
|
-
hasSuccess && /* @__PURE__ */ (0,
|
|
6039
|
-
/* @__PURE__ */ (0,
|
|
6070
|
+
hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: successTextStyles, children: [
|
|
6071
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
6040
6072
|
"path",
|
|
6041
6073
|
{
|
|
6042
6074
|
fillRule: "evenodd",
|
|
@@ -6046,14 +6078,14 @@ var FormField = ({
|
|
|
6046
6078
|
) }),
|
|
6047
6079
|
success
|
|
6048
6080
|
] }),
|
|
6049
|
-
hasHelpText && /* @__PURE__ */ (0,
|
|
6081
|
+
hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { css: helpTextStyles, children: helpText })
|
|
6050
6082
|
] });
|
|
6051
6083
|
};
|
|
6052
6084
|
|
|
6053
6085
|
// src/Form/Input.tsx
|
|
6054
6086
|
var import_react33 = require("@emotion/react");
|
|
6055
6087
|
var import_react34 = require("react");
|
|
6056
|
-
var
|
|
6088
|
+
var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
|
|
6057
6089
|
var inputStyles = import_react33.css`
|
|
6058
6090
|
position: relative;
|
|
6059
6091
|
width: 100%;
|
|
@@ -6183,9 +6215,9 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
6183
6215
|
hasEndIcon && "has-end-icon",
|
|
6184
6216
|
className
|
|
6185
6217
|
].filter(Boolean).join(" ");
|
|
6186
|
-
return /* @__PURE__ */ (0,
|
|
6187
|
-
hasStartIcon && /* @__PURE__ */ (0,
|
|
6188
|
-
/* @__PURE__ */ (0,
|
|
6218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { css: inputWrapperStyles, children: [
|
|
6219
|
+
hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: startIconStyles, children: startIcon }),
|
|
6220
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
6189
6221
|
"input",
|
|
6190
6222
|
{
|
|
6191
6223
|
ref,
|
|
@@ -6202,7 +6234,7 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
6202
6234
|
...props
|
|
6203
6235
|
}
|
|
6204
6236
|
),
|
|
6205
|
-
hasEndIcon && /* @__PURE__ */ (0,
|
|
6237
|
+
hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: endIconStyles, children: endIcon })
|
|
6206
6238
|
] });
|
|
6207
6239
|
}
|
|
6208
6240
|
);
|
|
@@ -6211,7 +6243,7 @@ Input.displayName = "Input";
|
|
|
6211
6243
|
// src/Form/Select.tsx
|
|
6212
6244
|
var import_react35 = require("@emotion/react");
|
|
6213
6245
|
var import_react36 = require("react");
|
|
6214
|
-
var
|
|
6246
|
+
var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
|
|
6215
6247
|
var selectStyles = import_react35.css`
|
|
6216
6248
|
position: relative;
|
|
6217
6249
|
width: 100%;
|
|
@@ -6308,7 +6340,7 @@ var Select = (0, import_react36.forwardRef)(
|
|
|
6308
6340
|
className = "",
|
|
6309
6341
|
...props
|
|
6310
6342
|
}, ref) => {
|
|
6311
|
-
return /* @__PURE__ */ (0,
|
|
6343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
|
|
6312
6344
|
"select",
|
|
6313
6345
|
{
|
|
6314
6346
|
ref,
|
|
@@ -6317,8 +6349,8 @@ var Select = (0, import_react36.forwardRef)(
|
|
|
6317
6349
|
className,
|
|
6318
6350
|
...props,
|
|
6319
6351
|
children: [
|
|
6320
|
-
placeholderOption && /* @__PURE__ */ (0,
|
|
6321
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
6352
|
+
placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
|
|
6353
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
6322
6354
|
"option",
|
|
6323
6355
|
{
|
|
6324
6356
|
value: option.value,
|
|
@@ -6576,7 +6608,7 @@ var generateJustifyItems = (justifyItems) => {
|
|
|
6576
6608
|
};
|
|
6577
6609
|
|
|
6578
6610
|
// src/Grid/Column.tsx
|
|
6579
|
-
var
|
|
6611
|
+
var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
|
|
6580
6612
|
var Column = ({
|
|
6581
6613
|
span,
|
|
6582
6614
|
start,
|
|
@@ -6605,13 +6637,13 @@ var Column = ({
|
|
|
6605
6637
|
grid-area: ${area};
|
|
6606
6638
|
`
|
|
6607
6639
|
].filter(Boolean);
|
|
6608
|
-
return /* @__PURE__ */ (0,
|
|
6640
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: columnStyles, ...props, children });
|
|
6609
6641
|
};
|
|
6610
6642
|
var Column_default = Column;
|
|
6611
6643
|
|
|
6612
6644
|
// src/Grid/Grid.tsx
|
|
6613
6645
|
var import_react39 = require("@emotion/react");
|
|
6614
|
-
var
|
|
6646
|
+
var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
|
|
6615
6647
|
var baseGridStyles = import_react39.css`
|
|
6616
6648
|
display: grid;
|
|
6617
6649
|
`;
|
|
@@ -6650,13 +6682,13 @@ var Grid = ({
|
|
|
6650
6682
|
justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
|
|
6651
6683
|
`
|
|
6652
6684
|
].filter(Boolean);
|
|
6653
|
-
return /* @__PURE__ */ (0,
|
|
6685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { css: gridStyles, ...props, children });
|
|
6654
6686
|
};
|
|
6655
6687
|
var Grid_default = Grid;
|
|
6656
6688
|
|
|
6657
6689
|
// src/Grid/GridContainer.tsx
|
|
6658
6690
|
var import_react40 = require("@emotion/react");
|
|
6659
|
-
var
|
|
6691
|
+
var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
|
|
6660
6692
|
var baseContainerStyles = import_react40.css`
|
|
6661
6693
|
width: 100%;
|
|
6662
6694
|
margin: 0 auto;
|
|
@@ -6701,7 +6733,7 @@ var GridContainer = ({
|
|
|
6701
6733
|
baseContainerStyles,
|
|
6702
6734
|
generateMaxWidthStyles(maxWidth)
|
|
6703
6735
|
];
|
|
6704
|
-
return /* @__PURE__ */ (0,
|
|
6736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
|
|
6705
6737
|
};
|
|
6706
6738
|
var GridContainer_default = GridContainer;
|
|
6707
6739
|
|
|
@@ -6734,7 +6766,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react41.css`
|
|
|
6734
6766
|
`;
|
|
6735
6767
|
|
|
6736
6768
|
// src/HuntCard/HuntCard.tsx
|
|
6737
|
-
var
|
|
6769
|
+
var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
|
|
6738
6770
|
var HuntCard = ({
|
|
6739
6771
|
backgroundImage,
|
|
6740
6772
|
title,
|
|
@@ -6743,14 +6775,14 @@ var HuntCard = ({
|
|
|
6743
6775
|
className,
|
|
6744
6776
|
...rest
|
|
6745
6777
|
}) => {
|
|
6746
|
-
return /* @__PURE__ */ (0,
|
|
6778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6747
6779
|
Box_default,
|
|
6748
6780
|
{
|
|
6749
6781
|
display: "flex",
|
|
6750
6782
|
css: cardContainerStyles2,
|
|
6751
6783
|
className,
|
|
6752
6784
|
...rest,
|
|
6753
|
-
children: /* @__PURE__ */ (0,
|
|
6785
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6754
6786
|
Box_default,
|
|
6755
6787
|
{
|
|
6756
6788
|
display: "flex",
|
|
@@ -6758,9 +6790,9 @@ var HuntCard = ({
|
|
|
6758
6790
|
justifyContent: "flex-end",
|
|
6759
6791
|
p: 6,
|
|
6760
6792
|
css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
|
|
6761
|
-
children: /* @__PURE__ */ (0,
|
|
6762
|
-
/* @__PURE__ */ (0,
|
|
6763
|
-
/* @__PURE__ */ (0,
|
|
6793
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
6794
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
6795
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
6764
6796
|
] })
|
|
6765
6797
|
}
|
|
6766
6798
|
)
|
|
@@ -6770,9 +6802,9 @@ var HuntCard = ({
|
|
|
6770
6802
|
var HuntCard_default = HuntCard;
|
|
6771
6803
|
|
|
6772
6804
|
// src/InfoBox/InfoBox.tsx
|
|
6773
|
-
var
|
|
6805
|
+
var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
|
|
6774
6806
|
var InfoBox = ({ heading, features, className }) => {
|
|
6775
|
-
return /* @__PURE__ */ (0,
|
|
6807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6776
6808
|
Box_default,
|
|
6777
6809
|
{
|
|
6778
6810
|
display: "flex",
|
|
@@ -6781,8 +6813,8 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
6781
6813
|
className,
|
|
6782
6814
|
color: "var(--text-primary)",
|
|
6783
6815
|
children: [
|
|
6784
|
-
/* @__PURE__ */ (0,
|
|
6785
|
-
/* @__PURE__ */ (0,
|
|
6816
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
6817
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6786
6818
|
Box_default,
|
|
6787
6819
|
{
|
|
6788
6820
|
display: "flex",
|
|
@@ -6792,7 +6824,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
6792
6824
|
borderRadius: "var(--radius-lg)",
|
|
6793
6825
|
bg: "var(--surface-neutral)",
|
|
6794
6826
|
className,
|
|
6795
|
-
children: features.map((section, index) => /* @__PURE__ */ (0,
|
|
6827
|
+
children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6796
6828
|
FeatureList_default,
|
|
6797
6829
|
{
|
|
6798
6830
|
heading: section.heading,
|
|
@@ -6810,7 +6842,7 @@ var InfoBox_default = InfoBox;
|
|
|
6810
6842
|
|
|
6811
6843
|
// src/StarRating/StarRating.tsx
|
|
6812
6844
|
var import_react42 = require("@emotion/react");
|
|
6813
|
-
var
|
|
6845
|
+
var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
|
|
6814
6846
|
var starSize = {
|
|
6815
6847
|
sm: {
|
|
6816
6848
|
size: "medium",
|
|
@@ -6829,7 +6861,7 @@ var StarRating = ({
|
|
|
6829
6861
|
const stars = [];
|
|
6830
6862
|
for (let i = 1; i <= 5; i++) {
|
|
6831
6863
|
stars.push(
|
|
6832
|
-
/* @__PURE__ */ (0,
|
|
6864
|
+
/* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6833
6865
|
Icon_default,
|
|
6834
6866
|
{
|
|
6835
6867
|
variant: "StarSolid",
|
|
@@ -6843,7 +6875,7 @@ var StarRating = ({
|
|
|
6843
6875
|
)
|
|
6844
6876
|
);
|
|
6845
6877
|
}
|
|
6846
|
-
return /* @__PURE__ */ (0,
|
|
6878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6847
6879
|
Box_default,
|
|
6848
6880
|
{
|
|
6849
6881
|
className,
|
|
@@ -6857,7 +6889,7 @@ var StarRating = ({
|
|
|
6857
6889
|
var StarRating_default = StarRating;
|
|
6858
6890
|
|
|
6859
6891
|
// src/UserCard/UserCard.tsx
|
|
6860
|
-
var
|
|
6892
|
+
var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
|
|
6861
6893
|
var UserCard = ({
|
|
6862
6894
|
avatarSrc,
|
|
6863
6895
|
title,
|
|
@@ -6867,7 +6899,7 @@ var UserCard = ({
|
|
|
6867
6899
|
isVerified = false,
|
|
6868
6900
|
className
|
|
6869
6901
|
}) => {
|
|
6870
|
-
return /* @__PURE__ */ (0,
|
|
6902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6871
6903
|
Box_default,
|
|
6872
6904
|
{
|
|
6873
6905
|
display: "flex",
|
|
@@ -6876,8 +6908,8 @@ var UserCard = ({
|
|
|
6876
6908
|
gap: "var(--spacing-4)",
|
|
6877
6909
|
className,
|
|
6878
6910
|
children: [
|
|
6879
|
-
/* @__PURE__ */ (0,
|
|
6880
|
-
/* @__PURE__ */ (0,
|
|
6911
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
|
|
6912
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6881
6913
|
Avatar_default,
|
|
6882
6914
|
{
|
|
6883
6915
|
type: avatarSrc ? "image" : "text",
|
|
@@ -6886,13 +6918,13 @@ var UserCard = ({
|
|
|
6886
6918
|
alt: `${title}'s avatar`
|
|
6887
6919
|
}
|
|
6888
6920
|
),
|
|
6889
|
-
/* @__PURE__ */ (0,
|
|
6890
|
-
/* @__PURE__ */ (0,
|
|
6891
|
-
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0,
|
|
6892
|
-
showRating && rating !== void 0 && /* @__PURE__ */ (0,
|
|
6921
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
6922
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
|
|
6923
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
|
|
6924
|
+
showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StarRating_default, { rating, size: "sm" })
|
|
6893
6925
|
] })
|
|
6894
6926
|
] }),
|
|
6895
|
-
isVerified && /* @__PURE__ */ (0,
|
|
6927
|
+
isVerified && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6896
6928
|
Box_default,
|
|
6897
6929
|
{
|
|
6898
6930
|
display: "flex",
|
|
@@ -6901,8 +6933,8 @@ var UserCard = ({
|
|
|
6901
6933
|
gap: "var(--spacing-1)",
|
|
6902
6934
|
flexShrink: 0,
|
|
6903
6935
|
children: [
|
|
6904
|
-
/* @__PURE__ */ (0,
|
|
6905
|
-
/* @__PURE__ */ (0,
|
|
6936
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
|
|
6937
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
|
|
6906
6938
|
]
|
|
6907
6939
|
}
|
|
6908
6940
|
)
|
|
@@ -6913,25 +6945,25 @@ var UserCard = ({
|
|
|
6913
6945
|
var UserCard_default = UserCard;
|
|
6914
6946
|
|
|
6915
6947
|
// src/LandownerProfile/components/ProfileSubtitle.tsx
|
|
6916
|
-
var
|
|
6948
|
+
var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
|
|
6917
6949
|
var ProfileSubtitle = ({
|
|
6918
6950
|
yearsHosting = 1,
|
|
6919
6951
|
featureReviewItem
|
|
6920
6952
|
}) => {
|
|
6921
|
-
return /* @__PURE__ */ (0,
|
|
6922
|
-
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0,
|
|
6953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
6954
|
+
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
6923
6955
|
yearsHosting,
|
|
6924
6956
|
" ",
|
|
6925
6957
|
yearsHosting === 1 ? "Year" : "Years",
|
|
6926
6958
|
" Hosting"
|
|
6927
6959
|
] }),
|
|
6928
|
-
featureReviewItem && /* @__PURE__ */ (0,
|
|
6960
|
+
featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...featureReviewItem })
|
|
6929
6961
|
] });
|
|
6930
6962
|
};
|
|
6931
6963
|
var ProfileSubtitle_default = ProfileSubtitle;
|
|
6932
6964
|
|
|
6933
6965
|
// src/LandownerProfile/LandownerProfile.tsx
|
|
6934
|
-
var
|
|
6966
|
+
var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
|
|
6935
6967
|
var LandownerProfile = ({
|
|
6936
6968
|
heading,
|
|
6937
6969
|
avatarSrc,
|
|
@@ -6955,7 +6987,7 @@ var LandownerProfile = ({
|
|
|
6955
6987
|
iconVariant: "Bolt",
|
|
6956
6988
|
label: `Response Time: ${responseTime}`
|
|
6957
6989
|
} : void 0;
|
|
6958
|
-
return /* @__PURE__ */ (0,
|
|
6990
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
|
|
6959
6991
|
Box_default,
|
|
6960
6992
|
{
|
|
6961
6993
|
display: "flex",
|
|
@@ -6964,8 +6996,8 @@ var LandownerProfile = ({
|
|
|
6964
6996
|
color: "var(--text-primary)",
|
|
6965
6997
|
className,
|
|
6966
6998
|
children: [
|
|
6967
|
-
/* @__PURE__ */ (0,
|
|
6968
|
-
/* @__PURE__ */ (0,
|
|
6999
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7000
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
|
|
6969
7001
|
Box_default,
|
|
6970
7002
|
{
|
|
6971
7003
|
display: "flex",
|
|
@@ -6975,12 +7007,12 @@ var LandownerProfile = ({
|
|
|
6975
7007
|
p: "var(--spacing-4)",
|
|
6976
7008
|
borderRadius: "var(--radius-lg)",
|
|
6977
7009
|
children: [
|
|
6978
|
-
/* @__PURE__ */ (0,
|
|
7010
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6979
7011
|
UserCard_default,
|
|
6980
7012
|
{
|
|
6981
7013
|
avatarSrc,
|
|
6982
7014
|
title: name,
|
|
6983
|
-
subtitle: /* @__PURE__ */ (0,
|
|
7015
|
+
subtitle: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6984
7016
|
ProfileSubtitle_default,
|
|
6985
7017
|
{
|
|
6986
7018
|
yearsHosting,
|
|
@@ -6991,9 +7023,9 @@ var LandownerProfile = ({
|
|
|
6991
7023
|
isVerified
|
|
6992
7024
|
}
|
|
6993
7025
|
),
|
|
6994
|
-
bio && /* @__PURE__ */ (0,
|
|
6995
|
-
/* @__PURE__ */ (0,
|
|
6996
|
-
/* @__PURE__ */ (0,
|
|
7026
|
+
bio && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7027
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
|
|
7028
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6997
7029
|
Text_default,
|
|
6998
7030
|
{
|
|
6999
7031
|
dangerouslySetInnerHTML: {
|
|
@@ -7002,14 +7034,14 @@ var LandownerProfile = ({
|
|
|
7002
7034
|
}
|
|
7003
7035
|
)
|
|
7004
7036
|
] }),
|
|
7005
|
-
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0,
|
|
7006
|
-
/* @__PURE__ */ (0,
|
|
7007
|
-
/* @__PURE__ */ (0,
|
|
7008
|
-
!!responseRateFeature && /* @__PURE__ */ (0,
|
|
7009
|
-
!!responseTimeFeature && /* @__PURE__ */ (0,
|
|
7037
|
+
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7038
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
|
|
7039
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7040
|
+
!!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FeatureListItem_default, { ...responseRateFeature }),
|
|
7041
|
+
!!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FeatureListItem_default, { ...responseTimeFeature })
|
|
7010
7042
|
] })
|
|
7011
7043
|
] }),
|
|
7012
|
-
/* @__PURE__ */ (0,
|
|
7044
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7013
7045
|
Button_default,
|
|
7014
7046
|
{
|
|
7015
7047
|
variant: "secondary",
|
|
@@ -7067,7 +7099,7 @@ var inputWrapperStyles2 = import_react43.css`
|
|
|
7067
7099
|
`;
|
|
7068
7100
|
|
|
7069
7101
|
// src/ListingChat/ListingChat.tsx
|
|
7070
|
-
var
|
|
7102
|
+
var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
|
|
7071
7103
|
var ListingChat = ({
|
|
7072
7104
|
onSubmit,
|
|
7073
7105
|
placeholder = "Ask anything about this listing\u2026",
|
|
@@ -7094,18 +7126,18 @@ var ListingChat = ({
|
|
|
7094
7126
|
},
|
|
7095
7127
|
[onSubmit]
|
|
7096
7128
|
);
|
|
7097
|
-
return /* @__PURE__ */ (0,
|
|
7098
|
-
/* @__PURE__ */ (0,
|
|
7099
|
-
/* @__PURE__ */ (0,
|
|
7100
|
-
/* @__PURE__ */ (0,
|
|
7101
|
-
/* @__PURE__ */ (0,
|
|
7129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
|
|
7130
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { css: headerStyles, children: [
|
|
7131
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { children: [
|
|
7132
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
|
|
7133
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
|
|
7102
7134
|
] }),
|
|
7103
|
-
/* @__PURE__ */ (0,
|
|
7104
|
-
/* @__PURE__ */ (0,
|
|
7105
|
-
/* @__PURE__ */ (0,
|
|
7135
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
|
|
7136
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
|
|
7137
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "sm", children: "Beta" })
|
|
7106
7138
|
] })
|
|
7107
7139
|
] }),
|
|
7108
|
-
/* @__PURE__ */ (0,
|
|
7140
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7109
7141
|
TextArea,
|
|
7110
7142
|
{
|
|
7111
7143
|
rows: 1,
|
|
@@ -7120,14 +7152,14 @@ var ListingChat = ({
|
|
|
7120
7152
|
css: textAreaStyles
|
|
7121
7153
|
}
|
|
7122
7154
|
) }),
|
|
7123
|
-
tags.length > 0 && /* @__PURE__ */ (0,
|
|
7124
|
-
/* @__PURE__ */ (0,
|
|
7125
|
-
/* @__PURE__ */ (0,
|
|
7155
|
+
tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
|
|
7156
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
|
|
7157
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7126
7158
|
"button",
|
|
7127
7159
|
{
|
|
7128
7160
|
onClick: handleTagClick(tag),
|
|
7129
7161
|
disabled,
|
|
7130
|
-
children: /* @__PURE__ */ (0,
|
|
7162
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(TagChip_default, { children: tag })
|
|
7131
7163
|
},
|
|
7132
7164
|
tag
|
|
7133
7165
|
)) })
|
|
@@ -7140,8 +7172,8 @@ var ListingChat_default = ListingChat;
|
|
|
7140
7172
|
var import_react45 = require("@emotion/react");
|
|
7141
7173
|
|
|
7142
7174
|
// src/Logo/components/LandtrustPlusDark.tsx
|
|
7143
|
-
var
|
|
7144
|
-
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0,
|
|
7175
|
+
var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
|
|
7176
|
+
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
7145
7177
|
"svg",
|
|
7146
7178
|
{
|
|
7147
7179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7149,14 +7181,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7149
7181
|
fill: "none",
|
|
7150
7182
|
...props,
|
|
7151
7183
|
children: [
|
|
7152
|
-
/* @__PURE__ */ (0,
|
|
7184
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7153
7185
|
"path",
|
|
7154
7186
|
{
|
|
7155
7187
|
fill: "#000",
|
|
7156
7188
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7157
7189
|
}
|
|
7158
7190
|
) }),
|
|
7159
|
-
/* @__PURE__ */ (0,
|
|
7191
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7160
7192
|
"path",
|
|
7161
7193
|
{
|
|
7162
7194
|
fill: "#FAD44E",
|
|
@@ -7165,14 +7197,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7165
7197
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7166
7198
|
}
|
|
7167
7199
|
),
|
|
7168
|
-
/* @__PURE__ */ (0,
|
|
7200
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7169
7201
|
"path",
|
|
7170
7202
|
{
|
|
7171
7203
|
fill: "#fff",
|
|
7172
7204
|
d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
|
|
7173
7205
|
}
|
|
7174
7206
|
),
|
|
7175
|
-
/* @__PURE__ */ (0,
|
|
7207
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
7176
7208
|
"filter",
|
|
7177
7209
|
{
|
|
7178
7210
|
id: "landtrust-plus-dark_svg__a",
|
|
@@ -7183,8 +7215,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7183
7215
|
colorInterpolationFilters: "sRGB",
|
|
7184
7216
|
filterUnits: "userSpaceOnUse",
|
|
7185
7217
|
children: [
|
|
7186
|
-
/* @__PURE__ */ (0,
|
|
7187
|
-
/* @__PURE__ */ (0,
|
|
7218
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7219
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7188
7220
|
"feColorMatrix",
|
|
7189
7221
|
{
|
|
7190
7222
|
in: "SourceAlpha",
|
|
@@ -7192,18 +7224,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7192
7224
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7193
7225
|
}
|
|
7194
7226
|
),
|
|
7195
|
-
/* @__PURE__ */ (0,
|
|
7196
|
-
/* @__PURE__ */ (0,
|
|
7197
|
-
/* @__PURE__ */ (0,
|
|
7198
|
-
/* @__PURE__ */ (0,
|
|
7199
|
-
/* @__PURE__ */ (0,
|
|
7227
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feOffset", { dy: 1 }),
|
|
7228
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7229
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7230
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
7231
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7200
7232
|
"feBlend",
|
|
7201
7233
|
{
|
|
7202
7234
|
in2: "BackgroundImageFix",
|
|
7203
7235
|
result: "effect1_dropShadow_257_2540"
|
|
7204
7236
|
}
|
|
7205
7237
|
),
|
|
7206
|
-
/* @__PURE__ */ (0,
|
|
7238
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7207
7239
|
"feBlend",
|
|
7208
7240
|
{
|
|
7209
7241
|
in: "SourceGraphic",
|
|
@@ -7220,8 +7252,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7220
7252
|
var LandtrustPlusDark_default = SvgLandtrustPlusDark;
|
|
7221
7253
|
|
|
7222
7254
|
// src/Logo/components/LandtrustPlusLight.tsx
|
|
7223
|
-
var
|
|
7224
|
-
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0,
|
|
7255
|
+
var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
|
|
7256
|
+
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7225
7257
|
"svg",
|
|
7226
7258
|
{
|
|
7227
7259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7229,14 +7261,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7229
7261
|
fill: "none",
|
|
7230
7262
|
...props,
|
|
7231
7263
|
children: [
|
|
7232
|
-
/* @__PURE__ */ (0,
|
|
7264
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7233
7265
|
"path",
|
|
7234
7266
|
{
|
|
7235
7267
|
fill: "#000",
|
|
7236
7268
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7237
7269
|
}
|
|
7238
7270
|
) }),
|
|
7239
|
-
/* @__PURE__ */ (0,
|
|
7271
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7240
7272
|
"path",
|
|
7241
7273
|
{
|
|
7242
7274
|
fill: "#FAD44E",
|
|
@@ -7245,14 +7277,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7245
7277
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7246
7278
|
}
|
|
7247
7279
|
),
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7280
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7249
7281
|
"path",
|
|
7250
7282
|
{
|
|
7251
7283
|
fill: "#1A202C",
|
|
7252
7284
|
d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
|
|
7253
7285
|
}
|
|
7254
7286
|
),
|
|
7255
|
-
/* @__PURE__ */ (0,
|
|
7287
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7256
7288
|
"filter",
|
|
7257
7289
|
{
|
|
7258
7290
|
id: "landtrust-plus-light_svg__a",
|
|
@@ -7263,8 +7295,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7263
7295
|
colorInterpolationFilters: "sRGB",
|
|
7264
7296
|
filterUnits: "userSpaceOnUse",
|
|
7265
7297
|
children: [
|
|
7266
|
-
/* @__PURE__ */ (0,
|
|
7267
|
-
/* @__PURE__ */ (0,
|
|
7298
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7299
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7268
7300
|
"feColorMatrix",
|
|
7269
7301
|
{
|
|
7270
7302
|
in: "SourceAlpha",
|
|
@@ -7272,18 +7304,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7272
7304
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7273
7305
|
}
|
|
7274
7306
|
),
|
|
7275
|
-
/* @__PURE__ */ (0,
|
|
7276
|
-
/* @__PURE__ */ (0,
|
|
7277
|
-
/* @__PURE__ */ (0,
|
|
7278
|
-
/* @__PURE__ */ (0,
|
|
7279
|
-
/* @__PURE__ */ (0,
|
|
7307
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feOffset", { dy: 1 }),
|
|
7308
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7309
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7310
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
7311
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7280
7312
|
"feBlend",
|
|
7281
7313
|
{
|
|
7282
7314
|
in2: "BackgroundImageFix",
|
|
7283
7315
|
result: "effect1_dropShadow_257_2538"
|
|
7284
7316
|
}
|
|
7285
7317
|
),
|
|
7286
|
-
/* @__PURE__ */ (0,
|
|
7318
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7287
7319
|
"feBlend",
|
|
7288
7320
|
{
|
|
7289
7321
|
in: "SourceGraphic",
|
|
@@ -7300,8 +7332,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7300
7332
|
var LandtrustPlusLight_default = SvgLandtrustPlusLight;
|
|
7301
7333
|
|
|
7302
7334
|
// src/Logo/components/LandtrustStandardDark.tsx
|
|
7303
|
-
var
|
|
7304
|
-
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0,
|
|
7335
|
+
var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
|
|
7336
|
+
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
|
|
7305
7337
|
"svg",
|
|
7306
7338
|
{
|
|
7307
7339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7309,14 +7341,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7309
7341
|
fill: "none",
|
|
7310
7342
|
...props,
|
|
7311
7343
|
children: [
|
|
7312
|
-
/* @__PURE__ */ (0,
|
|
7344
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7313
7345
|
"path",
|
|
7314
7346
|
{
|
|
7315
7347
|
fill: "#E2430C",
|
|
7316
7348
|
d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
|
|
7317
7349
|
}
|
|
7318
7350
|
),
|
|
7319
|
-
/* @__PURE__ */ (0,
|
|
7351
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7320
7352
|
"path",
|
|
7321
7353
|
{
|
|
7322
7354
|
fill: "#fff",
|
|
@@ -7329,8 +7361,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7329
7361
|
var LandtrustStandardDark_default = SvgLandtrustStandardDark;
|
|
7330
7362
|
|
|
7331
7363
|
// src/Logo/components/LandtrustStandardLight.tsx
|
|
7332
|
-
var
|
|
7333
|
-
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0,
|
|
7364
|
+
var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
|
|
7365
|
+
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
|
|
7334
7366
|
"svg",
|
|
7335
7367
|
{
|
|
7336
7368
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7338,14 +7370,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7338
7370
|
fill: "none",
|
|
7339
7371
|
...props,
|
|
7340
7372
|
children: [
|
|
7341
|
-
/* @__PURE__ */ (0,
|
|
7373
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7342
7374
|
"path",
|
|
7343
7375
|
{
|
|
7344
7376
|
fill: "#E2430C",
|
|
7345
7377
|
d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
|
|
7346
7378
|
}
|
|
7347
7379
|
),
|
|
7348
|
-
/* @__PURE__ */ (0,
|
|
7380
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7349
7381
|
"path",
|
|
7350
7382
|
{
|
|
7351
7383
|
fill: "#000",
|
|
@@ -7358,7 +7390,7 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7358
7390
|
var LandtrustStandardLight_default = SvgLandtrustStandardLight;
|
|
7359
7391
|
|
|
7360
7392
|
// src/Logo/Logo.tsx
|
|
7361
|
-
var
|
|
7393
|
+
var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
|
|
7362
7394
|
var logoStyles = (size) => import_react45.css`
|
|
7363
7395
|
width: ${space[size]};
|
|
7364
7396
|
height: auto;
|
|
@@ -7387,7 +7419,7 @@ var Logo = ({
|
|
|
7387
7419
|
return LandtrustStandardLight_default;
|
|
7388
7420
|
};
|
|
7389
7421
|
const LogoComponent = getLogoComponent();
|
|
7390
|
-
return /* @__PURE__ */ (0,
|
|
7422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
|
|
7391
7423
|
};
|
|
7392
7424
|
var Logo_default = Logo;
|
|
7393
7425
|
|
|
@@ -7495,7 +7527,7 @@ var avatarPlaceholderStyles = import_react46.css`
|
|
|
7495
7527
|
`;
|
|
7496
7528
|
|
|
7497
7529
|
// src/Navigation/Navigation.tsx
|
|
7498
|
-
var
|
|
7530
|
+
var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
|
|
7499
7531
|
var Navigation = ({
|
|
7500
7532
|
onMenuToggle,
|
|
7501
7533
|
className,
|
|
@@ -7509,7 +7541,7 @@ var Navigation = ({
|
|
|
7509
7541
|
onAvatarClick,
|
|
7510
7542
|
...rest
|
|
7511
7543
|
}) => {
|
|
7512
|
-
return /* @__PURE__ */ (0,
|
|
7544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
7513
7545
|
Box_default,
|
|
7514
7546
|
{
|
|
7515
7547
|
display: "flex",
|
|
@@ -7518,7 +7550,7 @@ var Navigation = ({
|
|
|
7518
7550
|
position: "relative",
|
|
7519
7551
|
css: containerStyles3,
|
|
7520
7552
|
children: [
|
|
7521
|
-
/* @__PURE__ */ (0,
|
|
7553
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7522
7554
|
Box_default,
|
|
7523
7555
|
{
|
|
7524
7556
|
as: "button",
|
|
@@ -7530,11 +7562,11 @@ var Navigation = ({
|
|
|
7530
7562
|
border: "none",
|
|
7531
7563
|
padding: space[2],
|
|
7532
7564
|
css: hamburgerButtonStyles,
|
|
7533
|
-
children: /* @__PURE__ */ (0,
|
|
7565
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon_default, { variant: "Bars", size: "large" })
|
|
7534
7566
|
}
|
|
7535
7567
|
),
|
|
7536
|
-
/* @__PURE__ */ (0,
|
|
7537
|
-
/* @__PURE__ */ (0,
|
|
7568
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
|
|
7569
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7538
7570
|
Logo_default,
|
|
7539
7571
|
{
|
|
7540
7572
|
variant: logoVariant,
|
|
@@ -7543,8 +7575,8 @@ var Navigation = ({
|
|
|
7543
7575
|
css: logoStyles2
|
|
7544
7576
|
}
|
|
7545
7577
|
) }),
|
|
7546
|
-
/* @__PURE__ */ (0,
|
|
7547
|
-
/* @__PURE__ */ (0,
|
|
7578
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { css: desktopNavStyles, children: [
|
|
7579
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7548
7580
|
"a",
|
|
7549
7581
|
{
|
|
7550
7582
|
href: link.href,
|
|
@@ -7553,7 +7585,7 @@ var Navigation = ({
|
|
|
7553
7585
|
children: link.label
|
|
7554
7586
|
}
|
|
7555
7587
|
) }, link.href)) }) }),
|
|
7556
|
-
/* @__PURE__ */ (0,
|
|
7588
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7557
7589
|
Box_default,
|
|
7558
7590
|
{
|
|
7559
7591
|
as: "button",
|
|
@@ -7638,7 +7670,7 @@ var contentStyles2 = import_react47.css`
|
|
|
7638
7670
|
`;
|
|
7639
7671
|
|
|
7640
7672
|
// src/PackageCard/PackageCard.tsx
|
|
7641
|
-
var
|
|
7673
|
+
var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
|
|
7642
7674
|
var PackageCard = ({
|
|
7643
7675
|
images,
|
|
7644
7676
|
title,
|
|
@@ -7655,13 +7687,13 @@ var PackageCard = ({
|
|
|
7655
7687
|
...rest
|
|
7656
7688
|
}) => {
|
|
7657
7689
|
const mainImage = images[0] || "";
|
|
7658
|
-
return /* @__PURE__ */ (0,
|
|
7659
|
-
/* @__PURE__ */ (0,
|
|
7660
|
-
tripsLeft && /* @__PURE__ */ (0,
|
|
7690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
|
|
7691
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: [imageStyles2, { backgroundImage: `url(${mainImage})` }], children: [
|
|
7692
|
+
tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(AvailabilityBadge_default, { variant: "warning", css: badgeStyles2, children: [
|
|
7661
7693
|
tripsLeft,
|
|
7662
7694
|
" Trips Left"
|
|
7663
7695
|
] }),
|
|
7664
|
-
/* @__PURE__ */ (0,
|
|
7696
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7665
7697
|
Box_default,
|
|
7666
7698
|
{
|
|
7667
7699
|
css: heartIconStyles,
|
|
@@ -7669,7 +7701,7 @@ var PackageCard = ({
|
|
|
7669
7701
|
e.stopPropagation();
|
|
7670
7702
|
onFavoriteClick == null ? void 0 : onFavoriteClick();
|
|
7671
7703
|
},
|
|
7672
|
-
children: /* @__PURE__ */ (0,
|
|
7704
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7673
7705
|
Icon_default,
|
|
7674
7706
|
{
|
|
7675
7707
|
variant: isFavorited ? "HeartSolid" : "Heart",
|
|
@@ -7679,8 +7711,8 @@ var PackageCard = ({
|
|
|
7679
7711
|
}
|
|
7680
7712
|
)
|
|
7681
7713
|
] }) }),
|
|
7682
|
-
/* @__PURE__ */ (0,
|
|
7683
|
-
/* @__PURE__ */ (0,
|
|
7714
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: contentStyles2, children: [
|
|
7715
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7684
7716
|
Box_default,
|
|
7685
7717
|
{
|
|
7686
7718
|
onClick,
|
|
@@ -7689,9 +7721,9 @@ var PackageCard = ({
|
|
|
7689
7721
|
gap: "var(--spacing-1)",
|
|
7690
7722
|
mb: "var(--spacing-4)",
|
|
7691
7723
|
children: [
|
|
7692
|
-
/* @__PURE__ */ (0,
|
|
7693
|
-
/* @__PURE__ */ (0,
|
|
7694
|
-
/* @__PURE__ */ (0,
|
|
7724
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
|
|
7725
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
|
|
7726
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
|
|
7695
7727
|
"Starting Price ",
|
|
7696
7728
|
startingPrice,
|
|
7697
7729
|
" / Guest"
|
|
@@ -7699,22 +7731,22 @@ var PackageCard = ({
|
|
|
7699
7731
|
]
|
|
7700
7732
|
}
|
|
7701
7733
|
),
|
|
7702
|
-
/* @__PURE__ */ (0,
|
|
7703
|
-
days && /* @__PURE__ */ (0,
|
|
7734
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
|
|
7735
|
+
days && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7704
7736
|
IconLabel_default,
|
|
7705
7737
|
{
|
|
7706
7738
|
variant: "Calendar",
|
|
7707
7739
|
label: `${days} Day${days !== 1 ? "s" : ""}`
|
|
7708
7740
|
}
|
|
7709
7741
|
),
|
|
7710
|
-
guests && /* @__PURE__ */ (0,
|
|
7742
|
+
guests && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7711
7743
|
IconLabel_default,
|
|
7712
7744
|
{
|
|
7713
7745
|
variant: "User",
|
|
7714
7746
|
label: `${guests} Guest${guests !== 1 ? "s" : ""}`
|
|
7715
7747
|
}
|
|
7716
7748
|
),
|
|
7717
|
-
hasLodging && /* @__PURE__ */ (0,
|
|
7749
|
+
hasLodging && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
|
|
7718
7750
|
] })
|
|
7719
7751
|
] })
|
|
7720
7752
|
] });
|
|
@@ -7722,14 +7754,14 @@ var PackageCard = ({
|
|
|
7722
7754
|
var PackageCard_default = PackageCard;
|
|
7723
7755
|
|
|
7724
7756
|
// src/PackageHeader/PackageHeader.tsx
|
|
7725
|
-
var
|
|
7757
|
+
var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
|
|
7726
7758
|
var PackageHeader = ({
|
|
7727
7759
|
header,
|
|
7728
7760
|
subheader,
|
|
7729
7761
|
features,
|
|
7730
7762
|
className
|
|
7731
7763
|
}) => {
|
|
7732
|
-
return /* @__PURE__ */ (0,
|
|
7764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
|
|
7733
7765
|
Box_default,
|
|
7734
7766
|
{
|
|
7735
7767
|
display: "flex",
|
|
@@ -7738,9 +7770,9 @@ var PackageHeader = ({
|
|
|
7738
7770
|
color: "var(--text-primary)",
|
|
7739
7771
|
className,
|
|
7740
7772
|
children: [
|
|
7741
|
-
/* @__PURE__ */ (0,
|
|
7742
|
-
subheader && /* @__PURE__ */ (0,
|
|
7743
|
-
features && /* @__PURE__ */ (0,
|
|
7773
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
|
|
7774
|
+
subheader && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { children: subheader }),
|
|
7775
|
+
features && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureList_default, { items: features })
|
|
7744
7776
|
]
|
|
7745
7777
|
}
|
|
7746
7778
|
);
|
|
@@ -7760,13 +7792,13 @@ var imageStyles3 = import_react48.css`
|
|
|
7760
7792
|
`;
|
|
7761
7793
|
|
|
7762
7794
|
// src/ReviewCard/components/ReviewImages.tsx
|
|
7763
|
-
var
|
|
7795
|
+
var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
|
|
7764
7796
|
var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
7765
7797
|
const displayImages = images.slice(0, maxImages);
|
|
7766
7798
|
if (displayImages.length === 0) {
|
|
7767
7799
|
return null;
|
|
7768
7800
|
}
|
|
7769
|
-
return /* @__PURE__ */ (0,
|
|
7801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7770
7802
|
"img",
|
|
7771
7803
|
{
|
|
7772
7804
|
src: image,
|
|
@@ -7779,7 +7811,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
|
7779
7811
|
var ReviewImages_default = ReviewImages;
|
|
7780
7812
|
|
|
7781
7813
|
// src/ReviewCard/components/ReviewReply.tsx
|
|
7782
|
-
var
|
|
7814
|
+
var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
|
|
7783
7815
|
var ReviewReply = ({
|
|
7784
7816
|
avatarSrc,
|
|
7785
7817
|
name,
|
|
@@ -7788,7 +7820,7 @@ var ReviewReply = ({
|
|
|
7788
7820
|
label,
|
|
7789
7821
|
rating
|
|
7790
7822
|
}) => {
|
|
7791
|
-
return /* @__PURE__ */ (0,
|
|
7823
|
+
return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7792
7824
|
Box_default,
|
|
7793
7825
|
{
|
|
7794
7826
|
backgroundColor: "var(--surface-neutral)",
|
|
@@ -7798,7 +7830,7 @@ var ReviewReply = ({
|
|
|
7798
7830
|
flexDirection: "column",
|
|
7799
7831
|
gap: "var(--spacing-3)",
|
|
7800
7832
|
children: [
|
|
7801
|
-
/* @__PURE__ */ (0,
|
|
7833
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7802
7834
|
Box_default,
|
|
7803
7835
|
{
|
|
7804
7836
|
display: "flex",
|
|
@@ -7806,7 +7838,7 @@ var ReviewReply = ({
|
|
|
7806
7838
|
justifyContent: "space-between",
|
|
7807
7839
|
gap: "var(--spacing-2)",
|
|
7808
7840
|
children: [
|
|
7809
|
-
/* @__PURE__ */ (0,
|
|
7841
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7810
7842
|
UserCard_default,
|
|
7811
7843
|
{
|
|
7812
7844
|
avatarSrc,
|
|
@@ -7815,11 +7847,11 @@ var ReviewReply = ({
|
|
|
7815
7847
|
rating
|
|
7816
7848
|
}
|
|
7817
7849
|
),
|
|
7818
|
-
/* @__PURE__ */ (0,
|
|
7850
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
|
|
7819
7851
|
]
|
|
7820
7852
|
}
|
|
7821
7853
|
),
|
|
7822
|
-
/* @__PURE__ */ (0,
|
|
7854
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { children: content })
|
|
7823
7855
|
]
|
|
7824
7856
|
}
|
|
7825
7857
|
);
|
|
@@ -7827,7 +7859,7 @@ var ReviewReply = ({
|
|
|
7827
7859
|
var ReviewReply_default = ReviewReply;
|
|
7828
7860
|
|
|
7829
7861
|
// src/ReviewCard/ReviewCard.tsx
|
|
7830
|
-
var
|
|
7862
|
+
var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
|
|
7831
7863
|
var ReviewCard = ({
|
|
7832
7864
|
avatarSrc,
|
|
7833
7865
|
name,
|
|
@@ -7839,7 +7871,7 @@ var ReviewCard = ({
|
|
|
7839
7871
|
replies = [],
|
|
7840
7872
|
className
|
|
7841
7873
|
}) => {
|
|
7842
|
-
return /* @__PURE__ */ (0,
|
|
7874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
7843
7875
|
Box_default,
|
|
7844
7876
|
{
|
|
7845
7877
|
backgroundColor: "white",
|
|
@@ -7850,7 +7882,7 @@ var ReviewCard = ({
|
|
|
7850
7882
|
gap: "var(--spacing-4)",
|
|
7851
7883
|
className,
|
|
7852
7884
|
children: [
|
|
7853
|
-
/* @__PURE__ */ (0,
|
|
7885
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7854
7886
|
UserCard_default,
|
|
7855
7887
|
{
|
|
7856
7888
|
avatarSrc,
|
|
@@ -7859,10 +7891,10 @@ var ReviewCard = ({
|
|
|
7859
7891
|
rating
|
|
7860
7892
|
}
|
|
7861
7893
|
),
|
|
7862
|
-
availabilityBadge && /* @__PURE__ */ (0,
|
|
7863
|
-
/* @__PURE__ */ (0,
|
|
7864
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
7865
|
-
replies.length > 0 && /* @__PURE__ */ (0,
|
|
7894
|
+
availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
|
|
7895
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { size: "md", children: content }),
|
|
7896
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(ReviewImages_default, { images }),
|
|
7897
|
+
replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7866
7898
|
ReviewReply_default,
|
|
7867
7899
|
{
|
|
7868
7900
|
avatarSrc: reply.avatarSrc,
|
|
@@ -7881,9 +7913,9 @@ var ReviewCard = ({
|
|
|
7881
7913
|
var ReviewCard_default = ReviewCard;
|
|
7882
7914
|
|
|
7883
7915
|
// src/Reviews/components/ReviewItem.tsx
|
|
7884
|
-
var
|
|
7916
|
+
var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
|
|
7885
7917
|
var ReviewItem = ({ label, rating }) => {
|
|
7886
|
-
return /* @__PURE__ */ (0,
|
|
7918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
7887
7919
|
Box_default,
|
|
7888
7920
|
{
|
|
7889
7921
|
display: "flex",
|
|
@@ -7891,10 +7923,10 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
7891
7923
|
alignItems: "center",
|
|
7892
7924
|
width: "100%",
|
|
7893
7925
|
children: [
|
|
7894
|
-
/* @__PURE__ */ (0,
|
|
7895
|
-
/* @__PURE__ */ (0,
|
|
7896
|
-
/* @__PURE__ */ (0,
|
|
7897
|
-
/* @__PURE__ */ (0,
|
|
7926
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { fontWeight: "semibold", children: label }),
|
|
7927
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
7928
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
|
|
7929
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Text_default, { fontWeight: "semibold", children: [
|
|
7898
7930
|
rating,
|
|
7899
7931
|
"/5"
|
|
7900
7932
|
] })
|
|
@@ -7906,14 +7938,14 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
7906
7938
|
var ReviewItem_default = ReviewItem;
|
|
7907
7939
|
|
|
7908
7940
|
// src/Reviews/Reviews.tsx
|
|
7909
|
-
var
|
|
7941
|
+
var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
|
|
7910
7942
|
var Reviews = ({
|
|
7911
7943
|
averageRating,
|
|
7912
7944
|
totalReviews,
|
|
7913
7945
|
items,
|
|
7914
7946
|
className
|
|
7915
7947
|
}) => {
|
|
7916
|
-
return /* @__PURE__ */ (0,
|
|
7948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7917
7949
|
Box_default,
|
|
7918
7950
|
{
|
|
7919
7951
|
width: "100%",
|
|
@@ -7926,7 +7958,7 @@ var Reviews = ({
|
|
|
7926
7958
|
p: "var(--spacing-4)",
|
|
7927
7959
|
className,
|
|
7928
7960
|
children: [
|
|
7929
|
-
/* @__PURE__ */ (0,
|
|
7961
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7930
7962
|
Box_default,
|
|
7931
7963
|
{
|
|
7932
7964
|
display: "flex",
|
|
@@ -7934,9 +7966,9 @@ var Reviews = ({
|
|
|
7934
7966
|
alignItems: "center",
|
|
7935
7967
|
gap: "var(--spacing-2)",
|
|
7936
7968
|
children: [
|
|
7937
|
-
/* @__PURE__ */ (0,
|
|
7938
|
-
/* @__PURE__ */ (0,
|
|
7939
|
-
/* @__PURE__ */ (0,
|
|
7969
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
|
|
7970
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
|
|
7971
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
7940
7972
|
"Overall Rating \u2022 ",
|
|
7941
7973
|
totalReviews,
|
|
7942
7974
|
" Review",
|
|
@@ -7945,14 +7977,14 @@ var Reviews = ({
|
|
|
7945
7977
|
]
|
|
7946
7978
|
}
|
|
7947
7979
|
),
|
|
7948
|
-
/* @__PURE__ */ (0,
|
|
7980
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7949
7981
|
Box_default,
|
|
7950
7982
|
{
|
|
7951
7983
|
display: "flex",
|
|
7952
7984
|
flexDirection: "column",
|
|
7953
7985
|
gap: "var(--spacing-2)",
|
|
7954
7986
|
width: "100%",
|
|
7955
|
-
children: items.map((item, index) => /* @__PURE__ */ (0,
|
|
7987
|
+
children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
|
|
7956
7988
|
}
|
|
7957
7989
|
)
|
|
7958
7990
|
]
|
|
@@ -7962,7 +7994,7 @@ var Reviews = ({
|
|
|
7962
7994
|
var Reviews_default = Reviews;
|
|
7963
7995
|
|
|
7964
7996
|
// src/Reviews/ReviewsShowcase.tsx
|
|
7965
|
-
var
|
|
7997
|
+
var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
|
|
7966
7998
|
var ReviewsShowcase = () => {
|
|
7967
7999
|
const sampleData = {
|
|
7968
8000
|
averageRating: 4,
|
|
@@ -7984,7 +8016,7 @@ var ReviewsShowcase = () => {
|
|
|
7984
8016
|
{ label: "Game Abundance", rating: 5 }
|
|
7985
8017
|
]
|
|
7986
8018
|
};
|
|
7987
|
-
return /* @__PURE__ */ (0,
|
|
8019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
7988
8020
|
Box_default,
|
|
7989
8021
|
{
|
|
7990
8022
|
display: "flex",
|
|
@@ -7992,24 +8024,24 @@ var ReviewsShowcase = () => {
|
|
|
7992
8024
|
gap: "var(--spacing-8)",
|
|
7993
8025
|
p: "var(--spacing-6)",
|
|
7994
8026
|
children: [
|
|
7995
|
-
/* @__PURE__ */ (0,
|
|
7996
|
-
/* @__PURE__ */ (0,
|
|
7997
|
-
/* @__PURE__ */ (0,
|
|
7998
|
-
/* @__PURE__ */ (0,
|
|
8027
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8029
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
|
|
8030
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...sampleData }) })
|
|
7999
8031
|
] }),
|
|
8000
|
-
/* @__PURE__ */ (0,
|
|
8001
|
-
/* @__PURE__ */ (0,
|
|
8002
|
-
/* @__PURE__ */ (0,
|
|
8032
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8033
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
|
|
8034
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...highRatingData }) })
|
|
8003
8035
|
] }),
|
|
8004
|
-
/* @__PURE__ */ (0,
|
|
8005
|
-
/* @__PURE__ */ (0,
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8036
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8037
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
|
|
8038
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8007
8039
|
Box_default,
|
|
8008
8040
|
{
|
|
8009
8041
|
maxWidth: "320px",
|
|
8010
8042
|
border: "1px solid var(--color-neutral-200)",
|
|
8011
8043
|
p: "var(--spacing-4)",
|
|
8012
|
-
children: /* @__PURE__ */ (0,
|
|
8044
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...sampleData })
|
|
8013
8045
|
}
|
|
8014
8046
|
)
|
|
8015
8047
|
] })
|