@landtrustinc/design-system 1.2.71 → 1.2.72

package/dist/index.js

@@ -6198,8 +6198,8 @@ function useBottomDrawer(options) {
 var useBottomDrawer_default = useBottomDrawer;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_react42 = require("@emotion/react");
-var import_react43 = __toESM(require("react"));
+var import_react43 = require("@emotion/react");
+var import_react44 = __toESM(require("react"));
 
 // src/Divider/Divider.tsx
 var import_styled4 = __toESM(require("@emotion/styled"));
@@ -6574,11 +6574,32 @@ var TagChip = ({
 var TagChip_default = TagChip;
 
 // src/Widget/Widget.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
+
+// src/Widget/hooks/useWidgetScrollLock.ts
+var import_react34 = require("react");
+var useWidgetScrollLock = (isExpanded, containerRef) => {
+  (0, import_react34.useEffect)(() => {
+    if (!isExpanded)
+      return;
+    const scrollY = window.scrollY;
+    const html = document.documentElement;
+    const originalOverflow = html.style.overflow;
+    const originalOverscrollBehavior = html.style.overscrollBehavior;
+    html.style.overflow = "hidden";
+    html.style.overscrollBehavior = "none";
+    return () => {
+      html.style.overflow = originalOverflow;
+      html.style.overscrollBehavior = originalOverscrollBehavior;
+      window.scrollTo(0, scrollY);
+    };
+  }, [isExpanded, containerRef]);
+};
+var useWidgetScrollLock_default = useWidgetScrollLock;
 
 // src/Widget/Widget.styles.ts
-var import_react34 = require("@emotion/react");
-var panelContainer = import_react34.css`
+var import_react35 = require("@emotion/react");
+var panelContainer = import_react35.css`
   position: absolute;
   right: 0;
   bottom: calc(100% + var(--spacing-2));
@@ -6587,12 +6608,14 @@ var panelContainer = import_react34.css`
   @media (max-width: calc(${screens.lg} - 1px)) {
     position: fixed;
     inset: 0;
+    background: var(--surface-page);
+    overscroll-behavior: contain;
     display: flex;
+    flex-direction: column;
     align-items: stretch;
-    justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react34.css`
+var panelCard = (width2) => import_react35.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -6619,8 +6642,9 @@ var panelCard = (width2) => import_react34.css`
 
   @media (max-width: calc(${screens.lg} - 1px)) {
     width: 100%;
-    height: 100%;
+    height: var(--widget-panel-height, 100%);
     max-height: none;
+    margin-top: var(--widget-panel-top, 0px);
     border-radius: 0;
     padding: var(--spacing-4);
     padding-bottom: calc(var(--spacing-4) + env(safe-area-inset-bottom));
@@ -6628,16 +6652,16 @@ var panelCard = (width2) => import_react34.css`
     animation: none;
   }
 `;
-var widgetTrigger = import_react34.css`
+var widgetTrigger = import_react35.css`
   margin: var(--spacing-1);
   box-shadow: var(--shadow-2xl);
 `;
 
 // src/Widget/Widget.tsx
 var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react35.createContext)(null);
+var WidgetContext = (0, import_react36.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react35.useContext)(WidgetContext);
+  const ctx = (0, import_react36.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -6660,8 +6684,8 @@ var WidgetTrigger = () => {
 };
 var WidgetPanel = ({ className, style, children }) => {
   const { expanded, panelWidth } = useWidgetContext();
-  const panelRef = (0, import_react35.useRef)(null);
-  (0, import_react35.useEffect)(() => {
+  const panelRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
     if (!expanded)
       return;
     const vv = window.visualViewport;
@@ -6675,14 +6699,20 @@ var WidgetPanel = ({ className, style, children }) => {
         `(max-width: calc(${screens.lg} - 1px))`
       ).matches;
       if (!isMobile) {
-        el.style.height = "";
+        el.style.removeProperty("--widget-panel-height");
+        el.style.removeProperty("--widget-panel-top");
         return;
       }
-      el.style.height = `${vv.height}px`;
+      el.style.setProperty("--widget-panel-height", `${vv.height}px`);
+      el.style.setProperty("--widget-panel-top", `${vv.offsetTop}px`);
     };
     vv.addEventListener("resize", onResize);
+    vv.addEventListener("scroll", onResize);
     onResize();
-    return () => vv.removeEventListener("resize", onResize);
+    return () => {
+      vv.removeEventListener("resize", onResize);
+      vv.removeEventListener("scroll", onResize);
+    };
   }, [expanded]);
   if (!expanded)
     return null;
@@ -6719,12 +6749,12 @@ var WidgetRoot = ({
   containerProps,
   closeOnClickOutside = true
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react35.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react36.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react35.useRef)(null);
-  const containerRef = (0, import_react35.useRef)(null);
-  const setExpanded = (0, import_react35.useCallback)(
+  const triggerRef = (0, import_react36.useRef)(null);
+  const containerRef = (0, import_react36.useRef)(null);
+  const setExpanded = (0, import_react36.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -6738,11 +6768,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react35.useCallback)(
+  const toggle = (0, import_react36.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!isExpanded || !closeOnClickOutside)
       return;
     const onDocClick = (e) => {
@@ -6756,7 +6786,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded, closeOnClickOutside]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -6766,25 +6796,8 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  (0, import_react35.useEffect)(() => {
-    if (!isExpanded)
-      return;
-    const mql = window.matchMedia(`(max-width: calc(${screens.lg} - 1px))`);
-    const originalOverflow = document.body.style.overflow;
-    const applyScrollLock = (isMobile) => {
-      document.body.style.overflow = isMobile ? "hidden" : originalOverflow;
-    };
-    const handleChange = (e) => {
-      applyScrollLock(e.matches);
-    };
-    applyScrollLock(mql.matches);
-    mql.addEventListener("change", handleChange);
-    return () => {
-      mql.removeEventListener("change", handleChange);
-      document.body.style.overflow = originalOverflow;
-    };
-  }, [isExpanded]);
-  const value = (0, import_react35.useMemo)(
+  useWidgetScrollLock_default(isExpanded, containerRef);
+  const value = (0, import_react36.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -6817,8 +6830,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react36 = require("@emotion/react");
-var sentWrapperStyles = import_react36.css`
+var import_react37 = require("@emotion/react");
+var sentWrapperStyles = import_react37.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -6830,14 +6843,14 @@ var sentWrapperStyles = import_react36.css`
     padding-top: var(--spacing-4);
   }
 `;
-var receivedWrapperStyles = import_react36.css`
+var receivedWrapperStyles = import_react37.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles2 = import_react36.css`
+var containerStyles2 = import_react37.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -6849,13 +6862,13 @@ var containerStyles2 = import_react36.css`
     max-height: 80vh;
   }
 `;
-var thinkingRowStyles = import_react36.css`
+var thinkingRowStyles = import_react37.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react36.css`
+var thinkingTextStyles = import_react37.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
 
   @keyframes ltchat-pulse {
@@ -6868,7 +6881,7 @@ var thinkingTextStyles = import_react36.css`
     }
   }
 `;
-var badge = import_react36.css`
+var badge = import_react37.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -6878,12 +6891,12 @@ var badge = import_react36.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react36.css`
+var closeButtonContent = import_react37.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
-var scrollToBottomButtonStyles = import_react36.css`
+var scrollToBottomButtonStyles = import_react37.css`
   position: absolute;
   bottom: var(--spacing-4);
   left: 50%;
@@ -6900,11 +6913,11 @@ var scrollToBottomButtonStyles = import_react36.css`
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // src/ChatWidget/components/AskBuckButton.styles.ts
-var import_react37 = require("@emotion/react");
-var rotateGradient = import_react37.keyframes`
+var import_react38 = require("@emotion/react");
+var rotateGradient = import_react38.keyframes`
   0% {
     --gradient-angle: 0deg;
   }
@@ -6912,7 +6925,7 @@ var rotateGradient = import_react37.keyframes`
     --gradient-angle: 360deg;
   }
 `;
-var triggerWrapperStyles = (isAnimating) => import_react37.css`
+var triggerWrapperStyles = (isAnimating) => import_react38.css`
   position: relative;
   display: inline-block;
 
@@ -6926,7 +6939,7 @@ var triggerWrapperStyles = (isAnimating) => import_react37.css`
     box-shadow: 0px 0px var(--shadow-blur-lg, 24px)
       var(--shadow-spread-xs, -4px) rgba(17, 17, 17, 0.1);
 
-    ${isAnimating ? import_react37.css`
+    ${isAnimating ? import_react38.css`
           /* Register the custom property */
           @property --gradient-angle {
             syntax: '<angle>';
@@ -6944,13 +6957,13 @@ var triggerWrapperStyles = (isAnimating) => import_react37.css`
             var(--color-primary-600) 100%
           );
           animation: ${rotateGradient} 3s linear infinite;
-        ` : import_react37.css`
+        ` : import_react38.css`
           /* Static border when not animating */
           background: var(--color-primary-600);
         `}
   }
 `;
-var badgeStyles = import_react37.css`
+var badgeStyles = import_react38.css`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -6965,7 +6978,7 @@ var badgeStyles = import_react37.css`
   flex-shrink: 0;
   margin-right: var(--spacing-1);
 `;
-var buttonOverrideStyles = import_react37.css`
+var buttonOverrideStyles = import_react38.css`
   background: var(--surface-page);
   border: none;
   border-radius: var(--radius-round);
@@ -6994,10 +7007,10 @@ var buttonOverrideStyles = import_react37.css`
 
 // src/ChatWidget/components/AskBuckButton.tsx
 var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
-var AskBuckButton = import_react38.default.forwardRef(
+var AskBuckButton = import_react39.default.forwardRef(
   ({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
     var _a;
-    const widgetContext = (0, import_react38.useContext)(WidgetContext);
+    const widgetContext = (0, import_react39.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_runtime232.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
@@ -7027,10 +7040,10 @@ AskBuckButton.displayName = "AskBuckButton";
 var AskBuckButton_default = AskBuckButton;
 
 // src/ChatWidget/components/ThinkingIndicator.tsx
-var import_react40 = require("@emotion/react");
+var import_react41 = require("@emotion/react");
 
 // src/LottieAnimations/LottieAnimations.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/LottieAnimations/animations/loading.ts
 var loadingAnimationData = {
@@ -7526,8 +7539,8 @@ var LottieAnimations = ({
   style,
   ...props
 }) => {
-  const [LottieComponent, setLottieComponent] = (0, import_react39.useState)(null);
-  (0, import_react39.useEffect)(() => {
+  const [LottieComponent, setLottieComponent] = (0, import_react40.useState)(null);
+  (0, import_react40.useEffect)(() => {
     let isMounted = true;
     import("lottie-react").then((module2) => {
       if (isMounted) {
@@ -7566,7 +7579,7 @@ var ThinkingIndicator = ({ thinkingText }) => {
     /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
       "div",
       {
-        css: import_react40.css`
+        css: import_react41.css`
             width: 48px;
             height: 24px;
             overflow: hidden;
@@ -7592,25 +7605,25 @@ var ThinkingIndicator = ({ thinkingText }) => {
 var ThinkingIndicator_default = ThinkingIndicator;
 
 // src/ChatWidget/hooks/useChatScrollControl.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 var useChatScrollControl = ({
   messages,
   isThinking,
   isExpanded,
   enableScrollToBottomControl
 }) => {
-  const scrollRef = (0, import_react41.useRef)(null);
-  const savedScrollPosition = (0, import_react41.useRef)(0);
-  const previousMessagesLengthRef = (0, import_react41.useRef)(messages.length);
-  const previousIsThinkingRef = (0, import_react41.useRef)(isThinking);
-  const userJustSentMessageRef = (0, import_react41.useRef)(false);
-  const [isAtBottom, setIsAtBottom] = (0, import_react41.useState)(true);
-  const [showScrollButton, setShowScrollButton] = (0, import_react41.useState)(false);
-  const isScrolledToBottom = (0, import_react41.useCallback)((el) => {
+  const scrollRef = (0, import_react42.useRef)(null);
+  const savedScrollPosition = (0, import_react42.useRef)(0);
+  const previousMessagesLengthRef = (0, import_react42.useRef)(messages.length);
+  const previousIsThinkingRef = (0, import_react42.useRef)(isThinking);
+  const userJustSentMessageRef = (0, import_react42.useRef)(false);
+  const [isAtBottom, setIsAtBottom] = (0, import_react42.useState)(true);
+  const [showScrollButton, setShowScrollButton] = (0, import_react42.useState)(false);
+  const isScrolledToBottom = (0, import_react42.useCallback)((el) => {
     const threshold = 50;
     return el.scrollTop + el.clientHeight >= el.scrollHeight - threshold;
   }, []);
-  const scrollToBottom = (0, import_react41.useCallback)((behavior = "smooth") => {
+  const scrollToBottom = (0, import_react42.useCallback)((behavior = "smooth") => {
     const el = scrollRef.current;
     if (!el)
       return;
@@ -7619,15 +7632,15 @@ var useChatScrollControl = ({
     setIsAtBottom(true);
     setShowScrollButton(false);
   }, []);
-  const saveCurrentScrollPosition = (0, import_react41.useCallback)(() => {
+  const saveCurrentScrollPosition = (0, import_react42.useCallback)(() => {
     if (!scrollRef.current)
       return;
     savedScrollPosition.current = scrollRef.current.scrollTop;
   }, []);
-  const markUserMessageSubmitted = (0, import_react41.useCallback)(() => {
+  const markUserMessageSubmitted = (0, import_react42.useCallback)(() => {
     userJustSentMessageRef.current = true;
   }, []);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -7640,7 +7653,7 @@ var useChatScrollControl = ({
       setShowScrollButton(enableScrollToBottomControl && !atBottom);
     });
   }, [isExpanded, isScrolledToBottom, enableScrollToBottomControl]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -7654,7 +7667,7 @@ var useChatScrollControl = ({
     el.addEventListener("scroll", handleScroll);
     return () => el.removeEventListener("scroll", handleScroll);
   }, [isExpanded, isScrolledToBottom, enableScrollToBottomControl]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -7737,9 +7750,9 @@ var ChatWidget = ({
   closeOnClickOutside = true,
   enableScrollToBottomControl = true
 }) => {
-  const [value, setValue] = (0, import_react43.useState)("");
+  const [value, setValue] = (0, import_react44.useState)("");
   const isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react43.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react44.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
   const {
     scrollRef,
@@ -7753,7 +7766,7 @@ var ChatWidget = ({
     isExpanded,
     enableScrollToBottomControl
   });
-  const setExpanded = (0, import_react43.useCallback)(
+  const setExpanded = (0, import_react44.useCallback)(
     (next) => {
       if (!next)
         saveCurrentScrollPosition();
@@ -7768,21 +7781,21 @@ var ChatWidget = ({
   const firstAIResponseIndex = messagesToRender.findIndex(
     (element) => element.type === AIResponse_default
   );
-  const renderedMessages = (0, import_react43.useMemo)(
+  const renderedMessages = (0, import_react44.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a, _b;
       const key = (_a = element.key) != null ? _a : index;
       if (element.type === AIResponse_default) {
         const aiElement = element;
         const shouldShowTitleOnElement = index === firstAIResponseIndex ? (_b = aiElement.props.showTitle) != null ? _b : true : false;
-        return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: receivedWrapperStyles, children: import_react43.default.cloneElement(aiElement, {
+        return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: receivedWrapperStyles, children: import_react44.default.cloneElement(aiElement, {
           showTitle: shouldShowTitleOnElement
         }) }, key);
       }
       if (element.type === MessageBubble_default) {
         return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(import_react43.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(import_react44.default.Fragment, { children: element }, key);
     }),
     [messagesToRender, firstAIResponseIndex]
   );
@@ -7856,7 +7869,7 @@ var ChatWidget = ({
                 display: "flex",
                 flexDirection: "column",
                 gap: "var(--spacing-2)",
-                css: import_react42.css`
+                css: import_react43.css`
                 overscroll-behavior: contain;
               `,
                 children: [
@@ -7919,7 +7932,7 @@ var ChatWidget = ({
                     icon: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Icon_default, { variant: "AngleDownSharp" }),
                     onClick: () => scrollToBottom("smooth"),
                     "aria-label": "Scroll to bottom",
-                    css: import_react42.css`
+                    css: import_react43.css`
                     background-color: var(--color-base-white);
                     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
                   `
@@ -7951,7 +7964,7 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 
 // src/CtaCard/CtaCard.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
 var CtaCard = ({
   title,
@@ -7963,7 +7976,7 @@ var CtaCard = ({
   onCtaClick,
   className
 }) => {
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     onDisplay == null ? void 0 : onDisplay();
   }, [onDisplay]);
   const showButton = ctaUrl || onCtaClick;
@@ -8013,7 +8026,7 @@ CtaCard.displayName = "CtaCard";
 var CtaCard_default = CtaCard;
 
 // src/FeatureList/components/FeatureListItem.tsx
-var import_react45 = require("@emotion/react");
+var import_react46 = require("@emotion/react");
 var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
 var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
@@ -8082,7 +8095,7 @@ var FeatureListItem = ({
               variant: iconVariant,
               size: iconSize,
               fill: iconColor,
-              css: import_react45.css`
+              css: import_react46.css`
                   flex-shrink: 0;
                 `
             }
@@ -8119,8 +8132,8 @@ var FeatureList = ({ heading, items, className }) => {
 var FeatureList_default = FeatureList;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react46 = require("@emotion/react");
-var cardContainerStyles = import_react46.css`
+var import_react47 = require("@emotion/react");
+var cardContainerStyles = import_react47.css`
   position: relative;
   height: 335px;
 
@@ -8128,12 +8141,12 @@ var cardContainerStyles = import_react46.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react46.css`
+var cardContentStyles = import_react47.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react46.css`
+var getBackgroundWithGradient = (imageUrl) => import_react47.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -8183,14 +8196,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react47 = require("@emotion/react");
+var import_react48 = require("@emotion/react");
 var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react47.css`
+var fieldContainerStyles = import_react48.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react47.css`
+var labelStyles2 = import_react48.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -8198,17 +8211,17 @@ var labelStyles2 = import_react47.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react47.css`
+var requiredIndicatorStyles = import_react48.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react47.css`
+var helpTextStyles = import_react48.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react47.css`
+var errorTextStyles = import_react48.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -8217,7 +8230,7 @@ var errorTextStyles = import_react47.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react47.css`
+var successTextStyles = import_react48.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -8226,7 +8239,7 @@ var successTextStyles = import_react47.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react47.css`
+var visuallyHiddenStyles = import_react48.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -8291,10 +8304,10 @@ var FormField = ({
 };
 
 // src/Form/Input.tsx
-var import_react48 = require("@emotion/react");
-var import_react49 = require("react");
+var import_react49 = require("@emotion/react");
+var import_react50 = require("react");
 var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react48.css`
+var inputStyles = import_react49.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -8331,19 +8344,19 @@ var inputStyles = import_react48.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react48.css`
+  sm: import_react49.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react48.css`
+  md: import_react49.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react48.css`
+  lg: import_react49.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -8351,8 +8364,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react48.css``,
-  error: import_react48.css`
+  default: import_react49.css``,
+  error: import_react49.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -8360,7 +8373,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react48.css`
+  success: import_react49.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -8369,7 +8382,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react48.css`
+var inputWithIconStyles = import_react49.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -8380,7 +8393,7 @@ var inputWithIconStyles = import_react48.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react48.css`
+var iconContainerStyles = import_react49.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -8391,20 +8404,20 @@ var iconContainerStyles = import_react48.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react48.css`
+var startIconStyles = import_react49.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react48.css`
+var endIconStyles = import_react49.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react48.css`
+var inputWrapperStyles = import_react49.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react49.forwardRef)(
+var Input = (0, import_react50.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -8449,10 +8462,10 @@ var Input = (0, import_react49.forwardRef)(
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react50 = require("@emotion/react");
-var import_react51 = require("react");
+var import_react51 = require("@emotion/react");
+var import_react52 = require("react");
 var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react50.css`
+var selectStyles = import_react51.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -8491,19 +8504,19 @@ var selectStyles = import_react50.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react50.css`
+  sm: import_react51.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react50.css`
+  md: import_react51.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react50.css`
+  lg: import_react51.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -8511,8 +8524,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react50.css``,
-  error: import_react50.css`
+  default: import_react51.css``,
+  error: import_react51.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -8520,7 +8533,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react50.css`
+  success: import_react51.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -8529,7 +8542,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react50.css`
+var optionStyles = import_react51.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -8538,7 +8551,7 @@ var optionStyles = import_react50.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react51.forwardRef)(
+var Select = (0, import_react52.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -8576,10 +8589,10 @@ var Select = (0, import_react51.forwardRef)(
 Select.displayName = "Select";
 
 // src/Grid/Column.tsx
-var import_react53 = require("@emotion/react");
+var import_react54 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react52 = require("@emotion/react");
+var import_react53 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -8619,11 +8632,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react52.css`
+    return import_react53.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -8655,11 +8668,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react52.css`
+    return import_react53.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -8682,11 +8695,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react52.css`
+    return import_react53.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -8709,11 +8722,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react52.css`
+    return import_react53.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -8736,11 +8749,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react52.css`
+    return import_react53.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -8763,11 +8776,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react52.css`
+    return import_react53.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -8790,11 +8803,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react52.css`
+    return import_react53.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react52.css`
+  return import_react53.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -8829,19 +8842,19 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react53.css`
+    start && import_react54.css`
         grid-column-start: ${start};
       `,
-    end && import_react53.css`
+    end && import_react54.css`
         grid-column-end: ${end};
       `,
-    row && import_react53.css`
+    row && import_react54.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react53.css`
+    rowSpan && import_react54.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react53.css`
+    area && import_react54.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
@@ -8850,9 +8863,9 @@ var Column = ({
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react54 = require("@emotion/react");
+var import_react55 = require("@emotion/react");
 var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react54.css`
+var baseGridStyles = import_react55.css`
   display: grid;
 `;
 var Grid = ({
@@ -8877,16 +8890,16 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react54.css`
+    autoRows && import_react55.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react54.css`
+    autoColumns && import_react55.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react54.css`
+    templateAreas && import_react55.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react54.css`
+    justifyContent && import_react55.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
@@ -8895,9 +8908,9 @@ var Grid = ({
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react55 = require("@emotion/react");
+var import_react56 = require("@emotion/react");
 var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react55.css`
+var baseContainerStyles = import_react56.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -8905,14 +8918,14 @@ var baseContainerStyles = import_react55.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react55.css`
+    return import_react56.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react55.css`
+  return import_react56.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -8946,8 +8959,8 @@ var GridContainer = ({
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react56 = require("@emotion/react");
-var cardContainerStyles2 = import_react56.css`
+var import_react57 = require("@emotion/react");
+var cardContainerStyles2 = import_react57.css`
   position: relative;
   height: 335px;
 
@@ -8955,12 +8968,12 @@ var cardContainerStyles2 = import_react56.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react56.css`
+var cardContentStyles2 = import_react57.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react56.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react57.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -9010,15 +9023,15 @@ var HuntCard = ({
 var HuntCard_default = HuntCard;
 
 // src/ImageGalleryModal/ImageGalleryModal.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 
 // src/Modal/Modal.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_dom4 = __toESM(require("react-dom"));
 
 // src/Modal/Modal.styles.ts
-var import_react57 = require("@emotion/react");
-var fadeIn2 = import_react57.keyframes`
+var import_react58 = require("@emotion/react");
+var fadeIn2 = import_react58.keyframes`
   from {
     opacity: 0;
   }
@@ -9026,7 +9039,7 @@ var fadeIn2 = import_react57.keyframes`
     opacity: 1;
   }
 `;
-var fadeInScale2 = import_react57.keyframes`
+var fadeInScale2 = import_react58.keyframes`
   from {
     opacity: 0;
     transform: scale(0.95);
@@ -9036,7 +9049,7 @@ var fadeInScale2 = import_react57.keyframes`
     transform: scale(1);
   }
 `;
-var scrollLayerStyles = import_react57.css`
+var scrollLayerStyles = import_react58.css`
   background-color: rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(4px);
   animation: ${fadeIn2} 0.15s ease-out forwards;
@@ -9045,7 +9058,7 @@ var scrollLayerStyles = import_react57.css`
     animation: none;
   }
 `;
-var containerStyles3 = import_react57.css`
+var containerStyles3 = import_react58.css`
   background-color: var(--surface-primary, #ffffff);
   border-radius: var(--radius-lg, 12px);
   max-height: calc(100dvh - var(--spacing-8));
@@ -9057,17 +9070,17 @@ var containerStyles3 = import_react57.css`
   }
 `;
 var sizeStyles3 = {
-  sm: import_react57.css`
+  sm: import_react58.css`
     width: 100%;
     max-width: 24rem; /* 384px */
     padding: var(--spacing-5);
   `,
-  md: import_react57.css`
+  md: import_react58.css`
     width: 100%;
     max-width: 32rem; /* 512px */
     padding: var(--spacing-6);
   `,
-  lg: import_react57.css`
+  lg: import_react58.css`
     width: 100%;
     max-width: 48rem; /* 768px */
     padding: var(--spacing-6);
@@ -9076,7 +9089,7 @@ var sizeStyles3 = {
       padding: var(--spacing-8);
     }
   `,
-  xl: import_react57.css`
+  xl: import_react58.css`
     width: 100%;
     max-width: 64rem; /* 1024px */
     padding: var(--spacing-6);
@@ -9085,7 +9098,7 @@ var sizeStyles3 = {
       padding: var(--spacing-8);
     }
   `,
-  full: import_react57.css`
+  full: import_react58.css`
     width: calc(100vw - var(--spacing-8));
     height: calc(100dvh - var(--spacing-8));
     max-width: none;
@@ -9094,13 +9107,13 @@ var sizeStyles3 = {
     border-radius: var(--radius-md, 8px);
   `
 };
-var closeButtonStyles2 = import_react57.css`
+var closeButtonStyles2 = import_react58.css`
   position: absolute;
   top: var(--spacing-4);
   right: var(--spacing-4);
   z-index: 1;
 `;
-var closeButtonFullStyles = import_react57.css`
+var closeButtonFullStyles = import_react58.css`
   top: var(--spacing-3);
   right: var(--spacing-3);
   background-color: rgba(255, 255, 255, 0.9);
@@ -9132,10 +9145,10 @@ var Modal = ({
   ariaLabel,
   ariaDescribedBy
 }) => {
-  const containerRef = (0, import_react58.useRef)(null);
-  const previousScrollY = (0, import_react58.useRef)(0);
-  const previousActiveElement = (0, import_react58.useRef)(null);
-  const handleKeyDown = (0, import_react58.useCallback)(
+  const containerRef = (0, import_react59.useRef)(null);
+  const previousScrollY = (0, import_react59.useRef)(0);
+  const previousActiveElement = (0, import_react59.useRef)(null);
+  const handleKeyDown = (0, import_react59.useCallback)(
     (event) => {
       if (closeOnEscape && event.key === "Escape" && onClose) {
         onClose(event);
@@ -9143,7 +9156,7 @@ var Modal = ({
     },
     [closeOnEscape, onClose]
   );
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (isOpen) {
       previousScrollY.current = window.scrollY;
       previousActiveElement.current = document.activeElement;
@@ -9173,7 +9186,7 @@ var Modal = ({
       document.body.style.top = "";
     };
   }, [isOpen, handleKeyDown]);
-  const handleClose = (0, import_react58.useCallback)(
+  const handleClose = (0, import_react59.useCallback)(
     (event) => {
       if (onClose) {
         onClose(event);
@@ -9181,7 +9194,7 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleBackdropClick = (0, import_react58.useCallback)(
+  const handleBackdropClick = (0, import_react59.useCallback)(
     (event) => {
       if (!closeOnOutsideClick || !containerRef.current || containerRef.current.contains(event.target)) {
         return;
@@ -9289,11 +9302,11 @@ Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/ImageGalleryModal/ImageGalleryModal.styles.ts
-var import_react59 = require("@emotion/react");
-var galleryBackgroundStyles = import_react59.css`
+var import_react60 = require("@emotion/react");
+var galleryBackgroundStyles = import_react60.css`
   background-color: var(--color-base-black, #000000);
 `;
-var imageStyles2 = import_react59.css`
+var imageStyles2 = import_react60.css`
   max-width: 100%;
   max-height: 100%;
   width: auto;
@@ -9305,14 +9318,14 @@ var imageStyles2 = import_react59.css`
     max-height: calc(100vh - var(--spacing-32));
   }
 `;
-var counterStyles = import_react59.css`
+var counterStyles = import_react60.css`
   transform: translateX(-50%);
   color: var(--color-base-white, #ffffff);
   background-color: rgba(0, 0, 0, 0.5);
   padding: var(--spacing-2) var(--spacing-4);
   border-radius: var(--radius-full, 9999px);
 `;
-var captionStyles = import_react59.css`
+var captionStyles = import_react60.css`
   transform: translateX(-50%);
   color: var(--color-base-white, #ffffff);
   text-align: center;
@@ -9321,7 +9334,7 @@ var captionStyles = import_react59.css`
   border-radius: var(--radius-md, 8px);
   max-width: 80%;
 `;
-var navigationButtonStyles = import_react59.css`
+var navigationButtonStyles = import_react60.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -9352,18 +9365,18 @@ var navigationButtonStyles = import_react59.css`
     outline-offset: 2px;
   }
 `;
-var prevButtonStyles = import_react59.css`
+var prevButtonStyles = import_react60.css`
   ${navigationButtonStyles}
   left: var(--spacing-4);
 `;
-var nextButtonStyles = import_react59.css`
+var nextButtonStyles = import_react60.css`
   ${navigationButtonStyles}
   right: var(--spacing-4);
 `;
-var dotsContainerPositionStyles = import_react59.css`
+var dotsContainerPositionStyles = import_react60.css`
   transform: translateX(-50%);
 `;
-var dotStyles = import_react59.css`
+var dotStyles = import_react60.css`
   width: var(--spacing-2);
   height: var(--spacing-2);
   border-radius: var(--radius-round, 50%);
@@ -9378,11 +9391,11 @@ var dotStyles = import_react59.css`
     transform: scale(1.2);
   }
 `;
-var dotActiveStyles = import_react59.css`
+var dotActiveStyles = import_react60.css`
   background-color: var(--color-base-white, #ffffff);
   transform: scale(1.2);
 `;
-var closeButtonOverrideStyles = import_react59.css`
+var closeButtonOverrideStyles = import_react60.css`
   top: var(--spacing-4);
   right: var(--spacing-4);
   z-index: 20;
@@ -9394,17 +9407,17 @@ var closeButtonOverrideStyles = import_react59.css`
     background-color: var(--color-base-white, #ffffff);
   }
 `;
-var scrollLayerOverrideStyles = import_react59.css`
+var scrollLayerOverrideStyles = import_react60.css`
   padding: 0;
   background-color: rgba(0, 0, 0, 0.95);
 `;
-var containerOverrideStyles = import_react59.css`
+var containerOverrideStyles = import_react60.css`
   background-color: transparent;
   box-shadow: none;
   border-radius: 0;
   max-height: 100dvh;
 `;
-var contentOverrideStyles = import_react59.css`
+var contentOverrideStyles = import_react60.css`
   height: 100%;
   padding: 0;
 `;
@@ -9423,30 +9436,30 @@ var ImageGalleryModal = ({
   className,
   ariaLabel = "Image gallery"
 }) => {
-  const [currentIndex, setCurrentIndex] = (0, import_react60.useState)(initialIndex);
-  (0, import_react60.useEffect)(() => {
+  const [currentIndex, setCurrentIndex] = (0, import_react61.useState)(initialIndex);
+  (0, import_react61.useEffect)(() => {
     if (isOpen) {
       setCurrentIndex(initialIndex);
     }
   }, [isOpen, initialIndex]);
-  const handlePrev = (0, import_react60.useCallback)(
+  const handlePrev = (0, import_react61.useCallback)(
     (e) => {
       e == null ? void 0 : e.stopPropagation();
       setCurrentIndex((prev) => prev > 0 ? prev - 1 : images.length - 1);
     },
     [images.length]
   );
-  const handleNext = (0, import_react60.useCallback)(
+  const handleNext = (0, import_react61.useCallback)(
     (e) => {
       e == null ? void 0 : e.stopPropagation();
       setCurrentIndex((prev) => prev < images.length - 1 ? prev + 1 : 0);
     },
     [images.length]
   );
-  const handleGoTo = (0, import_react60.useCallback)((index) => {
+  const handleGoTo = (0, import_react61.useCallback)((index) => {
     setCurrentIndex(index);
   }, []);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!isOpen)
       return;
     const handleKeyDown = (e) => {
@@ -9642,11 +9655,11 @@ var InfoBox = ({ heading, features, className }) => {
 var InfoBox_default = InfoBox;
 
 // src/LandownerProfile/LandownerProfile.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/ProgressBar/ProgressBar.styles.ts
-var import_react61 = require("@emotion/react");
-var progressStyles = import_react61.css`
+var import_react62 = require("@emotion/react");
+var progressStyles = import_react62.css`
   transition: width 0.3s ease-in-out;
 `;
 
@@ -9690,11 +9703,11 @@ ProgressBar.displayName = "ProgressBar";
 var ProgressBar_default = ProgressBar;
 
 // src/Timer/Timer.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/Timer/Timer.styles.ts
-var import_react62 = require("@emotion/react");
-var rootStyles2 = import_react62.css`
+var import_react63 = require("@emotion/react");
+var rootStyles2 = import_react63.css`
   display: inline-flex;
   font-variant-numeric: tabular-nums;
 `;
@@ -9728,10 +9741,10 @@ var Timer = ({
   fontWeight = "bold",
   showSeconds = false
 }) => {
-  const [timeLeft, setTimeLeft] = (0, import_react63.useState)(
+  const [timeLeft, setTimeLeft] = (0, import_react64.useState)(
     () => calculateTimeLeft(expirationTimestamp)
   );
-  const updateTime = (0, import_react63.useCallback)(() => {
+  const updateTime = (0, import_react64.useCallback)(() => {
     const newTimeLeft = calculateTimeLeft(expirationTimestamp);
     setTimeLeft(newTimeLeft);
     if (newTimeLeft) {
@@ -9741,7 +9754,7 @@ var Timer = ({
     }
     return newTimeLeft;
   }, [expirationTimestamp, onTimeUpdate, onExpire]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const initialTime = updateTime();
     if (!initialTime)
       return;
@@ -9988,7 +10001,7 @@ var LandownerProfile = ({
     const progressPercentage = (totalDuration - timeLeft.totalSeconds) / totalDuration * 100;
     return Math.min(100, Math.max(0, progressPercentage));
   };
-  const [progress, setProgress] = (0, import_react64.useState)(0);
+  const [progress, setProgress] = (0, import_react65.useState)(0);
   const handleTimeUpdate = (timeLeft) => {
     setProgress(calculateProgress(timeLeft));
     onEarlyAccessTimeUpdate == null ? void 0 : onEarlyAccessTimeUpdate(timeLeft);
@@ -10098,11 +10111,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react65 = require("@emotion/react");
-var containerStyles4 = import_react65.css`
+var import_react66 = require("@emotion/react");
+var containerStyles4 = import_react66.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -10110,12 +10123,12 @@ var containerStyles4 = import_react65.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react65.css`
+var headerStyles = import_react66.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react65.css`
+var chipsContainerStyles = import_react66.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -10128,10 +10141,10 @@ var chipsContainerStyles = import_react65.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react65.css`
+var textAreaStyles = import_react66.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react65.css`
+var inputWrapperStyles2 = import_react66.css`
   position: relative;
 `;
 
@@ -10146,15 +10159,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react66.useState)("");
-  const handleSubmit = (0, import_react66.useCallback)(() => {
+  const [value, setValue] = (0, import_react67.useState)("");
+  const handleSubmit = (0, import_react67.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react66.useCallback)(
+  const handleTagClick = (0, import_react67.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -10206,7 +10219,7 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react67 = require("@emotion/react");
+var import_react68 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
 var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
@@ -10428,7 +10441,7 @@ var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
 var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react67.css`
+var logoStyles = (size) => import_react68.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -10461,13 +10474,13 @@ var Logo = ({
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react68 = require("@emotion/react");
-var navigationStyles = import_react68.css`
+var import_react69 = require("@emotion/react");
+var navigationStyles = import_react69.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react68.css`
+var hamburgerButtonStyles = import_react69.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -10478,7 +10491,7 @@ var hamburgerButtonStyles = import_react68.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react68.css`
+var centeredLogoStyles = import_react69.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -10486,27 +10499,27 @@ var centeredLogoStyles = import_react68.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react68.css`
+var desktopLogoStyles = import_react69.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles5 = import_react68.css`
+var containerStyles5 = import_react69.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react68.css`
+var logoStyles2 = import_react69.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react68.css`
+var desktopNavStyles = import_react69.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -10515,7 +10528,7 @@ var desktopNavStyles = import_react68.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react68.css`
+var navLinksStyles = import_react69.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -10523,7 +10536,7 @@ var navLinksStyles = import_react68.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react68.css`
+var navLinkStyles = import_react69.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -10539,7 +10552,7 @@ var navLinkStyles = import_react68.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react68.css`
+var avatarPlaceholderStyles = import_react69.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -10644,21 +10657,21 @@ var Navigation_default = Navigation;
 var import_react_loading_skeleton2 = __toESM(require("react-loading-skeleton"));
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 
 // src/ScrollingCarousel/context/CarouselContext.tsx
-var import_react69 = __toESM(require("react"));
-var CarouselContext = import_react69.default.createContext(
+var import_react70 = __toESM(require("react"));
+var CarouselContext = import_react70.default.createContext(
   null
 );
 
 // src/ScrollingCarousel/ScrollingCarousel.styles.ts
-var import_react70 = require("@emotion/react");
-var carouselRoot = import_react70.css`
+var import_react71 = require("@emotion/react");
+var carouselRoot = import_react71.css`
   position: relative;
 `;
-var carousel = (gap2) => import_react70.css`
+var carousel = (gap2) => import_react71.css`
   display: flex;
   overflow-y: hidden;
   overflow-x: scroll;
@@ -10671,7 +10684,7 @@ var carousel = (gap2) => import_react70.css`
     display: none;
   }
 `;
-var step = (itemWidth) => import_react70.css`
+var step = (itemWidth) => import_react71.css`
   scroll-snap-align: center;
   flex-basis: ${itemWidth || "100%"};
   flex-shrink: 0;
@@ -10681,7 +10694,7 @@ var step = (itemWidth) => import_react70.css`
     flex-basis: ${itemWidth || "100%"};
   }
 `;
-var controls = (position2) => import_react70.css`
+var controls = (position2) => import_react71.css`
   ${(position2 === "left-right" || position2 === "top-right") && `
     display: none;
 
@@ -10690,7 +10703,7 @@ var controls = (position2) => import_react70.css`
     }
   `}
 `;
-var iconWrapper = import_react70.css`
+var iconWrapper = import_react71.css`
   display: flex;
   width: var(--spacing-7);
   height: var(--spacing-7);
@@ -10700,7 +10713,7 @@ var iconWrapper = import_react70.css`
   justify-content: center;
   box-shadow: var(--shadow-md);
 `;
-var button = (position2) => import_react70.css`
+var button = (position2) => import_react71.css`
   background: transparent;
   border-color: transparent;
   outline: none;
@@ -10732,7 +10745,7 @@ var button = (position2) => import_react70.css`
     bottom: calc(-1 * var(--spacing-1));
   `}
 `;
-var buttonLeft = (position2) => import_react70.css`
+var buttonLeft = (position2) => import_react71.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -10752,7 +10765,7 @@ var buttonLeft = (position2) => import_react70.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var customButtonLeft = (position2) => import_react70.css`
+var customButtonLeft = (position2) => import_react71.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -10772,7 +10785,7 @@ var customButtonLeft = (position2) => import_react70.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var buttonRight = (position2) => import_react70.css`
+var buttonRight = (position2) => import_react71.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -10792,12 +10805,12 @@ var buttonRight = (position2) => import_react70.css`
     right: calc(50% - var(--spacing-16));
   `}
 `;
-var icon = import_react70.css`
+var icon = import_react71.css`
   width: var(--spacing-3);
   height: var(--spacing-3);
   color: var(--color-base-black);
 `;
-var dots = import_react70.css`
+var dots = import_react71.css`
   position: absolute;
   bottom: var(--spacing-2);
   left: 0;
@@ -10807,11 +10820,11 @@ var dots = import_react70.css`
   align-items: center;
   justify-content: center;
 `;
-var dotsInner = import_react70.css`
+var dotsInner = import_react71.css`
   display: flex;
   overflow: hidden;
 `;
-var dot = (dotsColor) => import_react70.css`
+var dot = (dotsColor) => import_react71.css`
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
@@ -10850,22 +10863,22 @@ var dot = (dotsColor) => import_react70.css`
     `}
   }
 `;
-var dotDistance2 = import_react70.css`
+var dotDistance2 = import_react71.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.9);
   }
 `;
-var dotDistance3 = import_react70.css`
+var dotDistance3 = import_react71.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.8);
   }
 `;
-var dotDistanceGreaterThan3 = import_react70.css`
+var dotDistanceGreaterThan3 = import_react71.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.7);
   }
 `;
-var dotVisible = import_react70.css`
+var dotVisible = import_react71.css`
   &::after {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1.2);
@@ -10882,7 +10895,7 @@ var ScrollingCarouselStep = ({
   onClick,
   itemWidth
 }) => {
-  const context = (0, import_react71.useContext)(CarouselContext);
+  const context = (0, import_react72.useContext)(CarouselContext);
   if (!context) {
     throw new Error(
       "ScrollingCarouselStep must be used within ScrollingCarousel"
@@ -10893,7 +10906,7 @@ var ScrollingCarouselStep = ({
     threshold: 0.75,
     root: carousel2.current
   });
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (typeof index !== "undefined") {
       dispatch({
         type: "set_child_visibility",
@@ -10919,10 +10932,10 @@ var ScrollingCarouselStep = ({
 ScrollingCarouselStep.displayName = "ScrollingCarouselStep";
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_react75 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 
 // src/ScrollingCarousel/hooks/useCarouselDots.ts
-var import_react72 = require("react");
+var import_react73 = require("react");
 
 // src/ScrollingCarousel/ScrollingCarousel.helpers.ts
 var childVisibilityReducer = (state, action) => {
@@ -10953,7 +10966,7 @@ var useCarouselDots = ({
   anyItemsVisible,
   numberOfDots
 }) => {
-  const dotOffset = (0, import_react72.useRef)(0);
+  const dotOffset = (0, import_react73.useRef)(0);
   const dotWidth = 12;
   const totalDots = childVisibility.length;
   const dotToCenterIndex = Math.round(
@@ -10985,7 +10998,7 @@ var useCarouselDots = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselNavigation.ts
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/shared/helpers.ts
 var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
@@ -11019,7 +11032,7 @@ var useCarouselNavigation = ({
   infiniteScroll,
   childVisibilityLength
 }) => {
-  const getStepEl = (0, import_react73.useCallback)(
+  const getStepEl = (0, import_react74.useCallback)(
     (index) => {
       if (carousel2.current) {
         const selector = `[data-carousel-id="${id}"][data-carousel-index="${index}"]`;
@@ -11029,7 +11042,7 @@ var useCarouselNavigation = ({
     },
     [carousel2, id]
   );
-  const next = (0, import_react73.useCallback)(
+  const next = (0, import_react74.useCallback)(
     (e) => {
       e.preventDefault();
       if (lastItemIsVisible && !infiniteScroll)
@@ -11057,7 +11070,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const back = (0, import_react73.useCallback)(
+  const back = (0, import_react74.useCallback)(
     (e) => {
       e.preventDefault();
       if (firstItemIsVisible && !infiniteScroll)
@@ -11085,7 +11098,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const goTo = (0, import_react73.useCallback)(
+  const goTo = (0, import_react74.useCallback)(
     (e, i) => {
       e.preventDefault();
       const el = getStepEl(i);
@@ -11103,12 +11116,12 @@ var useCarouselNavigation = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselVisibility.ts
-var import_react74 = require("react");
+var import_react75 = require("react");
 var useCarouselVisibility = (carousel2) => {
-  const [state, dispatch] = (0, import_react74.useReducer)(childVisibilityReducer, {
+  const [state, dispatch] = (0, import_react75.useReducer)(childVisibilityReducer, {
     childVisibility: []
   });
-  const carouselContextApi = (0, import_react74.useMemo)(
+  const carouselContextApi = (0, import_react75.useMemo)(
     () => ({ carousel: carousel2, dispatch }),
     [carousel2]
   );
@@ -11148,8 +11161,8 @@ var ScrollingCarousel = ({
   itemWidth,
   gap: gap2
 }) => {
-  const carousel2 = (0, import_react75.useRef)(null);
-  const [isHovering, setIsHovering] = (0, import_react75.useState)(false);
+  const carousel2 = (0, import_react76.useRef)(null);
+  const [isHovering, setIsHovering] = (0, import_react76.useState)(false);
   const {
     state,
     carouselContextApi,
@@ -11169,7 +11182,7 @@ var ScrollingCarousel = ({
     infiniteScroll,
     childVisibilityLength: state.childVisibility.length
   });
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     if (carousel2.current && typeof current === "number" && current >= 0) {
       const childrenArray = Array.from(carousel2.current.children);
       const selectedItem = childrenArray[current];
@@ -11184,9 +11197,9 @@ var ScrollingCarousel = ({
       }
     }
   }, [current]);
-  const childrenWithIndex = import_react75.default.Children.map(
+  const childrenWithIndex = import_react76.default.Children.map(
     children,
-    (child, index) => import_react75.default.cloneElement(child, { index, itemWidth })
+    (child, index) => import_react76.default.cloneElement(child, { index, itemWidth })
   );
   const { dotOffset, dotDistances, dotWidth } = useCarouselDots({
     childVisibility: state.childVisibility,
@@ -11288,8 +11301,8 @@ var ScrollingCarousel = ({
 ScrollingCarousel.displayName = "ScrollingCarousel";
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react76 = require("@emotion/react");
-var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react76.css`
+var import_react77 = require("@emotion/react");
+var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react77.css`
   ${hasClickHandler && `
     cursor: pointer;
   `}
@@ -11307,7 +11320,7 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
   flex-direction: column;
   gap: var(--spacing-2);
 
-  ${orientation === "horizontal" && import_react76.css`
+  ${orientation === "horizontal" && import_react77.css`
     /* Apply horizontal layout only on tablet and up */
     ${media.md} {
       flex-direction: row;
@@ -11335,58 +11348,58 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
     }
   `}
 `;
-var imageContainerStyles = (orientation) => import_react76.css`
+var imageContainerStyles = (orientation) => import_react77.css`
   width: 100%;
   height: 260px;
 
-  ${orientation === "horizontal" && import_react76.css`
+  ${orientation === "horizontal" && import_react77.css`
     ${media.md} {
       width: 40%;
       height: 200px;
   `}
 `;
-var imageBoxStyles = (orientation) => import_react76.css`
+var imageBoxStyles = (orientation) => import_react77.css`
   height: 260px;
-  ${orientation === "horizontal" && import_react76.css`
+  ${orientation === "horizontal" && import_react77.css`
     ${media.md} {
       height: 200px;
     }
   `}
 `;
-var contentContainerStyles = (orientation, hasContentBackground) => import_react76.css`
+var contentContainerStyles = (orientation, hasContentBackground) => import_react77.css`
   ${hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles}
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 
-  ${orientation === "horizontal" && import_react76.css`
+  ${orientation === "horizontal" && import_react77.css`
     ${media.md} {
       width: 60%;
       justify-content: center;
     }
   `}
 `;
-var imageStyles3 = import_react76.css`
+var imageStyles3 = import_react77.css`
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   background-color: lightgray;
 `;
-var badgeTopLeftStyles = import_react76.css`
+var badgeTopLeftStyles = import_react77.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var badgeBottomRightStyles = import_react76.css`
+var badgeBottomRightStyles = import_react77.css`
   position: absolute;
   bottom: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react76.css`
+var heartIconStyles = import_react77.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -11408,20 +11421,20 @@ var heartIconStyles = import_react76.css`
     transform: scale(1.1);
   }
 `;
-var actionMenuStyles = import_react76.css`
+var actionMenuStyles = import_react77.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 3;
 `;
-var contentWithBackgroundStyles = import_react76.css`
+var contentWithBackgroundStyles = import_react77.css`
   padding: 0 var(--spacing-3) var(--spacing-4) var(--spacing-3);
   background-color: var(--surface-page);
 `;
-var contentWithoutBackgroundStyles = import_react76.css`
+var contentWithoutBackgroundStyles = import_react77.css`
   padding-top: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);
 `;
-var overlayStyles = import_react76.css`
+var overlayStyles = import_react77.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -11433,7 +11446,7 @@ var overlayStyles = import_react76.css`
   display: block;
   pointer-events: none;
 `;
-var titleStyles = import_react76.css`
+var titleStyles = import_react77.css`
   text-wrap: wrap;
   word-break: break-word;
   white-space: pre-wrap;
@@ -11664,8 +11677,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react77 = require("@emotion/react");
-var imageStyles4 = import_react77.css`
+var import_react78 = require("@emotion/react");
+var imageStyles4 = import_react78.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -11797,7 +11810,7 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 
 // src/Reviews/Reviews.tsx
-var import_react78 = require("@emotion/react");
+var import_react79 = require("@emotion/react");
 
 // src/Reviews/components/ReviewItem.tsx
 var import_jsx_runtime270 = require("@emotion/react/jsx-runtime");
@@ -11855,7 +11868,7 @@ var Reviews = ({
                 StarRating_default,
                 {
                   rating: averageRating,
-                  css: import_react78.css`
+                  css: import_react79.css`
             > svg {
               height: 40px;
               width: 40px;