@landtrustinc/design-system 1.2.16 → 1.2.18
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 +384 -359
- 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",
|
|
@@ -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,
|
|
@@ -3470,8 +3494,8 @@ var Button = import_react6.default.forwardRef(
|
|
|
3470
3494
|
},
|
|
3471
3495
|
children: [
|
|
3472
3496
|
icon,
|
|
3473
|
-
children && /* @__PURE__ */ (0,
|
|
3474
|
-
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) })
|
|
3475
3499
|
]
|
|
3476
3500
|
}
|
|
3477
3501
|
);
|
|
@@ -3482,7 +3506,7 @@ var Button_default = Button;
|
|
|
3482
3506
|
|
|
3483
3507
|
// src/Box/Container.tsx
|
|
3484
3508
|
var import_react7 = require("@emotion/react");
|
|
3485
|
-
var
|
|
3509
|
+
var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
|
|
3486
3510
|
var baseStyles = import_react7.css`
|
|
3487
3511
|
width: 100%;
|
|
3488
3512
|
margin: 0 auto;
|
|
@@ -3516,7 +3540,7 @@ var Container = ({
|
|
|
3516
3540
|
isFullWidth = false,
|
|
3517
3541
|
...props
|
|
3518
3542
|
}) => {
|
|
3519
|
-
return /* @__PURE__ */ (0,
|
|
3543
|
+
return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
|
|
3520
3544
|
Box_default,
|
|
3521
3545
|
{
|
|
3522
3546
|
css: [baseStyles, isFullWidth && fullWidthStyles],
|
|
@@ -3718,7 +3742,7 @@ var textFontWeightStyles = {
|
|
|
3718
3742
|
};
|
|
3719
3743
|
|
|
3720
3744
|
// src/Typography/Heading.tsx
|
|
3721
|
-
var
|
|
3745
|
+
var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
|
|
3722
3746
|
var SIZE_TO_ELEMENT_MAP = {
|
|
3723
3747
|
xl: "h1",
|
|
3724
3748
|
lg: "h2",
|
|
@@ -3748,7 +3772,7 @@ var Heading = ({
|
|
|
3748
3772
|
...props
|
|
3749
3773
|
}) => {
|
|
3750
3774
|
const elementType = as != null ? as : SIZE_TO_ELEMENT_MAP[size];
|
|
3751
|
-
return /* @__PURE__ */ (0,
|
|
3775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
|
|
3752
3776
|
StyledHeading,
|
|
3753
3777
|
{
|
|
3754
3778
|
as: elementType,
|
|
@@ -3895,7 +3919,7 @@ var textWrapStyles2 = {
|
|
|
3895
3919
|
};
|
|
3896
3920
|
|
|
3897
3921
|
// src/Typography/Text.tsx
|
|
3898
|
-
var
|
|
3922
|
+
var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
|
|
3899
3923
|
var StyledText = (0, import_styled3.default)("p")`
|
|
3900
3924
|
${({ size = "md" }) => textSizeStyles[size]}
|
|
3901
3925
|
${({ fontWeight = "normal" }) => textFontWeightStyles2[fontWeight]}
|
|
@@ -3917,7 +3941,7 @@ var Text = ({
|
|
|
3917
3941
|
...props
|
|
3918
3942
|
}) => {
|
|
3919
3943
|
const elementType = as;
|
|
3920
|
-
return /* @__PURE__ */ (0,
|
|
3944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
|
|
3921
3945
|
StyledText,
|
|
3922
3946
|
{
|
|
3923
3947
|
as: elementType,
|
|
@@ -3936,7 +3960,7 @@ var Text = ({
|
|
|
3936
3960
|
var Text_default = Text;
|
|
3937
3961
|
|
|
3938
3962
|
// src/IconLabel/IconLabel.tsx
|
|
3939
|
-
var
|
|
3963
|
+
var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
|
|
3940
3964
|
var IconLabel = ({
|
|
3941
3965
|
variant,
|
|
3942
3966
|
label,
|
|
@@ -3945,7 +3969,7 @@ var IconLabel = ({
|
|
|
3945
3969
|
className,
|
|
3946
3970
|
...rest
|
|
3947
3971
|
}) => {
|
|
3948
|
-
return /* @__PURE__ */ (0,
|
|
3972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
|
|
3949
3973
|
Box_default,
|
|
3950
3974
|
{
|
|
3951
3975
|
display: "flex",
|
|
@@ -3954,8 +3978,8 @@ var IconLabel = ({
|
|
|
3954
3978
|
className,
|
|
3955
3979
|
...rest,
|
|
3956
3980
|
children: [
|
|
3957
|
-
/* @__PURE__ */ (0,
|
|
3958
|
-
/* @__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 })
|
|
3959
3983
|
]
|
|
3960
3984
|
}
|
|
3961
3985
|
);
|
|
@@ -4187,7 +4211,7 @@ var tableWrapperStyles = import_react10.css`
|
|
|
4187
4211
|
`;
|
|
4188
4212
|
|
|
4189
4213
|
// src/MarkdownContent/MarkdownContent.tsx
|
|
4190
|
-
var
|
|
4214
|
+
var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
|
|
4191
4215
|
var CodeBlock = ({
|
|
4192
4216
|
children,
|
|
4193
4217
|
className,
|
|
@@ -4205,16 +4229,16 @@ var CodeBlock = ({
|
|
|
4205
4229
|
console.error("Failed to copy text: ", err);
|
|
4206
4230
|
}
|
|
4207
4231
|
};
|
|
4208
|
-
return /* @__PURE__ */ (0,
|
|
4232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(
|
|
4209
4233
|
"div",
|
|
4210
4234
|
{
|
|
4211
4235
|
css: codeBlockStyles,
|
|
4212
4236
|
onMouseEnter: () => setIsHovered(true),
|
|
4213
4237
|
onMouseLeave: () => setIsHovered(false),
|
|
4214
4238
|
children: [
|
|
4215
|
-
/* @__PURE__ */ (0,
|
|
4216
|
-
/* @__PURE__ */ (0,
|
|
4217
|
-
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)(
|
|
4218
4242
|
"button",
|
|
4219
4243
|
{
|
|
4220
4244
|
onClick: handleCopy,
|
|
@@ -4223,32 +4247,32 @@ var CodeBlock = ({
|
|
|
4223
4247
|
}
|
|
4224
4248
|
)
|
|
4225
4249
|
] }),
|
|
4226
|
-
/* @__PURE__ */ (0,
|
|
4250
|
+
/* @__PURE__ */ (0, import_jsx_runtime207.jsx)("pre", { css: codeBlockPreStyles, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("code", { children }) })
|
|
4227
4251
|
]
|
|
4228
4252
|
}
|
|
4229
4253
|
);
|
|
4230
4254
|
};
|
|
4231
4255
|
var InlineCode = ({ children }) => {
|
|
4232
|
-
return /* @__PURE__ */ (0,
|
|
4256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("code", { css: inlineCodeStyles, children });
|
|
4233
4257
|
};
|
|
4234
4258
|
var TableWrapper = ({
|
|
4235
4259
|
children
|
|
4236
4260
|
}) => {
|
|
4237
|
-
return /* @__PURE__ */ (0,
|
|
4261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { css: tableWrapperStyles, children });
|
|
4238
4262
|
};
|
|
4239
4263
|
var MarkdownContent = ({
|
|
4240
4264
|
content,
|
|
4241
4265
|
className,
|
|
4242
4266
|
enableCodeCopy = true
|
|
4243
4267
|
}) => {
|
|
4244
|
-
return /* @__PURE__ */ (0,
|
|
4268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className, css: markdownContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4245
4269
|
import_markdown_to_jsx.default,
|
|
4246
4270
|
{
|
|
4247
4271
|
options: {
|
|
4248
4272
|
overrides: {
|
|
4249
4273
|
// Headings - use design system Heading component with spacing
|
|
4250
4274
|
h1: {
|
|
4251
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4275
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4252
4276
|
Heading_default,
|
|
4253
4277
|
{
|
|
4254
4278
|
size: "lg",
|
|
@@ -4262,7 +4286,7 @@ var MarkdownContent = ({
|
|
|
4262
4286
|
)
|
|
4263
4287
|
},
|
|
4264
4288
|
h2: {
|
|
4265
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4289
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4266
4290
|
Heading_default,
|
|
4267
4291
|
{
|
|
4268
4292
|
size: "md",
|
|
@@ -4276,7 +4300,7 @@ var MarkdownContent = ({
|
|
|
4276
4300
|
)
|
|
4277
4301
|
},
|
|
4278
4302
|
h3: {
|
|
4279
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4303
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4280
4304
|
Heading_default,
|
|
4281
4305
|
{
|
|
4282
4306
|
size: "sm",
|
|
@@ -4290,7 +4314,7 @@ var MarkdownContent = ({
|
|
|
4290
4314
|
)
|
|
4291
4315
|
},
|
|
4292
4316
|
h4: {
|
|
4293
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4317
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4294
4318
|
Heading_default,
|
|
4295
4319
|
{
|
|
4296
4320
|
size: "xs",
|
|
@@ -4304,7 +4328,7 @@ var MarkdownContent = ({
|
|
|
4304
4328
|
)
|
|
4305
4329
|
},
|
|
4306
4330
|
h5: {
|
|
4307
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4331
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4308
4332
|
Heading_default,
|
|
4309
4333
|
{
|
|
4310
4334
|
size: "2xs",
|
|
@@ -4318,7 +4342,7 @@ var MarkdownContent = ({
|
|
|
4318
4342
|
)
|
|
4319
4343
|
},
|
|
4320
4344
|
h6: {
|
|
4321
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4345
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4322
4346
|
Heading_default,
|
|
4323
4347
|
{
|
|
4324
4348
|
size: "2xs",
|
|
@@ -4333,7 +4357,7 @@ var MarkdownContent = ({
|
|
|
4333
4357
|
},
|
|
4334
4358
|
// Paragraphs - use design system Text component with spacing
|
|
4335
4359
|
p: {
|
|
4336
|
-
component: ({ children }) => /* @__PURE__ */ (0,
|
|
4360
|
+
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4337
4361
|
Text_default,
|
|
4338
4362
|
{
|
|
4339
4363
|
size: "md",
|
|
@@ -4357,7 +4381,7 @@ var MarkdownContent = ({
|
|
|
4357
4381
|
const codeChildren = codeProps.children || "";
|
|
4358
4382
|
const match = /lang-(\w+)/.exec(codeClassName);
|
|
4359
4383
|
const language = match ? match[1] : "text";
|
|
4360
|
-
return /* @__PURE__ */ (0,
|
|
4384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
|
|
4361
4385
|
CodeBlock,
|
|
4362
4386
|
{
|
|
4363
4387
|
className: `language-${language}`,
|
|
@@ -4370,14 +4394,14 @@ var MarkdownContent = ({
|
|
|
4370
4394
|
// Override code tag for inline code only
|
|
4371
4395
|
code: {
|
|
4372
4396
|
component: ({ children }) => {
|
|
4373
|
-
return /* @__PURE__ */ (0,
|
|
4397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(InlineCode, { children });
|
|
4374
4398
|
}
|
|
4375
4399
|
},
|
|
4376
4400
|
table: {
|
|
4377
4401
|
component: ({
|
|
4378
4402
|
children,
|
|
4379
4403
|
...props
|
|
4380
|
-
}) => /* @__PURE__ */ (0,
|
|
4404
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(TableWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("table", { ...props, children }) })
|
|
4381
4405
|
}
|
|
4382
4406
|
}
|
|
4383
4407
|
},
|
|
@@ -4425,7 +4449,7 @@ var imageStyles = import_react13.css`
|
|
|
4425
4449
|
`;
|
|
4426
4450
|
|
|
4427
4451
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
|
|
4428
|
-
var
|
|
4452
|
+
var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
|
|
4429
4453
|
var TopMatchingFieldNote = ({
|
|
4430
4454
|
author,
|
|
4431
4455
|
datePosted,
|
|
@@ -4434,9 +4458,9 @@ var TopMatchingFieldNote = ({
|
|
|
4434
4458
|
title = "Top matching field note",
|
|
4435
4459
|
className
|
|
4436
4460
|
}) => {
|
|
4437
|
-
return /* @__PURE__ */ (0,
|
|
4438
|
-
/* @__PURE__ */ (0,
|
|
4439
|
-
/* @__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)(
|
|
4440
4464
|
Box_default,
|
|
4441
4465
|
{
|
|
4442
4466
|
display: "flex",
|
|
@@ -4448,8 +4472,8 @@ var TopMatchingFieldNote = ({
|
|
|
4448
4472
|
minWidth: "335px",
|
|
4449
4473
|
className,
|
|
4450
4474
|
children: [
|
|
4451
|
-
/* @__PURE__ */ (0,
|
|
4452
|
-
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)(
|
|
4453
4477
|
"div",
|
|
4454
4478
|
{
|
|
4455
4479
|
css: imageStyles,
|
|
@@ -4458,9 +4482,9 @@ var TopMatchingFieldNote = ({
|
|
|
4458
4482
|
}
|
|
4459
4483
|
}
|
|
4460
4484
|
),
|
|
4461
|
-
/* @__PURE__ */ (0,
|
|
4462
|
-
/* @__PURE__ */ (0,
|
|
4463
|
-
/* @__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: [
|
|
4464
4488
|
author,
|
|
4465
4489
|
" shared an update \u2022 ",
|
|
4466
4490
|
datePosted
|
|
@@ -4473,7 +4497,7 @@ var TopMatchingFieldNote = ({
|
|
|
4473
4497
|
};
|
|
4474
4498
|
|
|
4475
4499
|
// src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
|
|
4476
|
-
var
|
|
4500
|
+
var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
|
|
4477
4501
|
var TopMatchingReview = ({
|
|
4478
4502
|
author,
|
|
4479
4503
|
datePosted,
|
|
@@ -4482,9 +4506,9 @@ var TopMatchingReview = ({
|
|
|
4482
4506
|
title = "Top matching review",
|
|
4483
4507
|
className
|
|
4484
4508
|
}) => {
|
|
4485
|
-
return /* @__PURE__ */ (0,
|
|
4486
|
-
/* @__PURE__ */ (0,
|
|
4487
|
-
/* @__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)(
|
|
4488
4512
|
Box_default,
|
|
4489
4513
|
{
|
|
4490
4514
|
display: "flex",
|
|
@@ -4496,10 +4520,10 @@ var TopMatchingReview = ({
|
|
|
4496
4520
|
minWidth: "335px",
|
|
4497
4521
|
className,
|
|
4498
4522
|
children: [
|
|
4499
|
-
/* @__PURE__ */ (0,
|
|
4500
|
-
/* @__PURE__ */ (0,
|
|
4501
|
-
/* @__PURE__ */ (0,
|
|
4502
|
-
/* @__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: [
|
|
4503
4527
|
"This review was posted by ",
|
|
4504
4528
|
author,
|
|
4505
4529
|
" on ",
|
|
@@ -4516,7 +4540,7 @@ var TopMatchingReview = ({
|
|
|
4516
4540
|
};
|
|
4517
4541
|
|
|
4518
4542
|
// src/AIResponse/AIResponse.tsx
|
|
4519
|
-
var
|
|
4543
|
+
var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
|
|
4520
4544
|
var AIResponse = ({
|
|
4521
4545
|
title = `Here's what I found`,
|
|
4522
4546
|
showDisclaimer = true,
|
|
@@ -4574,7 +4598,7 @@ var AIResponse = ({
|
|
|
4574
4598
|
}
|
|
4575
4599
|
};
|
|
4576
4600
|
}, []);
|
|
4577
|
-
return /* @__PURE__ */ (0,
|
|
4601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
|
|
4578
4602
|
Box_default,
|
|
4579
4603
|
{
|
|
4580
4604
|
className,
|
|
@@ -4582,10 +4606,10 @@ var AIResponse = ({
|
|
|
4582
4606
|
flexDirection: "column",
|
|
4583
4607
|
gap: "var(--spacing-4)",
|
|
4584
4608
|
children: [
|
|
4585
|
-
variant !== "error" && /* @__PURE__ */ (0,
|
|
4586
|
-
/* @__PURE__ */ (0,
|
|
4587
|
-
variant === "error" ? /* @__PURE__ */ (0,
|
|
4588
|
-
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)(
|
|
4589
4613
|
Button_default,
|
|
4590
4614
|
{
|
|
4591
4615
|
variant: "primary",
|
|
@@ -4598,32 +4622,32 @@ var AIResponse = ({
|
|
|
4598
4622
|
children: contactLandownerButtonText
|
|
4599
4623
|
}
|
|
4600
4624
|
),
|
|
4601
|
-
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0,
|
|
4602
|
-
/* @__PURE__ */ (0,
|
|
4603
|
-
/* @__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." })
|
|
4604
4628
|
] }),
|
|
4605
|
-
variant === "error" && /* @__PURE__ */ (0,
|
|
4629
|
+
variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4606
4630
|
Button_default,
|
|
4607
4631
|
{
|
|
4608
4632
|
variant: "secondary",
|
|
4609
4633
|
size: "md",
|
|
4610
4634
|
onClick: onErrorRetry,
|
|
4611
|
-
icon: /* @__PURE__ */ (0,
|
|
4612
|
-
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" })
|
|
4613
4637
|
}
|
|
4614
4638
|
) })
|
|
4615
4639
|
] }),
|
|
4616
|
-
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0,
|
|
4617
|
-
/* @__PURE__ */ (0,
|
|
4618
|
-
/* @__PURE__ */ (0,
|
|
4619
|
-
/* @__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)(
|
|
4620
4644
|
Button_default,
|
|
4621
4645
|
{
|
|
4622
4646
|
variant: "text",
|
|
4623
4647
|
size: "xs",
|
|
4624
4648
|
onClick: handleHelpfulYes,
|
|
4625
4649
|
"aria-pressed": visualHelpful === "yes",
|
|
4626
|
-
children: /* @__PURE__ */ (0,
|
|
4650
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4627
4651
|
IconLabel_default,
|
|
4628
4652
|
{
|
|
4629
4653
|
variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
|
|
@@ -4632,14 +4656,14 @@ var AIResponse = ({
|
|
|
4632
4656
|
)
|
|
4633
4657
|
}
|
|
4634
4658
|
),
|
|
4635
|
-
/* @__PURE__ */ (0,
|
|
4659
|
+
/* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4636
4660
|
Button_default,
|
|
4637
4661
|
{
|
|
4638
4662
|
variant: "text",
|
|
4639
4663
|
size: "xs",
|
|
4640
4664
|
onClick: handleHelpfulNo,
|
|
4641
4665
|
"aria-pressed": visualHelpful === "no",
|
|
4642
|
-
children: /* @__PURE__ */ (0,
|
|
4666
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4643
4667
|
IconLabel_default,
|
|
4644
4668
|
{
|
|
4645
4669
|
variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
|
|
@@ -4650,14 +4674,14 @@ var AIResponse = ({
|
|
|
4650
4674
|
)
|
|
4651
4675
|
] })
|
|
4652
4676
|
] }),
|
|
4653
|
-
topMatchingReview && variant !== "error" && /* @__PURE__ */ (0,
|
|
4677
|
+
topMatchingReview && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4654
4678
|
TopMatchingReview,
|
|
4655
4679
|
{
|
|
4656
4680
|
...topMatchingReview,
|
|
4657
4681
|
title: topMatchingReviewTitle
|
|
4658
4682
|
}
|
|
4659
4683
|
),
|
|
4660
|
-
topMatchingFieldNote && variant !== "error" && /* @__PURE__ */ (0,
|
|
4684
|
+
topMatchingFieldNote && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
|
|
4661
4685
|
TopMatchingFieldNote,
|
|
4662
4686
|
{
|
|
4663
4687
|
...topMatchingFieldNote,
|
|
@@ -4696,13 +4720,13 @@ var availabilityBadgeVariantStyles = {
|
|
|
4696
4720
|
};
|
|
4697
4721
|
|
|
4698
4722
|
// src/AvailabilityBadge/AvailabilityBadge.tsx
|
|
4699
|
-
var
|
|
4723
|
+
var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
|
|
4700
4724
|
var AvailabilityBadge = ({
|
|
4701
4725
|
children,
|
|
4702
4726
|
variant,
|
|
4703
4727
|
className
|
|
4704
4728
|
}) => {
|
|
4705
|
-
return /* @__PURE__ */ (0,
|
|
4729
|
+
return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
|
|
4706
4730
|
Box_default,
|
|
4707
4731
|
{
|
|
4708
4732
|
display: "inline-flex",
|
|
@@ -4712,7 +4736,7 @@ var AvailabilityBadge = ({
|
|
|
4712
4736
|
borderRadius: "var(--spacing-2)",
|
|
4713
4737
|
css: availabilityBadgeVariantStyles[variant],
|
|
4714
4738
|
className,
|
|
4715
|
-
children: /* @__PURE__ */ (0,
|
|
4739
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
|
|
4716
4740
|
}
|
|
4717
4741
|
);
|
|
4718
4742
|
};
|
|
@@ -4774,7 +4798,7 @@ var avatarFallbackStyles = import_react16.css`
|
|
|
4774
4798
|
`;
|
|
4775
4799
|
|
|
4776
4800
|
// src/Avatar/Avatar.tsx
|
|
4777
|
-
var
|
|
4801
|
+
var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
|
|
4778
4802
|
var Avatar = ({
|
|
4779
4803
|
type = "image",
|
|
4780
4804
|
src,
|
|
@@ -4824,7 +4848,7 @@ var Avatar = ({
|
|
|
4824
4848
|
};
|
|
4825
4849
|
if (type === "text" && text) {
|
|
4826
4850
|
const initials = getInitials(text);
|
|
4827
|
-
return /* @__PURE__ */ (0,
|
|
4851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4828
4852
|
"div",
|
|
4829
4853
|
{
|
|
4830
4854
|
css: [
|
|
@@ -4839,7 +4863,7 @@ var Avatar = ({
|
|
|
4839
4863
|
);
|
|
4840
4864
|
}
|
|
4841
4865
|
if (type === "image" && src && !hasImageError) {
|
|
4842
|
-
return /* @__PURE__ */ (0,
|
|
4866
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4843
4867
|
"img",
|
|
4844
4868
|
{
|
|
4845
4869
|
src,
|
|
@@ -4850,13 +4874,13 @@ var Avatar = ({
|
|
|
4850
4874
|
}
|
|
4851
4875
|
);
|
|
4852
4876
|
}
|
|
4853
|
-
return /* @__PURE__ */ (0,
|
|
4877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4854
4878
|
"div",
|
|
4855
4879
|
{
|
|
4856
4880
|
css: [avatarFallbackStyles, avatarSizeStyles[size]],
|
|
4857
4881
|
className,
|
|
4858
4882
|
title: alt,
|
|
4859
|
-
children: /* @__PURE__ */ (0,
|
|
4883
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
|
|
4860
4884
|
Icon_default,
|
|
4861
4885
|
{
|
|
4862
4886
|
variant: "User",
|
|
@@ -4889,13 +4913,13 @@ var dividerStyles = import_react19.css`
|
|
|
4889
4913
|
`;
|
|
4890
4914
|
|
|
4891
4915
|
// src/Divider/Divider.tsx
|
|
4892
|
-
var
|
|
4916
|
+
var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
|
|
4893
4917
|
var StyledHr = import_styled4.default.hr`
|
|
4894
4918
|
${dividerStyles}
|
|
4895
4919
|
${import_styled_system2.space}
|
|
4896
4920
|
`;
|
|
4897
4921
|
var Divider = ({ className, ...rest }) => {
|
|
4898
|
-
return /* @__PURE__ */ (0,
|
|
4922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(StyledHr, { className, ...rest });
|
|
4899
4923
|
};
|
|
4900
4924
|
var Divider_default = Divider;
|
|
4901
4925
|
|
|
@@ -4968,7 +4992,7 @@ var textareaWithSubmit = import_react20.css`
|
|
|
4968
4992
|
`;
|
|
4969
4993
|
|
|
4970
4994
|
// src/Form/TextArea.tsx
|
|
4971
|
-
var
|
|
4995
|
+
var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
|
|
4972
4996
|
var TextArea = (0, import_react22.forwardRef)(
|
|
4973
4997
|
({
|
|
4974
4998
|
rows = 3,
|
|
@@ -5026,8 +5050,8 @@ var TextArea = (0, import_react22.forwardRef)(
|
|
|
5026
5050
|
onSubmit();
|
|
5027
5051
|
}
|
|
5028
5052
|
};
|
|
5029
|
-
return /* @__PURE__ */ (0,
|
|
5030
|
-
/* @__PURE__ */ (0,
|
|
5053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { css: wrapperStyles, children: [
|
|
5054
|
+
/* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5031
5055
|
"textarea",
|
|
5032
5056
|
{
|
|
5033
5057
|
ref: (node) => {
|
|
@@ -5057,14 +5081,14 @@ var TextArea = (0, import_react22.forwardRef)(
|
|
|
5057
5081
|
...props
|
|
5058
5082
|
}
|
|
5059
5083
|
),
|
|
5060
|
-
showSubmit && /* @__PURE__ */ (0,
|
|
5084
|
+
showSubmit && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5061
5085
|
Button_default,
|
|
5062
5086
|
{
|
|
5063
5087
|
size: "xs",
|
|
5064
5088
|
"aria-label": submitAriaLabel,
|
|
5065
5089
|
onClick: onSubmit,
|
|
5066
5090
|
disabled: disabled || submitDisabled,
|
|
5067
|
-
icon: /* @__PURE__ */ (0,
|
|
5091
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
5068
5092
|
Icon_default,
|
|
5069
5093
|
{
|
|
5070
5094
|
variant: "PaperPlane",
|
|
@@ -5112,15 +5136,15 @@ var contentStyles = import_react23.css`
|
|
|
5112
5136
|
`;
|
|
5113
5137
|
|
|
5114
5138
|
// src/MessageBubble/MessageBubble.tsx
|
|
5115
|
-
var
|
|
5139
|
+
var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
|
|
5116
5140
|
var MessageBubble = ({
|
|
5117
5141
|
variant = "sent",
|
|
5118
5142
|
timestamp,
|
|
5119
5143
|
className,
|
|
5120
5144
|
children
|
|
5121
5145
|
}) => {
|
|
5122
|
-
return /* @__PURE__ */ (0,
|
|
5123
|
-
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)(
|
|
5124
5148
|
Text_default,
|
|
5125
5149
|
{
|
|
5126
5150
|
size: "xs",
|
|
@@ -5129,7 +5153,7 @@ var MessageBubble = ({
|
|
|
5129
5153
|
children: timestamp
|
|
5130
5154
|
}
|
|
5131
5155
|
),
|
|
5132
|
-
/* @__PURE__ */ (0,
|
|
5156
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { css: contentStyles, children }) })
|
|
5133
5157
|
] });
|
|
5134
5158
|
};
|
|
5135
5159
|
var MessageBubble_default = MessageBubble;
|
|
@@ -5160,14 +5184,14 @@ var tagChipVariantStyles = {
|
|
|
5160
5184
|
};
|
|
5161
5185
|
|
|
5162
5186
|
// src/TagChip/TagChip.tsx
|
|
5163
|
-
var
|
|
5187
|
+
var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
|
|
5164
5188
|
var TagChip = ({
|
|
5165
5189
|
variant = "primary",
|
|
5166
5190
|
className,
|
|
5167
5191
|
children,
|
|
5168
5192
|
...rest
|
|
5169
5193
|
}) => {
|
|
5170
|
-
return /* @__PURE__ */ (0,
|
|
5194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
5171
5195
|
Box_default,
|
|
5172
5196
|
{
|
|
5173
5197
|
display: "inline-flex",
|
|
@@ -5178,7 +5202,7 @@ var TagChip = ({
|
|
|
5178
5202
|
css: tagChipVariantStyles[variant],
|
|
5179
5203
|
className,
|
|
5180
5204
|
...rest,
|
|
5181
|
-
children: /* @__PURE__ */ (0,
|
|
5205
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
|
|
5182
5206
|
}
|
|
5183
5207
|
);
|
|
5184
5208
|
};
|
|
@@ -5244,7 +5268,7 @@ var widgetTrigger = import_react25.css`
|
|
|
5244
5268
|
`;
|
|
5245
5269
|
|
|
5246
5270
|
// src/Widget/Widget.tsx
|
|
5247
|
-
var
|
|
5271
|
+
var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
|
|
5248
5272
|
var WidgetContext = (0, import_react26.createContext)(null);
|
|
5249
5273
|
var useWidgetContext = () => {
|
|
5250
5274
|
const ctx = (0, import_react26.useContext)(WidgetContext);
|
|
@@ -5255,7 +5279,7 @@ var useWidgetContext = () => {
|
|
|
5255
5279
|
var WidgetTrigger = () => {
|
|
5256
5280
|
const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
|
|
5257
5281
|
const currentIcon = expanded ? expandedIcon : icon;
|
|
5258
|
-
return /* @__PURE__ */ (0,
|
|
5282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(import_jsx_runtime217.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5259
5283
|
Button_default,
|
|
5260
5284
|
{
|
|
5261
5285
|
ref: triggerRef,
|
|
@@ -5263,7 +5287,7 @@ var WidgetTrigger = () => {
|
|
|
5263
5287
|
"aria-haspopup": "dialog",
|
|
5264
5288
|
onClick: toggle,
|
|
5265
5289
|
size: "lg",
|
|
5266
|
-
icon: /* @__PURE__ */ (0,
|
|
5290
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
|
|
5267
5291
|
css: widgetTrigger
|
|
5268
5292
|
}
|
|
5269
5293
|
) });
|
|
@@ -5272,7 +5296,7 @@ var WidgetPanel = ({ className, style, children }) => {
|
|
|
5272
5296
|
const { expanded, panelWidth } = useWidgetContext();
|
|
5273
5297
|
if (!expanded)
|
|
5274
5298
|
return null;
|
|
5275
|
-
return /* @__PURE__ */ (0,
|
|
5299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5276
5300
|
Box_default,
|
|
5277
5301
|
{
|
|
5278
5302
|
css: panelCard(panelWidth),
|
|
@@ -5354,7 +5378,7 @@ var WidgetRoot = ({
|
|
|
5354
5378
|
}),
|
|
5355
5379
|
[expandedIcon, icon, isExpanded, panelWidth, toggle]
|
|
5356
5380
|
);
|
|
5357
|
-
return /* @__PURE__ */ (0,
|
|
5381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5358
5382
|
Box_default,
|
|
5359
5383
|
{
|
|
5360
5384
|
ref: containerRef,
|
|
@@ -5365,7 +5389,7 @@ var WidgetRoot = ({
|
|
|
5365
5389
|
bottom: "var(--spacing-6)",
|
|
5366
5390
|
zIndex: 100,
|
|
5367
5391
|
...containerProps,
|
|
5368
|
-
children: /* @__PURE__ */ (0,
|
|
5392
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(WidgetContext.Provider, { value, children })
|
|
5369
5393
|
}
|
|
5370
5394
|
);
|
|
5371
5395
|
};
|
|
@@ -5533,23 +5557,23 @@ var buttonOverrideStyles = import_react28.css`
|
|
|
5533
5557
|
`;
|
|
5534
5558
|
|
|
5535
5559
|
// src/ChatWidget/components/AskBuckButton.tsx
|
|
5536
|
-
var
|
|
5560
|
+
var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
|
|
5537
5561
|
var AskBuckButton = import_react29.default.forwardRef(
|
|
5538
5562
|
({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
|
|
5539
5563
|
var _a;
|
|
5540
5564
|
const widgetContext = (0, import_react29.useContext)(WidgetContext);
|
|
5541
5565
|
const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
|
|
5542
5566
|
const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
|
|
5543
|
-
return /* @__PURE__ */ (0,
|
|
5567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5544
5568
|
Button_default,
|
|
5545
5569
|
{
|
|
5546
5570
|
ref,
|
|
5547
5571
|
"aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
|
|
5548
5572
|
"aria-haspopup": "dialog",
|
|
5549
5573
|
onClick: widgetContext == null ? void 0 : widgetContext.toggle,
|
|
5550
|
-
icon: /* @__PURE__ */ (0,
|
|
5551
|
-
showBadge && /* @__PURE__ */ (0,
|
|
5552
|
-
/* @__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)(
|
|
5553
5577
|
Icon_default,
|
|
5554
5578
|
{
|
|
5555
5579
|
variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
|
|
@@ -5567,9 +5591,9 @@ AskBuckButton.displayName = "AskBuckButton";
|
|
|
5567
5591
|
var AskBuckButton_default = AskBuckButton;
|
|
5568
5592
|
|
|
5569
5593
|
// src/ChatWidget/ChatWidget.tsx
|
|
5570
|
-
var
|
|
5594
|
+
var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
|
|
5571
5595
|
var DEFAULT_EMPTY_STATE = [
|
|
5572
|
-
/* @__PURE__ */ (0,
|
|
5596
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5573
5597
|
AIResponse_default,
|
|
5574
5598
|
{
|
|
5575
5599
|
showDisclaimer: false,
|
|
@@ -5647,12 +5671,12 @@ var ChatWidget = ({
|
|
|
5647
5671
|
var _a;
|
|
5648
5672
|
const key = (_a = element.key) != null ? _a : index;
|
|
5649
5673
|
if (element.type === AIResponse_default) {
|
|
5650
|
-
return /* @__PURE__ */ (0,
|
|
5674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
|
|
5651
5675
|
}
|
|
5652
5676
|
if (element.type === MessageBubble_default) {
|
|
5653
|
-
return /* @__PURE__ */ (0,
|
|
5677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
|
|
5654
5678
|
}
|
|
5655
|
-
return /* @__PURE__ */ (0,
|
|
5679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(import_react30.default.Fragment, { children: element }, key);
|
|
5656
5680
|
}),
|
|
5657
5681
|
[messagesToRender]
|
|
5658
5682
|
);
|
|
@@ -5663,7 +5687,7 @@ var ChatWidget = ({
|
|
|
5663
5687
|
onSubmit(trimmed);
|
|
5664
5688
|
setValue("");
|
|
5665
5689
|
};
|
|
5666
|
-
return /* @__PURE__ */ (0,
|
|
5690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5667
5691
|
Widget_default,
|
|
5668
5692
|
{
|
|
5669
5693
|
ariaLabel,
|
|
@@ -5675,10 +5699,10 @@ var ChatWidget = ({
|
|
|
5675
5699
|
containerProps,
|
|
5676
5700
|
closeOnClickOutside,
|
|
5677
5701
|
children: [
|
|
5678
|
-
/* @__PURE__ */ (0,
|
|
5679
|
-
/* @__PURE__ */ (0,
|
|
5680
|
-
/* @__PURE__ */ (0,
|
|
5681
|
-
/* @__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)(
|
|
5682
5706
|
Box_default,
|
|
5683
5707
|
{
|
|
5684
5708
|
display: "flex",
|
|
@@ -5686,9 +5710,9 @@ var ChatWidget = ({
|
|
|
5686
5710
|
justifyContent: "space-between",
|
|
5687
5711
|
gap: "var(--spacing-4)",
|
|
5688
5712
|
children: [
|
|
5689
|
-
/* @__PURE__ */ (0,
|
|
5690
|
-
/* @__PURE__ */ (0,
|
|
5691
|
-
/* @__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)(
|
|
5692
5716
|
Heading_default,
|
|
5693
5717
|
{
|
|
5694
5718
|
size: "2xs",
|
|
@@ -5698,25 +5722,25 @@ var ChatWidget = ({
|
|
|
5698
5722
|
}
|
|
5699
5723
|
)
|
|
5700
5724
|
] }),
|
|
5701
|
-
/* @__PURE__ */ (0,
|
|
5725
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5702
5726
|
Button_default,
|
|
5703
5727
|
{
|
|
5704
5728
|
variant: "text",
|
|
5705
5729
|
size: "xs",
|
|
5706
5730
|
"aria-label": "Close widget",
|
|
5707
5731
|
onClick: () => setExpanded(false),
|
|
5708
|
-
children: /* @__PURE__ */ (0,
|
|
5709
|
-
/* @__PURE__ */ (0,
|
|
5710
|
-
/* @__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" })
|
|
5711
5735
|
] })
|
|
5712
5736
|
}
|
|
5713
5737
|
)
|
|
5714
5738
|
]
|
|
5715
5739
|
}
|
|
5716
5740
|
),
|
|
5717
|
-
/* @__PURE__ */ (0,
|
|
5741
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Divider_default, { mt: 4, mb: 0 })
|
|
5718
5742
|
] }),
|
|
5719
|
-
/* @__PURE__ */ (0,
|
|
5743
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5720
5744
|
Box_default,
|
|
5721
5745
|
{
|
|
5722
5746
|
ref: scrollRef,
|
|
@@ -5729,27 +5753,27 @@ var ChatWidget = ({
|
|
|
5729
5753
|
flexDirection: "column",
|
|
5730
5754
|
gap: "var(--spacing-2)",
|
|
5731
5755
|
children: [
|
|
5732
|
-
/* @__PURE__ */ (0,
|
|
5733
|
-
isThinking && /* @__PURE__ */ (0,
|
|
5734
|
-
/* @__PURE__ */ (0,
|
|
5735
|
-
/* @__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 })
|
|
5736
5760
|
] }) }),
|
|
5737
|
-
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)(
|
|
5738
5762
|
Box_default,
|
|
5739
5763
|
{
|
|
5740
5764
|
display: "flex",
|
|
5741
5765
|
flexDirection: "column",
|
|
5742
5766
|
gap: "var(--spacing-4)",
|
|
5743
5767
|
children: [
|
|
5744
|
-
/* @__PURE__ */ (0,
|
|
5745
|
-
/* @__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)(
|
|
5746
5770
|
Box_default,
|
|
5747
5771
|
{
|
|
5748
5772
|
display: "flex",
|
|
5749
5773
|
flexWrap: "wrap",
|
|
5750
5774
|
gap: "var(--spacing-4)",
|
|
5751
5775
|
alignItems: "flex-start",
|
|
5752
|
-
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0,
|
|
5776
|
+
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5753
5777
|
TagChip_default,
|
|
5754
5778
|
{
|
|
5755
5779
|
variant: "success",
|
|
@@ -5770,7 +5794,7 @@ var ChatWidget = ({
|
|
|
5770
5794
|
]
|
|
5771
5795
|
}
|
|
5772
5796
|
),
|
|
5773
|
-
/* @__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)(
|
|
5774
5798
|
TextArea_default,
|
|
5775
5799
|
{
|
|
5776
5800
|
rows: 3,
|
|
@@ -5794,7 +5818,7 @@ var ChatWidget_default = ChatWidget;
|
|
|
5794
5818
|
|
|
5795
5819
|
// src/FeatureList/components/FeatureListItem.tsx
|
|
5796
5820
|
var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
|
|
5797
|
-
var
|
|
5821
|
+
var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
|
|
5798
5822
|
var FeatureListItem = ({
|
|
5799
5823
|
iconVariant,
|
|
5800
5824
|
label,
|
|
@@ -5809,17 +5833,18 @@ var FeatureListItem = ({
|
|
|
5809
5833
|
}) => {
|
|
5810
5834
|
const iconDimensions = IconSizeMap[iconSize];
|
|
5811
5835
|
if (isLoading) {
|
|
5812
|
-
return /* @__PURE__ */ (0,
|
|
5813
|
-
/* @__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)(
|
|
5814
5838
|
Box_default,
|
|
5815
5839
|
{
|
|
5816
5840
|
display: "flex",
|
|
5817
5841
|
alignItems: "center",
|
|
5818
5842
|
gap: "var(--spacing-2)",
|
|
5843
|
+
maxHeight: iconDimensions.height,
|
|
5819
5844
|
className,
|
|
5820
5845
|
...rest,
|
|
5821
5846
|
children: [
|
|
5822
|
-
/* @__PURE__ */ (0,
|
|
5847
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5823
5848
|
import_react_loading_skeleton.default,
|
|
5824
5849
|
{
|
|
5825
5850
|
circle: true,
|
|
@@ -5828,24 +5853,24 @@ var FeatureListItem = ({
|
|
|
5828
5853
|
borderRadius: 4
|
|
5829
5854
|
}
|
|
5830
5855
|
),
|
|
5831
|
-
/* @__PURE__ */ (0,
|
|
5856
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
|
|
5832
5857
|
]
|
|
5833
5858
|
}
|
|
5834
5859
|
),
|
|
5835
|
-
subtitle && /* @__PURE__ */ (0,
|
|
5836
|
-
/* @__PURE__ */ (0,
|
|
5837
|
-
/* @__PURE__ */ (0,
|
|
5860
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
5861
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
5862
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
|
|
5838
5863
|
] })
|
|
5839
5864
|
] });
|
|
5840
5865
|
}
|
|
5841
|
-
return /* @__PURE__ */ (0,
|
|
5842
|
-
/* @__PURE__ */ (0,
|
|
5866
|
+
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: [
|
|
5867
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
|
|
5843
5868
|
label,
|
|
5844
5869
|
" "
|
|
5845
5870
|
] }),
|
|
5846
5871
|
subtitle
|
|
5847
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
5848
|
-
/* @__PURE__ */ (0,
|
|
5872
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
|
|
5873
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
5849
5874
|
Box_default,
|
|
5850
5875
|
{
|
|
5851
5876
|
display: "flex",
|
|
@@ -5854,23 +5879,23 @@ var FeatureListItem = ({
|
|
|
5854
5879
|
className,
|
|
5855
5880
|
...rest,
|
|
5856
5881
|
children: [
|
|
5857
|
-
iconVariant && /* @__PURE__ */ (0,
|
|
5858
|
-
/* @__PURE__ */ (0,
|
|
5882
|
+
iconVariant && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: iconVariant, size: iconSize, fill: iconColor }),
|
|
5883
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
|
|
5859
5884
|
]
|
|
5860
5885
|
}
|
|
5861
5886
|
),
|
|
5862
|
-
subtitle && /* @__PURE__ */ (0,
|
|
5863
|
-
/* @__PURE__ */ (0,
|
|
5864
|
-
/* @__PURE__ */ (0,
|
|
5887
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
5888
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
5889
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "sm", children: subtitle })
|
|
5865
5890
|
] })
|
|
5866
5891
|
] }) });
|
|
5867
5892
|
};
|
|
5868
5893
|
var FeatureListItem_default = FeatureListItem;
|
|
5869
5894
|
|
|
5870
5895
|
// src/FeatureList/FeatureList.tsx
|
|
5871
|
-
var
|
|
5896
|
+
var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
|
|
5872
5897
|
var FeatureList = ({ heading, items, className }) => {
|
|
5873
|
-
return /* @__PURE__ */ (0,
|
|
5898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
|
|
5874
5899
|
Box_default,
|
|
5875
5900
|
{
|
|
5876
5901
|
display: "flex",
|
|
@@ -5878,8 +5903,8 @@ var FeatureList = ({ heading, items, className }) => {
|
|
|
5878
5903
|
gap: "var(--spacing-2)",
|
|
5879
5904
|
className,
|
|
5880
5905
|
children: [
|
|
5881
|
-
heading && /* @__PURE__ */ (0,
|
|
5882
|
-
/* @__PURE__ */ (0,
|
|
5906
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { fontWeight: "bold", children: heading }),
|
|
5907
|
+
/* @__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}`)) })
|
|
5883
5908
|
]
|
|
5884
5909
|
}
|
|
5885
5910
|
);
|
|
@@ -5915,7 +5940,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react31.css`
|
|
|
5915
5940
|
`;
|
|
5916
5941
|
|
|
5917
5942
|
// src/FieldNoteCard/FieldNoteCard.tsx
|
|
5918
|
-
var
|
|
5943
|
+
var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
|
|
5919
5944
|
var FieldNoteCard = ({
|
|
5920
5945
|
backgroundImage,
|
|
5921
5946
|
title,
|
|
@@ -5924,14 +5949,14 @@ var FieldNoteCard = ({
|
|
|
5924
5949
|
className,
|
|
5925
5950
|
...rest
|
|
5926
5951
|
}) => {
|
|
5927
|
-
return /* @__PURE__ */ (0,
|
|
5952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5928
5953
|
Box_default,
|
|
5929
5954
|
{
|
|
5930
5955
|
display: "flex",
|
|
5931
5956
|
css: cardContainerStyles,
|
|
5932
5957
|
className,
|
|
5933
5958
|
...rest,
|
|
5934
|
-
children: /* @__PURE__ */ (0,
|
|
5959
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5935
5960
|
Box_default,
|
|
5936
5961
|
{
|
|
5937
5962
|
display: "flex",
|
|
@@ -5939,9 +5964,9 @@ var FieldNoteCard = ({
|
|
|
5939
5964
|
justifyContent: "flex-end",
|
|
5940
5965
|
p: 6,
|
|
5941
5966
|
css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
|
|
5942
|
-
children: /* @__PURE__ */ (0,
|
|
5943
|
-
/* @__PURE__ */ (0,
|
|
5944
|
-
/* @__PURE__ */ (0,
|
|
5967
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
5968
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
5969
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
5945
5970
|
] })
|
|
5946
5971
|
}
|
|
5947
5972
|
)
|
|
@@ -5952,7 +5977,7 @@ var FieldNoteCard_default = FieldNoteCard;
|
|
|
5952
5977
|
|
|
5953
5978
|
// src/Form/FormField.tsx
|
|
5954
5979
|
var import_react32 = require("@emotion/react");
|
|
5955
|
-
var
|
|
5980
|
+
var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
|
|
5956
5981
|
var fieldContainerStyles = import_react32.css`
|
|
5957
5982
|
display: flex;
|
|
5958
5983
|
flex-direction: column;
|
|
@@ -6019,21 +6044,21 @@ var FormField = ({
|
|
|
6019
6044
|
const hasError = !!error;
|
|
6020
6045
|
const hasSuccess = !!success && !hasError;
|
|
6021
6046
|
const hasHelpText = !!helpText && !hasError && !hasSuccess;
|
|
6022
|
-
return /* @__PURE__ */ (0,
|
|
6023
|
-
label && /* @__PURE__ */ (0,
|
|
6047
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: fieldContainerStyles, className, children: [
|
|
6048
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
|
|
6024
6049
|
"label",
|
|
6025
6050
|
{
|
|
6026
6051
|
htmlFor,
|
|
6027
6052
|
css: [labelStyles2, hideLabel && visuallyHiddenStyles],
|
|
6028
6053
|
children: [
|
|
6029
6054
|
label,
|
|
6030
|
-
required && /* @__PURE__ */ (0,
|
|
6055
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
|
|
6031
6056
|
]
|
|
6032
6057
|
}
|
|
6033
6058
|
),
|
|
6034
6059
|
children,
|
|
6035
|
-
hasError && /* @__PURE__ */ (0,
|
|
6036
|
-
/* @__PURE__ */ (0,
|
|
6060
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
|
|
6061
|
+
/* @__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)(
|
|
6037
6062
|
"path",
|
|
6038
6063
|
{
|
|
6039
6064
|
fillRule: "evenodd",
|
|
@@ -6043,8 +6068,8 @@ var FormField = ({
|
|
|
6043
6068
|
) }),
|
|
6044
6069
|
error
|
|
6045
6070
|
] }),
|
|
6046
|
-
hasSuccess && /* @__PURE__ */ (0,
|
|
6047
|
-
/* @__PURE__ */ (0,
|
|
6071
|
+
hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: successTextStyles, children: [
|
|
6072
|
+
/* @__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)(
|
|
6048
6073
|
"path",
|
|
6049
6074
|
{
|
|
6050
6075
|
fillRule: "evenodd",
|
|
@@ -6054,14 +6079,14 @@ var FormField = ({
|
|
|
6054
6079
|
) }),
|
|
6055
6080
|
success
|
|
6056
6081
|
] }),
|
|
6057
|
-
hasHelpText && /* @__PURE__ */ (0,
|
|
6082
|
+
hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { css: helpTextStyles, children: helpText })
|
|
6058
6083
|
] });
|
|
6059
6084
|
};
|
|
6060
6085
|
|
|
6061
6086
|
// src/Form/Input.tsx
|
|
6062
6087
|
var import_react33 = require("@emotion/react");
|
|
6063
6088
|
var import_react34 = require("react");
|
|
6064
|
-
var
|
|
6089
|
+
var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
|
|
6065
6090
|
var inputStyles = import_react33.css`
|
|
6066
6091
|
position: relative;
|
|
6067
6092
|
width: 100%;
|
|
@@ -6191,9 +6216,9 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
6191
6216
|
hasEndIcon && "has-end-icon",
|
|
6192
6217
|
className
|
|
6193
6218
|
].filter(Boolean).join(" ");
|
|
6194
|
-
return /* @__PURE__ */ (0,
|
|
6195
|
-
hasStartIcon && /* @__PURE__ */ (0,
|
|
6196
|
-
/* @__PURE__ */ (0,
|
|
6219
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { css: inputWrapperStyles, children: [
|
|
6220
|
+
hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: startIconStyles, children: startIcon }),
|
|
6221
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
6197
6222
|
"input",
|
|
6198
6223
|
{
|
|
6199
6224
|
ref,
|
|
@@ -6210,7 +6235,7 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
6210
6235
|
...props
|
|
6211
6236
|
}
|
|
6212
6237
|
),
|
|
6213
|
-
hasEndIcon && /* @__PURE__ */ (0,
|
|
6238
|
+
hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: endIconStyles, children: endIcon })
|
|
6214
6239
|
] });
|
|
6215
6240
|
}
|
|
6216
6241
|
);
|
|
@@ -6219,7 +6244,7 @@ Input.displayName = "Input";
|
|
|
6219
6244
|
// src/Form/Select.tsx
|
|
6220
6245
|
var import_react35 = require("@emotion/react");
|
|
6221
6246
|
var import_react36 = require("react");
|
|
6222
|
-
var
|
|
6247
|
+
var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
|
|
6223
6248
|
var selectStyles = import_react35.css`
|
|
6224
6249
|
position: relative;
|
|
6225
6250
|
width: 100%;
|
|
@@ -6316,7 +6341,7 @@ var Select = (0, import_react36.forwardRef)(
|
|
|
6316
6341
|
className = "",
|
|
6317
6342
|
...props
|
|
6318
6343
|
}, ref) => {
|
|
6319
|
-
return /* @__PURE__ */ (0,
|
|
6344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
|
|
6320
6345
|
"select",
|
|
6321
6346
|
{
|
|
6322
6347
|
ref,
|
|
@@ -6325,8 +6350,8 @@ var Select = (0, import_react36.forwardRef)(
|
|
|
6325
6350
|
className,
|
|
6326
6351
|
...props,
|
|
6327
6352
|
children: [
|
|
6328
|
-
placeholderOption && /* @__PURE__ */ (0,
|
|
6329
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
6353
|
+
placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
|
|
6354
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
6330
6355
|
"option",
|
|
6331
6356
|
{
|
|
6332
6357
|
value: option.value,
|
|
@@ -6584,7 +6609,7 @@ var generateJustifyItems = (justifyItems) => {
|
|
|
6584
6609
|
};
|
|
6585
6610
|
|
|
6586
6611
|
// src/Grid/Column.tsx
|
|
6587
|
-
var
|
|
6612
|
+
var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
|
|
6588
6613
|
var Column = ({
|
|
6589
6614
|
span,
|
|
6590
6615
|
start,
|
|
@@ -6613,13 +6638,13 @@ var Column = ({
|
|
|
6613
6638
|
grid-area: ${area};
|
|
6614
6639
|
`
|
|
6615
6640
|
].filter(Boolean);
|
|
6616
|
-
return /* @__PURE__ */ (0,
|
|
6641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: columnStyles, ...props, children });
|
|
6617
6642
|
};
|
|
6618
6643
|
var Column_default = Column;
|
|
6619
6644
|
|
|
6620
6645
|
// src/Grid/Grid.tsx
|
|
6621
6646
|
var import_react39 = require("@emotion/react");
|
|
6622
|
-
var
|
|
6647
|
+
var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
|
|
6623
6648
|
var baseGridStyles = import_react39.css`
|
|
6624
6649
|
display: grid;
|
|
6625
6650
|
`;
|
|
@@ -6658,13 +6683,13 @@ var Grid = ({
|
|
|
6658
6683
|
justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
|
|
6659
6684
|
`
|
|
6660
6685
|
].filter(Boolean);
|
|
6661
|
-
return /* @__PURE__ */ (0,
|
|
6686
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { css: gridStyles, ...props, children });
|
|
6662
6687
|
};
|
|
6663
6688
|
var Grid_default = Grid;
|
|
6664
6689
|
|
|
6665
6690
|
// src/Grid/GridContainer.tsx
|
|
6666
6691
|
var import_react40 = require("@emotion/react");
|
|
6667
|
-
var
|
|
6692
|
+
var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
|
|
6668
6693
|
var baseContainerStyles = import_react40.css`
|
|
6669
6694
|
width: 100%;
|
|
6670
6695
|
margin: 0 auto;
|
|
@@ -6709,7 +6734,7 @@ var GridContainer = ({
|
|
|
6709
6734
|
baseContainerStyles,
|
|
6710
6735
|
generateMaxWidthStyles(maxWidth)
|
|
6711
6736
|
];
|
|
6712
|
-
return /* @__PURE__ */ (0,
|
|
6737
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
|
|
6713
6738
|
};
|
|
6714
6739
|
var GridContainer_default = GridContainer;
|
|
6715
6740
|
|
|
@@ -6742,7 +6767,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react41.css`
|
|
|
6742
6767
|
`;
|
|
6743
6768
|
|
|
6744
6769
|
// src/HuntCard/HuntCard.tsx
|
|
6745
|
-
var
|
|
6770
|
+
var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
|
|
6746
6771
|
var HuntCard = ({
|
|
6747
6772
|
backgroundImage,
|
|
6748
6773
|
title,
|
|
@@ -6751,14 +6776,14 @@ var HuntCard = ({
|
|
|
6751
6776
|
className,
|
|
6752
6777
|
...rest
|
|
6753
6778
|
}) => {
|
|
6754
|
-
return /* @__PURE__ */ (0,
|
|
6779
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6755
6780
|
Box_default,
|
|
6756
6781
|
{
|
|
6757
6782
|
display: "flex",
|
|
6758
6783
|
css: cardContainerStyles2,
|
|
6759
6784
|
className,
|
|
6760
6785
|
...rest,
|
|
6761
|
-
children: /* @__PURE__ */ (0,
|
|
6786
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6762
6787
|
Box_default,
|
|
6763
6788
|
{
|
|
6764
6789
|
display: "flex",
|
|
@@ -6766,9 +6791,9 @@ var HuntCard = ({
|
|
|
6766
6791
|
justifyContent: "flex-end",
|
|
6767
6792
|
p: 6,
|
|
6768
6793
|
css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
|
|
6769
|
-
children: /* @__PURE__ */ (0,
|
|
6770
|
-
/* @__PURE__ */ (0,
|
|
6771
|
-
/* @__PURE__ */ (0,
|
|
6794
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
6795
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
6796
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
6772
6797
|
] })
|
|
6773
6798
|
}
|
|
6774
6799
|
)
|
|
@@ -6778,9 +6803,9 @@ var HuntCard = ({
|
|
|
6778
6803
|
var HuntCard_default = HuntCard;
|
|
6779
6804
|
|
|
6780
6805
|
// src/InfoBox/InfoBox.tsx
|
|
6781
|
-
var
|
|
6806
|
+
var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
|
|
6782
6807
|
var InfoBox = ({ heading, features, className }) => {
|
|
6783
|
-
return /* @__PURE__ */ (0,
|
|
6808
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6784
6809
|
Box_default,
|
|
6785
6810
|
{
|
|
6786
6811
|
display: "flex",
|
|
@@ -6789,8 +6814,8 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
6789
6814
|
className,
|
|
6790
6815
|
color: "var(--text-primary)",
|
|
6791
6816
|
children: [
|
|
6792
|
-
/* @__PURE__ */ (0,
|
|
6793
|
-
/* @__PURE__ */ (0,
|
|
6817
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
6818
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6794
6819
|
Box_default,
|
|
6795
6820
|
{
|
|
6796
6821
|
display: "flex",
|
|
@@ -6800,7 +6825,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
6800
6825
|
borderRadius: "var(--radius-lg)",
|
|
6801
6826
|
bg: "var(--surface-neutral)",
|
|
6802
6827
|
className,
|
|
6803
|
-
children: features.map((section, index) => /* @__PURE__ */ (0,
|
|
6828
|
+
children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6804
6829
|
FeatureList_default,
|
|
6805
6830
|
{
|
|
6806
6831
|
heading: section.heading,
|
|
@@ -6818,7 +6843,7 @@ var InfoBox_default = InfoBox;
|
|
|
6818
6843
|
|
|
6819
6844
|
// src/StarRating/StarRating.tsx
|
|
6820
6845
|
var import_react42 = require("@emotion/react");
|
|
6821
|
-
var
|
|
6846
|
+
var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
|
|
6822
6847
|
var starSize = {
|
|
6823
6848
|
sm: {
|
|
6824
6849
|
size: "medium",
|
|
@@ -6837,7 +6862,7 @@ var StarRating = ({
|
|
|
6837
6862
|
const stars = [];
|
|
6838
6863
|
for (let i = 1; i <= 5; i++) {
|
|
6839
6864
|
stars.push(
|
|
6840
|
-
/* @__PURE__ */ (0,
|
|
6865
|
+
/* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6841
6866
|
Icon_default,
|
|
6842
6867
|
{
|
|
6843
6868
|
variant: "StarSolid",
|
|
@@ -6851,7 +6876,7 @@ var StarRating = ({
|
|
|
6851
6876
|
)
|
|
6852
6877
|
);
|
|
6853
6878
|
}
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
6879
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6855
6880
|
Box_default,
|
|
6856
6881
|
{
|
|
6857
6882
|
className,
|
|
@@ -6865,7 +6890,7 @@ var StarRating = ({
|
|
|
6865
6890
|
var StarRating_default = StarRating;
|
|
6866
6891
|
|
|
6867
6892
|
// src/UserCard/UserCard.tsx
|
|
6868
|
-
var
|
|
6893
|
+
var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
|
|
6869
6894
|
var UserCard = ({
|
|
6870
6895
|
avatarSrc,
|
|
6871
6896
|
title,
|
|
@@ -6875,7 +6900,7 @@ var UserCard = ({
|
|
|
6875
6900
|
isVerified = false,
|
|
6876
6901
|
className
|
|
6877
6902
|
}) => {
|
|
6878
|
-
return /* @__PURE__ */ (0,
|
|
6903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6879
6904
|
Box_default,
|
|
6880
6905
|
{
|
|
6881
6906
|
display: "flex",
|
|
@@ -6884,8 +6909,8 @@ var UserCard = ({
|
|
|
6884
6909
|
gap: "var(--spacing-4)",
|
|
6885
6910
|
className,
|
|
6886
6911
|
children: [
|
|
6887
|
-
/* @__PURE__ */ (0,
|
|
6888
|
-
/* @__PURE__ */ (0,
|
|
6912
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
|
|
6913
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6889
6914
|
Avatar_default,
|
|
6890
6915
|
{
|
|
6891
6916
|
type: avatarSrc ? "image" : "text",
|
|
@@ -6894,13 +6919,13 @@ var UserCard = ({
|
|
|
6894
6919
|
alt: `${title}'s avatar`
|
|
6895
6920
|
}
|
|
6896
6921
|
),
|
|
6897
|
-
/* @__PURE__ */ (0,
|
|
6898
|
-
/* @__PURE__ */ (0,
|
|
6899
|
-
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0,
|
|
6900
|
-
showRating && rating !== void 0 && /* @__PURE__ */ (0,
|
|
6922
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
6923
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
|
|
6924
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
|
|
6925
|
+
showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StarRating_default, { rating, size: "sm" })
|
|
6901
6926
|
] })
|
|
6902
6927
|
] }),
|
|
6903
|
-
isVerified && /* @__PURE__ */ (0,
|
|
6928
|
+
isVerified && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6904
6929
|
Box_default,
|
|
6905
6930
|
{
|
|
6906
6931
|
display: "flex",
|
|
@@ -6909,8 +6934,8 @@ var UserCard = ({
|
|
|
6909
6934
|
gap: "var(--spacing-1)",
|
|
6910
6935
|
flexShrink: 0,
|
|
6911
6936
|
children: [
|
|
6912
|
-
/* @__PURE__ */ (0,
|
|
6913
|
-
/* @__PURE__ */ (0,
|
|
6937
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
|
|
6938
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
|
|
6914
6939
|
]
|
|
6915
6940
|
}
|
|
6916
6941
|
)
|
|
@@ -6921,25 +6946,25 @@ var UserCard = ({
|
|
|
6921
6946
|
var UserCard_default = UserCard;
|
|
6922
6947
|
|
|
6923
6948
|
// src/LandownerProfile/components/ProfileSubtitle.tsx
|
|
6924
|
-
var
|
|
6949
|
+
var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
|
|
6925
6950
|
var ProfileSubtitle = ({
|
|
6926
6951
|
yearsHosting = 1,
|
|
6927
6952
|
featureReviewItem
|
|
6928
6953
|
}) => {
|
|
6929
|
-
return /* @__PURE__ */ (0,
|
|
6930
|
-
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0,
|
|
6954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
6955
|
+
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
6931
6956
|
yearsHosting,
|
|
6932
6957
|
" ",
|
|
6933
6958
|
yearsHosting === 1 ? "Year" : "Years",
|
|
6934
6959
|
" Hosting"
|
|
6935
6960
|
] }),
|
|
6936
|
-
featureReviewItem && /* @__PURE__ */ (0,
|
|
6961
|
+
featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...featureReviewItem })
|
|
6937
6962
|
] });
|
|
6938
6963
|
};
|
|
6939
6964
|
var ProfileSubtitle_default = ProfileSubtitle;
|
|
6940
6965
|
|
|
6941
6966
|
// src/LandownerProfile/LandownerProfile.tsx
|
|
6942
|
-
var
|
|
6967
|
+
var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
|
|
6943
6968
|
var LandownerProfile = ({
|
|
6944
6969
|
heading,
|
|
6945
6970
|
avatarSrc,
|
|
@@ -6963,7 +6988,7 @@ var LandownerProfile = ({
|
|
|
6963
6988
|
iconVariant: "Bolt",
|
|
6964
6989
|
label: `Response Time: ${responseTime}`
|
|
6965
6990
|
} : void 0;
|
|
6966
|
-
return /* @__PURE__ */ (0,
|
|
6991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
|
|
6967
6992
|
Box_default,
|
|
6968
6993
|
{
|
|
6969
6994
|
display: "flex",
|
|
@@ -6972,8 +6997,8 @@ var LandownerProfile = ({
|
|
|
6972
6997
|
color: "var(--text-primary)",
|
|
6973
6998
|
className,
|
|
6974
6999
|
children: [
|
|
6975
|
-
/* @__PURE__ */ (0,
|
|
6976
|
-
/* @__PURE__ */ (0,
|
|
7000
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7001
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
|
|
6977
7002
|
Box_default,
|
|
6978
7003
|
{
|
|
6979
7004
|
display: "flex",
|
|
@@ -6983,12 +7008,12 @@ var LandownerProfile = ({
|
|
|
6983
7008
|
p: "var(--spacing-4)",
|
|
6984
7009
|
borderRadius: "var(--radius-lg)",
|
|
6985
7010
|
children: [
|
|
6986
|
-
/* @__PURE__ */ (0,
|
|
7011
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6987
7012
|
UserCard_default,
|
|
6988
7013
|
{
|
|
6989
7014
|
avatarSrc,
|
|
6990
7015
|
title: name,
|
|
6991
|
-
subtitle: /* @__PURE__ */ (0,
|
|
7016
|
+
subtitle: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6992
7017
|
ProfileSubtitle_default,
|
|
6993
7018
|
{
|
|
6994
7019
|
yearsHosting,
|
|
@@ -6999,9 +7024,9 @@ var LandownerProfile = ({
|
|
|
6999
7024
|
isVerified
|
|
7000
7025
|
}
|
|
7001
7026
|
),
|
|
7002
|
-
bio && /* @__PURE__ */ (0,
|
|
7003
|
-
/* @__PURE__ */ (0,
|
|
7004
|
-
/* @__PURE__ */ (0,
|
|
7027
|
+
bio && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7028
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
|
|
7029
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7005
7030
|
Text_default,
|
|
7006
7031
|
{
|
|
7007
7032
|
dangerouslySetInnerHTML: {
|
|
@@ -7010,14 +7035,14 @@ var LandownerProfile = ({
|
|
|
7010
7035
|
}
|
|
7011
7036
|
)
|
|
7012
7037
|
] }),
|
|
7013
|
-
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0,
|
|
7014
|
-
/* @__PURE__ */ (0,
|
|
7015
|
-
/* @__PURE__ */ (0,
|
|
7016
|
-
!!responseRateFeature && /* @__PURE__ */ (0,
|
|
7017
|
-
!!responseTimeFeature && /* @__PURE__ */ (0,
|
|
7038
|
+
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7039
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
|
|
7040
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7041
|
+
!!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FeatureListItem_default, { ...responseRateFeature }),
|
|
7042
|
+
!!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FeatureListItem_default, { ...responseTimeFeature })
|
|
7018
7043
|
] })
|
|
7019
7044
|
] }),
|
|
7020
|
-
/* @__PURE__ */ (0,
|
|
7045
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7021
7046
|
Button_default,
|
|
7022
7047
|
{
|
|
7023
7048
|
variant: "secondary",
|
|
@@ -7075,7 +7100,7 @@ var inputWrapperStyles2 = import_react43.css`
|
|
|
7075
7100
|
`;
|
|
7076
7101
|
|
|
7077
7102
|
// src/ListingChat/ListingChat.tsx
|
|
7078
|
-
var
|
|
7103
|
+
var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
|
|
7079
7104
|
var ListingChat = ({
|
|
7080
7105
|
onSubmit,
|
|
7081
7106
|
placeholder = "Ask anything about this listing\u2026",
|
|
@@ -7102,18 +7127,18 @@ var ListingChat = ({
|
|
|
7102
7127
|
},
|
|
7103
7128
|
[onSubmit]
|
|
7104
7129
|
);
|
|
7105
|
-
return /* @__PURE__ */ (0,
|
|
7106
|
-
/* @__PURE__ */ (0,
|
|
7107
|
-
/* @__PURE__ */ (0,
|
|
7108
|
-
/* @__PURE__ */ (0,
|
|
7109
|
-
/* @__PURE__ */ (0,
|
|
7130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
|
|
7131
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { css: headerStyles, children: [
|
|
7132
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { children: [
|
|
7133
|
+
/* @__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 }) }),
|
|
7134
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
|
|
7110
7135
|
] }),
|
|
7111
|
-
/* @__PURE__ */ (0,
|
|
7112
|
-
/* @__PURE__ */ (0,
|
|
7113
|
-
/* @__PURE__ */ (0,
|
|
7136
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
|
|
7137
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
|
|
7138
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "sm", children: "Beta" })
|
|
7114
7139
|
] })
|
|
7115
7140
|
] }),
|
|
7116
|
-
/* @__PURE__ */ (0,
|
|
7141
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7117
7142
|
TextArea,
|
|
7118
7143
|
{
|
|
7119
7144
|
rows: 1,
|
|
@@ -7128,14 +7153,14 @@ var ListingChat = ({
|
|
|
7128
7153
|
css: textAreaStyles
|
|
7129
7154
|
}
|
|
7130
7155
|
) }),
|
|
7131
|
-
tags.length > 0 && /* @__PURE__ */ (0,
|
|
7132
|
-
/* @__PURE__ */ (0,
|
|
7133
|
-
/* @__PURE__ */ (0,
|
|
7156
|
+
tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
|
|
7157
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
|
|
7158
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7134
7159
|
"button",
|
|
7135
7160
|
{
|
|
7136
7161
|
onClick: handleTagClick(tag),
|
|
7137
7162
|
disabled,
|
|
7138
|
-
children: /* @__PURE__ */ (0,
|
|
7163
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(TagChip_default, { children: tag })
|
|
7139
7164
|
},
|
|
7140
7165
|
tag
|
|
7141
7166
|
)) })
|
|
@@ -7148,8 +7173,8 @@ var ListingChat_default = ListingChat;
|
|
|
7148
7173
|
var import_react45 = require("@emotion/react");
|
|
7149
7174
|
|
|
7150
7175
|
// src/Logo/components/LandtrustPlusDark.tsx
|
|
7151
|
-
var
|
|
7152
|
-
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0,
|
|
7176
|
+
var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
|
|
7177
|
+
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
7153
7178
|
"svg",
|
|
7154
7179
|
{
|
|
7155
7180
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7157,14 +7182,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7157
7182
|
fill: "none",
|
|
7158
7183
|
...props,
|
|
7159
7184
|
children: [
|
|
7160
|
-
/* @__PURE__ */ (0,
|
|
7185
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7161
7186
|
"path",
|
|
7162
7187
|
{
|
|
7163
7188
|
fill: "#000",
|
|
7164
7189
|
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"
|
|
7165
7190
|
}
|
|
7166
7191
|
) }),
|
|
7167
|
-
/* @__PURE__ */ (0,
|
|
7192
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7168
7193
|
"path",
|
|
7169
7194
|
{
|
|
7170
7195
|
fill: "#FAD44E",
|
|
@@ -7173,14 +7198,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7173
7198
|
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"
|
|
7174
7199
|
}
|
|
7175
7200
|
),
|
|
7176
|
-
/* @__PURE__ */ (0,
|
|
7201
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7177
7202
|
"path",
|
|
7178
7203
|
{
|
|
7179
7204
|
fill: "#fff",
|
|
7180
7205
|
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"
|
|
7181
7206
|
}
|
|
7182
7207
|
),
|
|
7183
|
-
/* @__PURE__ */ (0,
|
|
7208
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
7184
7209
|
"filter",
|
|
7185
7210
|
{
|
|
7186
7211
|
id: "landtrust-plus-dark_svg__a",
|
|
@@ -7191,8 +7216,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7191
7216
|
colorInterpolationFilters: "sRGB",
|
|
7192
7217
|
filterUnits: "userSpaceOnUse",
|
|
7193
7218
|
children: [
|
|
7194
|
-
/* @__PURE__ */ (0,
|
|
7195
|
-
/* @__PURE__ */ (0,
|
|
7219
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7220
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7196
7221
|
"feColorMatrix",
|
|
7197
7222
|
{
|
|
7198
7223
|
in: "SourceAlpha",
|
|
@@ -7200,18 +7225,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7200
7225
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7201
7226
|
}
|
|
7202
7227
|
),
|
|
7203
|
-
/* @__PURE__ */ (0,
|
|
7204
|
-
/* @__PURE__ */ (0,
|
|
7205
|
-
/* @__PURE__ */ (0,
|
|
7206
|
-
/* @__PURE__ */ (0,
|
|
7207
|
-
/* @__PURE__ */ (0,
|
|
7228
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feOffset", { dy: 1 }),
|
|
7229
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7230
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7231
|
+
/* @__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" }),
|
|
7232
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7208
7233
|
"feBlend",
|
|
7209
7234
|
{
|
|
7210
7235
|
in2: "BackgroundImageFix",
|
|
7211
7236
|
result: "effect1_dropShadow_257_2540"
|
|
7212
7237
|
}
|
|
7213
7238
|
),
|
|
7214
|
-
/* @__PURE__ */ (0,
|
|
7239
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7215
7240
|
"feBlend",
|
|
7216
7241
|
{
|
|
7217
7242
|
in: "SourceGraphic",
|
|
@@ -7228,8 +7253,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7228
7253
|
var LandtrustPlusDark_default = SvgLandtrustPlusDark;
|
|
7229
7254
|
|
|
7230
7255
|
// src/Logo/components/LandtrustPlusLight.tsx
|
|
7231
|
-
var
|
|
7232
|
-
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0,
|
|
7256
|
+
var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
|
|
7257
|
+
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7233
7258
|
"svg",
|
|
7234
7259
|
{
|
|
7235
7260
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7237,14 +7262,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7237
7262
|
fill: "none",
|
|
7238
7263
|
...props,
|
|
7239
7264
|
children: [
|
|
7240
|
-
/* @__PURE__ */ (0,
|
|
7265
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7241
7266
|
"path",
|
|
7242
7267
|
{
|
|
7243
7268
|
fill: "#000",
|
|
7244
7269
|
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"
|
|
7245
7270
|
}
|
|
7246
7271
|
) }),
|
|
7247
|
-
/* @__PURE__ */ (0,
|
|
7272
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7248
7273
|
"path",
|
|
7249
7274
|
{
|
|
7250
7275
|
fill: "#FAD44E",
|
|
@@ -7253,14 +7278,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7253
7278
|
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"
|
|
7254
7279
|
}
|
|
7255
7280
|
),
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7281
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7257
7282
|
"path",
|
|
7258
7283
|
{
|
|
7259
7284
|
fill: "#1A202C",
|
|
7260
7285
|
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"
|
|
7261
7286
|
}
|
|
7262
7287
|
),
|
|
7263
|
-
/* @__PURE__ */ (0,
|
|
7288
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7264
7289
|
"filter",
|
|
7265
7290
|
{
|
|
7266
7291
|
id: "landtrust-plus-light_svg__a",
|
|
@@ -7271,8 +7296,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7271
7296
|
colorInterpolationFilters: "sRGB",
|
|
7272
7297
|
filterUnits: "userSpaceOnUse",
|
|
7273
7298
|
children: [
|
|
7274
|
-
/* @__PURE__ */ (0,
|
|
7275
|
-
/* @__PURE__ */ (0,
|
|
7299
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7300
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7276
7301
|
"feColorMatrix",
|
|
7277
7302
|
{
|
|
7278
7303
|
in: "SourceAlpha",
|
|
@@ -7280,18 +7305,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7280
7305
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7281
7306
|
}
|
|
7282
7307
|
),
|
|
7283
|
-
/* @__PURE__ */ (0,
|
|
7284
|
-
/* @__PURE__ */ (0,
|
|
7285
|
-
/* @__PURE__ */ (0,
|
|
7286
|
-
/* @__PURE__ */ (0,
|
|
7287
|
-
/* @__PURE__ */ (0,
|
|
7308
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feOffset", { dy: 1 }),
|
|
7309
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7310
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7311
|
+
/* @__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" }),
|
|
7312
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7288
7313
|
"feBlend",
|
|
7289
7314
|
{
|
|
7290
7315
|
in2: "BackgroundImageFix",
|
|
7291
7316
|
result: "effect1_dropShadow_257_2538"
|
|
7292
7317
|
}
|
|
7293
7318
|
),
|
|
7294
|
-
/* @__PURE__ */ (0,
|
|
7319
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7295
7320
|
"feBlend",
|
|
7296
7321
|
{
|
|
7297
7322
|
in: "SourceGraphic",
|
|
@@ -7308,8 +7333,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7308
7333
|
var LandtrustPlusLight_default = SvgLandtrustPlusLight;
|
|
7309
7334
|
|
|
7310
7335
|
// src/Logo/components/LandtrustStandardDark.tsx
|
|
7311
|
-
var
|
|
7312
|
-
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0,
|
|
7336
|
+
var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
|
|
7337
|
+
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
|
|
7313
7338
|
"svg",
|
|
7314
7339
|
{
|
|
7315
7340
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7317,14 +7342,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7317
7342
|
fill: "none",
|
|
7318
7343
|
...props,
|
|
7319
7344
|
children: [
|
|
7320
|
-
/* @__PURE__ */ (0,
|
|
7345
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7321
7346
|
"path",
|
|
7322
7347
|
{
|
|
7323
7348
|
fill: "#E2430C",
|
|
7324
7349
|
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"
|
|
7325
7350
|
}
|
|
7326
7351
|
),
|
|
7327
|
-
/* @__PURE__ */ (0,
|
|
7352
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7328
7353
|
"path",
|
|
7329
7354
|
{
|
|
7330
7355
|
fill: "#fff",
|
|
@@ -7337,8 +7362,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7337
7362
|
var LandtrustStandardDark_default = SvgLandtrustStandardDark;
|
|
7338
7363
|
|
|
7339
7364
|
// src/Logo/components/LandtrustStandardLight.tsx
|
|
7340
|
-
var
|
|
7341
|
-
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0,
|
|
7365
|
+
var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
|
|
7366
|
+
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
|
|
7342
7367
|
"svg",
|
|
7343
7368
|
{
|
|
7344
7369
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7346,14 +7371,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7346
7371
|
fill: "none",
|
|
7347
7372
|
...props,
|
|
7348
7373
|
children: [
|
|
7349
|
-
/* @__PURE__ */ (0,
|
|
7374
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7350
7375
|
"path",
|
|
7351
7376
|
{
|
|
7352
7377
|
fill: "#E2430C",
|
|
7353
7378
|
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"
|
|
7354
7379
|
}
|
|
7355
7380
|
),
|
|
7356
|
-
/* @__PURE__ */ (0,
|
|
7381
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7357
7382
|
"path",
|
|
7358
7383
|
{
|
|
7359
7384
|
fill: "#000",
|
|
@@ -7366,7 +7391,7 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7366
7391
|
var LandtrustStandardLight_default = SvgLandtrustStandardLight;
|
|
7367
7392
|
|
|
7368
7393
|
// src/Logo/Logo.tsx
|
|
7369
|
-
var
|
|
7394
|
+
var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
|
|
7370
7395
|
var logoStyles = (size) => import_react45.css`
|
|
7371
7396
|
width: ${space[size]};
|
|
7372
7397
|
height: auto;
|
|
@@ -7395,7 +7420,7 @@ var Logo = ({
|
|
|
7395
7420
|
return LandtrustStandardLight_default;
|
|
7396
7421
|
};
|
|
7397
7422
|
const LogoComponent = getLogoComponent();
|
|
7398
|
-
return /* @__PURE__ */ (0,
|
|
7423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
|
|
7399
7424
|
};
|
|
7400
7425
|
var Logo_default = Logo;
|
|
7401
7426
|
|
|
@@ -7503,7 +7528,7 @@ var avatarPlaceholderStyles = import_react46.css`
|
|
|
7503
7528
|
`;
|
|
7504
7529
|
|
|
7505
7530
|
// src/Navigation/Navigation.tsx
|
|
7506
|
-
var
|
|
7531
|
+
var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
|
|
7507
7532
|
var Navigation = ({
|
|
7508
7533
|
onMenuToggle,
|
|
7509
7534
|
className,
|
|
@@ -7517,7 +7542,7 @@ var Navigation = ({
|
|
|
7517
7542
|
onAvatarClick,
|
|
7518
7543
|
...rest
|
|
7519
7544
|
}) => {
|
|
7520
|
-
return /* @__PURE__ */ (0,
|
|
7545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
7521
7546
|
Box_default,
|
|
7522
7547
|
{
|
|
7523
7548
|
display: "flex",
|
|
@@ -7526,7 +7551,7 @@ var Navigation = ({
|
|
|
7526
7551
|
position: "relative",
|
|
7527
7552
|
css: containerStyles3,
|
|
7528
7553
|
children: [
|
|
7529
|
-
/* @__PURE__ */ (0,
|
|
7554
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7530
7555
|
Box_default,
|
|
7531
7556
|
{
|
|
7532
7557
|
as: "button",
|
|
@@ -7538,11 +7563,11 @@ var Navigation = ({
|
|
|
7538
7563
|
border: "none",
|
|
7539
7564
|
padding: space[2],
|
|
7540
7565
|
css: hamburgerButtonStyles,
|
|
7541
|
-
children: /* @__PURE__ */ (0,
|
|
7566
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon_default, { variant: "Bars", size: "large" })
|
|
7542
7567
|
}
|
|
7543
7568
|
),
|
|
7544
|
-
/* @__PURE__ */ (0,
|
|
7545
|
-
/* @__PURE__ */ (0,
|
|
7569
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
|
|
7570
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7546
7571
|
Logo_default,
|
|
7547
7572
|
{
|
|
7548
7573
|
variant: logoVariant,
|
|
@@ -7551,8 +7576,8 @@ var Navigation = ({
|
|
|
7551
7576
|
css: logoStyles2
|
|
7552
7577
|
}
|
|
7553
7578
|
) }),
|
|
7554
|
-
/* @__PURE__ */ (0,
|
|
7555
|
-
/* @__PURE__ */ (0,
|
|
7579
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { css: desktopNavStyles, children: [
|
|
7580
|
+
/* @__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)(
|
|
7556
7581
|
"a",
|
|
7557
7582
|
{
|
|
7558
7583
|
href: link.href,
|
|
@@ -7561,7 +7586,7 @@ var Navigation = ({
|
|
|
7561
7586
|
children: link.label
|
|
7562
7587
|
}
|
|
7563
7588
|
) }, link.href)) }) }),
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7589
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7565
7590
|
Box_default,
|
|
7566
7591
|
{
|
|
7567
7592
|
as: "button",
|
|
@@ -7646,7 +7671,7 @@ var contentStyles2 = import_react47.css`
|
|
|
7646
7671
|
`;
|
|
7647
7672
|
|
|
7648
7673
|
// src/PackageCard/PackageCard.tsx
|
|
7649
|
-
var
|
|
7674
|
+
var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
|
|
7650
7675
|
var PackageCard = ({
|
|
7651
7676
|
images,
|
|
7652
7677
|
title,
|
|
@@ -7663,13 +7688,13 @@ var PackageCard = ({
|
|
|
7663
7688
|
...rest
|
|
7664
7689
|
}) => {
|
|
7665
7690
|
const mainImage = images[0] || "";
|
|
7666
|
-
return /* @__PURE__ */ (0,
|
|
7667
|
-
/* @__PURE__ */ (0,
|
|
7668
|
-
tripsLeft && /* @__PURE__ */ (0,
|
|
7691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
|
|
7692
|
+
/* @__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: [
|
|
7693
|
+
tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(AvailabilityBadge_default, { variant: "warning", css: badgeStyles2, children: [
|
|
7669
7694
|
tripsLeft,
|
|
7670
7695
|
" Trips Left"
|
|
7671
7696
|
] }),
|
|
7672
|
-
/* @__PURE__ */ (0,
|
|
7697
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7673
7698
|
Box_default,
|
|
7674
7699
|
{
|
|
7675
7700
|
css: heartIconStyles,
|
|
@@ -7677,7 +7702,7 @@ var PackageCard = ({
|
|
|
7677
7702
|
e.stopPropagation();
|
|
7678
7703
|
onFavoriteClick == null ? void 0 : onFavoriteClick();
|
|
7679
7704
|
},
|
|
7680
|
-
children: /* @__PURE__ */ (0,
|
|
7705
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7681
7706
|
Icon_default,
|
|
7682
7707
|
{
|
|
7683
7708
|
variant: isFavorited ? "HeartSolid" : "Heart",
|
|
@@ -7687,8 +7712,8 @@ var PackageCard = ({
|
|
|
7687
7712
|
}
|
|
7688
7713
|
)
|
|
7689
7714
|
] }) }),
|
|
7690
|
-
/* @__PURE__ */ (0,
|
|
7691
|
-
/* @__PURE__ */ (0,
|
|
7715
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: contentStyles2, children: [
|
|
7716
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7692
7717
|
Box_default,
|
|
7693
7718
|
{
|
|
7694
7719
|
onClick,
|
|
@@ -7697,9 +7722,9 @@ var PackageCard = ({
|
|
|
7697
7722
|
gap: "var(--spacing-1)",
|
|
7698
7723
|
mb: "var(--spacing-4)",
|
|
7699
7724
|
children: [
|
|
7700
|
-
/* @__PURE__ */ (0,
|
|
7701
|
-
/* @__PURE__ */ (0,
|
|
7702
|
-
/* @__PURE__ */ (0,
|
|
7725
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
|
|
7726
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
|
|
7727
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
|
|
7703
7728
|
"Starting Price ",
|
|
7704
7729
|
startingPrice,
|
|
7705
7730
|
" / Guest"
|
|
@@ -7707,22 +7732,22 @@ var PackageCard = ({
|
|
|
7707
7732
|
]
|
|
7708
7733
|
}
|
|
7709
7734
|
),
|
|
7710
|
-
/* @__PURE__ */ (0,
|
|
7711
|
-
days && /* @__PURE__ */ (0,
|
|
7735
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
|
|
7736
|
+
days && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7712
7737
|
IconLabel_default,
|
|
7713
7738
|
{
|
|
7714
7739
|
variant: "Calendar",
|
|
7715
7740
|
label: `${days} Day${days !== 1 ? "s" : ""}`
|
|
7716
7741
|
}
|
|
7717
7742
|
),
|
|
7718
|
-
guests && /* @__PURE__ */ (0,
|
|
7743
|
+
guests && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7719
7744
|
IconLabel_default,
|
|
7720
7745
|
{
|
|
7721
7746
|
variant: "User",
|
|
7722
7747
|
label: `${guests} Guest${guests !== 1 ? "s" : ""}`
|
|
7723
7748
|
}
|
|
7724
7749
|
),
|
|
7725
|
-
hasLodging && /* @__PURE__ */ (0,
|
|
7750
|
+
hasLodging && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
|
|
7726
7751
|
] })
|
|
7727
7752
|
] })
|
|
7728
7753
|
] });
|
|
@@ -7730,14 +7755,14 @@ var PackageCard = ({
|
|
|
7730
7755
|
var PackageCard_default = PackageCard;
|
|
7731
7756
|
|
|
7732
7757
|
// src/PackageHeader/PackageHeader.tsx
|
|
7733
|
-
var
|
|
7758
|
+
var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
|
|
7734
7759
|
var PackageHeader = ({
|
|
7735
7760
|
header,
|
|
7736
7761
|
subheader,
|
|
7737
7762
|
features,
|
|
7738
7763
|
className
|
|
7739
7764
|
}) => {
|
|
7740
|
-
return /* @__PURE__ */ (0,
|
|
7765
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
|
|
7741
7766
|
Box_default,
|
|
7742
7767
|
{
|
|
7743
7768
|
display: "flex",
|
|
@@ -7746,9 +7771,9 @@ var PackageHeader = ({
|
|
|
7746
7771
|
color: "var(--text-primary)",
|
|
7747
7772
|
className,
|
|
7748
7773
|
children: [
|
|
7749
|
-
/* @__PURE__ */ (0,
|
|
7750
|
-
subheader && /* @__PURE__ */ (0,
|
|
7751
|
-
features && /* @__PURE__ */ (0,
|
|
7774
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
|
|
7775
|
+
subheader && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { children: subheader }),
|
|
7776
|
+
features && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureList_default, { items: features })
|
|
7752
7777
|
]
|
|
7753
7778
|
}
|
|
7754
7779
|
);
|
|
@@ -7768,13 +7793,13 @@ var imageStyles3 = import_react48.css`
|
|
|
7768
7793
|
`;
|
|
7769
7794
|
|
|
7770
7795
|
// src/ReviewCard/components/ReviewImages.tsx
|
|
7771
|
-
var
|
|
7796
|
+
var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
|
|
7772
7797
|
var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
7773
7798
|
const displayImages = images.slice(0, maxImages);
|
|
7774
7799
|
if (displayImages.length === 0) {
|
|
7775
7800
|
return null;
|
|
7776
7801
|
}
|
|
7777
|
-
return /* @__PURE__ */ (0,
|
|
7802
|
+
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)(
|
|
7778
7803
|
"img",
|
|
7779
7804
|
{
|
|
7780
7805
|
src: image,
|
|
@@ -7787,7 +7812,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
|
7787
7812
|
var ReviewImages_default = ReviewImages;
|
|
7788
7813
|
|
|
7789
7814
|
// src/ReviewCard/components/ReviewReply.tsx
|
|
7790
|
-
var
|
|
7815
|
+
var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
|
|
7791
7816
|
var ReviewReply = ({
|
|
7792
7817
|
avatarSrc,
|
|
7793
7818
|
name,
|
|
@@ -7796,7 +7821,7 @@ var ReviewReply = ({
|
|
|
7796
7821
|
label,
|
|
7797
7822
|
rating
|
|
7798
7823
|
}) => {
|
|
7799
|
-
return /* @__PURE__ */ (0,
|
|
7824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7800
7825
|
Box_default,
|
|
7801
7826
|
{
|
|
7802
7827
|
backgroundColor: "var(--surface-neutral)",
|
|
@@ -7806,7 +7831,7 @@ var ReviewReply = ({
|
|
|
7806
7831
|
flexDirection: "column",
|
|
7807
7832
|
gap: "var(--spacing-3)",
|
|
7808
7833
|
children: [
|
|
7809
|
-
/* @__PURE__ */ (0,
|
|
7834
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7810
7835
|
Box_default,
|
|
7811
7836
|
{
|
|
7812
7837
|
display: "flex",
|
|
@@ -7814,7 +7839,7 @@ var ReviewReply = ({
|
|
|
7814
7839
|
justifyContent: "space-between",
|
|
7815
7840
|
gap: "var(--spacing-2)",
|
|
7816
7841
|
children: [
|
|
7817
|
-
/* @__PURE__ */ (0,
|
|
7842
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7818
7843
|
UserCard_default,
|
|
7819
7844
|
{
|
|
7820
7845
|
avatarSrc,
|
|
@@ -7823,11 +7848,11 @@ var ReviewReply = ({
|
|
|
7823
7848
|
rating
|
|
7824
7849
|
}
|
|
7825
7850
|
),
|
|
7826
|
-
/* @__PURE__ */ (0,
|
|
7851
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
|
|
7827
7852
|
]
|
|
7828
7853
|
}
|
|
7829
7854
|
),
|
|
7830
|
-
/* @__PURE__ */ (0,
|
|
7855
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { children: content })
|
|
7831
7856
|
]
|
|
7832
7857
|
}
|
|
7833
7858
|
);
|
|
@@ -7835,7 +7860,7 @@ var ReviewReply = ({
|
|
|
7835
7860
|
var ReviewReply_default = ReviewReply;
|
|
7836
7861
|
|
|
7837
7862
|
// src/ReviewCard/ReviewCard.tsx
|
|
7838
|
-
var
|
|
7863
|
+
var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
|
|
7839
7864
|
var ReviewCard = ({
|
|
7840
7865
|
avatarSrc,
|
|
7841
7866
|
name,
|
|
@@ -7847,7 +7872,7 @@ var ReviewCard = ({
|
|
|
7847
7872
|
replies = [],
|
|
7848
7873
|
className
|
|
7849
7874
|
}) => {
|
|
7850
|
-
return /* @__PURE__ */ (0,
|
|
7875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
7851
7876
|
Box_default,
|
|
7852
7877
|
{
|
|
7853
7878
|
backgroundColor: "white",
|
|
@@ -7858,7 +7883,7 @@ var ReviewCard = ({
|
|
|
7858
7883
|
gap: "var(--spacing-4)",
|
|
7859
7884
|
className,
|
|
7860
7885
|
children: [
|
|
7861
|
-
/* @__PURE__ */ (0,
|
|
7886
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7862
7887
|
UserCard_default,
|
|
7863
7888
|
{
|
|
7864
7889
|
avatarSrc,
|
|
@@ -7867,10 +7892,10 @@ var ReviewCard = ({
|
|
|
7867
7892
|
rating
|
|
7868
7893
|
}
|
|
7869
7894
|
),
|
|
7870
|
-
availabilityBadge && /* @__PURE__ */ (0,
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
7872
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
7873
|
-
replies.length > 0 && /* @__PURE__ */ (0,
|
|
7895
|
+
availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
|
|
7896
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { size: "md", children: content }),
|
|
7897
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(ReviewImages_default, { images }),
|
|
7898
|
+
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)(
|
|
7874
7899
|
ReviewReply_default,
|
|
7875
7900
|
{
|
|
7876
7901
|
avatarSrc: reply.avatarSrc,
|
|
@@ -7889,9 +7914,9 @@ var ReviewCard = ({
|
|
|
7889
7914
|
var ReviewCard_default = ReviewCard;
|
|
7890
7915
|
|
|
7891
7916
|
// src/Reviews/components/ReviewItem.tsx
|
|
7892
|
-
var
|
|
7917
|
+
var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
|
|
7893
7918
|
var ReviewItem = ({ label, rating }) => {
|
|
7894
|
-
return /* @__PURE__ */ (0,
|
|
7919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
7895
7920
|
Box_default,
|
|
7896
7921
|
{
|
|
7897
7922
|
display: "flex",
|
|
@@ -7899,10 +7924,10 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
7899
7924
|
alignItems: "center",
|
|
7900
7925
|
width: "100%",
|
|
7901
7926
|
children: [
|
|
7902
|
-
/* @__PURE__ */ (0,
|
|
7903
|
-
/* @__PURE__ */ (0,
|
|
7904
|
-
/* @__PURE__ */ (0,
|
|
7905
|
-
/* @__PURE__ */ (0,
|
|
7927
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { fontWeight: "semibold", children: label }),
|
|
7928
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
7929
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
|
|
7930
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Text_default, { fontWeight: "semibold", children: [
|
|
7906
7931
|
rating,
|
|
7907
7932
|
"/5"
|
|
7908
7933
|
] })
|
|
@@ -7914,14 +7939,14 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
7914
7939
|
var ReviewItem_default = ReviewItem;
|
|
7915
7940
|
|
|
7916
7941
|
// src/Reviews/Reviews.tsx
|
|
7917
|
-
var
|
|
7942
|
+
var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
|
|
7918
7943
|
var Reviews = ({
|
|
7919
7944
|
averageRating,
|
|
7920
7945
|
totalReviews,
|
|
7921
7946
|
items,
|
|
7922
7947
|
className
|
|
7923
7948
|
}) => {
|
|
7924
|
-
return /* @__PURE__ */ (0,
|
|
7949
|
+
return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7925
7950
|
Box_default,
|
|
7926
7951
|
{
|
|
7927
7952
|
width: "100%",
|
|
@@ -7934,7 +7959,7 @@ var Reviews = ({
|
|
|
7934
7959
|
p: "var(--spacing-4)",
|
|
7935
7960
|
className,
|
|
7936
7961
|
children: [
|
|
7937
|
-
/* @__PURE__ */ (0,
|
|
7962
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7938
7963
|
Box_default,
|
|
7939
7964
|
{
|
|
7940
7965
|
display: "flex",
|
|
@@ -7942,9 +7967,9 @@ var Reviews = ({
|
|
|
7942
7967
|
alignItems: "center",
|
|
7943
7968
|
gap: "var(--spacing-2)",
|
|
7944
7969
|
children: [
|
|
7945
|
-
/* @__PURE__ */ (0,
|
|
7946
|
-
/* @__PURE__ */ (0,
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
7970
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
|
|
7971
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
|
|
7972
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
7948
7973
|
"Overall Rating \u2022 ",
|
|
7949
7974
|
totalReviews,
|
|
7950
7975
|
" Review",
|
|
@@ -7953,14 +7978,14 @@ var Reviews = ({
|
|
|
7953
7978
|
]
|
|
7954
7979
|
}
|
|
7955
7980
|
),
|
|
7956
|
-
/* @__PURE__ */ (0,
|
|
7981
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7957
7982
|
Box_default,
|
|
7958
7983
|
{
|
|
7959
7984
|
display: "flex",
|
|
7960
7985
|
flexDirection: "column",
|
|
7961
7986
|
gap: "var(--spacing-2)",
|
|
7962
7987
|
width: "100%",
|
|
7963
|
-
children: items.map((item, index) => /* @__PURE__ */ (0,
|
|
7988
|
+
children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
|
|
7964
7989
|
}
|
|
7965
7990
|
)
|
|
7966
7991
|
]
|
|
@@ -7970,7 +7995,7 @@ var Reviews = ({
|
|
|
7970
7995
|
var Reviews_default = Reviews;
|
|
7971
7996
|
|
|
7972
7997
|
// src/Reviews/ReviewsShowcase.tsx
|
|
7973
|
-
var
|
|
7998
|
+
var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
|
|
7974
7999
|
var ReviewsShowcase = () => {
|
|
7975
8000
|
const sampleData = {
|
|
7976
8001
|
averageRating: 4,
|
|
@@ -7992,7 +8017,7 @@ var ReviewsShowcase = () => {
|
|
|
7992
8017
|
{ label: "Game Abundance", rating: 5 }
|
|
7993
8018
|
]
|
|
7994
8019
|
};
|
|
7995
|
-
return /* @__PURE__ */ (0,
|
|
8020
|
+
return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
7996
8021
|
Box_default,
|
|
7997
8022
|
{
|
|
7998
8023
|
display: "flex",
|
|
@@ -8000,24 +8025,24 @@ var ReviewsShowcase = () => {
|
|
|
8000
8025
|
gap: "var(--spacing-8)",
|
|
8001
8026
|
p: "var(--spacing-6)",
|
|
8002
8027
|
children: [
|
|
8003
|
-
/* @__PURE__ */ (0,
|
|
8004
|
-
/* @__PURE__ */ (0,
|
|
8005
|
-
/* @__PURE__ */ (0,
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
|
|
8029
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8030
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
|
|
8031
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...sampleData }) })
|
|
8007
8032
|
] }),
|
|
8008
|
-
/* @__PURE__ */ (0,
|
|
8009
|
-
/* @__PURE__ */ (0,
|
|
8010
|
-
/* @__PURE__ */ (0,
|
|
8033
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8034
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
|
|
8035
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...highRatingData }) })
|
|
8011
8036
|
] }),
|
|
8012
|
-
/* @__PURE__ */ (0,
|
|
8013
|
-
/* @__PURE__ */ (0,
|
|
8014
|
-
/* @__PURE__ */ (0,
|
|
8037
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8038
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
|
|
8039
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8015
8040
|
Box_default,
|
|
8016
8041
|
{
|
|
8017
8042
|
maxWidth: "320px",
|
|
8018
8043
|
border: "1px solid var(--color-neutral-200)",
|
|
8019
8044
|
p: "var(--spacing-4)",
|
|
8020
|
-
children: /* @__PURE__ */ (0,
|
|
8045
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...sampleData })
|
|
8021
8046
|
}
|
|
8022
8047
|
)
|
|
8023
8048
|
] })
|