@landtrustinc/design-system 1.2.16 → 1.2.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +4 -2
- package/dist/index.js +383 -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,8 +5833,8 @@ 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",
|
|
@@ -5819,7 +5843,7 @@ var FeatureListItem = ({
|
|
|
5819
5843
|
className,
|
|
5820
5844
|
...rest,
|
|
5821
5845
|
children: [
|
|
5822
|
-
/* @__PURE__ */ (0,
|
|
5846
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5823
5847
|
import_react_loading_skeleton.default,
|
|
5824
5848
|
{
|
|
5825
5849
|
circle: true,
|
|
@@ -5828,24 +5852,24 @@ var FeatureListItem = ({
|
|
|
5828
5852
|
borderRadius: 4
|
|
5829
5853
|
}
|
|
5830
5854
|
),
|
|
5831
|
-
/* @__PURE__ */ (0,
|
|
5855
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
|
|
5832
5856
|
]
|
|
5833
5857
|
}
|
|
5834
5858
|
),
|
|
5835
|
-
subtitle && /* @__PURE__ */ (0,
|
|
5836
|
-
/* @__PURE__ */ (0,
|
|
5837
|
-
/* @__PURE__ */ (0,
|
|
5859
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
5860
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
5861
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
|
|
5838
5862
|
] })
|
|
5839
5863
|
] });
|
|
5840
5864
|
}
|
|
5841
|
-
return /* @__PURE__ */ (0,
|
|
5842
|
-
/* @__PURE__ */ (0,
|
|
5865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Text_default, { as: "span", children: [
|
|
5866
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
|
|
5843
5867
|
label,
|
|
5844
5868
|
" "
|
|
5845
5869
|
] }),
|
|
5846
5870
|
subtitle
|
|
5847
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
5848
|
-
/* @__PURE__ */ (0,
|
|
5871
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
|
|
5872
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
5849
5873
|
Box_default,
|
|
5850
5874
|
{
|
|
5851
5875
|
display: "flex",
|
|
@@ -5854,23 +5878,23 @@ var FeatureListItem = ({
|
|
|
5854
5878
|
className,
|
|
5855
5879
|
...rest,
|
|
5856
5880
|
children: [
|
|
5857
|
-
iconVariant && /* @__PURE__ */ (0,
|
|
5858
|
-
/* @__PURE__ */ (0,
|
|
5881
|
+
iconVariant && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: iconVariant, size: iconSize, fill: iconColor }),
|
|
5882
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
|
|
5859
5883
|
]
|
|
5860
5884
|
}
|
|
5861
5885
|
),
|
|
5862
|
-
subtitle && /* @__PURE__ */ (0,
|
|
5863
|
-
/* @__PURE__ */ (0,
|
|
5864
|
-
/* @__PURE__ */ (0,
|
|
5886
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
5887
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
5888
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "sm", children: subtitle })
|
|
5865
5889
|
] })
|
|
5866
5890
|
] }) });
|
|
5867
5891
|
};
|
|
5868
5892
|
var FeatureListItem_default = FeatureListItem;
|
|
5869
5893
|
|
|
5870
5894
|
// src/FeatureList/FeatureList.tsx
|
|
5871
|
-
var
|
|
5895
|
+
var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
|
|
5872
5896
|
var FeatureList = ({ heading, items, className }) => {
|
|
5873
|
-
return /* @__PURE__ */ (0,
|
|
5897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
|
|
5874
5898
|
Box_default,
|
|
5875
5899
|
{
|
|
5876
5900
|
display: "flex",
|
|
@@ -5878,8 +5902,8 @@ var FeatureList = ({ heading, items, className }) => {
|
|
|
5878
5902
|
gap: "var(--spacing-2)",
|
|
5879
5903
|
className,
|
|
5880
5904
|
children: [
|
|
5881
|
-
heading && /* @__PURE__ */ (0,
|
|
5882
|
-
/* @__PURE__ */ (0,
|
|
5905
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { fontWeight: "bold", children: heading }),
|
|
5906
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
|
|
5883
5907
|
]
|
|
5884
5908
|
}
|
|
5885
5909
|
);
|
|
@@ -5915,7 +5939,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react31.css`
|
|
|
5915
5939
|
`;
|
|
5916
5940
|
|
|
5917
5941
|
// src/FieldNoteCard/FieldNoteCard.tsx
|
|
5918
|
-
var
|
|
5942
|
+
var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
|
|
5919
5943
|
var FieldNoteCard = ({
|
|
5920
5944
|
backgroundImage,
|
|
5921
5945
|
title,
|
|
@@ -5924,14 +5948,14 @@ var FieldNoteCard = ({
|
|
|
5924
5948
|
className,
|
|
5925
5949
|
...rest
|
|
5926
5950
|
}) => {
|
|
5927
|
-
return /* @__PURE__ */ (0,
|
|
5951
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5928
5952
|
Box_default,
|
|
5929
5953
|
{
|
|
5930
5954
|
display: "flex",
|
|
5931
5955
|
css: cardContainerStyles,
|
|
5932
5956
|
className,
|
|
5933
5957
|
...rest,
|
|
5934
|
-
children: /* @__PURE__ */ (0,
|
|
5958
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5935
5959
|
Box_default,
|
|
5936
5960
|
{
|
|
5937
5961
|
display: "flex",
|
|
@@ -5939,9 +5963,9 @@ var FieldNoteCard = ({
|
|
|
5939
5963
|
justifyContent: "flex-end",
|
|
5940
5964
|
p: 6,
|
|
5941
5965
|
css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
|
|
5942
|
-
children: /* @__PURE__ */ (0,
|
|
5943
|
-
/* @__PURE__ */ (0,
|
|
5944
|
-
/* @__PURE__ */ (0,
|
|
5966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
5967
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
5968
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
5945
5969
|
] })
|
|
5946
5970
|
}
|
|
5947
5971
|
)
|
|
@@ -5952,7 +5976,7 @@ var FieldNoteCard_default = FieldNoteCard;
|
|
|
5952
5976
|
|
|
5953
5977
|
// src/Form/FormField.tsx
|
|
5954
5978
|
var import_react32 = require("@emotion/react");
|
|
5955
|
-
var
|
|
5979
|
+
var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
|
|
5956
5980
|
var fieldContainerStyles = import_react32.css`
|
|
5957
5981
|
display: flex;
|
|
5958
5982
|
flex-direction: column;
|
|
@@ -6019,21 +6043,21 @@ var FormField = ({
|
|
|
6019
6043
|
const hasError = !!error;
|
|
6020
6044
|
const hasSuccess = !!success && !hasError;
|
|
6021
6045
|
const hasHelpText = !!helpText && !hasError && !hasSuccess;
|
|
6022
|
-
return /* @__PURE__ */ (0,
|
|
6023
|
-
label && /* @__PURE__ */ (0,
|
|
6046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: fieldContainerStyles, className, children: [
|
|
6047
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
|
|
6024
6048
|
"label",
|
|
6025
6049
|
{
|
|
6026
6050
|
htmlFor,
|
|
6027
6051
|
css: [labelStyles2, hideLabel && visuallyHiddenStyles],
|
|
6028
6052
|
children: [
|
|
6029
6053
|
label,
|
|
6030
|
-
required && /* @__PURE__ */ (0,
|
|
6054
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
|
|
6031
6055
|
]
|
|
6032
6056
|
}
|
|
6033
6057
|
),
|
|
6034
6058
|
children,
|
|
6035
|
-
hasError && /* @__PURE__ */ (0,
|
|
6036
|
-
/* @__PURE__ */ (0,
|
|
6059
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
|
|
6060
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
6037
6061
|
"path",
|
|
6038
6062
|
{
|
|
6039
6063
|
fillRule: "evenodd",
|
|
@@ -6043,8 +6067,8 @@ var FormField = ({
|
|
|
6043
6067
|
) }),
|
|
6044
6068
|
error
|
|
6045
6069
|
] }),
|
|
6046
|
-
hasSuccess && /* @__PURE__ */ (0,
|
|
6047
|
-
/* @__PURE__ */ (0,
|
|
6070
|
+
hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: successTextStyles, children: [
|
|
6071
|
+
/* @__PURE__ */ (0, import_jsx_runtime223.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
6048
6072
|
"path",
|
|
6049
6073
|
{
|
|
6050
6074
|
fillRule: "evenodd",
|
|
@@ -6054,14 +6078,14 @@ var FormField = ({
|
|
|
6054
6078
|
) }),
|
|
6055
6079
|
success
|
|
6056
6080
|
] }),
|
|
6057
|
-
hasHelpText && /* @__PURE__ */ (0,
|
|
6081
|
+
hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { css: helpTextStyles, children: helpText })
|
|
6058
6082
|
] });
|
|
6059
6083
|
};
|
|
6060
6084
|
|
|
6061
6085
|
// src/Form/Input.tsx
|
|
6062
6086
|
var import_react33 = require("@emotion/react");
|
|
6063
6087
|
var import_react34 = require("react");
|
|
6064
|
-
var
|
|
6088
|
+
var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
|
|
6065
6089
|
var inputStyles = import_react33.css`
|
|
6066
6090
|
position: relative;
|
|
6067
6091
|
width: 100%;
|
|
@@ -6191,9 +6215,9 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
6191
6215
|
hasEndIcon && "has-end-icon",
|
|
6192
6216
|
className
|
|
6193
6217
|
].filter(Boolean).join(" ");
|
|
6194
|
-
return /* @__PURE__ */ (0,
|
|
6195
|
-
hasStartIcon && /* @__PURE__ */ (0,
|
|
6196
|
-
/* @__PURE__ */ (0,
|
|
6218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { css: inputWrapperStyles, children: [
|
|
6219
|
+
hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: startIconStyles, children: startIcon }),
|
|
6220
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
6197
6221
|
"input",
|
|
6198
6222
|
{
|
|
6199
6223
|
ref,
|
|
@@ -6210,7 +6234,7 @@ var Input = (0, import_react34.forwardRef)(
|
|
|
6210
6234
|
...props
|
|
6211
6235
|
}
|
|
6212
6236
|
),
|
|
6213
|
-
hasEndIcon && /* @__PURE__ */ (0,
|
|
6237
|
+
hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: endIconStyles, children: endIcon })
|
|
6214
6238
|
] });
|
|
6215
6239
|
}
|
|
6216
6240
|
);
|
|
@@ -6219,7 +6243,7 @@ Input.displayName = "Input";
|
|
|
6219
6243
|
// src/Form/Select.tsx
|
|
6220
6244
|
var import_react35 = require("@emotion/react");
|
|
6221
6245
|
var import_react36 = require("react");
|
|
6222
|
-
var
|
|
6246
|
+
var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
|
|
6223
6247
|
var selectStyles = import_react35.css`
|
|
6224
6248
|
position: relative;
|
|
6225
6249
|
width: 100%;
|
|
@@ -6316,7 +6340,7 @@ var Select = (0, import_react36.forwardRef)(
|
|
|
6316
6340
|
className = "",
|
|
6317
6341
|
...props
|
|
6318
6342
|
}, ref) => {
|
|
6319
|
-
return /* @__PURE__ */ (0,
|
|
6343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
|
|
6320
6344
|
"select",
|
|
6321
6345
|
{
|
|
6322
6346
|
ref,
|
|
@@ -6325,8 +6349,8 @@ var Select = (0, import_react36.forwardRef)(
|
|
|
6325
6349
|
className,
|
|
6326
6350
|
...props,
|
|
6327
6351
|
children: [
|
|
6328
|
-
placeholderOption && /* @__PURE__ */ (0,
|
|
6329
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
6352
|
+
placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
|
|
6353
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
6330
6354
|
"option",
|
|
6331
6355
|
{
|
|
6332
6356
|
value: option.value,
|
|
@@ -6584,7 +6608,7 @@ var generateJustifyItems = (justifyItems) => {
|
|
|
6584
6608
|
};
|
|
6585
6609
|
|
|
6586
6610
|
// src/Grid/Column.tsx
|
|
6587
|
-
var
|
|
6611
|
+
var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
|
|
6588
6612
|
var Column = ({
|
|
6589
6613
|
span,
|
|
6590
6614
|
start,
|
|
@@ -6613,13 +6637,13 @@ var Column = ({
|
|
|
6613
6637
|
grid-area: ${area};
|
|
6614
6638
|
`
|
|
6615
6639
|
].filter(Boolean);
|
|
6616
|
-
return /* @__PURE__ */ (0,
|
|
6640
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: columnStyles, ...props, children });
|
|
6617
6641
|
};
|
|
6618
6642
|
var Column_default = Column;
|
|
6619
6643
|
|
|
6620
6644
|
// src/Grid/Grid.tsx
|
|
6621
6645
|
var import_react39 = require("@emotion/react");
|
|
6622
|
-
var
|
|
6646
|
+
var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
|
|
6623
6647
|
var baseGridStyles = import_react39.css`
|
|
6624
6648
|
display: grid;
|
|
6625
6649
|
`;
|
|
@@ -6658,13 +6682,13 @@ var Grid = ({
|
|
|
6658
6682
|
justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
|
|
6659
6683
|
`
|
|
6660
6684
|
].filter(Boolean);
|
|
6661
|
-
return /* @__PURE__ */ (0,
|
|
6685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { css: gridStyles, ...props, children });
|
|
6662
6686
|
};
|
|
6663
6687
|
var Grid_default = Grid;
|
|
6664
6688
|
|
|
6665
6689
|
// src/Grid/GridContainer.tsx
|
|
6666
6690
|
var import_react40 = require("@emotion/react");
|
|
6667
|
-
var
|
|
6691
|
+
var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
|
|
6668
6692
|
var baseContainerStyles = import_react40.css`
|
|
6669
6693
|
width: 100%;
|
|
6670
6694
|
margin: 0 auto;
|
|
@@ -6709,7 +6733,7 @@ var GridContainer = ({
|
|
|
6709
6733
|
baseContainerStyles,
|
|
6710
6734
|
generateMaxWidthStyles(maxWidth)
|
|
6711
6735
|
];
|
|
6712
|
-
return /* @__PURE__ */ (0,
|
|
6736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
|
|
6713
6737
|
};
|
|
6714
6738
|
var GridContainer_default = GridContainer;
|
|
6715
6739
|
|
|
@@ -6742,7 +6766,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react41.css`
|
|
|
6742
6766
|
`;
|
|
6743
6767
|
|
|
6744
6768
|
// src/HuntCard/HuntCard.tsx
|
|
6745
|
-
var
|
|
6769
|
+
var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
|
|
6746
6770
|
var HuntCard = ({
|
|
6747
6771
|
backgroundImage,
|
|
6748
6772
|
title,
|
|
@@ -6751,14 +6775,14 @@ var HuntCard = ({
|
|
|
6751
6775
|
className,
|
|
6752
6776
|
...rest
|
|
6753
6777
|
}) => {
|
|
6754
|
-
return /* @__PURE__ */ (0,
|
|
6778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6755
6779
|
Box_default,
|
|
6756
6780
|
{
|
|
6757
6781
|
display: "flex",
|
|
6758
6782
|
css: cardContainerStyles2,
|
|
6759
6783
|
className,
|
|
6760
6784
|
...rest,
|
|
6761
|
-
children: /* @__PURE__ */ (0,
|
|
6785
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6762
6786
|
Box_default,
|
|
6763
6787
|
{
|
|
6764
6788
|
display: "flex",
|
|
@@ -6766,9 +6790,9 @@ var HuntCard = ({
|
|
|
6766
6790
|
justifyContent: "flex-end",
|
|
6767
6791
|
p: 6,
|
|
6768
6792
|
css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
|
|
6769
|
-
children: /* @__PURE__ */ (0,
|
|
6770
|
-
/* @__PURE__ */ (0,
|
|
6771
|
-
/* @__PURE__ */ (0,
|
|
6793
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
6794
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
6795
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
6772
6796
|
] })
|
|
6773
6797
|
}
|
|
6774
6798
|
)
|
|
@@ -6778,9 +6802,9 @@ var HuntCard = ({
|
|
|
6778
6802
|
var HuntCard_default = HuntCard;
|
|
6779
6803
|
|
|
6780
6804
|
// src/InfoBox/InfoBox.tsx
|
|
6781
|
-
var
|
|
6805
|
+
var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
|
|
6782
6806
|
var InfoBox = ({ heading, features, className }) => {
|
|
6783
|
-
return /* @__PURE__ */ (0,
|
|
6807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6784
6808
|
Box_default,
|
|
6785
6809
|
{
|
|
6786
6810
|
display: "flex",
|
|
@@ -6789,8 +6813,8 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
6789
6813
|
className,
|
|
6790
6814
|
color: "var(--text-primary)",
|
|
6791
6815
|
children: [
|
|
6792
|
-
/* @__PURE__ */ (0,
|
|
6793
|
-
/* @__PURE__ */ (0,
|
|
6816
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
6817
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6794
6818
|
Box_default,
|
|
6795
6819
|
{
|
|
6796
6820
|
display: "flex",
|
|
@@ -6800,7 +6824,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
6800
6824
|
borderRadius: "var(--radius-lg)",
|
|
6801
6825
|
bg: "var(--surface-neutral)",
|
|
6802
6826
|
className,
|
|
6803
|
-
children: features.map((section, index) => /* @__PURE__ */ (0,
|
|
6827
|
+
children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6804
6828
|
FeatureList_default,
|
|
6805
6829
|
{
|
|
6806
6830
|
heading: section.heading,
|
|
@@ -6818,7 +6842,7 @@ var InfoBox_default = InfoBox;
|
|
|
6818
6842
|
|
|
6819
6843
|
// src/StarRating/StarRating.tsx
|
|
6820
6844
|
var import_react42 = require("@emotion/react");
|
|
6821
|
-
var
|
|
6845
|
+
var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
|
|
6822
6846
|
var starSize = {
|
|
6823
6847
|
sm: {
|
|
6824
6848
|
size: "medium",
|
|
@@ -6837,7 +6861,7 @@ var StarRating = ({
|
|
|
6837
6861
|
const stars = [];
|
|
6838
6862
|
for (let i = 1; i <= 5; i++) {
|
|
6839
6863
|
stars.push(
|
|
6840
|
-
/* @__PURE__ */ (0,
|
|
6864
|
+
/* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6841
6865
|
Icon_default,
|
|
6842
6866
|
{
|
|
6843
6867
|
variant: "StarSolid",
|
|
@@ -6851,7 +6875,7 @@ var StarRating = ({
|
|
|
6851
6875
|
)
|
|
6852
6876
|
);
|
|
6853
6877
|
}
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
6878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6855
6879
|
Box_default,
|
|
6856
6880
|
{
|
|
6857
6881
|
className,
|
|
@@ -6865,7 +6889,7 @@ var StarRating = ({
|
|
|
6865
6889
|
var StarRating_default = StarRating;
|
|
6866
6890
|
|
|
6867
6891
|
// src/UserCard/UserCard.tsx
|
|
6868
|
-
var
|
|
6892
|
+
var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
|
|
6869
6893
|
var UserCard = ({
|
|
6870
6894
|
avatarSrc,
|
|
6871
6895
|
title,
|
|
@@ -6875,7 +6899,7 @@ var UserCard = ({
|
|
|
6875
6899
|
isVerified = false,
|
|
6876
6900
|
className
|
|
6877
6901
|
}) => {
|
|
6878
|
-
return /* @__PURE__ */ (0,
|
|
6902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6879
6903
|
Box_default,
|
|
6880
6904
|
{
|
|
6881
6905
|
display: "flex",
|
|
@@ -6884,8 +6908,8 @@ var UserCard = ({
|
|
|
6884
6908
|
gap: "var(--spacing-4)",
|
|
6885
6909
|
className,
|
|
6886
6910
|
children: [
|
|
6887
|
-
/* @__PURE__ */ (0,
|
|
6888
|
-
/* @__PURE__ */ (0,
|
|
6911
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
|
|
6912
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6889
6913
|
Avatar_default,
|
|
6890
6914
|
{
|
|
6891
6915
|
type: avatarSrc ? "image" : "text",
|
|
@@ -6894,13 +6918,13 @@ var UserCard = ({
|
|
|
6894
6918
|
alt: `${title}'s avatar`
|
|
6895
6919
|
}
|
|
6896
6920
|
),
|
|
6897
|
-
/* @__PURE__ */ (0,
|
|
6898
|
-
/* @__PURE__ */ (0,
|
|
6899
|
-
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0,
|
|
6900
|
-
showRating && rating !== void 0 && /* @__PURE__ */ (0,
|
|
6921
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
6922
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
|
|
6923
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
|
|
6924
|
+
showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StarRating_default, { rating, size: "sm" })
|
|
6901
6925
|
] })
|
|
6902
6926
|
] }),
|
|
6903
|
-
isVerified && /* @__PURE__ */ (0,
|
|
6927
|
+
isVerified && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6904
6928
|
Box_default,
|
|
6905
6929
|
{
|
|
6906
6930
|
display: "flex",
|
|
@@ -6909,8 +6933,8 @@ var UserCard = ({
|
|
|
6909
6933
|
gap: "var(--spacing-1)",
|
|
6910
6934
|
flexShrink: 0,
|
|
6911
6935
|
children: [
|
|
6912
|
-
/* @__PURE__ */ (0,
|
|
6913
|
-
/* @__PURE__ */ (0,
|
|
6936
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
|
|
6937
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
|
|
6914
6938
|
]
|
|
6915
6939
|
}
|
|
6916
6940
|
)
|
|
@@ -6921,25 +6945,25 @@ var UserCard = ({
|
|
|
6921
6945
|
var UserCard_default = UserCard;
|
|
6922
6946
|
|
|
6923
6947
|
// src/LandownerProfile/components/ProfileSubtitle.tsx
|
|
6924
|
-
var
|
|
6948
|
+
var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
|
|
6925
6949
|
var ProfileSubtitle = ({
|
|
6926
6950
|
yearsHosting = 1,
|
|
6927
6951
|
featureReviewItem
|
|
6928
6952
|
}) => {
|
|
6929
|
-
return /* @__PURE__ */ (0,
|
|
6930
|
-
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0,
|
|
6953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
6954
|
+
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
6931
6955
|
yearsHosting,
|
|
6932
6956
|
" ",
|
|
6933
6957
|
yearsHosting === 1 ? "Year" : "Years",
|
|
6934
6958
|
" Hosting"
|
|
6935
6959
|
] }),
|
|
6936
|
-
featureReviewItem && /* @__PURE__ */ (0,
|
|
6960
|
+
featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(FeatureListItem_default, { ...featureReviewItem })
|
|
6937
6961
|
] });
|
|
6938
6962
|
};
|
|
6939
6963
|
var ProfileSubtitle_default = ProfileSubtitle;
|
|
6940
6964
|
|
|
6941
6965
|
// src/LandownerProfile/LandownerProfile.tsx
|
|
6942
|
-
var
|
|
6966
|
+
var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
|
|
6943
6967
|
var LandownerProfile = ({
|
|
6944
6968
|
heading,
|
|
6945
6969
|
avatarSrc,
|
|
@@ -6963,7 +6987,7 @@ var LandownerProfile = ({
|
|
|
6963
6987
|
iconVariant: "Bolt",
|
|
6964
6988
|
label: `Response Time: ${responseTime}`
|
|
6965
6989
|
} : void 0;
|
|
6966
|
-
return /* @__PURE__ */ (0,
|
|
6990
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
|
|
6967
6991
|
Box_default,
|
|
6968
6992
|
{
|
|
6969
6993
|
display: "flex",
|
|
@@ -6972,8 +6996,8 @@ var LandownerProfile = ({
|
|
|
6972
6996
|
color: "var(--text-primary)",
|
|
6973
6997
|
className,
|
|
6974
6998
|
children: [
|
|
6975
|
-
/* @__PURE__ */ (0,
|
|
6976
|
-
/* @__PURE__ */ (0,
|
|
6999
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7000
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
|
|
6977
7001
|
Box_default,
|
|
6978
7002
|
{
|
|
6979
7003
|
display: "flex",
|
|
@@ -6983,12 +7007,12 @@ var LandownerProfile = ({
|
|
|
6983
7007
|
p: "var(--spacing-4)",
|
|
6984
7008
|
borderRadius: "var(--radius-lg)",
|
|
6985
7009
|
children: [
|
|
6986
|
-
/* @__PURE__ */ (0,
|
|
7010
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6987
7011
|
UserCard_default,
|
|
6988
7012
|
{
|
|
6989
7013
|
avatarSrc,
|
|
6990
7014
|
title: name,
|
|
6991
|
-
subtitle: /* @__PURE__ */ (0,
|
|
7015
|
+
subtitle: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
6992
7016
|
ProfileSubtitle_default,
|
|
6993
7017
|
{
|
|
6994
7018
|
yearsHosting,
|
|
@@ -6999,9 +7023,9 @@ var LandownerProfile = ({
|
|
|
6999
7023
|
isVerified
|
|
7000
7024
|
}
|
|
7001
7025
|
),
|
|
7002
|
-
bio && /* @__PURE__ */ (0,
|
|
7003
|
-
/* @__PURE__ */ (0,
|
|
7004
|
-
/* @__PURE__ */ (0,
|
|
7026
|
+
bio && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7027
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
|
|
7028
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7005
7029
|
Text_default,
|
|
7006
7030
|
{
|
|
7007
7031
|
dangerouslySetInnerHTML: {
|
|
@@ -7010,14 +7034,14 @@ var LandownerProfile = ({
|
|
|
7010
7034
|
}
|
|
7011
7035
|
)
|
|
7012
7036
|
] }),
|
|
7013
|
-
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0,
|
|
7014
|
-
/* @__PURE__ */ (0,
|
|
7015
|
-
/* @__PURE__ */ (0,
|
|
7016
|
-
!!responseRateFeature && /* @__PURE__ */ (0,
|
|
7017
|
-
!!responseTimeFeature && /* @__PURE__ */ (0,
|
|
7037
|
+
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7038
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
|
|
7039
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7040
|
+
!!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FeatureListItem_default, { ...responseRateFeature }),
|
|
7041
|
+
!!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(FeatureListItem_default, { ...responseTimeFeature })
|
|
7018
7042
|
] })
|
|
7019
7043
|
] }),
|
|
7020
|
-
/* @__PURE__ */ (0,
|
|
7044
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7021
7045
|
Button_default,
|
|
7022
7046
|
{
|
|
7023
7047
|
variant: "secondary",
|
|
@@ -7075,7 +7099,7 @@ var inputWrapperStyles2 = import_react43.css`
|
|
|
7075
7099
|
`;
|
|
7076
7100
|
|
|
7077
7101
|
// src/ListingChat/ListingChat.tsx
|
|
7078
|
-
var
|
|
7102
|
+
var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
|
|
7079
7103
|
var ListingChat = ({
|
|
7080
7104
|
onSubmit,
|
|
7081
7105
|
placeholder = "Ask anything about this listing\u2026",
|
|
@@ -7102,18 +7126,18 @@ var ListingChat = ({
|
|
|
7102
7126
|
},
|
|
7103
7127
|
[onSubmit]
|
|
7104
7128
|
);
|
|
7105
|
-
return /* @__PURE__ */ (0,
|
|
7106
|
-
/* @__PURE__ */ (0,
|
|
7107
|
-
/* @__PURE__ */ (0,
|
|
7108
|
-
/* @__PURE__ */ (0,
|
|
7109
|
-
/* @__PURE__ */ (0,
|
|
7129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
|
|
7130
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { css: headerStyles, children: [
|
|
7131
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { children: [
|
|
7132
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
|
|
7133
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
|
|
7110
7134
|
] }),
|
|
7111
|
-
/* @__PURE__ */ (0,
|
|
7112
|
-
/* @__PURE__ */ (0,
|
|
7113
|
-
/* @__PURE__ */ (0,
|
|
7135
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
|
|
7136
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
|
|
7137
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { size: "sm", children: "Beta" })
|
|
7114
7138
|
] })
|
|
7115
7139
|
] }),
|
|
7116
|
-
/* @__PURE__ */ (0,
|
|
7140
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7117
7141
|
TextArea,
|
|
7118
7142
|
{
|
|
7119
7143
|
rows: 1,
|
|
@@ -7128,14 +7152,14 @@ var ListingChat = ({
|
|
|
7128
7152
|
css: textAreaStyles
|
|
7129
7153
|
}
|
|
7130
7154
|
) }),
|
|
7131
|
-
tags.length > 0 && /* @__PURE__ */ (0,
|
|
7132
|
-
/* @__PURE__ */ (0,
|
|
7133
|
-
/* @__PURE__ */ (0,
|
|
7155
|
+
tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(import_jsx_runtime235.Fragment, { children: [
|
|
7156
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
|
|
7157
|
+
/* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7134
7158
|
"button",
|
|
7135
7159
|
{
|
|
7136
7160
|
onClick: handleTagClick(tag),
|
|
7137
7161
|
disabled,
|
|
7138
|
-
children: /* @__PURE__ */ (0,
|
|
7162
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(TagChip_default, { children: tag })
|
|
7139
7163
|
},
|
|
7140
7164
|
tag
|
|
7141
7165
|
)) })
|
|
@@ -7148,8 +7172,8 @@ var ListingChat_default = ListingChat;
|
|
|
7148
7172
|
var import_react45 = require("@emotion/react");
|
|
7149
7173
|
|
|
7150
7174
|
// src/Logo/components/LandtrustPlusDark.tsx
|
|
7151
|
-
var
|
|
7152
|
-
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0,
|
|
7175
|
+
var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
|
|
7176
|
+
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
7153
7177
|
"svg",
|
|
7154
7178
|
{
|
|
7155
7179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7157,14 +7181,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7157
7181
|
fill: "none",
|
|
7158
7182
|
...props,
|
|
7159
7183
|
children: [
|
|
7160
|
-
/* @__PURE__ */ (0,
|
|
7184
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7161
7185
|
"path",
|
|
7162
7186
|
{
|
|
7163
7187
|
fill: "#000",
|
|
7164
7188
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7165
7189
|
}
|
|
7166
7190
|
) }),
|
|
7167
|
-
/* @__PURE__ */ (0,
|
|
7191
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7168
7192
|
"path",
|
|
7169
7193
|
{
|
|
7170
7194
|
fill: "#FAD44E",
|
|
@@ -7173,14 +7197,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7173
7197
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7174
7198
|
}
|
|
7175
7199
|
),
|
|
7176
|
-
/* @__PURE__ */ (0,
|
|
7200
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7177
7201
|
"path",
|
|
7178
7202
|
{
|
|
7179
7203
|
fill: "#fff",
|
|
7180
7204
|
d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
|
|
7181
7205
|
}
|
|
7182
7206
|
),
|
|
7183
|
-
/* @__PURE__ */ (0,
|
|
7207
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(
|
|
7184
7208
|
"filter",
|
|
7185
7209
|
{
|
|
7186
7210
|
id: "landtrust-plus-dark_svg__a",
|
|
@@ -7191,8 +7215,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7191
7215
|
colorInterpolationFilters: "sRGB",
|
|
7192
7216
|
filterUnits: "userSpaceOnUse",
|
|
7193
7217
|
children: [
|
|
7194
|
-
/* @__PURE__ */ (0,
|
|
7195
|
-
/* @__PURE__ */ (0,
|
|
7218
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7219
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7196
7220
|
"feColorMatrix",
|
|
7197
7221
|
{
|
|
7198
7222
|
in: "SourceAlpha",
|
|
@@ -7200,18 +7224,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7200
7224
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7201
7225
|
}
|
|
7202
7226
|
),
|
|
7203
|
-
/* @__PURE__ */ (0,
|
|
7204
|
-
/* @__PURE__ */ (0,
|
|
7205
|
-
/* @__PURE__ */ (0,
|
|
7206
|
-
/* @__PURE__ */ (0,
|
|
7207
|
-
/* @__PURE__ */ (0,
|
|
7227
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feOffset", { dy: 1 }),
|
|
7228
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7229
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7230
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
7231
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7208
7232
|
"feBlend",
|
|
7209
7233
|
{
|
|
7210
7234
|
in2: "BackgroundImageFix",
|
|
7211
7235
|
result: "effect1_dropShadow_257_2540"
|
|
7212
7236
|
}
|
|
7213
7237
|
),
|
|
7214
|
-
/* @__PURE__ */ (0,
|
|
7238
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7215
7239
|
"feBlend",
|
|
7216
7240
|
{
|
|
7217
7241
|
in: "SourceGraphic",
|
|
@@ -7228,8 +7252,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime235.
|
|
|
7228
7252
|
var LandtrustPlusDark_default = SvgLandtrustPlusDark;
|
|
7229
7253
|
|
|
7230
7254
|
// src/Logo/components/LandtrustPlusLight.tsx
|
|
7231
|
-
var
|
|
7232
|
-
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0,
|
|
7255
|
+
var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
|
|
7256
|
+
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7233
7257
|
"svg",
|
|
7234
7258
|
{
|
|
7235
7259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7237,14 +7261,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7237
7261
|
fill: "none",
|
|
7238
7262
|
...props,
|
|
7239
7263
|
children: [
|
|
7240
|
-
/* @__PURE__ */ (0,
|
|
7264
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7241
7265
|
"path",
|
|
7242
7266
|
{
|
|
7243
7267
|
fill: "#000",
|
|
7244
7268
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7245
7269
|
}
|
|
7246
7270
|
) }),
|
|
7247
|
-
/* @__PURE__ */ (0,
|
|
7271
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7248
7272
|
"path",
|
|
7249
7273
|
{
|
|
7250
7274
|
fill: "#FAD44E",
|
|
@@ -7253,14 +7277,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7253
7277
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
7254
7278
|
}
|
|
7255
7279
|
),
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7280
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7257
7281
|
"path",
|
|
7258
7282
|
{
|
|
7259
7283
|
fill: "#1A202C",
|
|
7260
7284
|
d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
|
|
7261
7285
|
}
|
|
7262
7286
|
),
|
|
7263
|
-
/* @__PURE__ */ (0,
|
|
7287
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7264
7288
|
"filter",
|
|
7265
7289
|
{
|
|
7266
7290
|
id: "landtrust-plus-light_svg__a",
|
|
@@ -7271,8 +7295,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7271
7295
|
colorInterpolationFilters: "sRGB",
|
|
7272
7296
|
filterUnits: "userSpaceOnUse",
|
|
7273
7297
|
children: [
|
|
7274
|
-
/* @__PURE__ */ (0,
|
|
7275
|
-
/* @__PURE__ */ (0,
|
|
7298
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7299
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7276
7300
|
"feColorMatrix",
|
|
7277
7301
|
{
|
|
7278
7302
|
in: "SourceAlpha",
|
|
@@ -7280,18 +7304,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7280
7304
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7281
7305
|
}
|
|
7282
7306
|
),
|
|
7283
|
-
/* @__PURE__ */ (0,
|
|
7284
|
-
/* @__PURE__ */ (0,
|
|
7285
|
-
/* @__PURE__ */ (0,
|
|
7286
|
-
/* @__PURE__ */ (0,
|
|
7287
|
-
/* @__PURE__ */ (0,
|
|
7307
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feOffset", { dy: 1 }),
|
|
7308
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7309
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7310
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
7311
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7288
7312
|
"feBlend",
|
|
7289
7313
|
{
|
|
7290
7314
|
in2: "BackgroundImageFix",
|
|
7291
7315
|
result: "effect1_dropShadow_257_2538"
|
|
7292
7316
|
}
|
|
7293
7317
|
),
|
|
7294
|
-
/* @__PURE__ */ (0,
|
|
7318
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7295
7319
|
"feBlend",
|
|
7296
7320
|
{
|
|
7297
7321
|
in: "SourceGraphic",
|
|
@@ -7308,8 +7332,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime236
|
|
|
7308
7332
|
var LandtrustPlusLight_default = SvgLandtrustPlusLight;
|
|
7309
7333
|
|
|
7310
7334
|
// src/Logo/components/LandtrustStandardDark.tsx
|
|
7311
|
-
var
|
|
7312
|
-
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0,
|
|
7335
|
+
var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
|
|
7336
|
+
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
|
|
7313
7337
|
"svg",
|
|
7314
7338
|
{
|
|
7315
7339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7317,14 +7341,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7317
7341
|
fill: "none",
|
|
7318
7342
|
...props,
|
|
7319
7343
|
children: [
|
|
7320
|
-
/* @__PURE__ */ (0,
|
|
7344
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7321
7345
|
"path",
|
|
7322
7346
|
{
|
|
7323
7347
|
fill: "#E2430C",
|
|
7324
7348
|
d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
|
|
7325
7349
|
}
|
|
7326
7350
|
),
|
|
7327
|
-
/* @__PURE__ */ (0,
|
|
7351
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7328
7352
|
"path",
|
|
7329
7353
|
{
|
|
7330
7354
|
fill: "#fff",
|
|
@@ -7337,8 +7361,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7337
7361
|
var LandtrustStandardDark_default = SvgLandtrustStandardDark;
|
|
7338
7362
|
|
|
7339
7363
|
// src/Logo/components/LandtrustStandardLight.tsx
|
|
7340
|
-
var
|
|
7341
|
-
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0,
|
|
7364
|
+
var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
|
|
7365
|
+
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
|
|
7342
7366
|
"svg",
|
|
7343
7367
|
{
|
|
7344
7368
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7346,14 +7370,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7346
7370
|
fill: "none",
|
|
7347
7371
|
...props,
|
|
7348
7372
|
children: [
|
|
7349
|
-
/* @__PURE__ */ (0,
|
|
7373
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7350
7374
|
"path",
|
|
7351
7375
|
{
|
|
7352
7376
|
fill: "#E2430C",
|
|
7353
7377
|
d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
|
|
7354
7378
|
}
|
|
7355
7379
|
),
|
|
7356
|
-
/* @__PURE__ */ (0,
|
|
7380
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7357
7381
|
"path",
|
|
7358
7382
|
{
|
|
7359
7383
|
fill: "#000",
|
|
@@ -7366,7 +7390,7 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7366
7390
|
var LandtrustStandardLight_default = SvgLandtrustStandardLight;
|
|
7367
7391
|
|
|
7368
7392
|
// src/Logo/Logo.tsx
|
|
7369
|
-
var
|
|
7393
|
+
var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
|
|
7370
7394
|
var logoStyles = (size) => import_react45.css`
|
|
7371
7395
|
width: ${space[size]};
|
|
7372
7396
|
height: auto;
|
|
@@ -7395,7 +7419,7 @@ var Logo = ({
|
|
|
7395
7419
|
return LandtrustStandardLight_default;
|
|
7396
7420
|
};
|
|
7397
7421
|
const LogoComponent = getLogoComponent();
|
|
7398
|
-
return /* @__PURE__ */ (0,
|
|
7422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
|
|
7399
7423
|
};
|
|
7400
7424
|
var Logo_default = Logo;
|
|
7401
7425
|
|
|
@@ -7503,7 +7527,7 @@ var avatarPlaceholderStyles = import_react46.css`
|
|
|
7503
7527
|
`;
|
|
7504
7528
|
|
|
7505
7529
|
// src/Navigation/Navigation.tsx
|
|
7506
|
-
var
|
|
7530
|
+
var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
|
|
7507
7531
|
var Navigation = ({
|
|
7508
7532
|
onMenuToggle,
|
|
7509
7533
|
className,
|
|
@@ -7517,7 +7541,7 @@ var Navigation = ({
|
|
|
7517
7541
|
onAvatarClick,
|
|
7518
7542
|
...rest
|
|
7519
7543
|
}) => {
|
|
7520
|
-
return /* @__PURE__ */ (0,
|
|
7544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
7521
7545
|
Box_default,
|
|
7522
7546
|
{
|
|
7523
7547
|
display: "flex",
|
|
@@ -7526,7 +7550,7 @@ var Navigation = ({
|
|
|
7526
7550
|
position: "relative",
|
|
7527
7551
|
css: containerStyles3,
|
|
7528
7552
|
children: [
|
|
7529
|
-
/* @__PURE__ */ (0,
|
|
7553
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7530
7554
|
Box_default,
|
|
7531
7555
|
{
|
|
7532
7556
|
as: "button",
|
|
@@ -7538,11 +7562,11 @@ var Navigation = ({
|
|
|
7538
7562
|
border: "none",
|
|
7539
7563
|
padding: space[2],
|
|
7540
7564
|
css: hamburgerButtonStyles,
|
|
7541
|
-
children: /* @__PURE__ */ (0,
|
|
7565
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon_default, { variant: "Bars", size: "large" })
|
|
7542
7566
|
}
|
|
7543
7567
|
),
|
|
7544
|
-
/* @__PURE__ */ (0,
|
|
7545
|
-
/* @__PURE__ */ (0,
|
|
7568
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
|
|
7569
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7546
7570
|
Logo_default,
|
|
7547
7571
|
{
|
|
7548
7572
|
variant: logoVariant,
|
|
@@ -7551,8 +7575,8 @@ var Navigation = ({
|
|
|
7551
7575
|
css: logoStyles2
|
|
7552
7576
|
}
|
|
7553
7577
|
) }),
|
|
7554
|
-
/* @__PURE__ */ (0,
|
|
7555
|
-
/* @__PURE__ */ (0,
|
|
7578
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { css: desktopNavStyles, children: [
|
|
7579
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7556
7580
|
"a",
|
|
7557
7581
|
{
|
|
7558
7582
|
href: link.href,
|
|
@@ -7561,7 +7585,7 @@ var Navigation = ({
|
|
|
7561
7585
|
children: link.label
|
|
7562
7586
|
}
|
|
7563
7587
|
) }, link.href)) }) }),
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7588
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7565
7589
|
Box_default,
|
|
7566
7590
|
{
|
|
7567
7591
|
as: "button",
|
|
@@ -7646,7 +7670,7 @@ var contentStyles2 = import_react47.css`
|
|
|
7646
7670
|
`;
|
|
7647
7671
|
|
|
7648
7672
|
// src/PackageCard/PackageCard.tsx
|
|
7649
|
-
var
|
|
7673
|
+
var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
|
|
7650
7674
|
var PackageCard = ({
|
|
7651
7675
|
images,
|
|
7652
7676
|
title,
|
|
@@ -7663,13 +7687,13 @@ var PackageCard = ({
|
|
|
7663
7687
|
...rest
|
|
7664
7688
|
}) => {
|
|
7665
7689
|
const mainImage = images[0] || "";
|
|
7666
|
-
return /* @__PURE__ */ (0,
|
|
7667
|
-
/* @__PURE__ */ (0,
|
|
7668
|
-
tripsLeft && /* @__PURE__ */ (0,
|
|
7690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
|
|
7691
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: [imageStyles2, { backgroundImage: `url(${mainImage})` }], children: [
|
|
7692
|
+
tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(AvailabilityBadge_default, { variant: "warning", css: badgeStyles2, children: [
|
|
7669
7693
|
tripsLeft,
|
|
7670
7694
|
" Trips Left"
|
|
7671
7695
|
] }),
|
|
7672
|
-
/* @__PURE__ */ (0,
|
|
7696
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7673
7697
|
Box_default,
|
|
7674
7698
|
{
|
|
7675
7699
|
css: heartIconStyles,
|
|
@@ -7677,7 +7701,7 @@ var PackageCard = ({
|
|
|
7677
7701
|
e.stopPropagation();
|
|
7678
7702
|
onFavoriteClick == null ? void 0 : onFavoriteClick();
|
|
7679
7703
|
},
|
|
7680
|
-
children: /* @__PURE__ */ (0,
|
|
7704
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7681
7705
|
Icon_default,
|
|
7682
7706
|
{
|
|
7683
7707
|
variant: isFavorited ? "HeartSolid" : "Heart",
|
|
@@ -7687,8 +7711,8 @@ var PackageCard = ({
|
|
|
7687
7711
|
}
|
|
7688
7712
|
)
|
|
7689
7713
|
] }) }),
|
|
7690
|
-
/* @__PURE__ */ (0,
|
|
7691
|
-
/* @__PURE__ */ (0,
|
|
7714
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: contentStyles2, children: [
|
|
7715
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7692
7716
|
Box_default,
|
|
7693
7717
|
{
|
|
7694
7718
|
onClick,
|
|
@@ -7697,9 +7721,9 @@ var PackageCard = ({
|
|
|
7697
7721
|
gap: "var(--spacing-1)",
|
|
7698
7722
|
mb: "var(--spacing-4)",
|
|
7699
7723
|
children: [
|
|
7700
|
-
/* @__PURE__ */ (0,
|
|
7701
|
-
/* @__PURE__ */ (0,
|
|
7702
|
-
/* @__PURE__ */ (0,
|
|
7724
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
|
|
7725
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
|
|
7726
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
|
|
7703
7727
|
"Starting Price ",
|
|
7704
7728
|
startingPrice,
|
|
7705
7729
|
" / Guest"
|
|
@@ -7707,22 +7731,22 @@ var PackageCard = ({
|
|
|
7707
7731
|
]
|
|
7708
7732
|
}
|
|
7709
7733
|
),
|
|
7710
|
-
/* @__PURE__ */ (0,
|
|
7711
|
-
days && /* @__PURE__ */ (0,
|
|
7734
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
|
|
7735
|
+
days && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7712
7736
|
IconLabel_default,
|
|
7713
7737
|
{
|
|
7714
7738
|
variant: "Calendar",
|
|
7715
7739
|
label: `${days} Day${days !== 1 ? "s" : ""}`
|
|
7716
7740
|
}
|
|
7717
7741
|
),
|
|
7718
|
-
guests && /* @__PURE__ */ (0,
|
|
7742
|
+
guests && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7719
7743
|
IconLabel_default,
|
|
7720
7744
|
{
|
|
7721
7745
|
variant: "User",
|
|
7722
7746
|
label: `${guests} Guest${guests !== 1 ? "s" : ""}`
|
|
7723
7747
|
}
|
|
7724
7748
|
),
|
|
7725
|
-
hasLodging && /* @__PURE__ */ (0,
|
|
7749
|
+
hasLodging && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
|
|
7726
7750
|
] })
|
|
7727
7751
|
] })
|
|
7728
7752
|
] });
|
|
@@ -7730,14 +7754,14 @@ var PackageCard = ({
|
|
|
7730
7754
|
var PackageCard_default = PackageCard;
|
|
7731
7755
|
|
|
7732
7756
|
// src/PackageHeader/PackageHeader.tsx
|
|
7733
|
-
var
|
|
7757
|
+
var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
|
|
7734
7758
|
var PackageHeader = ({
|
|
7735
7759
|
header,
|
|
7736
7760
|
subheader,
|
|
7737
7761
|
features,
|
|
7738
7762
|
className
|
|
7739
7763
|
}) => {
|
|
7740
|
-
return /* @__PURE__ */ (0,
|
|
7764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
|
|
7741
7765
|
Box_default,
|
|
7742
7766
|
{
|
|
7743
7767
|
display: "flex",
|
|
@@ -7746,9 +7770,9 @@ var PackageHeader = ({
|
|
|
7746
7770
|
color: "var(--text-primary)",
|
|
7747
7771
|
className,
|
|
7748
7772
|
children: [
|
|
7749
|
-
/* @__PURE__ */ (0,
|
|
7750
|
-
subheader && /* @__PURE__ */ (0,
|
|
7751
|
-
features && /* @__PURE__ */ (0,
|
|
7773
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
|
|
7774
|
+
subheader && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { children: subheader }),
|
|
7775
|
+
features && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureList_default, { items: features })
|
|
7752
7776
|
]
|
|
7753
7777
|
}
|
|
7754
7778
|
);
|
|
@@ -7768,13 +7792,13 @@ var imageStyles3 = import_react48.css`
|
|
|
7768
7792
|
`;
|
|
7769
7793
|
|
|
7770
7794
|
// src/ReviewCard/components/ReviewImages.tsx
|
|
7771
|
-
var
|
|
7795
|
+
var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
|
|
7772
7796
|
var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
7773
7797
|
const displayImages = images.slice(0, maxImages);
|
|
7774
7798
|
if (displayImages.length === 0) {
|
|
7775
7799
|
return null;
|
|
7776
7800
|
}
|
|
7777
|
-
return /* @__PURE__ */ (0,
|
|
7801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7778
7802
|
"img",
|
|
7779
7803
|
{
|
|
7780
7804
|
src: image,
|
|
@@ -7787,7 +7811,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
|
7787
7811
|
var ReviewImages_default = ReviewImages;
|
|
7788
7812
|
|
|
7789
7813
|
// src/ReviewCard/components/ReviewReply.tsx
|
|
7790
|
-
var
|
|
7814
|
+
var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
|
|
7791
7815
|
var ReviewReply = ({
|
|
7792
7816
|
avatarSrc,
|
|
7793
7817
|
name,
|
|
@@ -7796,7 +7820,7 @@ var ReviewReply = ({
|
|
|
7796
7820
|
label,
|
|
7797
7821
|
rating
|
|
7798
7822
|
}) => {
|
|
7799
|
-
return /* @__PURE__ */ (0,
|
|
7823
|
+
return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7800
7824
|
Box_default,
|
|
7801
7825
|
{
|
|
7802
7826
|
backgroundColor: "var(--surface-neutral)",
|
|
@@ -7806,7 +7830,7 @@ var ReviewReply = ({
|
|
|
7806
7830
|
flexDirection: "column",
|
|
7807
7831
|
gap: "var(--spacing-3)",
|
|
7808
7832
|
children: [
|
|
7809
|
-
/* @__PURE__ */ (0,
|
|
7833
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7810
7834
|
Box_default,
|
|
7811
7835
|
{
|
|
7812
7836
|
display: "flex",
|
|
@@ -7814,7 +7838,7 @@ var ReviewReply = ({
|
|
|
7814
7838
|
justifyContent: "space-between",
|
|
7815
7839
|
gap: "var(--spacing-2)",
|
|
7816
7840
|
children: [
|
|
7817
|
-
/* @__PURE__ */ (0,
|
|
7841
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7818
7842
|
UserCard_default,
|
|
7819
7843
|
{
|
|
7820
7844
|
avatarSrc,
|
|
@@ -7823,11 +7847,11 @@ var ReviewReply = ({
|
|
|
7823
7847
|
rating
|
|
7824
7848
|
}
|
|
7825
7849
|
),
|
|
7826
|
-
/* @__PURE__ */ (0,
|
|
7850
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
|
|
7827
7851
|
]
|
|
7828
7852
|
}
|
|
7829
7853
|
),
|
|
7830
|
-
/* @__PURE__ */ (0,
|
|
7854
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { children: content })
|
|
7831
7855
|
]
|
|
7832
7856
|
}
|
|
7833
7857
|
);
|
|
@@ -7835,7 +7859,7 @@ var ReviewReply = ({
|
|
|
7835
7859
|
var ReviewReply_default = ReviewReply;
|
|
7836
7860
|
|
|
7837
7861
|
// src/ReviewCard/ReviewCard.tsx
|
|
7838
|
-
var
|
|
7862
|
+
var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
|
|
7839
7863
|
var ReviewCard = ({
|
|
7840
7864
|
avatarSrc,
|
|
7841
7865
|
name,
|
|
@@ -7847,7 +7871,7 @@ var ReviewCard = ({
|
|
|
7847
7871
|
replies = [],
|
|
7848
7872
|
className
|
|
7849
7873
|
}) => {
|
|
7850
|
-
return /* @__PURE__ */ (0,
|
|
7874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
7851
7875
|
Box_default,
|
|
7852
7876
|
{
|
|
7853
7877
|
backgroundColor: "white",
|
|
@@ -7858,7 +7882,7 @@ var ReviewCard = ({
|
|
|
7858
7882
|
gap: "var(--spacing-4)",
|
|
7859
7883
|
className,
|
|
7860
7884
|
children: [
|
|
7861
|
-
/* @__PURE__ */ (0,
|
|
7885
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7862
7886
|
UserCard_default,
|
|
7863
7887
|
{
|
|
7864
7888
|
avatarSrc,
|
|
@@ -7867,10 +7891,10 @@ var ReviewCard = ({
|
|
|
7867
7891
|
rating
|
|
7868
7892
|
}
|
|
7869
7893
|
),
|
|
7870
|
-
availabilityBadge && /* @__PURE__ */ (0,
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
7872
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
7873
|
-
replies.length > 0 && /* @__PURE__ */ (0,
|
|
7894
|
+
availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
|
|
7895
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Text_default, { size: "md", children: content }),
|
|
7896
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(ReviewImages_default, { images }),
|
|
7897
|
+
replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7874
7898
|
ReviewReply_default,
|
|
7875
7899
|
{
|
|
7876
7900
|
avatarSrc: reply.avatarSrc,
|
|
@@ -7889,9 +7913,9 @@ var ReviewCard = ({
|
|
|
7889
7913
|
var ReviewCard_default = ReviewCard;
|
|
7890
7914
|
|
|
7891
7915
|
// src/Reviews/components/ReviewItem.tsx
|
|
7892
|
-
var
|
|
7916
|
+
var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
|
|
7893
7917
|
var ReviewItem = ({ label, rating }) => {
|
|
7894
|
-
return /* @__PURE__ */ (0,
|
|
7918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
7895
7919
|
Box_default,
|
|
7896
7920
|
{
|
|
7897
7921
|
display: "flex",
|
|
@@ -7899,10 +7923,10 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
7899
7923
|
alignItems: "center",
|
|
7900
7924
|
width: "100%",
|
|
7901
7925
|
children: [
|
|
7902
|
-
/* @__PURE__ */ (0,
|
|
7903
|
-
/* @__PURE__ */ (0,
|
|
7904
|
-
/* @__PURE__ */ (0,
|
|
7905
|
-
/* @__PURE__ */ (0,
|
|
7926
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Text_default, { fontWeight: "semibold", children: label }),
|
|
7927
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
7928
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
|
|
7929
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(Text_default, { fontWeight: "semibold", children: [
|
|
7906
7930
|
rating,
|
|
7907
7931
|
"/5"
|
|
7908
7932
|
] })
|
|
@@ -7914,14 +7938,14 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
7914
7938
|
var ReviewItem_default = ReviewItem;
|
|
7915
7939
|
|
|
7916
7940
|
// src/Reviews/Reviews.tsx
|
|
7917
|
-
var
|
|
7941
|
+
var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
|
|
7918
7942
|
var Reviews = ({
|
|
7919
7943
|
averageRating,
|
|
7920
7944
|
totalReviews,
|
|
7921
7945
|
items,
|
|
7922
7946
|
className
|
|
7923
7947
|
}) => {
|
|
7924
|
-
return /* @__PURE__ */ (0,
|
|
7948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7925
7949
|
Box_default,
|
|
7926
7950
|
{
|
|
7927
7951
|
width: "100%",
|
|
@@ -7934,7 +7958,7 @@ var Reviews = ({
|
|
|
7934
7958
|
p: "var(--spacing-4)",
|
|
7935
7959
|
className,
|
|
7936
7960
|
children: [
|
|
7937
|
-
/* @__PURE__ */ (0,
|
|
7961
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7938
7962
|
Box_default,
|
|
7939
7963
|
{
|
|
7940
7964
|
display: "flex",
|
|
@@ -7942,9 +7966,9 @@ var Reviews = ({
|
|
|
7942
7966
|
alignItems: "center",
|
|
7943
7967
|
gap: "var(--spacing-2)",
|
|
7944
7968
|
children: [
|
|
7945
|
-
/* @__PURE__ */ (0,
|
|
7946
|
-
/* @__PURE__ */ (0,
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
7969
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
|
|
7970
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
|
|
7971
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
7948
7972
|
"Overall Rating \u2022 ",
|
|
7949
7973
|
totalReviews,
|
|
7950
7974
|
" Review",
|
|
@@ -7953,14 +7977,14 @@ var Reviews = ({
|
|
|
7953
7977
|
]
|
|
7954
7978
|
}
|
|
7955
7979
|
),
|
|
7956
|
-
/* @__PURE__ */ (0,
|
|
7980
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7957
7981
|
Box_default,
|
|
7958
7982
|
{
|
|
7959
7983
|
display: "flex",
|
|
7960
7984
|
flexDirection: "column",
|
|
7961
7985
|
gap: "var(--spacing-2)",
|
|
7962
7986
|
width: "100%",
|
|
7963
|
-
children: items.map((item, index) => /* @__PURE__ */ (0,
|
|
7987
|
+
children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
|
|
7964
7988
|
}
|
|
7965
7989
|
)
|
|
7966
7990
|
]
|
|
@@ -7970,7 +7994,7 @@ var Reviews = ({
|
|
|
7970
7994
|
var Reviews_default = Reviews;
|
|
7971
7995
|
|
|
7972
7996
|
// src/Reviews/ReviewsShowcase.tsx
|
|
7973
|
-
var
|
|
7997
|
+
var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
|
|
7974
7998
|
var ReviewsShowcase = () => {
|
|
7975
7999
|
const sampleData = {
|
|
7976
8000
|
averageRating: 4,
|
|
@@ -7992,7 +8016,7 @@ var ReviewsShowcase = () => {
|
|
|
7992
8016
|
{ label: "Game Abundance", rating: 5 }
|
|
7993
8017
|
]
|
|
7994
8018
|
};
|
|
7995
|
-
return /* @__PURE__ */ (0,
|
|
8019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
7996
8020
|
Box_default,
|
|
7997
8021
|
{
|
|
7998
8022
|
display: "flex",
|
|
@@ -8000,24 +8024,24 @@ var ReviewsShowcase = () => {
|
|
|
8000
8024
|
gap: "var(--spacing-8)",
|
|
8001
8025
|
p: "var(--spacing-6)",
|
|
8002
8026
|
children: [
|
|
8003
|
-
/* @__PURE__ */ (0,
|
|
8004
|
-
/* @__PURE__ */ (0,
|
|
8005
|
-
/* @__PURE__ */ (0,
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8027
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8029
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
|
|
8030
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...sampleData }) })
|
|
8007
8031
|
] }),
|
|
8008
|
-
/* @__PURE__ */ (0,
|
|
8009
|
-
/* @__PURE__ */ (0,
|
|
8010
|
-
/* @__PURE__ */ (0,
|
|
8032
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8033
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
|
|
8034
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...highRatingData }) })
|
|
8011
8035
|
] }),
|
|
8012
|
-
/* @__PURE__ */ (0,
|
|
8013
|
-
/* @__PURE__ */ (0,
|
|
8014
|
-
/* @__PURE__ */ (0,
|
|
8036
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
8037
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
|
|
8038
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8015
8039
|
Box_default,
|
|
8016
8040
|
{
|
|
8017
8041
|
maxWidth: "320px",
|
|
8018
8042
|
border: "1px solid var(--color-neutral-200)",
|
|
8019
8043
|
p: "var(--spacing-4)",
|
|
8020
|
-
children: /* @__PURE__ */ (0,
|
|
8044
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(Reviews_default, { ...sampleData })
|
|
8021
8045
|
}
|
|
8022
8046
|
)
|
|
8023
8047
|
] })
|