npm - @landtrustinc/design-system - Versions diffs - 1.1.5 → 1.1.6 - Mend

@landtrustinc/design-system 1.1.5 → 1.1.6

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.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -32,6 +32,7 @@ var src_exports = {};
 __export(src_exports, {
   AIResponse: () => AIResponse_default,
   AvailabilityChip: () => AvailabilityChip_default,
+  Avatar: () => Avatar_default,
   Box: () => Box_default,
   Button: () => Button_default,
   ChatWidget: () => ChatWidget_default,
@@ -54,14 +55,17 @@ __export(src_exports, {
   MessageBubble: () => MessageBubble_default,
   Navigation: () => Navigation_default,
   PackageCard: () => PackageCard_default,
+  ReviewCard: () => ReviewCard_default,
   Reviews: () => Reviews_default,
   ReviewsShowcase: () => ReviewsShowcase_default,
   Select: () => Select,
   Spinner: () => Spinner_default2,
+  StarRating: () => StarRating_default,
   TagChip: () => TagChip_default,
   Text: () => Text_default,
   TextArea: () => TextArea,
   ThemeTokens: () => ThemeTokens,
+  UserCard: () => UserCard_default,
   Widget: () => Widget_default,
   WidgetPanel: () => WidgetPanel,
   WidgetTrigger: () => WidgetTrigger,
@@ -3825,16 +3829,159 @@ var AvailabilityChip = ({
 };
 var AvailabilityChip_default = AvailabilityChip;
+// src/Avatar/Avatar.tsx
+var import_react14 = require("react");
+// src/Avatar/Avatar.styles.ts
+var import_react13 = require("@emotion/react");
+var avatarSizeStyles = {
+  xs: import_react13.css`
+    width: 24px;
+    height: 24px;
+  `,
+  sm: import_react13.css`
+    width: 32px;
+    height: 32px;
+  `,
+  md: import_react13.css`
+    width: 60px;
+    height: 60px;
+  `,
+  lg: import_react13.css`
+    width: 80px;
+    height: 80px;
+  `,
+  xl: import_react13.css`
+    width: 120px;
+    height: 120px;
+  `
+};
+var avatarBaseStyles = import_react13.css`
+  border-radius: 50%;
+  object-fit: cover;
+  border: 1px solid var(--color-neutral-200);
+  display: block;
+`;
+var avatarTextStyles = import_react13.css`
+  border-radius: 50%;
+  border: 1px solid var(--color-neutral-200);
+  background-color: var(--surface-action);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+  user-select: none;
+`;
+var avatarFallbackStyles = import_react13.css`
+  border-radius: 50%;
+  border: 1px solid var(--color-neutral-200);
+  background-color: var(--color-neutral-100);
+  color: var(--color-neutral-500);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+// src/Avatar/Avatar.tsx
+var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
+var Avatar = ({
+  type = "image",
+  src,
+  text,
+  alt,
+  size = "md",
+  className
+}) => {
+  const [hasImageError, setHasImageError] = (0, import_react14.useState)(false);
+  const handleImageError = () => {
+    setHasImageError(true);
+  };
+  const getInitials = (fullName) => {
+    return fullName.split(" ").map((name) => name.charAt(0).toUpperCase()).slice(0, 2).join("");
+  };
+  const getFontSize = (size2) => {
+    switch (size2) {
+      case "xs":
+        return "10px";
+      case "sm":
+        return "12px";
+      case "md":
+        return "20px";
+      case "lg":
+        return "28px";
+      case "xl":
+        return "40px";
+      default:
+        return "20px";
+    }
+  };
+  const getIconSize = (size2) => {
+    switch (size2) {
+      case "xs":
+        return 3;
+      case "sm":
+        return 4;
+      case "md":
+        return 8;
+      case "lg":
+        return 10;
+      case "xl":
+        return 16;
+      default:
+        return 8;
+    }
+  };
+  if (type === "text" && text) {
+    const initials = getInitials(text);
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+      "div",
+      {
+        css: [
+          avatarTextStyles,
+          avatarSizeStyles[size],
+          { fontSize: getFontSize(size) }
+        ],
+        className,
+        title: alt,
+        children: initials
+      }
+    );
+  }
+  if (type === "image" && src && !hasImageError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+      "img",
+      {
+        src,
+        alt,
+        css: [avatarBaseStyles, avatarSizeStyles[size]],
+        className,
+        onError: handleImageError
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+    "div",
+    {
+      css: [avatarFallbackStyles, avatarSizeStyles[size]],
+      className,
+      title: alt,
+      children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Icon_default, { variant: "User", size: getIconSize(size) })
+    }
+  );
+};
+var Avatar_default = Avatar;
 // src/ChatWidget/ChatWidget.tsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 // src/Divider/Divider.tsx
 var import_styled4 = __toESM(require("@emotion/styled"));
 var import_styled_system2 = require("styled-system");
 // src/Divider/Divider.styles.ts
-var import_react13 = require("@emotion/react");
-var dividerStyles = import_react13.css`
+var import_react15 = require("@emotion/react");
+var dividerStyles = import_react15.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -3842,28 +3989,28 @@ var dividerStyles = import_react13.css`
 `;
 // src/Divider/Divider.tsx
-var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
 var StyledHr = import_styled4.default.hr`
   ${dividerStyles}
   ${import_styled_system2.space}
 `;
 var Divider = ({ className, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(StyledHr, { className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(StyledHr, { className, ...rest });
 };
 var Divider_default = Divider;
 // src/Form/TextArea.tsx
-var import_react15 = require("@emotion/react");
-var import_react16 = require("react");
+var import_react17 = require("@emotion/react");
+var import_react18 = require("react");
 // src/Form/TextArea.styles.ts
-var import_react14 = require("@emotion/react");
-var wrapperStyles = import_react14.css`
+var import_react16 = require("@emotion/react");
+var wrapperStyles = import_react16.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var textareaBase = import_react14.css`
+var textareaBase = import_react16.css`
   width: 100%;
   box-sizing: border-box;
   font: inherit;
@@ -3897,32 +4044,32 @@ var textareaBase = import_react14.css`
     cursor: default;
   }
 `;
-var variantError = import_react14.css`
+var variantError = import_react16.css`
   border-color: var(--border-error);
   &:focus {
     border-color: var(--border-error);
     box-shadow: 0 0 0 3px var(--color-error-100);
   }
 `;
-var variantSuccess = import_react14.css`
+var variantSuccess = import_react16.css`
   border-color: var(--color-success-500);
   &:focus {
     border-color: var(--color-success-500);
     box-shadow: 0 0 0 3px var(--color-success-100);
   }
 `;
-var submitButtonContainer = import_react14.css`
+var submitButtonContainer = import_react16.css`
   position: absolute;
   right: var(--spacing-4);
   bottom: var(--spacing-4);
 `;
-var textareaWithSubmit = import_react14.css`
+var textareaWithSubmit = import_react16.css`
   padding-right: var(--spacing-16);
 `;
 // src/Form/TextArea.tsx
-var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react16.forwardRef)(
+var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
+var TextArea = (0, import_react18.forwardRef)(
   ({
     rows = 3,
     variant = "default",
@@ -3942,8 +4089,8 @@ var TextArea = (0, import_react16.forwardRef)(
     submitOnEnter = true,
     ...props
   }, ref) => {
-    const innerRef = (0, import_react16.useRef)(null);
-    (0, import_react16.useEffect)(() => {
+    const innerRef = (0, import_react18.useRef)(null);
+    (0, import_react18.useEffect)(() => {
       const el = innerRef.current;
       if (!el || !autoExpand)
         return;
@@ -3979,8 +4126,8 @@ var TextArea = (0, import_react16.forwardRef)(
         onSubmit();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { css: wrapperStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { css: wrapperStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
         "textarea",
         {
           ref: (node) => {
@@ -3997,7 +4144,7 @@ var TextArea = (0, import_react16.forwardRef)(
             textareaBase,
             variant === "error" && variantError,
             variant === "success" && variantSuccess,
-            import_react15.css`
+            import_react17.css`
               resize: ${resize};
             `,
             showSubmit && textareaWithSubmit
@@ -4010,14 +4157,14 @@ var TextArea = (0, import_react16.forwardRef)(
           ...props
         }
       ),
-      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
         Button_default,
         {
           size: "xs",
           "aria-label": submitAriaLabel,
           onClick: onSubmit,
           disabled: disabled || submitDisabled,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          icon: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
             Icon_default,
             {
               variant: "PaperPlane",
@@ -4034,14 +4181,14 @@ TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react17 = require("@emotion/react");
-var getRootStyles = (variant) => import_react17.css`
+var import_react19 = require("@emotion/react");
+var getRootStyles = (variant) => import_react19.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getBubbleStyles = (variant) => import_react17.css`
+var getBubbleStyles = (variant) => import_react19.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -4058,22 +4205,22 @@ var getBubbleStyles = (variant) => import_react17.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles = import_react17.css`
+var contentStyles = import_react19.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
 `;
 // src/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
 var MessageBubble = ({
   variant = "sent",
   timestamp,
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { className, css: getRootStyles(variant), children: [
-    timestamp && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className, css: getRootStyles(variant), children: [
+    timestamp && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
       Text_default,
       {
         size: "xs",
@@ -4082,17 +4229,17 @@ var MessageBubble = ({
         children: timestamp
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { css: contentStyles, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { css: contentStyles, children }) })
   ] });
 };
 var MessageBubble_default = MessageBubble;
 // src/Widget/Widget.tsx
-var import_react19 = require("react");
+var import_react21 = require("react");
 // src/Widget/Widget.styles.ts
-var import_react18 = require("@emotion/react");
-var panelContainer = import_react18.css`
+var import_react20 = require("@emotion/react");
+var panelContainer = import_react20.css`
   position: absolute;
   right: 0;
   bottom: 0;
@@ -4108,7 +4255,7 @@ var panelContainer = import_react18.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react18.css`
+var panelCard = (width2) => import_react20.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -4129,16 +4276,16 @@ var panelCard = (width2) => import_react18.css`
     overflow: auto;
   }
 `;
-var widgetTrigger = import_react18.css`
+var widgetTrigger = import_react20.css`
   margin: var(--spacing-1);
   box-shadow: var(--shadow-2xl);
 `;
 // src/Widget/Widget.tsx
-var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react19.createContext)(null);
+var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
+var WidgetContext = (0, import_react21.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react19.useContext)(WidgetContext);
+  const ctx = (0, import_react21.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -4146,7 +4293,7 @@ var useWidgetContext = () => {
 var WidgetTrigger = () => {
   const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
   const currentIcon = expanded ? expandedIcon : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_jsx_runtime207.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_jsx_runtime208.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     Button_default,
     {
       ref: triggerRef,
@@ -4154,7 +4301,7 @@ var WidgetTrigger = () => {
       "aria-haspopup": "dialog",
       onClick: toggle,
       size: "lg",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon_default, { variant: currentIcon, size: 12 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: currentIcon, size: 12 }),
       css: widgetTrigger
     }
   ) });
@@ -4162,7 +4309,7 @@ var WidgetTrigger = () => {
 var WidgetPanel = ({ className, style, children }) => {
   var _a;
   const { expanded, panelWidth } = useWidgetContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     "div",
     {
       css: panelContainer,
@@ -4171,7 +4318,7 @@ var WidgetPanel = ({ className, style, children }) => {
         ...style,
         display: expanded ? (_a = style == null ? void 0 : style.display) != null ? _a : void 0 : "none"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
         Box_default,
         {
           css: panelCard(panelWidth),
@@ -4196,12 +4343,12 @@ var WidgetRoot = ({
   children,
   containerProps
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react19.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react21.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react19.useRef)(null);
-  const containerRef = (0, import_react19.useRef)(null);
-  const setExpanded = (0, import_react19.useCallback)(
+  const triggerRef = (0, import_react21.useRef)(null);
+  const containerRef = (0, import_react21.useRef)(null);
+  const setExpanded = (0, import_react21.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -4215,11 +4362,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react19.useCallback)(
+  const toggle = (0, import_react21.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!isExpanded)
       return;
     const onDocClick = (e) => {
@@ -4233,7 +4380,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -4243,7 +4390,7 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  const value = (0, import_react19.useMemo)(
+  const value = (0, import_react21.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -4254,7 +4401,7 @@ var WidgetRoot = ({
     }),
     [expandedIcon, icon, isExpanded, panelWidth, toggle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     Box_default,
     {
       ref: containerRef,
@@ -4265,7 +4412,7 @@ var WidgetRoot = ({
       bottom: "var(--spacing-6)",
       zIndex: 100,
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(WidgetContext.Provider, { value, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(WidgetContext.Provider, { value, children })
     }
   );
 };
@@ -4276,8 +4423,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react20 = require("@emotion/react");
-var sentWrapperStyles = import_react20.css`
+var import_react22 = require("@emotion/react");
+var sentWrapperStyles = import_react22.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -4285,14 +4432,14 @@ var sentWrapperStyles = import_react20.css`
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var receivedWrapperStyles = import_react20.css`
+var receivedWrapperStyles = import_react22.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles = import_react20.css`
+var containerStyles = import_react22.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -4302,13 +4449,13 @@ var containerStyles = import_react20.css`
     height: 100%;
   }
 `;
-var thinkingRowStyles = import_react20.css`
+var thinkingRowStyles = import_react22.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react20.css`
+var thinkingTextStyles = import_react22.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
   @keyframes ltchat-pulse {
@@ -4321,7 +4468,7 @@ var thinkingTextStyles = import_react20.css`
     }
   }
 `;
-var badge = import_react20.css`
+var badge = import_react22.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -4331,16 +4478,16 @@ var badge = import_react20.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react20.css`
+var closeButtonContent = import_react22.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
 // src/ChatWidget/ChatWidget.tsx
-var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
 var DEFAULT_EMPTY_STATE = [
-  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
     AIResponse_default,
     {
       showDisclaimer: false,
@@ -4367,12 +4514,12 @@ var ChatWidget = ({
   emptyState = DEFAULT_EMPTY_STATE,
   containerProps
 }) => {
-  const [value, setValue] = (0, import_react21.useState)("");
-  const scrollRef = (0, import_react21.useRef)(null);
+  const [value, setValue] = (0, import_react23.useState)("");
+  const scrollRef = (0, import_react23.useRef)(null);
   const isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react21.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react23.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const setExpanded = (0, import_react21.useCallback)(
+  const setExpanded = (0, import_react23.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -4380,24 +4527,24 @@ var ChatWidget = ({
     },
     [isControlled, onExpandedChange]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const el = scrollRef.current;
     if (!el)
       return;
     el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
   }, [messages, isThinking]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const renderedMessages = (0, import_react21.useMemo)(
+  const renderedMessages = (0, import_react23.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
       if (element.type === AIResponse_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
       }
       if (element.type === MessageBubble_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react21.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_react23.default.Fragment, { children: element }, key);
     }),
     [messagesToRender]
   );
@@ -4408,7 +4555,7 @@ var ChatWidget = ({
     onSubmit(trimmed);
     setValue("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
     Widget_default,
     {
       ariaLabel,
@@ -4419,10 +4566,10 @@ var ChatWidget = ({
       className,
       containerProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Widget_default.Trigger, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { css: containerStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Widget_default.Trigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { css: containerStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
               Box_default,
               {
                 display: "flex",
@@ -4430,9 +4577,9 @@ var ChatWidget = ({
                 justifyContent: "space-between",
                 gap: "var(--spacing-4)",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: 6 }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: 6 }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
                       Heading_default,
                       {
                         size: "2xs",
@@ -4442,25 +4589,25 @@ var ChatWidget = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
                     Button_default,
                     {
                       variant: "text",
                       size: "xs",
                       "aria-label": "Close widget",
                       onClick: () => setExpanded(false),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("span", { css: closeButtonContent, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: "Xmark", size: 5 }),
-                        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { children: "Close" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("span", { css: closeButtonContent, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Icon_default, { variant: "Xmark", size: 5 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { children: "Close" })
                       ] })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Divider_default, { mt: 4, mb: 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Divider_default, { mt: 4, mb: 0 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
             Box_default,
             {
               ref: scrollRef,
@@ -4473,15 +4620,15 @@ var ChatWidget = ({
               flexDirection: "column",
               gap: "var(--spacing-2)",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
-                isThinking && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("div", { css: thinkingRowStyles, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Spinner_default2, { size: 5 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { css: thinkingTextStyles, children: "Thinking..." })
+                /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
+                isThinking && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { css: thinkingRowStyles, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Spinner_default2, { size: 5 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { css: thinkingTextStyles, children: "Thinking..." })
                 ] }) })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
             TextArea_default,
             {
               rows: 3,
@@ -4504,8 +4651,8 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react22 = require("@emotion/react");
-var cardContainerStyles = import_react22.css`
+var import_react24 = require("@emotion/react");
+var cardContainerStyles = import_react24.css`
   position: relative;
   height: 335px;
@@ -4513,12 +4660,12 @@ var cardContainerStyles = import_react22.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react22.css`
+var cardContentStyles = import_react24.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react22.css`
+var getBackgroundWithGradient = (imageUrl) => import_react24.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -4532,7 +4679,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react22.css`
 `;
 // src/FieldNoteCard/FieldNoteCard.tsx
-var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
 var FieldNoteCard = ({
   backgroundImage,
   title,
@@ -4541,14 +4688,14 @@ var FieldNoteCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
         Box_default,
         {
           display: "flex",
@@ -4556,9 +4703,9 @@ var FieldNoteCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -4568,14 +4715,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 // src/Form/FormField.tsx
-var import_react23 = require("@emotion/react");
-var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react23.css`
+var import_react25 = require("@emotion/react");
+var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
+var fieldContainerStyles = import_react25.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react23.css`
+var labelStyles2 = import_react25.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -4583,17 +4730,17 @@ var labelStyles2 = import_react23.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react23.css`
+var requiredIndicatorStyles = import_react25.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react23.css`
+var helpTextStyles = import_react25.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react23.css`
+var errorTextStyles = import_react25.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -4602,7 +4749,7 @@ var errorTextStyles = import_react23.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react23.css`
+var successTextStyles = import_react25.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -4611,7 +4758,7 @@ var successTextStyles = import_react23.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react23.css`
+var visuallyHiddenStyles = import_react25.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -4636,21 +4783,21 @@ var FormField = ({
   const hasError = !!error;
   const hasSuccess = !!success && !hasError;
   const hasHelpText = !!helpText && !hasError && !hasSuccess;
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: fieldContainerStyles, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: fieldContainerStyles, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
       "label",
       {
         htmlFor,
         css: [labelStyles2, hideLabel && visuallyHiddenStyles],
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
         ]
       }
     ),
     children,
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4660,8 +4807,8 @@ var FormField = ({
       ) }),
       error
     ] }),
-    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: successTextStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: successTextStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4671,15 +4818,15 @@ var FormField = ({
       ) }),
       success
     ] }),
-    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { css: helpTextStyles, children: helpText })
+    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { css: helpTextStyles, children: helpText })
   ] });
 };
 // src/Form/Input.tsx
-var import_react24 = require("@emotion/react");
-var import_react25 = require("react");
-var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react24.css`
+var import_react26 = require("@emotion/react");
+var import_react27 = require("react");
+var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
+var inputStyles = import_react26.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -4716,19 +4863,19 @@ var inputStyles = import_react24.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react24.css`
+  sm: import_react26.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react24.css`
+  md: import_react26.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react24.css`
+  lg: import_react26.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -4736,8 +4883,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react24.css``,
-  error: import_react24.css`
+  default: import_react26.css``,
+  error: import_react26.css`
     border-color: ${colors.red["500"]};
     &:focus {
@@ -4745,7 +4892,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react24.css`
+  success: import_react26.css`
     border-color: ${colors.accent.green};
     &:focus {
@@ -4754,7 +4901,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react24.css`
+var inputWithIconStyles = import_react26.css`
   padding-left: ${space["10"]};
   &.has-end-icon {
@@ -4765,7 +4912,7 @@ var inputWithIconStyles = import_react24.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react24.css`
+var iconContainerStyles = import_react26.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -4776,20 +4923,20 @@ var iconContainerStyles = import_react24.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react24.css`
+var startIconStyles = import_react26.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react24.css`
+var endIconStyles = import_react26.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react24.css`
+var inputWrapperStyles = import_react26.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react25.forwardRef)(
+var Input = (0, import_react27.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4808,9 +4955,9 @@ var Input = (0, import_react25.forwardRef)(
       hasEndIcon && "has-end-icon",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: inputWrapperStyles, children: [
-      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { css: startIconStyles, children: startIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { css: inputWrapperStyles, children: [
+      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { css: startIconStyles, children: startIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
         "input",
         {
           ref,
@@ -4827,17 +4974,17 @@ var Input = (0, import_react25.forwardRef)(
           ...props
         }
       ),
-      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { css: endIconStyles, children: endIcon })
+      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { css: endIconStyles, children: endIcon })
     ] });
   }
 );
 Input.displayName = "Input";
 // src/Form/Select.tsx
-var import_react26 = require("@emotion/react");
-var import_react27 = require("react");
-var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react26.css`
+var import_react28 = require("@emotion/react");
+var import_react29 = require("react");
+var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
+var selectStyles = import_react28.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -4876,19 +5023,19 @@ var selectStyles = import_react26.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react26.css`
+  sm: import_react28.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react26.css`
+  md: import_react28.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react26.css`
+  lg: import_react28.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -4896,8 +5043,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react26.css``,
-  error: import_react26.css`
+  default: import_react28.css``,
+  error: import_react28.css`
     border-color: ${colors.red["500"]};
     &:focus {
@@ -4905,7 +5052,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react26.css`
+  success: import_react28.css`
     border-color: ${colors.accent.green};
     &:focus {
@@ -4914,7 +5061,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react26.css`
+var optionStyles = import_react28.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
@@ -4923,7 +5070,7 @@ var optionStyles = import_react26.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react27.forwardRef)(
+var Select = (0, import_react29.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4933,7 +5080,7 @@ var Select = (0, import_react27.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
       "select",
       {
         ref,
@@ -4942,8 +5089,8 @@ var Select = (0, import_react27.forwardRef)(
         className,
         ...props,
         children: [
-          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
-          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
             "option",
             {
               value: option.value,
@@ -4961,10 +5108,10 @@ var Select = (0, import_react27.forwardRef)(
 Select.displayName = "Select";
 // src/Grid/Column.tsx
-var import_react29 = require("@emotion/react");
+var import_react31 = require("@emotion/react");
 // src/Grid/utils.ts
-var import_react28 = require("@emotion/react");
+var import_react30 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -5004,11 +5151,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react28.css`
+    return import_react30.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
     ${media.sm} {
@@ -5040,11 +5187,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react28.css`
+    return import_react30.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     gap: ${space[baseGap]};
     ${media.sm} {
@@ -5067,11 +5214,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react28.css`
+    return import_react30.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     row-gap: ${space[baseRowGap]};
     ${media.sm} {
@@ -5094,11 +5241,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react28.css`
+    return import_react30.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     column-gap: ${space[baseColumnGap]};
     ${media.sm} {
@@ -5121,11 +5268,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react28.css`
+    return import_react30.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
     ${media.sm} {
@@ -5148,11 +5295,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react28.css`
+    return import_react30.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     align-items: ${baseAlign};
     ${media.sm} {
@@ -5175,11 +5322,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react28.css`
+    return import_react30.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react28.css`
+  return import_react30.css`
     justify-items: ${baseJustify};
     ${media.sm} {
@@ -5201,7 +5348,7 @@ var generateJustifyItems = (justifyItems) => {
 };
 // src/Grid/Column.tsx
-var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
 var Column = ({
   span,
   start,
@@ -5214,30 +5361,30 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react29.css`
+    start && import_react31.css`
         grid-column-start: ${start};
       `,
-    end && import_react29.css`
+    end && import_react31.css`
         grid-column-end: ${end};
       `,
-    row && import_react29.css`
+    row && import_react31.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react29.css`
+    rowSpan && import_react31.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react29.css`
+    area && import_react31.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { css: columnStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { css: columnStyles, ...props, children });
 };
 var Column_default = Column;
 // src/Grid/Grid.tsx
-var import_react30 = require("@emotion/react");
-var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react30.css`
+var import_react32 = require("@emotion/react");
+var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
+var baseGridStyles = import_react32.css`
   display: grid;
 `;
 var Grid = ({
@@ -5262,27 +5409,27 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react30.css`
+    autoRows && import_react32.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react30.css`
+    autoColumns && import_react32.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react30.css`
+    templateAreas && import_react32.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react30.css`
+    justifyContent && import_react32.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { css: gridStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Box_default, { css: gridStyles, ...props, children });
 };
 var Grid_default = Grid;
 // src/Grid/GridContainer.tsx
-var import_react31 = require("@emotion/react");
-var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react31.css`
+var import_react33 = require("@emotion/react");
+var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
+var baseContainerStyles = import_react33.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -5290,14 +5437,14 @@ var baseContainerStyles = import_react31.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react31.css`
+    return import_react33.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react31.css`
+  return import_react33.css`
     max-width: ${width2};
     ${media.sm} {
@@ -5326,13 +5473,13 @@ var GridContainer = ({
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 // src/HuntCard/HuntCard.styles.ts
-var import_react32 = require("@emotion/react");
-var cardContainerStyles2 = import_react32.css`
+var import_react34 = require("@emotion/react");
+var cardContainerStyles2 = import_react34.css`
   position: relative;
   height: 335px;
@@ -5340,12 +5487,12 @@ var cardContainerStyles2 = import_react32.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react32.css`
+var cardContentStyles2 = import_react34.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react32.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react34.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -5359,7 +5506,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react32.css`
 `;
 // src/HuntCard/HuntCard.tsx
-var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
 var HuntCard = ({
   backgroundImage,
   title,
@@ -5368,14 +5515,14 @@ var HuntCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles2,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
         Box_default,
         {
           display: "flex",
@@ -5383,9 +5530,9 @@ var HuntCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -5395,27 +5542,27 @@ var HuntCard = ({
 var HuntCard_default = HuntCard;
 // src/ListingChat/ListingChat.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 // src/TagChip/TagChip.styles.ts
-var import_react33 = require("@emotion/react");
+var import_react35 = require("@emotion/react");
 var tagChipVariantStyles = {
-  primary: import_react33.css`
+  primary: import_react35.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
     color: var(--text-primary);
   `,
-  error: import_react33.css`
+  error: import_react35.css`
     background-color: var(--surface-error);
     border: 1px solid var(--color-red-300);
     color: var(--text-error);
   `,
-  success: import_react33.css`
+  success: import_react35.css`
     background-color: var(--surface-success);
     border: 1px solid var(--color-green-300);
     color: var(--text-success);
   `,
-  warning: import_react33.css`
+  warning: import_react35.css`
     background-color: var(--surface-subtle);
     border: 1px solid var(--color-brown-200);
     color: var(--text-primary);
@@ -5423,14 +5570,14 @@ var tagChipVariantStyles = {
 };
 // src/TagChip/TagChip.tsx
-var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
 var TagChip = ({
   variant = "primary",
   className,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -5441,15 +5588,15 @@ var TagChip = ({
       css: tagChipVariantStyles[variant],
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
     }
   );
 };
 var TagChip_default = TagChip;
 // src/ListingChat/ListingChat.styles.ts
-var import_react34 = require("@emotion/react");
-var containerStyles2 = import_react34.css`
+var import_react36 = require("@emotion/react");
+var containerStyles2 = import_react36.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -5457,13 +5604,13 @@ var containerStyles2 = import_react34.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react34.css`
+var headerStyles = import_react36.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react34.css`
+var chipsContainerStyles = import_react36.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -5476,15 +5623,15 @@ var chipsContainerStyles = import_react34.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react34.css`
+var textAreaStyles = import_react36.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react34.css`
+var inputWrapperStyles2 = import_react36.css`
   position: relative;
 `;
 // src/ListingChat/ListingChat.tsx
-var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
 var ListingChat = ({
   onSubmit,
   placeholder = "Ask anything about this listing\u2026",
@@ -5494,15 +5641,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react35.useState)("");
-  const handleSubmit = (0, import_react35.useCallback)(() => {
+  const [value, setValue] = (0, import_react37.useState)("");
+  const handleSubmit = (0, import_react37.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react35.useCallback)(
+  const handleTagClick = (0, import_react37.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -5511,18 +5658,18 @@ var ListingChat = ({
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: headerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: "AiMagic", size: 5 }),
-        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "sm", children: "Beta" })
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "AiMagic", size: 5 }),
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "sm", children: "Beta" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
       TextArea,
       {
         rows: 1,
@@ -5537,14 +5684,14 @@ var ListingChat = ({
         css: textAreaStyles
       }
     ) }),
-    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(import_jsx_runtime218.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(import_jsx_runtime219.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
         "button",
         {
           onClick: handleTagClick(tag),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(TagChip_default, { children: tag })
+          children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(TagChip_default, { children: tag })
         },
         tag
       )) })
@@ -5554,11 +5701,11 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 // src/Logo/Logo.tsx
-var import_react36 = require("@emotion/react");
+var import_react38 = require("@emotion/react");
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5566,14 +5713,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         "path",
         {
           fill: "#000",
           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"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -5582,14 +5729,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.
           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"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         "path",
         {
           fill: "#fff",
           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"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -5600,8 +5747,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -5609,18 +5756,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.
                 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -5637,8 +5784,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5646,14 +5793,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         "path",
         {
           fill: "#000",
           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"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -5662,14 +5809,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220
           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"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         "path",
         {
           fill: "#1A202C",
           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"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -5680,8 +5827,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -5689,18 +5836,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220
                 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -5717,8 +5864,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
+var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5726,14 +5873,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         "path",
         {
           fill: "#E2430C",
           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"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         "path",
         {
           fill: "#fff",
@@ -5746,8 +5893,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
+var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5755,14 +5902,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
         "path",
         {
           fill: "#E2430C",
           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"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
         "path",
         {
           fill: "#000",
@@ -5775,8 +5922,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 // src/Logo/Logo.tsx
-var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react36.css`
+var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react38.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -5804,18 +5951,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 // src/Navigation/Navigation.styles.ts
-var import_react37 = require("@emotion/react");
-var navigationStyles = import_react37.css`
+var import_react39 = require("@emotion/react");
+var navigationStyles = import_react39.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react37.css`
+var hamburgerButtonStyles = import_react39.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -5826,7 +5973,7 @@ var hamburgerButtonStyles = import_react37.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react37.css`
+var centeredLogoStyles = import_react39.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
@@ -5834,27 +5981,27 @@ var centeredLogoStyles = import_react37.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react37.css`
+var desktopLogoStyles = import_react39.css`
   display: none;
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react37.css`
+var containerStyles3 = import_react39.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react37.css`
+var logoStyles2 = import_react39.css`
   width: 100%;
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react37.css`
+var desktopNavStyles = import_react39.css`
   display: none;
   @media (min-width: 768px) {
@@ -5863,7 +6010,7 @@ var desktopNavStyles = import_react37.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react37.css`
+var navLinksStyles = import_react39.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -5871,7 +6018,7 @@ var navLinksStyles = import_react37.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react37.css`
+var navLinkStyles = import_react39.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -5887,7 +6034,7 @@ var navLinkStyles = import_react37.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react37.css`
+var avatarPlaceholderStyles = import_react39.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -5912,7 +6059,7 @@ var avatarPlaceholderStyles = import_react37.css`
 `;
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -5926,7 +6073,7 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -5935,7 +6082,7 @@ var Navigation = ({
       position: "relative",
       css: containerStyles3,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
           Box_default,
           {
             as: "button",
@@ -5947,11 +6094,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Icon_default, { variant: "Bars", size: 6 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon_default, { variant: "Bars", size: 6 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -5960,8 +6107,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
             "a",
             {
               href: link.href,
@@ -5970,7 +6117,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
             Box_default,
             {
               as: "button",
@@ -5989,8 +6136,8 @@ var Navigation = ({
 var Navigation_default = Navigation;
 // src/PackageCard/PackageCard.styles.ts
-var import_react38 = require("@emotion/react");
-var cardContainerStyles3 = import_react38.css`
+var import_react40 = require("@emotion/react");
+var cardContainerStyles3 = import_react40.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -6007,14 +6154,14 @@ var cardContainerStyles3 = import_react38.css`
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   }
 `;
-var imageContainerStyles = import_react38.css`
+var imageContainerStyles = import_react40.css`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   border-radius: var(--spacing-4);
 `;
-var imageStyles = import_react38.css`
+var imageStyles = import_react40.css`
   width: 100%;
   height: 100%;
   background-size: cover;
@@ -6022,13 +6169,13 @@ var imageStyles = import_react38.css`
   background-repeat: no-repeat;
   border-radius: var(--spacing-4) var(--spacing-4) 0 0;
 `;
-var badgeStyles = import_react38.css`
+var badgeStyles = import_react40.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react38.css`
+var heartIconStyles = import_react40.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -6050,12 +6197,12 @@ var heartIconStyles = import_react38.css`
     transform: scale(1.1);
   }
 `;
-var contentStyles2 = import_react38.css`
+var contentStyles2 = import_react40.css`
   padding: var(--spacing-3);
 `;
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -6072,13 +6219,13 @@ var PackageCard = ({
   ...rest
 }) => {
   const mainImage = images[0] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
-      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
+      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
         tripsLeft,
         " Trips Left"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
         Box_default,
         {
           css: heartIconStyles,
@@ -6086,12 +6233,12 @@ var PackageCard = ({
             e.stopPropagation();
             onFavoriteClick == null ? void 0 : onFavoriteClick();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: contentStyles2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: contentStyles2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
         Box_default,
         {
           onClick,
@@ -6100,9 +6247,9 @@ var PackageCard = ({
           gap: "var(--spacing-1)",
           mb: "var(--spacing-4)",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
               "Starting Price ",
               startingPrice,
               " / Guest"
@@ -6110,32 +6257,239 @@ var PackageCard = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
-        days && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
+        days && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
           IconLabel_default,
           {
             variant: "Calendar",
             label: `${days} Day${days !== 1 ? "s" : ""}`
           }
         ),
-        guests && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        guests && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
           IconLabel_default,
           {
             variant: "User",
             label: `${guests} Guest${guests !== 1 ? "s" : ""}`
           }
         ),
-        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
+        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
       ] })
     ] })
   ] });
 };
 var PackageCard_default = PackageCard;
+// src/StarRating/StarRating.tsx
+var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
+var starSize = {
+  sm: {
+    size: 5,
+    spacing: "var(--spacing-2)"
+  },
+  md: {
+    size: 7,
+    spacing: "var(--spacing-3)"
+  }
+};
+var StarRating = ({
+  rating,
+  className,
+  size = "md"
+}) => {
+  const stars = [];
+  for (let i = 1; i <= 5; i++) {
+    stars.push(
+      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+        Icon_default,
+        {
+          variant: "StarSolid",
+          size: starSize[size].size,
+          fill: i <= rating ? "var(--color-yellow-500)" : "var(--color-neutral-100)"
+        },
+        i
+      )
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+    Box_default,
+    {
+      className,
+      display: "flex",
+      alignItems: "center",
+      gap: starSize[size].spacing,
+      children: stars
+    }
+  );
+};
+var StarRating_default = StarRating;
+// src/UserCard/UserCard.tsx
+var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
+var UserCard = ({
+  avatarSrc,
+  title,
+  subtitle,
+  rating,
+  showRating = true,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+    Box_default,
+    {
+      display: "flex",
+      alignItems: "flex-start",
+      gap: "var(--spacing-4)",
+      className,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Avatar_default, { type: "image", src: avatarSrc, alt: `${title}'s avatar` }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }),
+          showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(StarRating_default, { rating, size: "sm" })
+        ] })
+      ]
+    }
+  );
+};
+var UserCard_default = UserCard;
+// src/ReviewCard/components/ReviewImages.styles.ts
+var import_react41 = require("@emotion/react");
+var imageStyles2 = import_react41.css`
+  flex: 1;
+  min-width: 0;
+  aspect-ratio: 1;
+  border-radius: var(--spacing-2);
+  object-fit: cover;
+  border: 1px solid var(--color-neutral-200);
+`;
+// src/ReviewCard/components/ReviewImages.tsx
+var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var ReviewImages = ({ images, maxImages = 3 }) => {
+  const displayImages = images.slice(0, maxImages);
+  if (displayImages.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+    "img",
+    {
+      src: image,
+      alt: `Review ${index + 1}`,
+      css: imageStyles2
+    },
+    index
+  )) });
+};
+var ReviewImages_default = ReviewImages;
+// src/ReviewCard/components/ReviewReply.tsx
+var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
+var ReviewReply = ({
+  avatarSrc,
+  name,
+  date,
+  content,
+  label,
+  rating
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+    Box_default,
+    {
+      backgroundColor: "var(--surface-neutral)",
+      borderRadius: "var(--spacing-3)",
+      p: "var(--spacing-4)",
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--spacing-3)",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+          Box_default,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: "var(--spacing-2)",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+                UserCard_default,
+                {
+                  avatarSrc,
+                  title: name,
+                  subtitle: date,
+                  rating
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(AvailabilityChip_default, { variant: "neutral", children: label })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { children: content })
+      ]
+    }
+  );
+};
+var ReviewReply_default = ReviewReply;
+// src/ReviewCard/ReviewCard.tsx
+var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
+var ReviewCard = ({
+  avatarSrc,
+  name,
+  date,
+  rating,
+  availabilityChip,
+  content,
+  images = [],
+  replies = [],
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
+    Box_default,
+    {
+      backgroundColor: "white",
+      borderRadius: "var(--spacing-4)",
+      p: "var(--spacing-4)",
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--spacing-4)",
+      border: "1px solid var(--color-neutral-200)",
+      className,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+          UserCard_default,
+          {
+            avatarSrc,
+            title: name,
+            subtitle: date,
+            rating
+          }
+        ),
+        availabilityChip && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(AvailabilityChip_default, { variant: availabilityChip.variant, children: availabilityChip.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Text_default, { size: "md", children: content }),
+        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(ReviewImages_default, { images }),
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+          ReviewReply_default,
+          {
+            avatarSrc: reply.avatarSrc,
+            name: reply.name,
+            date: reply.date,
+            content: reply.content,
+            label: reply.label,
+            rating: reply.rating
+          },
+          index
+        )) })
+      ]
+    }
+  );
+};
+var ReviewCard_default = ReviewCard;
 // src/Reviews/components/ReviewItem.tsx
-var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6143,10 +6497,10 @@ var ReviewItem = ({ label, rating }) => {
       alignItems: "center",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { fontWeight: "semibold", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: "StarSolid", size: 5, fill: "var(--surface-action-2)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Text_default, { fontWeight: "semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { fontWeight: "semibold", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Icon_default, { variant: "StarSolid", size: 5, fill: "var(--surface-action-2)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Text_default, { fontWeight: "semibold", children: [
             rating,
             "/5"
           ] })
@@ -6157,36 +6511,15 @@ var ReviewItem = ({ label, rating }) => {
 };
 var ReviewItem_default = ReviewItem;
-// src/Reviews/components/StarRating.tsx
-var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
-var StarRating = ({ rating }) => {
-  const stars = [];
-  for (let i = 1; i <= 5; i++) {
-    stars.push(
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
-        Icon_default,
-        {
-          variant: "StarSolid",
-          size: 7,
-          fill: i <= rating ? "var(--surface-action-2)" : "var(--color-neutral-100)"
-        },
-        i
-      )
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: stars });
-};
-var StarRating_default = StarRating;
 // src/Reviews/Reviews.tsx
-var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
 var Reviews = ({
   averageRating,
   totalReviews,
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
     Box_default,
     {
       width: "100%",
@@ -6199,7 +6532,7 @@ var Reviews = ({
       p: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -6207,9 +6540,9 @@ var Reviews = ({
             alignItems: "center",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
-              /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
+              /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,
                 " Review",
@@ -6218,14 +6551,14 @@ var Reviews = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
           Box_default,
           {
             display: "flex",
             flexDirection: "column",
             gap: "var(--spacing-2)",
             width: "100%",
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
+            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
           }
         )
       ]
@@ -6235,7 +6568,7 @@ var Reviews = ({
 var Reviews_default = Reviews;
 // src/Reviews/ReviewsShowcase.tsx
-var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
 var ReviewsShowcase = () => {
   const sampleData = {
     averageRating: 4,
@@ -6257,7 +6590,7 @@ var ReviewsShowcase = () => {
       { label: "Game Abundance", rating: 5 }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6265,24 +6598,24 @@ var ReviewsShowcase = () => {
       gap: "var(--spacing-8)",
       p: "var(--spacing-6)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Reviews_default, { ...sampleData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Reviews_default, { ...sampleData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Reviews_default, { ...highRatingData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Reviews_default, { ...highRatingData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
             Box_default,
             {
               maxWidth: "320px",
               border: "1px solid var(--color-neutral-200)",
               p: "var(--spacing-4)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Reviews_default, { ...sampleData })
+              children: /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Reviews_default, { ...sampleData })
             }
           )
         ] })
@@ -6295,6 +6628,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
 0 && (module.exports = {
   AIResponse,
   AvailabilityChip,
+  Avatar,
   Box,
   Button,
   ChatWidget,
@@ -6317,14 +6651,17 @@ var ReviewsShowcase_default = ReviewsShowcase;
   MessageBubble,
   Navigation,
   PackageCard,
+  ReviewCard,
   Reviews,
   ReviewsShowcase,
   Select,
   Spinner,
+  StarRating,
   TagChip,
   Text,
   TextArea,
   ThemeTokens,
+  UserCard,
   Widget,
   WidgetPanel,
   WidgetTrigger,