@landtrustinc/design-system 1.2.45 → 1.2.47

package/dist/index.js

@@ -5710,8 +5710,7 @@ var AvailabilityBadge = ({
 var AvailabilityBadge_default = AvailabilityBadge;
 
 // src/Avatar/Avatar.tsx
-var import_react23 = require("@emotion/react");
-var import_react24 = require("react");
+var import_react23 = require("react");
 
 // src/Avatar/Avatar.styles.ts
 var import_react22 = require("@emotion/react");
@@ -5725,14 +5724,18 @@ var avatarSizeStyles = {
     height: 32px;
   `,
   md: import_react22.css`
+    width: 44px;
+    height: 44px;
+  `,
+  lg: import_react22.css`
     width: 60px;
     height: 60px;
   `,
-  lg: import_react22.css`
+  xl: import_react22.css`
     width: 80px;
     height: 80px;
   `,
-  xl: import_react22.css`
+  "2xl": import_react22.css`
     width: 120px;
     height: 120px;
   `
@@ -5771,7 +5774,7 @@ var Avatar = ({
   size = "md",
   className
 }) => {
-  const [hasImageError, setHasImageError] = (0, import_react24.useState)(false);
+  const [hasImageError, setHasImageError] = (0, import_react23.useState)(false);
   const handleImageError = () => {
     setHasImageError(true);
   };
@@ -5785,13 +5788,15 @@ var Avatar = ({
       case "sm":
         return "12px";
       case "md":
-        return "20px";
+        return "16px";
       case "lg":
-        return "28px";
+        return "20px";
       case "xl":
-        return "40px";
+        return "36px";
+      case "2xl":
+        return "54px";
       default:
-        return "20px";
+        return "16px";
     }
   };
   const getIconSize = (size2) => {
@@ -5801,10 +5806,12 @@ var Avatar = ({
       case "sm":
         return "small";
       case "md":
-        return "xlarge";
-      case "lg":
         return "large";
+      case "lg":
+        return "xlarge";
       case "xl":
+        return "xxlarge";
+      case "2xl":
         return "xxxlarge";
       default:
         return "xlarge";
@@ -5844,32 +5851,22 @@ var Avatar = ({
       css: [avatarFallbackStyles, avatarSizeStyles[size]],
       className,
       title: alt,
-      children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
-        Icon_default,
-        {
-          variant: "User",
-          size: getIconSize(size),
-          css: size === "lg" ? import_react23.css`
-                width: 28px;
-                height: 28px;
-              ` : void 0
-        }
-      )
+      children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Icon_default, { variant: "User", size: getIconSize(size) })
     }
   );
 };
 var Avatar_default = Avatar;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_react36 = __toESM(require("react"));
+var import_react35 = __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_react25 = require("@emotion/react");
-var dividerStyles = import_react25.css`
+var import_react24 = require("@emotion/react");
+var dividerStyles = import_react24.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -5888,17 +5885,17 @@ var Divider = ({ className, ...rest }) => {
 var Divider_default = Divider;
 
 // src/Form/TextArea.tsx
-var import_react27 = require("@emotion/react");
-var import_react28 = require("react");
+var import_react26 = require("@emotion/react");
+var import_react27 = require("react");
 
 // src/Form/TextArea.styles.ts
-var import_react26 = require("@emotion/react");
-var wrapperStyles = import_react26.css`
+var import_react25 = require("@emotion/react");
+var wrapperStyles = import_react25.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var textareaBase = import_react26.css`
+var textareaBase = import_react25.css`
   width: 100%;
   box-sizing: border-box;
   font: inherit;
@@ -5932,32 +5929,32 @@ var textareaBase = import_react26.css`
     cursor: default;
   }
 `;
-var variantError = import_react26.css`
+var variantError = import_react25.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_react26.css`
+var variantSuccess = import_react25.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_react26.css`
+var submitButtonContainer = import_react25.css`
   position: absolute;
   right: var(--spacing-4);
   bottom: var(--spacing-4);
 `;
-var textareaWithSubmit = import_react26.css`
+var textareaWithSubmit = import_react25.css`
   padding-right: var(--spacing-16);
 `;
 
 // src/Form/TextArea.tsx
 var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react28.forwardRef)(
+var TextArea = (0, import_react27.forwardRef)(
   ({
     rows = 3,
     variant = "default",
@@ -5977,8 +5974,8 @@ var TextArea = (0, import_react28.forwardRef)(
     submitOnEnter = true,
     ...props
   }, ref) => {
-    const innerRef = (0, import_react28.useRef)(null);
-    (0, import_react28.useEffect)(() => {
+    const innerRef = (0, import_react27.useRef)(null);
+    (0, import_react27.useEffect)(() => {
       const el = innerRef.current;
       if (!el || !autoExpand)
         return;
@@ -6032,7 +6029,7 @@ var TextArea = (0, import_react28.forwardRef)(
             textareaBase,
             variant === "error" && variantError,
             variant === "success" && variantSuccess,
-            import_react27.css`
+            import_react26.css`
               resize: ${resize};
             `,
             showSubmit && textareaWithSubmit
@@ -6069,21 +6066,43 @@ TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react29 = require("@emotion/react");
-var getRootStyles = (variant) => import_react29.css`
+var import_react28 = require("@emotion/react");
+var getRootStyles = (variant) => import_react28.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getBubbleStyles = (variant) => import_react29.css`
+var getOuterWrapperStyles = (variant) => import_react28.css`
+  display: flex;
+  flex-direction: ${variant === "sent" ? "row-reverse" : "row"};
+  gap: var(--spacing-3);
+  align-items: flex-start;
+  width: 100%;
+`;
+var avatarWrapperStyles = import_react28.css`
+  flex-shrink: 0;
+`;
+var contentWrapperStyles = import_react28.css`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  flex: 1;
+  min-width: 0;
+`;
+var getHeaderStyles = (variant) => import_react28.css`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  flex-direction: ${variant === "sent" ? "row-reverse" : "row"};
+`;
+var getBubbleStyles = (variant) => import_react28.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
   display: flex;
-  gap: var(--spacing-3);
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
+  gap: var(--spacing-2);
   padding: var(--spacing-4);
   background-color: ${variant === "sent" ? "var(--color-neutral-900)" : "var(--surface-neutral)"};
   color: ${variant === "sent" ? "var(--color-base-white)" : "var(--text-primary)"};
@@ -6093,7 +6112,10 @@ var getBubbleStyles = (variant) => import_react29.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles = import_react29.css`
+var getTimestampStyles = (variant) => import_react28.css`
+  text-align: ${variant === "sent" ? "right" : "left"};
+`;
+var contentStyles = import_react28.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
@@ -6104,53 +6126,70 @@ var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
 var MessageBubble = ({
   variant = "sent",
   timestamp,
+  avatarSrc,
+  author,
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { className, css: getRootStyles(variant), children: [
-    timestamp && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
-      Text_default,
+  const hasAvatar = !!avatarSrc;
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { className, css: getRootStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { css: getOuterWrapperStyles(variant), children: [
+    hasAvatar && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: avatarWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      Avatar_default,
       {
-        size: "xs",
-        color: "var(--text-secondary)",
-        textAlign: variant === "sent" ? "right" : "left",
-        children: timestamp
+        type: "image",
+        src: avatarSrc,
+        alt: author || "Avatar",
+        size: "md"
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: contentStyles, children }) })
-  ] });
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { css: contentWrapperStyles, children: [
+      author && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: getHeaderStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "sm", fontWeight: "semibold", color: "var(--text-primary)", children: author }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { css: getBubbleStyles(variant), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: contentStyles, children }),
+        timestamp && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+          Text_default,
+          {
+            size: "xs",
+            color: "var(--text-secondary)",
+            css: getTimestampStyles(variant),
+            children: timestamp
+          }
+        )
+      ] })
+    ] })
+  ] }) });
 };
 var MessageBubble_default = MessageBubble;
 
 // src/TagChip/TagChip.styles.ts
-var import_react30 = require("@emotion/react");
+var import_react29 = require("@emotion/react");
 var tagChipVariantStyles = {
-  default: import_react30.css`
+  default: import_react29.css`
     background-color: var(--surface-page);
     border: 1px solid var(--border-primary);
     color: var(--text-primary);
   `,
-  active: import_react30.css`
+  active: import_react29.css`
     background-color: var(--text-primary);
     border: 1px solid var(--border-secondary);
     color: var(--color-base-white);
   `,
-  primary: import_react30.css`
+  primary: import_react29.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
     color: var(--text-primary);
   `,
-  error: import_react30.css`
+  error: import_react29.css`
     background-color: var(--surface-error);
     border: 1px solid var(--color-red-300);
     color: var(--text-error);
   `,
-  success: import_react30.css`
+  success: import_react29.css`
     background-color: var(--surface-success);
     border: 1px solid var(--color-green-300);
     color: var(--text-primary);
   `,
-  warning: import_react30.css`
+  warning: import_react29.css`
     background-color: var(--surface-subtle);
     border: 1px solid var(--color-brown-200);
     color: var(--text-primary);
@@ -6183,11 +6222,11 @@ var TagChip = ({
 var TagChip_default = TagChip;
 
 // src/Widget/Widget.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 
 // src/Widget/Widget.styles.ts
-var import_react31 = require("@emotion/react");
-var panelContainer = import_react31.css`
+var import_react30 = require("@emotion/react");
+var panelContainer = import_react30.css`
   position: absolute;
   right: 0;
   bottom: calc(100% + var(--spacing-2));
@@ -6201,7 +6240,7 @@ var panelContainer = import_react31.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react31.css`
+var panelCard = (width2) => import_react30.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -6236,16 +6275,16 @@ var panelCard = (width2) => import_react31.css`
     animation: none;
   }
 `;
-var widgetTrigger = import_react31.css`
+var widgetTrigger = import_react30.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_react32.createContext)(null);
+var WidgetContext = (0, import_react31.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react32.useContext)(WidgetContext);
+  const ctx = (0, import_react31.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -6294,12 +6333,12 @@ var WidgetRoot = ({
   containerProps,
   closeOnClickOutside = true
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react32.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react31.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react32.useRef)(null);
-  const containerRef = (0, import_react32.useRef)(null);
-  const setExpanded = (0, import_react32.useCallback)(
+  const triggerRef = (0, import_react31.useRef)(null);
+  const containerRef = (0, import_react31.useRef)(null);
+  const setExpanded = (0, import_react31.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -6313,11 +6352,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react32.useCallback)(
+  const toggle = (0, import_react31.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!isExpanded || !closeOnClickOutside)
       return;
     const onDocClick = (e) => {
@@ -6331,7 +6370,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded, closeOnClickOutside]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -6341,7 +6380,7 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  const value = (0, import_react32.useMemo)(
+  const value = (0, import_react31.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -6374,8 +6413,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react33 = require("@emotion/react");
-var sentWrapperStyles = import_react33.css`
+var import_react32 = require("@emotion/react");
+var sentWrapperStyles = import_react32.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -6383,14 +6422,14 @@ var sentWrapperStyles = import_react33.css`
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var receivedWrapperStyles = import_react33.css`
+var receivedWrapperStyles = import_react32.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles = import_react33.css`
+var containerStyles = import_react32.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -6402,13 +6441,13 @@ var containerStyles = import_react33.css`
     max-height: 85vh;
   }
 `;
-var thinkingRowStyles = import_react33.css`
+var thinkingRowStyles = import_react32.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react33.css`
+var thinkingTextStyles = import_react32.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
 
   @keyframes ltchat-pulse {
@@ -6421,7 +6460,7 @@ var thinkingTextStyles = import_react33.css`
     }
   }
 `;
-var badge = import_react33.css`
+var badge = import_react32.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -6431,18 +6470,18 @@ var badge = import_react33.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react33.css`
+var closeButtonContent = import_react32.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_react35 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 
 // src/ChatWidget/components/AskBuckButton.styles.ts
-var import_react34 = require("@emotion/react");
-var rotateGradient = import_react34.keyframes`
+var import_react33 = require("@emotion/react");
+var rotateGradient = import_react33.keyframes`
   0% {
     --gradient-angle: 0deg;
   }
@@ -6450,7 +6489,7 @@ var rotateGradient = import_react34.keyframes`
     --gradient-angle: 360deg;
   }
 `;
-var triggerWrapperStyles = (isAnimating) => import_react34.css`
+var triggerWrapperStyles = (isAnimating) => import_react33.css`
   position: relative;
   display: inline-block;
 
@@ -6464,7 +6503,7 @@ var triggerWrapperStyles = (isAnimating) => import_react34.css`
     box-shadow: 0px 0px var(--shadow-blur-lg, 24px)
       var(--shadow-spread-xs, -4px) rgba(17, 17, 17, 0.1);
 
