@landtrustinc/design-system 1.2.39 → 1.2.40

package/dist/index.js

@@ -4438,7 +4438,7 @@ AddOnBlock.displayName = "AddOnBlock";
 var AddOnBlock_default = AddOnBlock;
 
 // src/AIResponse/AIResponse.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/Button/Button.tsx
 var import_react13 = require("@emotion/react");
@@ -5303,13 +5303,18 @@ var errorRetryStyles = import_react17.css`
 `;
 
 // src/AIResponse/components/ContactLandownerButton/ContactLandownerButton.tsx
+var import_react18 = require("react");
 var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
 var ContactLandownerButton = ({
   url,
   buttonText = "Contact Landowner",
   target,
+  onDisplay,
   className
 }) => {
+  (0, import_react18.useEffect)(() => {
+    onDisplay == null ? void 0 : onDisplay();
+  }, [onDisplay]);
   return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { marginTop: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
     Button_default,
     {
@@ -5368,8 +5373,8 @@ var BytescaleImage = ({
 };
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
-var import_react18 = require("@emotion/react");
-var imageStyles = import_react18.css`
+var import_react19 = require("@emotion/react");
+var imageStyles = import_react19.css`
   width: 100%;
   height: 275px;
   border-radius: var(--radius-lg);
@@ -5516,13 +5521,32 @@ var AIResponse = ({
   onErrorRetry,
   helpfulDebounceMs = 1e3,
   markdown = false,
-  enableCodeCopy = true
+  enableCodeCopy = true,
+  onContactLandownerDisplay
 }) => {
-  const [visualHelpful, setVisualHelpful] = (0, import_react19.useState)(
+  const [visualHelpful, setVisualHelpful] = (0, import_react20.useState)(
     void 0
   );
-  const debounceTimerRef = (0, import_react19.useRef)(null);
+  const debounceTimerRef = (0, import_react20.useRef)(null);
   const DEBOUNCE_MS = helpfulDebounceMs;
+  const WrappedContactLandownerButton = (0, import_react20.useCallback)(
+    (props) => /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+      ContactLandownerButton,
+      {
+        ...props,
+        onDisplay: onContactLandownerDisplay
+      }
+    ),
+    [onContactLandownerDisplay]
+  );
+  const customComponents = (0, import_react20.useMemo)(
+    () => ({
+      TopMatchingFieldNote,
+      TopMatchingReview,
+      ContactLandownerButton: WrappedContactLandownerButton
+    }),
+    [WrappedContactLandownerButton]
+  );
   const scheduleCallback = (next) => {
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
@@ -5548,7 +5572,7 @@ var AIResponse = ({
     setVisualHelpful(next);
     scheduleCallback(next);
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     return () => {
       if (debounceTimerRef.current) {
         clearTimeout(debounceTimerRef.current);
@@ -5570,11 +5594,7 @@ var AIResponse = ({
             {
               content: children,
               enableCodeCopy,
-              customComponents: {
-                TopMatchingFieldNote,
-                TopMatchingReview,
-                ContactLandownerButton
-              }
+              customComponents
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
           variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
@@ -5636,25 +5656,25 @@ var AIResponse = ({
 var AIResponse_default = AIResponse;
 
 // src/AvailabilityBadge/AvailabilityBadge.styles.ts
-var import_react20 = require("@emotion/react");
+var import_react21 = require("@emotion/react");
 var availabilityBadgeVariantStyles = {
-  primary: import_react20.css`
+  primary: import_react21.css`
     background-color: var(--color-primary-100);
     color: var(--text-primary);
   `,
-  error: import_react20.css`
+  error: import_react21.css`
     background-color: var(--surface-error);
     color: var(--text-error);
   `,
-  action: import_react20.css`
+  action: import_react21.css`
     background-color: var(--surface-action-2);
     color: var(--text-primary);
   `,
-  warning: import_react20.css`
+  warning: import_react21.css`
     background-color: var(--color-brown-200);
     color: var(--text-primary);
   `,
-  neutral: import_react20.css`
+  neutral: import_react21.css`
     background-color: var(--surface-neutral);
     color: var(--text-primary);
   `
@@ -5684,39 +5704,39 @@ var AvailabilityBadge = ({
 var AvailabilityBadge_default = AvailabilityBadge;
 
 // src/Avatar/Avatar.tsx
-var import_react22 = require("@emotion/react");
-var import_react23 = require("react");
+var import_react23 = require("@emotion/react");
+var import_react24 = require("react");
 
 // src/Avatar/Avatar.styles.ts
-var import_react21 = require("@emotion/react");
+var import_react22 = require("@emotion/react");
 var avatarSizeStyles = {
-  xs: import_react21.css`
+  xs: import_react22.css`
     width: 24px;
     height: 24px;
   `,
-  sm: import_react21.css`
+  sm: import_react22.css`
     width: 32px;
     height: 32px;
   `,
-  md: import_react21.css`
+  md: import_react22.css`
     width: 60px;
     height: 60px;
   `,
-  lg: import_react21.css`
+  lg: import_react22.css`
     width: 80px;
     height: 80px;
   `,
-  xl: import_react21.css`
+  xl: import_react22.css`
     width: 120px;
     height: 120px;
   `
 };
-var avatarBaseStyles = import_react21.css`
+var avatarBaseStyles = import_react22.css`
   border-radius: 50%;
   object-fit: cover;
   display: block;
 `;
-var avatarTextStyles = import_react21.css`
+var avatarTextStyles = import_react22.css`
   border-radius: 50%;
   background-color: var(--surface-action);
   color: white;
@@ -5726,7 +5746,7 @@ var avatarTextStyles = import_react21.css`
   font-weight: bold;
   user-select: none;
 `;
-var avatarFallbackStyles = import_react21.css`
+var avatarFallbackStyles = import_react22.css`
   border-radius: 50%;
   background-color: var(--color-neutral-100);
   color: var(--color-neutral-500);
@@ -5745,7 +5765,7 @@ var Avatar = ({
   size = "md",
   className
 }) => {
-  const [hasImageError, setHasImageError] = (0, import_react23.useState)(false);
+  const [hasImageError, setHasImageError] = (0, import_react24.useState)(false);
   const handleImageError = () => {
     setHasImageError(true);
   };
@@ -5823,7 +5843,7 @@ var Avatar = ({
         {
           variant: "User",
           size: getIconSize(size),
-          css: size === "lg" ? import_react22.css`
+          css: size === "lg" ? import_react23.css`
                 width: 28px;
                 height: 28px;
               ` : void 0
@@ -5835,15 +5855,15 @@ var Avatar = ({
 var Avatar_default = Avatar;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __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_react24 = require("@emotion/react");
-var dividerStyles = import_react24.css`
+var import_react25 = require("@emotion/react");
+var dividerStyles = import_react25.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -5862,17 +5882,17 @@ var Divider = ({ className, ...rest }) => {
 var Divider_default = Divider;
 
 // src/Form/TextArea.tsx
-var import_react26 = require("@emotion/react");
-var import_react27 = require("react");
+var import_react27 = require("@emotion/react");
+var import_react28 = require("react");
 
 // src/Form/TextArea.styles.ts
-var import_react25 = require("@emotion/react");
-var wrapperStyles = import_react25.css`
+var import_react26 = require("@emotion/react");
+var wrapperStyles = import_react26.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var textareaBase = import_react25.css`
+var textareaBase = import_react26.css`
   width: 100%;
   box-sizing: border-box;
   font: inherit;
@@ -5906,32 +5926,32 @@ var textareaBase = import_react25.css`
     cursor: default;
   }
 `;
-var variantError = import_react25.css`
+var variantError = import_react26.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_react25.css`
+var variantSuccess = import_react26.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_react25.css`
+var submitButtonContainer = import_react26.css`
   position: absolute;
   right: var(--spacing-4);
   bottom: var(--spacing-4);
 `;
-var textareaWithSubmit = import_react25.css`
+var textareaWithSubmit = import_react26.css`
   padding-right: var(--spacing-16);
 `;
 
 // src/Form/TextArea.tsx
 var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react27.forwardRef)(
+var TextArea = (0, import_react28.forwardRef)(
   ({
     rows = 3,
     variant = "default",
@@ -5951,8 +5971,8 @@ var TextArea = (0, import_react27.forwardRef)(
     submitOnEnter = true,
     ...props
   }, ref) => {
-    const innerRef = (0, import_react27.useRef)(null);
-    (0, import_react27.useEffect)(() => {
+    const innerRef = (0, import_react28.useRef)(null);
+    (0, import_react28.useEffect)(() => {
       const el = innerRef.current;
       if (!el || !autoExpand)
         return;
@@ -6006,7 +6026,7 @@ var TextArea = (0, import_react27.forwardRef)(
             textareaBase,
             variant === "error" && variantError,
             variant === "success" && variantSuccess,
-            import_react26.css`
+            import_react27.css`
               resize: ${resize};
             `,
             showSubmit && textareaWithSubmit
@@ -6043,14 +6063,14 @@ TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react28 = require("@emotion/react");
-var getRootStyles = (variant) => import_react28.css`
+var import_react29 = require("@emotion/react");
+var getRootStyles = (variant) => import_react29.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getBubbleStyles = (variant) => import_react28.css`
+var getBubbleStyles = (variant) => import_react29.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -6067,7 +6087,7 @@ var getBubbleStyles = (variant) => import_react28.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles = import_react28.css`
+var contentStyles = import_react29.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
@@ -6097,34 +6117,34 @@ var MessageBubble = ({
 var MessageBubble_default = MessageBubble;
 
 // src/TagChip/TagChip.styles.ts
-var import_react29 = require("@emotion/react");
+var import_react30 = require("@emotion/react");
 var tagChipVariantStyles = {
-  default: import_react29.css`
+  default: import_react30.css`
     background-color: var(--surface-page);
     border: 1px solid var(--border-primary);
     color: var(--text-primary);
   `,
-  active: import_react29.css`
+  active: import_react30.css`
     background-color: var(--text-primary);
     border: 1px solid var(--border-secondary);
     color: var(--color-base-white);
   `,
-  primary: import_react29.css`
+  primary: import_react30.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
     color: var(--text-primary);
   `,
-  error: import_react29.css`
+  error: import_react30.css`
     background-color: var(--surface-error);
     border: 1px solid var(--color-red-300);
     color: var(--text-error);
   `,
-  success: import_react29.css`
+  success: import_react30.css`
     background-color: var(--surface-success);
     border: 1px solid var(--color-green-300);
     color: var(--text-primary);
   `,
-  warning: import_react29.css`
+  warning: import_react30.css`
     background-color: var(--surface-subtle);
     border: 1px solid var(--color-brown-200);
     color: var(--text-primary);
@@ -6157,11 +6177,11 @@ var TagChip = ({
 var TagChip_default = TagChip;
 
 // src/Widget/Widget.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/Widget/Widget.styles.ts
-var import_react30 = require("@emotion/react");
-var panelContainer = import_react30.css`
+var import_react31 = require("@emotion/react");
+var panelContainer = import_react31.css`
   position: absolute;
   right: 0;
   bottom: calc(100% + var(--spacing-2));
@@ -6175,7 +6195,7 @@ var panelContainer = import_react30.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react30.css`
+var panelCard = (width2) => import_react31.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -6210,16 +6230,16 @@ var panelCard = (width2) => import_react30.css`
     animation: none;
   }
 `;
-var widgetTrigger = import_react30.css`
+var widgetTrigger = import_react31.css`
   margin: var(--spacing-1);
   box-shadow: var(--shadow-2xl);
 `;
 
 // src/Widget/Widget.tsx
 var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react31.createContext)(null);
+var WidgetContext = (0, import_react32.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react31.useContext)(WidgetContext);
+  const ctx = (0, import_react32.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -6268,12 +6288,12 @@ var WidgetRoot = ({
   containerProps,
   closeOnClickOutside = true
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react31.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react32.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react31.useRef)(null);
-  const containerRef = (0, import_react31.useRef)(null);
-  const setExpanded = (0, import_react31.useCallback)(
+  const triggerRef = (0, import_react32.useRef)(null);
+  const containerRef = (0, import_react32.useRef)(null);
+  const setExpanded = (0, import_react32.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -6287,11 +6307,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react31.useCallback)(
+  const toggle = (0, import_react32.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!isExpanded || !closeOnClickOutside)
       return;
     const onDocClick = (e) => {
@@ -6305,7 +6325,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded, closeOnClickOutside]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -6315,7 +6335,7 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  const value = (0, import_react31.useMemo)(
+  const value = (0, import_react32.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -6348,8 +6368,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react32 = require("@emotion/react");
-var sentWrapperStyles = import_react32.css`
+var import_react33 = require("@emotion/react");
+var sentWrapperStyles = import_react33.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -6357,14 +6377,14 @@ var sentWrapperStyles = import_react32.css`
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var receivedWrapperStyles = import_react32.css`
+var receivedWrapperStyles = import_react33.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles = import_react32.css`
+var containerStyles = import_react33.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -6376,13 +6396,13 @@ var containerStyles = import_react32.css`
     max-height: 85vh;
   }
 `;
-var thinkingRowStyles = import_react32.css`
+var thinkingRowStyles = import_react33.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react32.css`
+var thinkingTextStyles = import_react33.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
 
   @keyframes ltchat-pulse {
@@ -6395,7 +6415,7 @@ var thinkingTextStyles = import_react32.css`
     }
   }
 `;
-var badge = import_react32.css`
+var badge = import_react33.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -6405,18 +6425,18 @@ var badge = import_react32.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react32.css`
+var closeButtonContent = import_react33.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_react34 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 
 // src/ChatWidget/components/AskBuckButton.styles.ts
-var import_react33 = require("@emotion/react");
-var rotateGradient = import_react33.keyframes`
+var import_react34 = require("@emotion/react");
+var rotateGradient = import_react34.keyframes`
   0% {
     --gradient-angle: 0deg;
   }
@@ -6424,7 +6444,7 @@ var rotateGradient = import_react33.keyframes`
     --gradient-angle: 360deg;
   }
 `;
-var triggerWrapperStyles = (isAnimating) => import_react33.css`
+var triggerWrapperStyles = (isAnimating) => import_react34.css`
   position: relative;
   display: inline-block;
 
@@ -6438,7 +6458,7 @@ var triggerWrapperStyles = (isAnimating) => import_react33.css`
     box-shadow: 0px 0px var(--shadow-blur-lg, 24px)
       var(--shadow-spread-xs, -4px) rgba(17, 17, 17, 0.1);
 
-    ${isAnimating ? import_react33.css`
+    ${isAnimating ? import_react34.css`
           /* Register the custom property */
           @property --gradient-angle {
             syntax: '<angle>';
@@ -6456,13 +6476,13 @@ var triggerWrapperStyles = (isAnimating) => import_react33.css`
             var(--color-primary-600) 100%
           );
           animation: ${rotateGradient} 3s linear infinite;
-        ` : import_react33.css`
+        ` : import_react34.css`
           /* Static border when not animating */
           background: var(--color-primary-600);
         `}
   }
 `;
-var badgeStyles = import_react33.css`
+var badgeStyles = import_react34.css`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -6477,7 +6497,7 @@ var badgeStyles = import_react33.css`
   flex-shrink: 0;
   margin-right: var(--spacing-1);
 `;
-var buttonOverrideStyles = import_react33.css`
+var buttonOverrideStyles = import_react34.css`
   background: var(--surface-page);
   border: none;
   border-radius: var(--radius-round);
@@ -6506,10 +6526,10 @@ var buttonOverrideStyles = import_react33.css`
 
 // src/ChatWidget/components/AskBuckButton.tsx
 var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
-var AskBuckButton = import_react34.default.forwardRef(
+var AskBuckButton = import_react35.default.forwardRef(
   ({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
     var _a;
-    const widgetContext = (0, import_react34.useContext)(WidgetContext);
+    const widgetContext = (0, import_react35.useContext)(WidgetContext);
     const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
     const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
     return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
@@ -6574,14 +6594,14 @@ var ChatWidget = ({
   notificationCount,
   closeOnClickOutside = true
 }) => {
-  const [value, setValue] = (0, import_react35.useState)("");
-  const scrollRef = (0, import_react35.useRef)(null);
-  const savedScrollPosition = (0, import_react35.useRef)(0);
-  const previousMessagesLength = (0, import_react35.useRef)(messages.length);
+  const [value, setValue] = (0, import_react36.useState)("");
+  const scrollRef = (0, import_react36.useRef)(null);
+  const savedScrollPosition = (0, import_react36.useRef)(0);
+  const previousMessagesLength = (0, import_react36.useRef)(messages.length);
   const isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react35.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react36.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const setExpanded = (0, import_react35.useCallback)(
+  const setExpanded = (0, import_react36.useCallback)(
     (next) => {
       if (!next && scrollRef.current) {
         savedScrollPosition.current = scrollRef.current.scrollTop;
@@ -6592,7 +6612,7 @@ var ChatWidget = ({
     },
     [isControlled, onExpandedChange]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -6602,7 +6622,7 @@ var ChatWidget = ({
       }
     });
   }, [isExpanded]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -6616,7 +6636,7 @@ var ChatWidget = ({
     }
   }, [messages, isThinking, isExpanded]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const renderedMessages = (0, import_react35.useMemo)(
+  const renderedMessages = (0, import_react36.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
@@ -6626,7 +6646,7 @@ var ChatWidget = ({
       if (element.type === MessageBubble_default) {
         return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react35.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react36.default.Fragment, { children: element }, key);
     }),
     [messagesToRender]
   );
@@ -6767,7 +6787,7 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 
 // src/FeatureList/components/FeatureListItem.tsx
-var import_react36 = require("@emotion/react");
+var import_react37 = require("@emotion/react");
 var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
 var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
@@ -6836,7 +6856,7 @@ var FeatureListItem = ({
               variant: iconVariant,
               size: iconSize,
               fill: iconColor,
-              css: import_react36.css`
+              css: import_react37.css`
                   flex-shrink: 0;
                 `
             }
@@ -6873,8 +6893,8 @@ var FeatureList = ({ heading, items, className }) => {
 var FeatureList_default = FeatureList;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react37 = require("@emotion/react");
-var cardContainerStyles = import_react37.css`
+var import_react38 = require("@emotion/react");
+var cardContainerStyles = import_react38.css`
   position: relative;
   height: 335px;
 
@@ -6882,12 +6902,12 @@ var cardContainerStyles = import_react37.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react37.css`
+var cardContentStyles = import_react38.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react37.css`
+var getBackgroundWithGradient = (imageUrl) => import_react38.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -6937,14 +6957,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react38 = require("@emotion/react");
+var import_react39 = require("@emotion/react");
 var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react38.css`
+var fieldContainerStyles = import_react39.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react38.css`
+var labelStyles2 = import_react39.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -6952,17 +6972,17 @@ var labelStyles2 = import_react38.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react38.css`
+var requiredIndicatorStyles = import_react39.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react38.css`
+var helpTextStyles = import_react39.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react38.css`
+var errorTextStyles = import_react39.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -6971,7 +6991,7 @@ var errorTextStyles = import_react38.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react38.css`
+var successTextStyles = import_react39.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -6980,7 +7000,7 @@ var successTextStyles = import_react38.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react38.css`
+var visuallyHiddenStyles = import_react39.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -7045,10 +7065,10 @@ var FormField = ({
 };
 
 // src/Form/Input.tsx
-var import_react39 = require("@emotion/react");
-var import_react40 = require("react");
+var import_react40 = require("@emotion/react");
+var import_react41 = require("react");
 var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react39.css`
+var inputStyles = import_react40.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -7085,19 +7105,19 @@ var inputStyles = import_react39.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react39.css`
+  sm: import_react40.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react39.css`
+  md: import_react40.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react39.css`
+  lg: import_react40.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -7105,8 +7125,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react39.css``,
-  error: import_react39.css`
+  default: import_react40.css``,
+  error: import_react40.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -7114,7 +7134,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react39.css`
+  success: import_react40.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -7123,7 +7143,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react39.css`
+var inputWithIconStyles = import_react40.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -7134,7 +7154,7 @@ var inputWithIconStyles = import_react39.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react39.css`
+var iconContainerStyles = import_react40.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -7145,20 +7165,20 @@ var iconContainerStyles = import_react39.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react39.css`
+var startIconStyles = import_react40.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react39.css`
+var endIconStyles = import_react40.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react39.css`
+var inputWrapperStyles = import_react40.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react40.forwardRef)(
+var Input = (0, import_react41.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -7203,10 +7223,10 @@ var Input = (0, import_react40.forwardRef)(
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react41 = require("@emotion/react");
-var import_react42 = require("react");
+var import_react42 = require("@emotion/react");
+var import_react43 = require("react");
 var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react41.css`
+var selectStyles = import_react42.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -7245,19 +7265,19 @@ var selectStyles = import_react41.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react41.css`
+  sm: import_react42.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react41.css`
+  md: import_react42.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react41.css`
+  lg: import_react42.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -7265,8 +7285,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react41.css``,
-  error: import_react41.css`
+  default: import_react42.css``,
+  error: import_react42.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -7274,7 +7294,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react41.css`
+  success: import_react42.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -7283,7 +7303,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react41.css`
+var optionStyles = import_react42.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -7292,7 +7312,7 @@ var optionStyles = import_react41.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react42.forwardRef)(
+var Select = (0, import_react43.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -7330,10 +7350,10 @@ var Select = (0, import_react42.forwardRef)(
 Select.displayName = "Select";
 
 // src/Grid/Column.tsx
-var import_react44 = require("@emotion/react");
+var import_react45 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react43 = require("@emotion/react");
+var import_react44 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -7373,11 +7393,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react43.css`
+    return import_react44.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -7409,11 +7429,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react43.css`
+    return import_react44.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -7436,11 +7456,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react43.css`
+    return import_react44.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -7463,11 +7483,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react43.css`
+    return import_react44.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -7490,11 +7510,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react43.css`
+    return import_react44.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -7517,11 +7537,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react43.css`
+    return import_react44.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -7544,11 +7564,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react43.css`
+    return import_react44.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react43.css`
+  return import_react44.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -7583,19 +7603,19 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react44.css`
+    start && import_react45.css`
         grid-column-start: ${start};
       `,
-    end && import_react44.css`
+    end && import_react45.css`
         grid-column-end: ${end};
       `,
-    row && import_react44.css`
+    row && import_react45.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react44.css`
+    rowSpan && import_react45.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react44.css`
+    area && import_react45.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
@@ -7604,9 +7624,9 @@ var Column = ({
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react45 = require("@emotion/react");
+var import_react46 = require("@emotion/react");
 var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react45.css`
+var baseGridStyles = import_react46.css`
   display: grid;
 `;
 var Grid = ({
@@ -7631,16 +7651,16 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react45.css`
+    autoRows && import_react46.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react45.css`
+    autoColumns && import_react46.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react45.css`
+    templateAreas && import_react46.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react45.css`
+    justifyContent && import_react46.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
@@ -7649,9 +7669,9 @@ var Grid = ({
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react46 = require("@emotion/react");
+var import_react47 = require("@emotion/react");
 var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react46.css`
+var baseContainerStyles = import_react47.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -7659,14 +7679,14 @@ var baseContainerStyles = import_react46.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react46.css`
+    return import_react47.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react46.css`
+  return import_react47.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -7700,8 +7720,8 @@ var GridContainer = ({
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react47 = require("@emotion/react");
-var cardContainerStyles2 = import_react47.css`
+var import_react48 = require("@emotion/react");
+var cardContainerStyles2 = import_react48.css`
   position: relative;
   height: 335px;
 
@@ -7709,12 +7729,12 @@ var cardContainerStyles2 = import_react47.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react47.css`
+var cardContentStyles2 = import_react48.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react47.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react48.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -8048,11 +8068,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react48 = require("@emotion/react");
-var containerStyles2 = import_react48.css`
+var import_react49 = require("@emotion/react");
+var containerStyles2 = import_react49.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -8060,13 +8080,13 @@ var containerStyles2 = import_react48.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react48.css`
+var headerStyles = import_react49.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react48.css`
+var chipsContainerStyles = import_react49.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -8079,10 +8099,10 @@ var chipsContainerStyles = import_react48.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react48.css`
+var textAreaStyles = import_react49.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react48.css`
+var inputWrapperStyles2 = import_react49.css`
   position: relative;
 `;
 
@@ -8097,15 +8117,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react49.useState)("");
-  const handleSubmit = (0, import_react49.useCallback)(() => {
+  const [value, setValue] = (0, import_react50.useState)("");
+  const handleSubmit = (0, import_react50.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react49.useCallback)(
+  const handleTagClick = (0, import_react50.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -8157,7 +8177,7 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react50 = require("@emotion/react");
+var import_react51 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
 var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
@@ -8379,7 +8399,7 @@ var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
 var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react50.css`
+var logoStyles = (size) => import_react51.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -8412,13 +8432,13 @@ var Logo = ({
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react51 = require("@emotion/react");
-var navigationStyles = import_react51.css`
+var import_react52 = require("@emotion/react");
+var navigationStyles = import_react52.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react51.css`
+var hamburgerButtonStyles = import_react52.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -8429,7 +8449,7 @@ var hamburgerButtonStyles = import_react51.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react51.css`
+var centeredLogoStyles = import_react52.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -8437,27 +8457,27 @@ var centeredLogoStyles = import_react51.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react51.css`
+var desktopLogoStyles = import_react52.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react51.css`
+var containerStyles3 = import_react52.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react51.css`
+var logoStyles2 = import_react52.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react51.css`
+var desktopNavStyles = import_react52.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -8466,7 +8486,7 @@ var desktopNavStyles = import_react51.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react51.css`
+var navLinksStyles = import_react52.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -8474,7 +8494,7 @@ var navLinksStyles = import_react51.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react51.css`
+var navLinkStyles = import_react52.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -8490,7 +8510,7 @@ var navLinkStyles = import_react51.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react51.css`
+var avatarPlaceholderStyles = import_react52.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -8592,21 +8612,21 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 
 // src/ScrollingCarousel/context/CarouselContext.tsx
-var import_react52 = __toESM(require("react"));
-var CarouselContext = import_react52.default.createContext(
+var import_react53 = __toESM(require("react"));
+var CarouselContext = import_react53.default.createContext(
   null
 );
 
 // src/ScrollingCarousel/ScrollingCarousel.styles.ts
-var import_react53 = require("@emotion/react");
-var carouselRoot = import_react53.css`
+var import_react54 = require("@emotion/react");
+var carouselRoot = import_react54.css`
   position: relative;
 `;
-var carousel = import_react53.css`
+var carousel = import_react54.css`
   display: flex;
   overflow-y: hidden;
   overflow-x: scroll;
@@ -8618,7 +8638,7 @@ var carousel = import_react53.css`
     display: none;
   }
 `;
-var step = import_react53.css`
+var step = import_react54.css`
   scroll-snap-align: center;
   flex-basis: 100%;
   flex-shrink: 0;
@@ -8631,7 +8651,7 @@ var step = import_react53.css`
     flex-basis: 100%;
   }
 `;
-var controls = (position2) => import_react53.css`
+var controls = (position2) => import_react54.css`
   ${(position2 === "left-right" || position2 === "top-right") && `
     display: none;
 
@@ -8640,7 +8660,7 @@ var controls = (position2) => import_react53.css`
     }
   `}
 `;
-var iconWrapper = import_react53.css`
+var iconWrapper = import_react54.css`
   display: flex;
   width: var(--spacing-7);
   height: var(--spacing-7);
@@ -8650,7 +8670,7 @@ var iconWrapper = import_react53.css`
   justify-content: center;
   box-shadow: var(--shadow-md);
 `;
-var button = (position2) => import_react53.css`
+var button = (position2) => import_react54.css`
   background: transparent;
   border-color: transparent;
   outline: none;
@@ -8682,7 +8702,7 @@ var button = (position2) => import_react53.css`
     bottom: calc(-1 * var(--spacing-1));
   `}
 `;
-var buttonLeft = (position2) => import_react53.css`
+var buttonLeft = (position2) => import_react54.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -8702,7 +8722,7 @@ var buttonLeft = (position2) => import_react53.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var customButtonLeft = (position2) => import_react53.css`
+var customButtonLeft = (position2) => import_react54.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -8722,7 +8742,7 @@ var customButtonLeft = (position2) => import_react53.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var buttonRight = (position2) => import_react53.css`
+var buttonRight = (position2) => import_react54.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -8742,12 +8762,12 @@ var buttonRight = (position2) => import_react53.css`
     right: calc(50% - var(--spacing-16));
   `}
 `;
-var icon = import_react53.css`
+var icon = import_react54.css`
   width: var(--spacing-3);
   height: var(--spacing-3);
   color: var(--color-base-black);
 `;
-var dots = import_react53.css`
+var dots = import_react54.css`
   position: absolute;
   bottom: var(--spacing-2);
   left: 0;
@@ -8757,11 +8777,11 @@ var dots = import_react53.css`
   align-items: center;
   justify-content: center;
 `;
-var dotsInner = import_react53.css`
+var dotsInner = import_react54.css`
   display: flex;
   overflow: hidden;
 `;
-var dot = (dotsColor) => import_react53.css`
+var dot = (dotsColor) => import_react54.css`
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
@@ -8800,22 +8820,22 @@ var dot = (dotsColor) => import_react53.css`
     `}
   }
 `;
-var dotDistance2 = import_react53.css`
+var dotDistance2 = import_react54.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.9);
   }
 `;
-var dotDistance3 = import_react53.css`
+var dotDistance3 = import_react54.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.8);
   }
 `;
-var dotDistanceGreaterThan3 = import_react53.css`
+var dotDistanceGreaterThan3 = import_react54.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.7);
   }
 `;
-var dotVisible = import_react53.css`
+var dotVisible = import_react54.css`
   &::after {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1.2);
@@ -8831,7 +8851,7 @@ var ScrollingCarouselStep = ({
   parentId,
   onClick
 }) => {
-  const context = (0, import_react54.useContext)(CarouselContext);
+  const context = (0, import_react55.useContext)(CarouselContext);
   if (!context) {
     throw new Error(
       "ScrollingCarouselStep must be used within ScrollingCarousel"
@@ -8842,7 +8862,7 @@ var ScrollingCarouselStep = ({
     threshold: 0.75,
     root: carousel2.current
   });
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (typeof index !== "undefined") {
       dispatch({
         type: "set_child_visibility",
@@ -8868,10 +8888,10 @@ var ScrollingCarouselStep = ({
 ScrollingCarouselStep.displayName = "ScrollingCarouselStep";
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 
 // src/ScrollingCarousel/hooks/useCarouselDots.ts
-var import_react55 = require("react");
+var import_react56 = require("react");
 
 // src/ScrollingCarousel/ScrollingCarousel.helpers.ts
 var childVisibilityReducer = (state, action) => {
@@ -8902,7 +8922,7 @@ var useCarouselDots = ({
   anyItemsVisible,
   numberOfDots
 }) => {
-  const dotOffset = (0, import_react55.useRef)(0);
+  const dotOffset = (0, import_react56.useRef)(0);
   const dotWidth = 12;
   const totalDots = childVisibility.length;
   const dotToCenterIndex = Math.round(
@@ -8934,7 +8954,7 @@ var useCarouselDots = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselNavigation.ts
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/shared/helpers.ts
 var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
@@ -8968,7 +8988,7 @@ var useCarouselNavigation = ({
   infiniteScroll,
   childVisibilityLength
 }) => {
-  const getStepEl = (0, import_react56.useCallback)(
+  const getStepEl = (0, import_react57.useCallback)(
     (index) => {
       if (carousel2.current) {
         const selector = `[data-carousel-id="${id}"][data-carousel-index="${index}"]`;
@@ -8978,7 +8998,7 @@ var useCarouselNavigation = ({
     },
     [carousel2, id]
   );
-  const next = (0, import_react56.useCallback)(
+  const next = (0, import_react57.useCallback)(
     (e) => {
       e.preventDefault();
       if (lastItemIsVisible && !infiniteScroll)
@@ -9006,7 +9026,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const back = (0, import_react56.useCallback)(
+  const back = (0, import_react57.useCallback)(
     (e) => {
       e.preventDefault();
       if (firstItemIsVisible && !infiniteScroll)
@@ -9034,7 +9054,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const goTo = (0, import_react56.useCallback)(
+  const goTo = (0, import_react57.useCallback)(
     (e, i) => {
       e.preventDefault();
       const el = getStepEl(i);
@@ -9052,12 +9072,12 @@ var useCarouselNavigation = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselVisibility.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 var useCarouselVisibility = (carousel2) => {
-  const [state, dispatch] = (0, import_react57.useReducer)(childVisibilityReducer, {
+  const [state, dispatch] = (0, import_react58.useReducer)(childVisibilityReducer, {
     childVisibility: []
   });
-  const carouselContextApi = (0, import_react57.useMemo)(
+  const carouselContextApi = (0, import_react58.useMemo)(
     () => ({ carousel: carousel2, dispatch }),
     [carousel2]
   );
@@ -9095,8 +9115,8 @@ var ScrollingCarousel = ({
   id,
   current
 }) => {
-  const carousel2 = (0, import_react58.useRef)(null);
-  const [isHovering, setIsHovering] = (0, import_react58.useState)(false);
+  const carousel2 = (0, import_react59.useRef)(null);
+  const [isHovering, setIsHovering] = (0, import_react59.useState)(false);
   const {
     state,
     carouselContextApi,
@@ -9116,7 +9136,7 @@ var ScrollingCarousel = ({
     infiniteScroll,
     childVisibilityLength: state.childVisibility.length
   });
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (carousel2.current && typeof current === "number" && current >= 0) {
       const childrenArray = Array.from(carousel2.current.children);
       const selectedItem = childrenArray[current];
@@ -9131,9 +9151,9 @@ var ScrollingCarousel = ({
       }
     }
   }, [current]);
-  const childrenWithIndex = import_react58.default.Children.map(
+  const childrenWithIndex = import_react59.default.Children.map(
     children,
-    (child, index) => import_react58.default.cloneElement(child, { index })
+    (child, index) => import_react59.default.cloneElement(child, { index })
   );
   const { dotOffset, dotDistances, dotWidth } = useCarouselDots({
     childVisibility: state.childVisibility,
@@ -9235,8 +9255,8 @@ var ScrollingCarousel = ({
 ScrollingCarousel.displayName = "ScrollingCarousel";
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react59 = require("@emotion/react");
-var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react59.css`
+var import_react60 = require("@emotion/react");
+var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react60.css`
   ${hasClickHandler && `
     cursor: pointer;
   `}
@@ -9254,7 +9274,7 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
   flex-direction: column;
   gap: var(--spacing-2);
 
-  ${orientation === "horizontal" && import_react59.css`
+  ${orientation === "horizontal" && import_react60.css`
     /* Apply horizontal layout only on tablet and up */
     ${media.md} {
       flex-direction: row;
@@ -9282,60 +9302,60 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
     }
   `}
 `;
-var imageContainerStyles = (orientation) => import_react59.css`
+var imageContainerStyles = (orientation) => import_react60.css`
   width: 100%;
   height: 260px;
 
-  ${orientation === "horizontal" && import_react59.css`
+  ${orientation === "horizontal" && import_react60.css`
     ${media.md} {
       width: 40%;
       height: 200px;
     }
   `}
 `;
-var imageBoxStyles = (orientation) => import_react59.css`
+var imageBoxStyles = (orientation) => import_react60.css`
   height: 260px;
 
-  ${orientation === "horizontal" && import_react59.css`
+  ${orientation === "horizontal" && import_react60.css`
     ${media.md} {
       height: 200px;
     }
   `}
 `;
-var contentContainerStyles = (orientation, hasContentBackground) => import_react59.css`
+var contentContainerStyles = (orientation, hasContentBackground) => import_react60.css`
   ${hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles}
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 
-  ${orientation === "horizontal" && import_react59.css`
+  ${orientation === "horizontal" && import_react60.css`
     ${media.md} {
       width: 60%;
       justify-content: center;
     }
   `}
 `;
-var imageStyles2 = import_react59.css`
+var imageStyles2 = import_react60.css`
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   background-color: lightgray;
 `;
-var badgeTopLeftStyles = import_react59.css`
+var badgeTopLeftStyles = import_react60.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var badgeBottomRightStyles = import_react59.css`
+var badgeBottomRightStyles = import_react60.css`
   position: absolute;
   bottom: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react59.css`
+var heartIconStyles = import_react60.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -9357,20 +9377,20 @@ var heartIconStyles = import_react59.css`
     transform: scale(1.1);
   }
 `;
-var actionMenuStyles = import_react59.css`
+var actionMenuStyles = import_react60.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 3;
 `;
-var contentWithBackgroundStyles = import_react59.css`
+var contentWithBackgroundStyles = import_react60.css`
   padding: 0 var(--spacing-3) var(--spacing-4) var(--spacing-3);
   background-color: var(--surface-page);
 `;
-var contentWithoutBackgroundStyles = import_react59.css`
+var contentWithoutBackgroundStyles = import_react60.css`
   padding-top: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);
 `;
-var overlayStyles = import_react59.css`
+var overlayStyles = import_react60.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -9563,8 +9583,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react60 = require("@emotion/react");
-var imageStyles3 = import_react60.css`
+var import_react61 = require("@emotion/react");
+var imageStyles3 = import_react61.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -9696,7 +9716,7 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 
 // src/Reviews/Reviews.tsx
-var import_react61 = require("@emotion/react");
+var import_react62 = require("@emotion/react");
 
 // src/Reviews/components/ReviewItem.tsx
 var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
@@ -9754,7 +9774,7 @@ var Reviews = ({
                 StarRating_default,
                 {
                   rating: averageRating,
-                  css: import_react61.css`
+                  css: import_react62.css`
             > svg {
               height: 40px;
               width: 40px;