-    ${isAnimating ? import_react34.css`
+    ${isAnimating ? import_react33.css`
           /* Register the custom property */
           @property --gradient-angle {
             syntax: '<angle>';
@@ -6482,13 +6521,13 @@ var triggerWrapperStyles = (isAnimating) => import_react34.css`
             var(--color-primary-600) 100%
           );
           animation: ${rotateGradient} 3s linear infinite;
-        ` : import_react34.css`
+        ` : import_react33.css`
           /* Static border when not animating */
           background: var(--color-primary-600);
         `}
   }
 `;
-var badgeStyles = import_react34.css`
+var badgeStyles = import_react33.css`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -6503,7 +6542,7 @@ var badgeStyles = import_react34.css`
   flex-shrink: 0;
   margin-right: var(--spacing-1);
 `;
-var buttonOverrideStyles = import_react34.css`
+var buttonOverrideStyles = import_react33.css`
   background: var(--surface-page);
   border: none;
   border-radius: var(--radius-round);
@@ -6532,10 +6571,10 @@ var buttonOverrideStyles = import_react34.css`
 
 // src/ChatWidget/components/AskBuckButton.tsx
 var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
-var AskBuckButton = import_react35.default.forwardRef(
+var AskBuckButton = import_react34.default.forwardRef(
   ({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
     var _a;
-    const widgetContext = (0, import_react35.useContext)(WidgetContext);
+    const widgetContext = (0, import_react34.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)(
@@ -6600,14 +6639,14 @@ var ChatWidget = ({
   notificationCount,
   closeOnClickOutside = true
 }) => {
-  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 [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 isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react36.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react35.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const setExpanded = (0, import_react36.useCallback)(
+  const setExpanded = (0, import_react35.useCallback)(
     (next) => {
       if (!next && scrollRef.current) {
         savedScrollPosition.current = scrollRef.current.scrollTop;
@@ -6618,7 +6657,7 @@ var ChatWidget = ({
     },
     [isControlled, onExpandedChange]
   );
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -6628,7 +6667,7 @@ var ChatWidget = ({
       }
     });
   }, [isExpanded]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -6642,7 +6681,7 @@ var ChatWidget = ({
     }
   }, [messages, isThinking, isExpanded]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const renderedMessages = (0, import_react36.useMemo)(
+  const renderedMessages = (0, import_react35.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
@@ -6652,7 +6691,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_react36.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react35.default.Fragment, { children: element }, key);
     }),
     [messagesToRender]
   );
@@ -6793,7 +6832,7 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 
 // src/FeatureList/components/FeatureListItem.tsx
-var import_react37 = require("@emotion/react");
+var import_react36 = require("@emotion/react");
 var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
 var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
@@ -6862,7 +6901,7 @@ var FeatureListItem = ({
               variant: iconVariant,
               size: iconSize,
               fill: iconColor,
-              css: import_react37.css`
+              css: import_react36.css`
                   flex-shrink: 0;
                 `
             }
@@ -6899,8 +6938,8 @@ var FeatureList = ({ heading, items, className }) => {
 var FeatureList_default = FeatureList;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react38 = require("@emotion/react");
-var cardContainerStyles = import_react38.css`
+var import_react37 = require("@emotion/react");
+var cardContainerStyles = import_react37.css`
   position: relative;
   height: 335px;
 
@@ -6908,12 +6947,12 @@ var cardContainerStyles = import_react38.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react38.css`
+var cardContentStyles = import_react37.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react38.css`
+var getBackgroundWithGradient = (imageUrl) => import_react37.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -6963,14 +7002,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react39 = require("@emotion/react");
+var import_react38 = require("@emotion/react");
 var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react39.css`
+var fieldContainerStyles = import_react38.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react39.css`
+var labelStyles2 = import_react38.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -6978,17 +7017,17 @@ var labelStyles2 = import_react39.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react39.css`
+var requiredIndicatorStyles = import_react38.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react39.css`
+var helpTextStyles = import_react38.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react39.css`
+var errorTextStyles = import_react38.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -6997,7 +7036,7 @@ var errorTextStyles = import_react39.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react39.css`
+var successTextStyles = import_react38.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -7006,7 +7045,7 @@ var successTextStyles = import_react39.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react39.css`
+var visuallyHiddenStyles = import_react38.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -7071,10 +7110,10 @@ var FormField = ({
 };
 
 // src/Form/Input.tsx
-var import_react40 = require("@emotion/react");
-var import_react41 = require("react");
+var import_react39 = require("@emotion/react");
+var import_react40 = require("react");
 var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react40.css`
+var inputStyles = import_react39.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -7111,19 +7150,19 @@ var inputStyles = import_react40.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react40.css`
+  sm: import_react39.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react40.css`
+  md: import_react39.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react40.css`
+  lg: import_react39.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -7131,8 +7170,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react40.css``,
-  error: import_react40.css`
+  default: import_react39.css``,
+  error: import_react39.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -7140,7 +7179,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react40.css`
+  success: import_react39.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -7149,7 +7188,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react40.css`
+var inputWithIconStyles = import_react39.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -7160,7 +7199,7 @@ var inputWithIconStyles = import_react40.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react40.css`
+var iconContainerStyles = import_react39.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -7171,20 +7210,20 @@ var iconContainerStyles = import_react40.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react40.css`
+var startIconStyles = import_react39.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react40.css`
+var endIconStyles = import_react39.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react40.css`
+var inputWrapperStyles = import_react39.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react41.forwardRef)(
+var Input = (0, import_react40.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -7229,10 +7268,10 @@ var Input = (0, import_react41.forwardRef)(
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react42 = require("@emotion/react");
-var import_react43 = require("react");
+var import_react41 = require("@emotion/react");
+var import_react42 = require("react");
 var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react42.css`
+var selectStyles = import_react41.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -7271,19 +7310,19 @@ var selectStyles = import_react42.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react42.css`
+  sm: import_react41.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react42.css`
+  md: import_react41.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react42.css`
+  lg: import_react41.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -7291,8 +7330,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react42.css``,
-  error: import_react42.css`
+  default: import_react41.css``,
+  error: import_react41.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -7300,7 +7339,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react42.css`
+  success: import_react41.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -7309,7 +7348,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react42.css`
+var optionStyles = import_react41.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -7318,7 +7357,7 @@ var optionStyles = import_react42.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react43.forwardRef)(
+var Select = (0, import_react42.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -7356,10 +7395,10 @@ var Select = (0, import_react43.forwardRef)(
 Select.displayName = "Select";
 
 // src/Grid/Column.tsx
-var import_react45 = require("@emotion/react");
+var import_react44 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react44 = require("@emotion/react");
+var import_react43 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -7399,11 +7438,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react44.css`
+    return import_react43.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -7435,11 +7474,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react44.css`
+    return import_react43.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -7462,11 +7501,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react44.css`
+    return import_react43.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -7489,11 +7528,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react44.css`
+    return import_react43.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -7516,11 +7555,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react44.css`
+    return import_react43.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -7543,11 +7582,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react44.css`
+    return import_react43.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -7570,11 +7609,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react44.css`
+    return import_react43.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react44.css`
+  return import_react43.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -7609,19 +7648,19 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react45.css`
+    start && import_react44.css`
         grid-column-start: ${start};
       `,
-    end && import_react45.css`
+    end && import_react44.css`
         grid-column-end: ${end};
       `,
-    row && import_react45.css`
+    row && import_react44.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react45.css`
+    rowSpan && import_react44.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react45.css`
+    area && import_react44.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
@@ -7630,9 +7669,9 @@ var Column = ({
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react46 = require("@emotion/react");
+var import_react45 = require("@emotion/react");
 var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react46.css`
+var baseGridStyles = import_react45.css`
   display: grid;
 `;
 var Grid = ({
@@ -7657,16 +7696,16 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react46.css`
+    autoRows && import_react45.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react46.css`
+    autoColumns && import_react45.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react46.css`
+    templateAreas && import_react45.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react46.css`
+    justifyContent && import_react45.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
@@ -7675,9 +7714,9 @@ var Grid = ({
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react47 = require("@emotion/react");
+var import_react46 = require("@emotion/react");
 var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react47.css`
+var baseContainerStyles = import_react46.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -7685,14 +7724,14 @@ var baseContainerStyles = import_react47.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react47.css`
+    return import_react46.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react47.css`
+  return import_react46.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -7726,8 +7765,8 @@ var GridContainer = ({
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react48 = require("@emotion/react");
-var cardContainerStyles2 = import_react48.css`
+var import_react47 = require("@emotion/react");
+var cardContainerStyles2 = import_react47.css`
   position: relative;
   height: 335px;
 
@@ -7735,12 +7774,12 @@ var cardContainerStyles2 = import_react48.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react48.css`
+var cardContentStyles2 = import_react47.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react48.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react47.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -7790,15 +7829,15 @@ var HuntCard = ({
 var HuntCard_default = HuntCard;
 
 // src/ImageGalleryModal/ImageGalleryModal.tsx
-var import_react52 = require("react");
+var import_react51 = require("react");
 
 // src/Modal/Modal.tsx
-var import_react50 = require("react");
+var import_react49 = require("react");
 var import_react_dom3 = __toESM(require("react-dom"));
 
 // src/Modal/Modal.styles.ts
-var import_react49 = require("@emotion/react");
-var fadeIn = import_react49.keyframes`
+var import_react48 = require("@emotion/react");
+var fadeIn = import_react48.keyframes`
   from {
     opacity: 0;
   }
@@ -7806,7 +7845,7 @@ var fadeIn = import_react49.keyframes`
     opacity: 1;
   }
 `;
-var fadeInScale = import_react49.keyframes`
+var fadeInScale = import_react48.keyframes`
   from {
     opacity: 0;
     transform: scale(0.95);
@@ -7816,7 +7855,7 @@ var fadeInScale = import_react49.keyframes`
     transform: scale(1);
   }
 `;
-var scrollLayerStyles = import_react49.css`
+var scrollLayerStyles = import_react48.css`
   background-color: rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(4px);
   animation: ${fadeIn} 0.15s ease-out forwards;
@@ -7825,7 +7864,7 @@ var scrollLayerStyles = import_react49.css`
     animation: none;
   }
 `;
-var containerStyles2 = import_react49.css`
+var containerStyles2 = import_react48.css`
   background-color: var(--surface-primary, #ffffff);
   border-radius: var(--radius-lg, 12px);
   max-height: calc(100dvh - var(--spacing-8));
@@ -7837,17 +7876,17 @@ var containerStyles2 = import_react49.css`
   }
 `;
 var sizeStyles3 = {
-  sm: import_react49.css`
+  sm: import_react48.css`
     width: 100%;
     max-width: 24rem; /* 384px */
     padding: var(--spacing-5);
   `,
-  md: import_react49.css`
+  md: import_react48.css`
     width: 100%;
     max-width: 32rem; /* 512px */
     padding: var(--spacing-6);
   `,
-  lg: import_react49.css`
+  lg: import_react48.css`
     width: 100%;
     max-width: 48rem; /* 768px */
     padding: var(--spacing-6);
@@ -7856,7 +7895,7 @@ var sizeStyles3 = {
       padding: var(--spacing-8);
     }
   `,
-  xl: import_react49.css`
+  xl: import_react48.css`
     width: 100%;
     max-width: 64rem; /* 1024px */
     padding: var(--spacing-6);
@@ -7865,7 +7904,7 @@ var sizeStyles3 = {
       padding: var(--spacing-8);
     }
   `,
-  full: import_react49.css`
+  full: import_react48.css`
     width: calc(100vw - var(--spacing-8));
     height: calc(100dvh - var(--spacing-8));
     max-width: none;
@@ -7874,13 +7913,13 @@ var sizeStyles3 = {
     border-radius: var(--radius-md, 8px);
   `
 };
-var closeButtonStyles = import_react49.css`
+var closeButtonStyles = import_react48.css`
   position: absolute;
   top: var(--spacing-4);
   right: var(--spacing-4);
   z-index: 1;
 `;
-var closeButtonFullStyles = import_react49.css`
+var closeButtonFullStyles = import_react48.css`
   top: var(--spacing-3);
   right: var(--spacing-3);
   background-color: rgba(255, 255, 255, 0.9);
@@ -7912,10 +7951,10 @@ var Modal = ({
   ariaLabel,
   ariaDescribedBy
 }) => {
-  const containerRef = (0, import_react50.useRef)(null);
-  const previousScrollY = (0, import_react50.useRef)(0);
-  const previousActiveElement = (0, import_react50.useRef)(null);
-  const handleKeyDown = (0, import_react50.useCallback)(
+  const containerRef = (0, import_react49.useRef)(null);
+  const previousScrollY = (0, import_react49.useRef)(0);
+  const previousActiveElement = (0, import_react49.useRef)(null);
+  const handleKeyDown = (0, import_react49.useCallback)(
     (event) => {
       if (closeOnEscape && event.key === "Escape" && onClose) {
         onClose(event);
@@ -7923,7 +7962,7 @@ var Modal = ({
     },
     [closeOnEscape, onClose]
   );
-  (0, import_react50.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (isOpen) {
       previousScrollY.current = window.scrollY;
       previousActiveElement.current = document.activeElement;
@@ -7953,7 +7992,7 @@ var Modal = ({
       document.body.style.top = "";
     };
   }, [isOpen, handleKeyDown]);
-  const handleClose = (0, import_react50.useCallback)(
+  const handleClose = (0, import_react49.useCallback)(
     (event) => {
       if (onClose) {
         onClose(event);
@@ -7961,7 +8000,7 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleBackdropClick = (0, import_react50.useCallback)(
+  const handleBackdropClick = (0, import_react49.useCallback)(
     (event) => {
       if (!closeOnOutsideClick || !containerRef.current || containerRef.current.contains(event.target)) {
         return;
@@ -8069,11 +8108,11 @@ Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/ImageGalleryModal/ImageGalleryModal.styles.ts
-var import_react51 = require("@emotion/react");
-var galleryBackgroundStyles = import_react51.css`
+var import_react50 = require("@emotion/react");
+var galleryBackgroundStyles = import_react50.css`
   background-color: var(--color-base-black, #000000);
 `;
-var imageStyles2 = import_react51.css`
+var imageStyles2 = import_react50.css`
   max-width: 100%;
   max-height: 100%;
   width: auto;
@@ -8085,14 +8124,14 @@ var imageStyles2 = import_react51.css`
     max-height: calc(100vh - var(--spacing-32));
   }
 `;
-var counterStyles = import_react51.css`
+var counterStyles = import_react50.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_react51.css`
+var captionStyles = import_react50.css`
   transform: translateX(-50%);
   color: var(--color-base-white, #ffffff);
   text-align: center;
@@ -8101,7 +8140,7 @@ var captionStyles = import_react51.css`
   border-radius: var(--radius-md, 8px);
   max-width: 80%;
 `;
-var navigationButtonStyles = import_react51.css`
+var navigationButtonStyles = import_react50.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -8132,18 +8171,18 @@ var navigationButtonStyles = import_react51.css`
     outline-offset: 2px;
   }
 `;
-var prevButtonStyles = import_react51.css`
+var prevButtonStyles = import_react50.css`
   ${navigationButtonStyles}
   left: var(--spacing-4);
 `;
-var nextButtonStyles = import_react51.css`
+var nextButtonStyles = import_react50.css`
   ${navigationButtonStyles}
   right: var(--spacing-4);
 `;
-var dotsContainerPositionStyles = import_react51.css`
+var dotsContainerPositionStyles = import_react50.css`
   transform: translateX(-50%);
 `;
-var dotStyles = import_react51.css`
+var dotStyles = import_react50.css`
   width: var(--spacing-2);
   height: var(--spacing-2);
   border-radius: var(--radius-round, 50%);
@@ -8158,11 +8197,11 @@ var dotStyles = import_react51.css`
     transform: scale(1.2);
   }
 `;
-var dotActiveStyles = import_react51.css`
+var dotActiveStyles = import_react50.css`
   background-color: var(--color-base-white, #ffffff);
   transform: scale(1.2);
 `;
-var closeButtonOverrideStyles = import_react51.css`
+var closeButtonOverrideStyles = import_react50.css`
   top: var(--spacing-4);
   right: var(--spacing-4);
   z-index: 20;
@@ -8174,17 +8213,17 @@ var closeButtonOverrideStyles = import_react51.css`
     background-color: var(--color-base-white, #ffffff);
   }
 `;
-var scrollLayerOverrideStyles = import_react51.css`
+var scrollLayerOverrideStyles = import_react50.css`
   padding: 0;
   background-color: rgba(0, 0, 0, 0.95);
 `;
-var containerOverrideStyles = import_react51.css`
+var containerOverrideStyles = import_react50.css`
   background-color: transparent;
   box-shadow: none;
   border-radius: 0;
   max-height: 100dvh;
 `;
-var contentOverrideStyles = import_react51.css`
+var contentOverrideStyles = import_react50.css`
   height: 100%;
   padding: 0;
 `;
@@ -8203,30 +8242,30 @@ var ImageGalleryModal = ({
   className,
   ariaLabel = "Image gallery"
 }) => {
-  const [currentIndex, setCurrentIndex] = (0, import_react52.useState)(initialIndex);
-  (0, import_react52.useEffect)(() => {
+  const [currentIndex, setCurrentIndex] = (0, import_react51.useState)(initialIndex);
+  (0, import_react51.useEffect)(() => {
     if (isOpen) {
       setCurrentIndex(initialIndex);
     }
   }, [isOpen, initialIndex]);
-  const handlePrev = (0, import_react52.useCallback)(
+  const handlePrev = (0, import_react51.useCallback)(
     (e) => {
       e == null ? void 0 : e.stopPropagation();
       setCurrentIndex((prev) => prev > 0 ? prev - 1 : images.length - 1);
     },
     [images.length]
   );
-  const handleNext = (0, import_react52.useCallback)(
+  const handleNext = (0, import_react51.useCallback)(
     (e) => {
       e == null ? void 0 : e.stopPropagation();
       setCurrentIndex((prev) => prev < images.length - 1 ? prev + 1 : 0);
     },
     [images.length]
   );
-  const handleGoTo = (0, import_react52.useCallback)((index) => {
+  const handleGoTo = (0, import_react51.useCallback)((index) => {
     setCurrentIndex(index);
   }, []);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!isOpen)
       return;
     const handleKeyDown = (e) => {
@@ -8422,11 +8461,11 @@ var InfoBox = ({ heading, features, className }) => {
 var InfoBox_default = InfoBox;
 
 // src/LandownerProfile/LandownerProfile.tsx
-var import_react56 = require("react");
+var import_react55 = require("react");
 
 // src/ProgressBar/ProgressBar.styles.ts
-var import_react53 = require("@emotion/react");
-var progressStyles = import_react53.css`
+var import_react52 = require("@emotion/react");
+var progressStyles = import_react52.css`
   transition: width 0.3s ease-in-out;
 `;
 
@@ -8470,11 +8509,11 @@ ProgressBar.displayName = "ProgressBar";
 var ProgressBar_default = ProgressBar;
 
 // src/Timer/Timer.tsx
-var import_react55 = require("react");
+var import_react54 = require("react");
 
 // src/Timer/Timer.styles.ts
-var import_react54 = require("@emotion/react");
-var rootStyles2 = import_react54.css`
+var import_react53 = require("@emotion/react");
+var rootStyles2 = import_react53.css`
   display: inline-flex;
   font-variant-numeric: tabular-nums;
 `;
@@ -8508,10 +8547,10 @@ var Timer = ({
   fontWeight = "bold",
   showSeconds = false
 }) => {
-  const [timeLeft, setTimeLeft] = (0, import_react55.useState)(
+  const [timeLeft, setTimeLeft] = (0, import_react54.useState)(
     () => calculateTimeLeft(expirationTimestamp)
   );
-  const updateTime = (0, import_react55.useCallback)(() => {
+  const updateTime = (0, import_react54.useCallback)(() => {
     const newTimeLeft = calculateTimeLeft(expirationTimestamp);
     setTimeLeft(newTimeLeft);
     if (newTimeLeft) {
@@ -8521,7 +8560,7 @@ var Timer = ({
     }
     return newTimeLeft;
   }, [expirationTimestamp, onTimeUpdate, onExpire]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     const initialTime = updateTime();
     if (!initialTime)
       return;
@@ -8645,6 +8684,7 @@ var UserCard = ({
             Avatar_default,
             {
               type: avatarSrc ? "image" : "text",
+              size: "lg",
               src: avatarSrc,
               text: title,
               alt: `${title}'s avatar`
@@ -8732,7 +8772,7 @@ var LandownerProfile = ({
     const progressPercentage = (totalDuration - timeLeft.totalSeconds) / totalDuration * 100;
     return Math.min(100, Math.max(0, progressPercentage));
   };
-  const [progress, setProgress] = (0, import_react56.useState)(0);
+  const [progress, setProgress] = (0, import_react55.useState)(0);
   const handleTimeUpdate = (timeLeft) => {
     setProgress(calculateProgress(timeLeft));
     onEarlyAccessTimeUpdate == null ? void 0 : onEarlyAccessTimeUpdate(timeLeft);
@@ -8842,11 +8882,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx
-var import_react58 = require("react");
+var import_react57 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react57 = require("@emotion/react");
-var containerStyles3 = import_react57.css`
+var import_react56 = require("@emotion/react");
+var containerStyles3 = import_react56.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -8854,13 +8894,13 @@ var containerStyles3 = import_react57.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react57.css`
+var headerStyles = import_react56.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react57.css`
+var chipsContainerStyles = import_react56.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -8873,10 +8913,10 @@ var chipsContainerStyles = import_react57.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react57.css`
+var textAreaStyles = import_react56.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react57.css`
+var inputWrapperStyles2 = import_react56.css`
   position: relative;
 `;
 
@@ -8891,15 +8931,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react58.useState)("");
-  const handleSubmit = (0, import_react58.useCallback)(() => {
+  const [value, setValue] = (0, import_react57.useState)("");
+  const handleSubmit = (0, import_react57.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react58.useCallback)(
+  const handleTagClick = (0, import_react57.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -8951,7 +8991,7 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react59 = require("@emotion/react");
+var import_react58 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
 var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
@@ -9173,7 +9213,7 @@ var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
 var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react59.css`
+var logoStyles = (size) => import_react58.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -9206,13 +9246,13 @@ var Logo = ({
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react60 = require("@emotion/react");
-var navigationStyles = import_react60.css`
+var import_react59 = require("@emotion/react");
+var navigationStyles = import_react59.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react60.css`
+var hamburgerButtonStyles = import_react59.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -9223,7 +9263,7 @@ var hamburgerButtonStyles = import_react60.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react60.css`
+var centeredLogoStyles = import_react59.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -9231,27 +9271,27 @@ var centeredLogoStyles = import_react60.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react60.css`
+var desktopLogoStyles = import_react59.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles4 = import_react60.css`
+var containerStyles4 = import_react59.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react60.css`
+var logoStyles2 = import_react59.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react60.css`
+var desktopNavStyles = import_react59.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -9260,7 +9300,7 @@ var desktopNavStyles = import_react60.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react60.css`
+var navLinksStyles = import_react59.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -9268,7 +9308,7 @@ var navLinksStyles = import_react60.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react60.css`
+var navLinkStyles = import_react59.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -9284,7 +9324,7 @@ var navLinkStyles = import_react60.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react60.css`
+var avatarPlaceholderStyles = import_react59.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -9386,21 +9426,21 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_react63 = require("react");
+var import_react62 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 
 // src/ScrollingCarousel/context/CarouselContext.tsx
-var import_react61 = __toESM(require("react"));
-var CarouselContext = import_react61.default.createContext(
+var import_react60 = __toESM(require("react"));
+var CarouselContext = import_react60.default.createContext(
   null
 );
 
 // src/ScrollingCarousel/ScrollingCarousel.styles.ts
-var import_react62 = require("@emotion/react");
-var carouselRoot = import_react62.css`
+var import_react61 = require("@emotion/react");
+var carouselRoot = import_react61.css`
   position: relative;
 `;
-var carousel = import_react62.css`
+var carousel = import_react61.css`
   display: flex;
   overflow-y: hidden;
   overflow-x: scroll;
@@ -9412,7 +9452,7 @@ var carousel = import_react62.css`
     display: none;
   }
 `;
-var step = import_react62.css`
+var step = import_react61.css`
   scroll-snap-align: center;
   flex-basis: 100%;
   flex-shrink: 0;
@@ -9425,7 +9465,7 @@ var step = import_react62.css`
     flex-basis: 100%;
   }
 `;
-var controls = (position2) => import_react62.css`
+var controls = (position2) => import_react61.css`
   ${(position2 === "left-right" || position2 === "top-right") && `
     display: none;
 
@@ -9434,7 +9474,7 @@ var controls = (position2) => import_react62.css`
     }
   `}
 `;
-var iconWrapper = import_react62.css`
+var iconWrapper = import_react61.css`
   display: flex;
   width: var(--spacing-7);
   height: var(--spacing-7);
@@ -9444,7 +9484,7 @@ var iconWrapper = import_react62.css`
   justify-content: center;
   box-shadow: var(--shadow-md);
 `;
-var button = (position2) => import_react62.css`
+var button = (position2) => import_react61.css`
   background: transparent;
   border-color: transparent;
   outline: none;
@@ -9476,7 +9516,7 @@ var button = (position2) => import_react62.css`
     bottom: calc(-1 * var(--spacing-1));
   `}
 `;
-var buttonLeft = (position2) => import_react62.css`
+var buttonLeft = (position2) => import_react61.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -9496,7 +9536,7 @@ var buttonLeft = (position2) => import_react62.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var customButtonLeft = (position2) => import_react62.css`
+var customButtonLeft = (position2) => import_react61.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -9516,7 +9556,7 @@ var customButtonLeft = (position2) => import_react62.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var buttonRight = (position2) => import_react62.css`
+var buttonRight = (position2) => import_react61.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -9536,12 +9576,12 @@ var buttonRight = (position2) => import_react62.css`
     right: calc(50% - var(--spacing-16));
   `}
 `;
-var icon = import_react62.css`
+var icon = import_react61.css`
   width: var(--spacing-3);
   height: var(--spacing-3);
   color: var(--color-base-black);
 `;
-var dots = import_react62.css`
+var dots = import_react61.css`
   position: absolute;
   bottom: var(--spacing-2);
   left: 0;
@@ -9551,11 +9591,11 @@ var dots = import_react62.css`
   align-items: center;
   justify-content: center;
 `;
-var dotsInner = import_react62.css`
+var dotsInner = import_react61.css`
   display: flex;
   overflow: hidden;
 `;
-var dot = (dotsColor) => import_react62.css`
+var dot = (dotsColor) => import_react61.css`
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
@@ -9594,22 +9634,22 @@ var dot = (dotsColor) => import_react62.css`
     `}
   }
 `;
-var dotDistance2 = import_react62.css`
+var dotDistance2 = import_react61.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.9);
   }
 `;
-var dotDistance3 = import_react62.css`
+var dotDistance3 = import_react61.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.8);
   }
 `;
-var dotDistanceGreaterThan3 = import_react62.css`
+var dotDistanceGreaterThan3 = import_react61.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.7);
   }
 `;
-var dotVisible = import_react62.css`
+var dotVisible = import_react61.css`
   &::after {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1.2);
@@ -9625,7 +9665,7 @@ var ScrollingCarouselStep = ({
   parentId,
   onClick
 }) => {
-  const context = (0, import_react63.useContext)(CarouselContext);
+  const context = (0, import_react62.useContext)(CarouselContext);
   if (!context) {
     throw new Error(
       "ScrollingCarouselStep must be used within ScrollingCarousel"
@@ -9636,7 +9676,7 @@ var ScrollingCarouselStep = ({
     threshold: 0.75,
     root: carousel2.current
   });
-  (0, import_react63.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (typeof index !== "undefined") {
       dispatch({
         type: "set_child_visibility",
@@ -9662,10 +9702,10 @@ var ScrollingCarouselStep = ({
 ScrollingCarouselStep.displayName = "ScrollingCarouselStep";
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_react67 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 
 // src/ScrollingCarousel/hooks/useCarouselDots.ts
-var import_react64 = require("react");
+var import_react63 = require("react");
 
 // src/ScrollingCarousel/ScrollingCarousel.helpers.ts
 var childVisibilityReducer = (state, action) => {
@@ -9696,7 +9736,7 @@ var useCarouselDots = ({
   anyItemsVisible,
   numberOfDots
 }) => {
-  const dotOffset = (0, import_react64.useRef)(0);
+  const dotOffset = (0, import_react63.useRef)(0);
   const dotWidth = 12;
   const totalDots = childVisibility.length;
   const dotToCenterIndex = Math.round(
@@ -9728,7 +9768,7 @@ var useCarouselDots = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselNavigation.ts
-var import_react65 = require("react");
+var import_react64 = require("react");
 
 // src/shared/helpers.ts
 var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
@@ -9762,7 +9802,7 @@ var useCarouselNavigation = ({
   infiniteScroll,
   childVisibilityLength
 }) => {
-  const getStepEl = (0, import_react65.useCallback)(
+  const getStepEl = (0, import_react64.useCallback)(
     (index) => {
       if (carousel2.current) {
         const selector = `[data-carousel-id="${id}"][data-carousel-index="${index}"]`;
@@ -9772,7 +9812,7 @@ var useCarouselNavigation = ({
     },
     [carousel2, id]
   );
-  const next = (0, import_react65.useCallback)(
+  const next = (0, import_react64.useCallback)(
     (e) => {
       e.preventDefault();
       if (lastItemIsVisible && !infiniteScroll)
@@ -9800,7 +9840,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const back = (0, import_react65.useCallback)(
+  const back = (0, import_react64.useCallback)(
     (e) => {
       e.preventDefault();
       if (firstItemIsVisible && !infiniteScroll)
@@ -9828,7 +9868,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const goTo = (0, import_react65.useCallback)(
+  const goTo = (0, import_react64.useCallback)(
     (e, i) => {
       e.preventDefault();
       const el = getStepEl(i);
@@ -9846,12 +9886,12 @@ var useCarouselNavigation = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselVisibility.ts
-var import_react66 = require("react");
+var import_react65 = require("react");
 var useCarouselVisibility = (carousel2) => {
-  const [state, dispatch] = (0, import_react66.useReducer)(childVisibilityReducer, {
+  const [state, dispatch] = (0, import_react65.useReducer)(childVisibilityReducer, {
     childVisibility: []
   });
-  const carouselContextApi = (0, import_react66.useMemo)(
+  const carouselContextApi = (0, import_react65.useMemo)(
     () => ({ carousel: carousel2, dispatch }),
     [carousel2]
   );
@@ -9889,8 +9929,8 @@ var ScrollingCarousel = ({
   id,
   current
 }) => {
-  const carousel2 = (0, import_react67.useRef)(null);
-  const [isHovering, setIsHovering] = (0, import_react67.useState)(false);
+  const carousel2 = (0, import_react66.useRef)(null);
+  const [isHovering, setIsHovering] = (0, import_react66.useState)(false);
   const {
     state,
     carouselContextApi,
@@ -9910,7 +9950,7 @@ var ScrollingCarousel = ({
     infiniteScroll,
     childVisibilityLength: state.childVisibility.length
   });
-  (0, import_react67.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (carousel2.current && typeof current === "number" && current >= 0) {
       const childrenArray = Array.from(carousel2.current.children);
       const selectedItem = childrenArray[current];
@@ -9925,9 +9965,9 @@ var ScrollingCarousel = ({
       }
     }
   }, [current]);
-  const childrenWithIndex = import_react67.default.Children.map(
+  const childrenWithIndex = import_react66.default.Children.map(
     children,
-    (child, index) => import_react67.default.cloneElement(child, { index })
+    (child, index) => import_react66.default.cloneElement(child, { index })
   );
   const { dotOffset, dotDistances, dotWidth } = useCarouselDots({
     childVisibility: state.childVisibility,
@@ -10029,8 +10069,8 @@ var ScrollingCarousel = ({
 ScrollingCarousel.displayName = "ScrollingCarousel";
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react68 = require("@emotion/react");
-var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react68.css`
+var import_react67 = require("@emotion/react");
+var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react67.css`
   ${hasClickHandler && `
     cursor: pointer;
   `}
@@ -10048,7 +10088,7 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
   flex-direction: column;
   gap: var(--spacing-2);
 
-  ${orientation === "horizontal" && import_react68.css`
+  ${orientation === "horizontal" && import_react67.css`
     /* Apply horizontal layout only on tablet and up */
     ${media.md} {
       flex-direction: row;
@@ -10076,60 +10116,60 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
     }
   `}
 `;
-var imageContainerStyles = (orientation) => import_react68.css`
+var imageContainerStyles = (orientation) => import_react67.css`
   width: 100%;
   height: 260px;
 
-  ${orientation === "horizontal" && import_react68.css`
+  ${orientation === "horizontal" && import_react67.css`
     ${media.md} {
       width: 40%;
       height: 200px;
     }
   `}
 `;
-var imageBoxStyles = (orientation) => import_react68.css`
+var imageBoxStyles = (orientation) => import_react67.css`
   height: 260px;
 
-  ${orientation === "horizontal" && import_react68.css`
+  ${orientation === "horizontal" && import_react67.css`
     ${media.md} {
       height: 200px;
     }
   `}
 `;
-var contentContainerStyles = (orientation, hasContentBackground) => import_react68.css`
+var contentContainerStyles = (orientation, hasContentBackground) => import_react67.css`
   ${hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles}
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 
-  ${orientation === "horizontal" && import_react68.css`
+  ${orientation === "horizontal" && import_react67.css`
     ${media.md} {
       width: 60%;
       justify-content: center;
     }
   `}
 `;
-var imageStyles3 = import_react68.css`
+var imageStyles3 = import_react67.css`
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   background-color: lightgray;
 `;
-var badgeTopLeftStyles = import_react68.css`
+var badgeTopLeftStyles = import_react67.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var badgeBottomRightStyles = import_react68.css`
+var badgeBottomRightStyles = import_react67.css`
   position: absolute;
   bottom: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react68.css`
+var heartIconStyles = import_react67.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -10151,20 +10191,20 @@ var heartIconStyles = import_react68.css`
     transform: scale(1.1);
   }
 `;
-var actionMenuStyles = import_react68.css`
+var actionMenuStyles = import_react67.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 3;
 `;
-var contentWithBackgroundStyles = import_react68.css`
+var contentWithBackgroundStyles = import_react67.css`
   padding: 0 var(--spacing-3) var(--spacing-4) var(--spacing-3);
   background-color: var(--surface-page);
 `;
-var contentWithoutBackgroundStyles = import_react68.css`
+var contentWithoutBackgroundStyles = import_react67.css`
   padding-top: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);
 `;
-var overlayStyles = import_react68.css`
+var overlayStyles = import_react67.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -10357,8 +10397,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react69 = require("@emotion/react");
-var imageStyles4 = import_react69.css`
+var import_react68 = require("@emotion/react");
+var imageStyles4 = import_react68.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -10490,7 +10530,7 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 
 // src/Reviews/Reviews.tsx
-var import_react70 = require("@emotion/react");
+var import_react69 = require("@emotion/react");
 
 // src/Reviews/components/ReviewItem.tsx
 var import_jsx_runtime264 = require("@emotion/react/jsx-runtime");
@@ -10548,7 +10588,7 @@ var Reviews = ({
                 StarRating_default,
                 {
                   rating: averageRating,
-                  css: import_react70.css`
+                  css: import_react69.css`
             > svg {
               height: 40px;
               width: 40px;