@landtrustinc/design-system 1.2.27-beta.7 → 1.2.28

package/dist/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AIResponse: () => AIResponse_default,
+  ActionMenu: () => ActionMenu_default,
   AvailabilityBadge: () => AvailabilityBadge_default,
   Avatar: () => Avatar_default,
   Box: () => Box_default,
@@ -75,6 +76,7 @@ __export(src_exports, {
   Text: () => Text_default,
   TextArea: () => TextArea,
   ThemeTokens: () => ThemeTokens,
+  Tooltip: () => Tooltip_default,
   TopMatchingFieldNote: () => TopMatchingFieldNote,
   TopMatchingReview: () => TopMatchingReview,
   UserCard: () => UserCard_default,
@@ -539,36 +541,9 @@ var GlobalStyle = import_react.css`
   ${globalStyles}
 `;
 
-// src/AIResponse/AIResponse.tsx
-var import_react14 = require("react");
-
-// src/Box/Box.tsx
-var import_styled = __toESM(require("@emotion/styled"));
-var import_styled_system = require("styled-system");
-var gap = (0, import_styled_system.system)({
-  gap: {
-    property: "gap",
-    scale: "space"
-  }
-});
-var Box = import_styled.default.div`
-  ${import_styled_system.position}
-  ${import_styled_system.color};
-  ${import_styled_system.typography};
-  ${import_styled_system.space};
-  ${import_styled_system.width};
-  ${import_styled_system.layout}
-  ${import_styled_system.flexbox};
-  ${import_styled_system.grid};
-  ${gap};
-  ${import_styled_system.border};
-`;
-var Box_default = Box;
-
-// src/Button/Button.tsx
-var import_react5 = require("@emotion/react");
-var import_lodash = require("lodash");
-var import_react6 = __toESM(require("react"));
+// src/ActionMenu/ActionMenu.tsx
+var import_react6 = require("react");
+var import_react_dom2 = require("react-dom");
 
 // src/Icon/Icon.tsx
 var import_react2 = require("@emotion/react");
@@ -3402,9 +3377,518 @@ var Icon = ({
 };
 var Icon_default = Icon;
 
-// src/Spinner/Spinner.styles.ts
+// src/Tooltip/Tooltip.tsx
+var import_react4 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/Tooltip/Tooltip.styles.ts
 var import_react3 = require("@emotion/react");
-var spinnerStyles = import_react3.css`
+var tooltipContainerStyles = import_react3.css`
+  position: relative;
+  display: inline-block;
+`;
+var tooltipContentStyles = import_react3.css`
+  background: var(--color-base-black);
+  color: var(--color-base-white);
+  padding: var(--spacing-2) var(--spacing-3);
+  border-radius: var(--spacing-1);
+  font-size: var(--font-size-sm);
+  white-space: nowrap;
+  z-index: 1000;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+
+  &[data-visible='true'] {
+    opacity: 1;
+  }
+
+  /* Arrow */
+  &::after {
+    content: '';
+    position: absolute;
+    border-style: solid;
+  }
+
+  /* Arrow positioning for each position */
+  &[data-position='top']::after {
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    border-width: 6px 6px 0 6px;
+    border-color: var(--color-base-black) transparent transparent transparent;
+  }
+
+  &[data-position='bottom']::after {
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    border-width: 0 6px 6px 6px;
+    border-color: transparent transparent var(--color-base-black) transparent;
+  }
+
+  &[data-position='left']::after {
+    left: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    border-width: 6px 0 6px 6px;
+    border-color: transparent transparent transparent var(--color-base-black);
+  }
+
+  &[data-position='right']::after {
+    right: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    border-width: 6px 6px 6px 0;
+    border-color: transparent var(--color-base-black) transparent transparent;
+  }
+`;
+var positionStyles = {
+  top: import_react3.css`
+    bottom: calc(100% + var(--spacing-2));
+    left: 50%;
+    transform: translateX(-50%);
+
+    &::after {
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border-width: 6px 6px 0 6px;
+      border-color: var(--color-base-black) transparent transparent transparent;
+    }
+  `,
+  bottom: import_react3.css`
+    top: calc(100% + var(--spacing-2));
+    left: 50%;
+    transform: translateX(-50%);
+
+    &::after {
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border-width: 0 6px 6px 6px;
+      border-color: transparent transparent var(--color-base-black) transparent;
+    }
+  `,
+  left: import_react3.css`
+    right: calc(100% + var(--spacing-2));
+    top: 50%;
+    transform: translateY(-50%);
+
+    &::after {
+      left: 100%;
+      top: 50%;
+      transform: translateY(-50%);
+      border-width: 6px 0 6px 6px;
+      border-color: transparent transparent transparent var(--color-base-black);
+    }
+  `,
+  right: import_react3.css`
+    left: calc(100% + var(--spacing-2));
+    top: 50%;
+    transform: translateY(-50%);
+
+    &::after {
+      right: 100%;
+      top: 50%;
+      transform: translateY(-50%);
+      border-width: 6px 6px 6px 0;
+      border-color: transparent var(--color-base-black) transparent transparent;
+    }
+  `
+};
+
+// src/Tooltip/Tooltip.tsx
+var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
+var Tooltip = ({
+  content,
+  position: position2 = "top",
+  children,
+  className,
+  delay = 200
+}) => {
+  const [isVisible, setIsVisible] = (0, import_react4.useState)(false);
+  const [timeoutId, setTimeoutId] = (0, import_react4.useState)(null);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react4.useState)({ top: 0, left: 0 });
+  const containerRef = (0, import_react4.useRef)(null);
+  const tooltipRef = (0, import_react4.useRef)(null);
+  const handleMouseEnter = () => {
+    const id = setTimeout(() => {
+      setIsVisible(true);
+    }, delay);
+    setTimeoutId(id);
+  };
+  const handleMouseLeave = () => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      setTimeoutId(null);
+    }
+    setIsVisible(false);
+  };
+  (0, import_react4.useEffect)(() => {
+    const updatePosition = () => {
+      if (containerRef.current && tooltipRef.current && isVisible) {
+        const containerRect = containerRef.current.getBoundingClientRect();
+        const tooltipRect = tooltipRef.current.getBoundingClientRect();
+        let top = 0;
+        let left = 0;
+        switch (position2) {
+          case "top":
+            top = containerRect.top - tooltipRect.height - 8;
+            left = containerRect.left + containerRect.width / 2 - tooltipRect.width / 2;
+            break;
+          case "bottom":
+            top = containerRect.bottom + 8;
+            left = containerRect.left + containerRect.width / 2 - tooltipRect.width / 2;
+            break;
+          case "left":
+            top = containerRect.top + containerRect.height / 2 - tooltipRect.height / 2;
+            left = containerRect.left - tooltipRect.width - 8;
+            break;
+          case "right":
+            top = containerRect.top + containerRect.height / 2 - tooltipRect.height / 2;
+            left = containerRect.right + 8;
+            break;
+        }
+        setTooltipPosition({ top, left });
+      }
+    };
+    if (isVisible) {
+      updatePosition();
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+    }
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isVisible, position2]);
+  const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+    "div",
+    {
+      ref: tooltipRef,
+      css: tooltipContentStyles,
+      style: {
+        position: "fixed",
+        top: `${tooltipPosition.top}px`,
+        left: `${tooltipPosition.left}px`
+      },
+      "data-visible": isVisible,
+      "data-position": position2,
+      role: "tooltip",
+      "aria-hidden": !isVisible,
+      children: content
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_jsx_runtime207.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+      "div",
+      {
+        ref: containerRef,
+        css: tooltipContainerStyles,
+        className,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children
+      }
+    ),
+    typeof document !== "undefined" && (0, import_react_dom.createPortal)(tooltipContent, document.body)
+  ] });
+};
+Tooltip.displayName = "Tooltip";
+var Tooltip_default = Tooltip;
+
+// src/ActionMenu/ActionMenu.styles.ts
+var import_react5 = require("@emotion/react");
+var actionMenuContainerStyles = import_react5.css`
+  display: inline-block;
+`;
+var triggerButtonStyles = import_react5.css`
+  background: var(--color-base-white);
+  border: none;
+  border-radius: 50%;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding: 0;
+  transition: background-color 0.2s ease-in-out;
+
+  &:hover {
+    background: var(--color-neutral-100);
+  }
+
+  &:focus {
+    outline: 2px solid var(--color-brand-primary);
+    outline-offset: 2px;
+  }
+`;
+var menuDropdownStyles = import_react5.css`
+  background: var(--color-base-white);
+  border: 1px solid var(--color-neutral-200);
+  border-radius: var(--spacing-2);
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+  min-width: 160px;
+  z-index: 9999;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(-8px);
+  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
+    visibility 0.2s;
+
+  &[data-visible='true'] {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+  }
+`;
+var menuItemStyles = import_react5.css`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  padding: var(--spacing-3) var(--spacing-4);
+  border: none;
+  background: transparent;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-primary);
+  transition: background-color 0.15s ease-in-out;
+
+  &:first-of-type {
+    border-radius: var(--spacing-2) var(--spacing-2) 0 0;
+  }
+
+  &:last-of-type {
+    border-radius: 0 0 var(--spacing-2) var(--spacing-2);
+  }
+
+  &:only-of-type {
+    border-radius: var(--spacing-2);
+  }
+
+  &:hover {
+    background: var(--color-neutral-50);
+  }
+
+  &:focus {
+    outline: 2px solid var(--color-brand-primary);
+    outline-offset: -2px;
+  }
+
+  &[data-danger='true'] {
+    color: var(--color-error-500);
+
+    &:hover {
+      background: var(--color-error-50);
+    }
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+
+    &:hover {
+      background: transparent;
+    }
+  }
+`;
+var menuDividerStyles = import_react5.css`
+  height: 1px;
+  background: var(--color-neutral-200);
+  margin: var(--spacing-1) 0;
+`;
+
+// src/ActionMenu/ActionMenu.tsx
+var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
+var ActionMenu = ({
+  actions,
+  triggerTooltip = "",
+  className,
+  ariaLabel = "Open actions menu"
+}) => {
+  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, import_react6.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react6.useRef)(null);
+  const buttonRef = (0, import_react6.useRef)(null);
+  const wrapperRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
+    const updatePosition = () => {
+      var _a;
+      if (wrapperRef.current && isOpen) {
+        const wrapperRect = wrapperRef.current.getBoundingClientRect();
+        const menuWidth = ((_a = menuRef.current) == null ? void 0 : _a.offsetWidth) || 160;
+        setMenuPosition({
+          top: wrapperRect.bottom + 4,
+          left: wrapperRect.right - menuWidth
+        });
+      }
+    };
+    if (isOpen) {
+      updatePosition();
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+    }
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isOpen]);
+  (0, import_react6.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    const handleEscape = (event) => {
+      var _a;
+      if (event.key === "Escape") {
+        setIsOpen(false);
+        (_a = buttonRef.current) == null ? void 0 : _a.focus();
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen]);
+  const handleToggle = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsOpen(!isOpen);
+  };
+  const handleActionClick = (action, e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!action.disabled) {
+      action.onClick();
+      setIsOpen(false);
+    }
+  };
+  const menuContent = /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+    "div",
+    {
+      ref: menuRef,
+      css: menuDropdownStyles,
+      style: {
+        position: "fixed",
+        top: `${menuPosition.top}px`,
+        left: `${menuPosition.left}px`
+      },
+      "data-visible": isOpen,
+      role: "menu",
+      "aria-hidden": !isOpen,
+      children: actions.map((item, index) => {
+        if (item === "divider") {
+          return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+            "div",
+            {
+              css: menuDividerStyles,
+              role: "separator"
+            },
+            `divider-${index}`
+          );
+        }
+        const button2 = /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+          "button",
+          {
+            css: menuItemStyles,
+            onClick: (e) => handleActionClick(item, e),
+            "data-danger": item.danger,
+            disabled: item.disabled,
+            role: "menuitem",
+            type: "button",
+            children: [
+              item.icon && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: item.icon, size: "small" }),
+              item.label
+            ]
+          },
+          `action-${index}`
+        );
+        if (item.tooltip && !item.disabled) {
+          return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+            Tooltip_default,
+            {
+              content: item.tooltip,
+              position: "left",
+              children: button2
+            },
+            `action-${index}`
+          );
+        }
+        return button2;
+      })
+    }
+  );
+  const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+    "button",
+    {
+      ref: buttonRef,
+      css: triggerButtonStyles,
+      onClick: handleToggle,
+      "aria-label": ariaLabel,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "true",
+      type: "button",
+      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: "Ellipsis", size: "small" })
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_jsx_runtime208.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { css: actionMenuContainerStyles, className, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+      "div",
+      {
+        ref: wrapperRef,
+        style: { position: "relative", display: "inline-block" },
+        children: triggerTooltip ? /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Tooltip_default, { content: triggerTooltip, position: "top", children: triggerButton }) : triggerButton
+      }
+    ) }),
+    typeof document !== "undefined" && (0, import_react_dom2.createPortal)(menuContent, document.body)
+  ] });
+};
+ActionMenu.displayName = "ActionMenu";
+var ActionMenu_default = ActionMenu;
+
+// src/AIResponse/AIResponse.tsx
+var import_react18 = require("react");
+
+// src/Box/Box.tsx
+var import_styled = __toESM(require("@emotion/styled"));
+var import_styled_system = require("styled-system");
+var gap = (0, import_styled_system.system)({
+  gap: {
+    property: "gap",
+    scale: "space"
+  }
+});
+var Box = import_styled.default.div`
+  ${import_styled_system.position}
+  ${import_styled_system.color};
+  ${import_styled_system.typography};
+  ${import_styled_system.space};
+  ${import_styled_system.width};
+  ${import_styled_system.layout}
+  ${import_styled_system.flexbox};
+  ${import_styled_system.grid};
+  ${gap};
+  ${import_styled_system.border};
+`;
+var Box_default = Box;
+
+// src/Button/Button.tsx
+var import_react9 = require("@emotion/react");
+var import_lodash = require("lodash");
+var import_react10 = __toESM(require("react"));
+
+// src/Spinner/Spinner.styles.ts
+var import_react7 = require("@emotion/react");
+var spinnerStyles = import_react7.css`
   animation: lt-spin 1s linear infinite;
 
   @keyframes lt-spin {
@@ -3418,9 +3902,9 @@ var spinnerStyles = import_react3.css`
 `;
 
 // src/Spinner/Spinner.tsx
-var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
 var Spinner = ({ size = "medium", className, fill }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
     Icon_default,
     {
       variant: "Spinner",
@@ -3434,7 +3918,7 @@ var Spinner = ({ size = "medium", className, fill }) => {
 var Spinner_default2 = Spinner;
 
 // src/Button/Button.styles.ts
-var import_react4 = require("@emotion/react");
+var import_react8 = require("@emotion/react");
 
 // src/Button/TopoPattern.ts
 var topoPattern = `data:image/svg+xml;base64,${btoa(`
@@ -3478,7 +3962,7 @@ var topoPattern = `data:image/svg+xml;base64,${btoa(`
 var TopoPattern_default = topoPattern;
 
 // src/Button/Button.styles.ts
-var rootStyles = import_react4.css`
+var rootStyles = import_react8.css`
   position: relative;
   padding: ${space["4"]} ${space["10"]};
   max-height: ${space["12"]};
@@ -3507,7 +3991,7 @@ var rootStyles = import_react4.css`
   }
 `;
 var styles = {
-  primary: import_react4.css`
+  primary: import_react8.css`
     background-color: var(--surface-action);
     color: var(--text-on-action);
     border-color: var(--border-action);
@@ -3526,7 +4010,7 @@ var styles = {
       outline: 2px solid var(--color-primary-100);
     }
   `,
-  secondary: import_react4.css`
+  secondary: import_react8.css`
     background-color: transparent;
     color: var(--text-primary);
     border-color: var(--border-secondary);
@@ -3540,7 +4024,7 @@ var styles = {
       outline: 2px solid var(--color-neutral-700);
     }
   `,
-  tertiary: import_react4.css`
+  tertiary: import_react8.css`
     background-color: ${colors.gray["900"]};
     color: ${colors.light["100"]};
     border-color: ${colors.gray["900"]};
@@ -3559,7 +4043,7 @@ var styles = {
       outline: 2px solid ${colors.olive["600"]};
     }
   `,
-  plus: import_react4.css`
+  plus: import_react8.css`
     background-color: var(--surface-action-2);
     color: var(--text-primary);
     border-color: var(--border-secondary);
@@ -3577,7 +4061,7 @@ var styles = {
       outline: 2px solid var(--surface-action-2);
     }
   `,
-  simple: import_react4.css`
+  simple: import_react8.css`
     background-color: ${colors.light["100"]};
     color: ${colors.dark["900"]};
     border-color: ${colors.gray["200"]};
@@ -3594,7 +4078,7 @@ var styles = {
       outline: 2px solid ${colors.gray["300"]};
     }
   `,
-  text: import_react4.css`
+  text: import_react8.css`
     text-decoration: none;
     border-color: transparent;
     color: var(--text-primary);
@@ -3609,7 +4093,7 @@ var styles = {
       outline: 2px solid var(--border-secondary);
     }
   `,
-  topo: import_react4.css`
+  topo: import_react8.css`
     background-color: ${colors.gray["900"]};
     background-image: url(${TopoPattern_default});
     background-size: cover;
@@ -3630,10 +4114,10 @@ var styles = {
       outline: 2px solid ${colors.olive["500"]};
     }
   `,
-  fullWidth: import_react4.css`
+  fullWidth: import_react8.css`
     width: 100%;
   `,
-  sizeXs: import_react4.css`
+  sizeXs: import_react8.css`
     padding-top: ${space["2"]};
     padding-bottom: ${space["2"]};
     padding-left: ${space["3"]};
@@ -3642,18 +4126,18 @@ var styles = {
     font-size: ${fontSizes.xs};
     font-weight: ${fontWeights.bold};
   `,
-  sizeSm: import_react4.css`
+  sizeSm: import_react8.css`
     padding-top: ${space["3"]};
     padding-bottom: ${space["3"]};
   `,
-  sizeBase: () => import_react4.css``,
-  sizeMd: import_react4.css`
+  sizeBase: () => import_react8.css``,
+  sizeMd: import_react8.css`
     padding-top: ${space["3"]};
     padding-bottom: ${space["3"]};
     padding-left: ${space["6"]};
     padding-right: ${space["6"]};
   `,
-  sizeLg: import_react4.css`
+  sizeLg: import_react8.css`
     padding-top: ${space["5"]};
     padding-bottom: ${space["5"]};
     padding-left: ${space["12"]};
@@ -3661,29 +4145,29 @@ var styles = {
     max-height: ${space["14"]};
     font-size: ${fontSizes.base};
   `,
-  iconOnly: import_react4.css`
+  iconOnly: import_react8.css`
     height: var(--spacing-11);
     min-width: var(--spacing-11);
     max-height: var(--spacing-11);
     padding: 0;
     border-radius: var(--radius-round);
   `,
-  iconOnlyLg: import_react4.css`
+  iconOnlyLg: import_react8.css`
     height: var(--spacing-20);
     min-width: var(--spacing-20);
     max-height: var(--spacing-20);
     padding: 0;
     border-radius: var(--radius-round);
   `,
-  disabled: import_react4.css`
+  disabled: import_react8.css`
     opacity: ${opacity["50"]};
     cursor: not-allowed;
   `,
-  withIcon: import_react4.css`
+  withIcon: import_react8.css`
     gap: var(--spacing-2);
   `
 };
-var spinnerStyles2 = (variant) => import_react4.css`
+var spinnerStyles2 = (variant) => import_react8.css`
   position: absolute;
   left: calc(50% - var(--spacing-2));
 
@@ -3703,13 +4187,13 @@ var spinnerStyles2 = (variant) => import_react4.css`
     fill: var(--text-primary);
   `}
 `;
-var labelStyles = (isVisible) => () => import_react4.css`
+var labelStyles = (isVisible) => () => import_react8.css`
     visibility: ${isVisible ? "visible" : "hidden"};
   `;
 
 // src/Button/Button.tsx
-var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
-var Button = import_react6.default.forwardRef(
+var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var Button = import_react10.default.forwardRef(
   ({
     as: Component = "button",
     variant = "primary",
@@ -3720,14 +4204,14 @@ var Button = import_react6.default.forwardRef(
     type = "button",
     isLoading = false,
     className = "",
-    labelStyleOverrides = import_react5.css``,
+    labelStyleOverrides = import_react9.css``,
     icon: icon2,
     ...props
   }, ref) => {
     const componentType = Component === "button" ? type : void 0;
     const sizeKey = `size${(0, import_lodash.upperFirst)(size)}`;
     const isIconOnly = icon2 && !children;
-    return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
       Component,
       {
         ref,
@@ -3754,8 +4238,8 @@ var Button = import_react6.default.forwardRef(
         },
         children: [
           icon2,
-          children && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { css: [labelStyles(!isLoading), labelStyleOverrides], children }),
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Spinner_default2, { css: spinnerStyles2(variant) })
+          children && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { css: [labelStyles(!isLoading), labelStyleOverrides], children }),
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Spinner_default2, { css: spinnerStyles2(variant) })
         ]
       }
     );
@@ -3765,9 +4249,9 @@ Button.displayName = "Button";
 var Button_default = Button;
 
 // src/Box/Container.tsx
-var import_react7 = require("@emotion/react");
-var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
-var baseStyles = import_react7.css`
+var import_react11 = require("@emotion/react");
+var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
+var baseStyles = import_react11.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -3789,7 +4273,7 @@ var baseStyles = import_react7.css`
     max-width: ${screens.xl};
   }
 `;
-var fullWidthStyles = import_react7.css`
+var fullWidthStyles = import_react11.css`
   ${media.sm} {
     max-width: 100%;
   }
@@ -3800,7 +4284,7 @@ var Container = ({
   isFullWidth = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
     Box_default,
     {
       css: [baseStyles, isFullWidth && fullWidthStyles],
@@ -3836,9 +4320,9 @@ var resolveColor = (colorToken) => {
 };
 
 // src/Typography/Heading.styles.ts
-var import_react8 = require("@emotion/react");
+var import_react12 = require("@emotion/react");
 var { fontWeights: fontWeights2, media: media2 } = ThemeTokens;
-var headingXl = import_react8.css`
+var headingXl = import_react12.css`
   letter-spacing: 0;
   font-size: 32px;
   line-height: 40px;
@@ -3856,7 +4340,7 @@ var headingXl = import_react8.css`
     line-height: 72px;
   }
 `;
-var headingLg = import_react8.css`
+var headingLg = import_react12.css`
   letter-spacing: 0;
   font-size: 28px;
   line-height: 32px;
@@ -3874,7 +4358,7 @@ var headingLg = import_react8.css`
     line-height: 56px;
   }
 `;
-var headingMd = import_react8.css`
+var headingMd = import_react12.css`
   letter-spacing: 0;
   font-size: 24px;
   line-height: 28px;
@@ -3892,7 +4376,7 @@ var headingMd = import_react8.css`
     line-height: 48px;
   }
 `;
-var headingSm = import_react8.css`
+var headingSm = import_react12.css`
   letter-spacing: 0;
   font-size: 24px;
   line-height: 24px;
@@ -3910,7 +4394,7 @@ var headingSm = import_react8.css`
     line-height: 40px;
   }
 `;
-var headingXs = import_react8.css`
+var headingXs = import_react12.css`
   letter-spacing: 0;
   font-size: 24px;
   line-height: 28px;
@@ -3928,7 +4412,7 @@ var headingXs = import_react8.css`
     line-height: 28px;
   }
 `;
-var heading2xs = import_react8.css`
+var heading2xs = import_react12.css`
   letter-spacing: 0;
   font-size: 20px;
   line-height: 24px;
@@ -3946,37 +4430,37 @@ var heading2xs = import_react8.css`
     line-height: 24px;
   }
 `;
-var headingUppercase = import_react8.css`
+var headingUppercase = import_react12.css`
   text-transform: uppercase;
 `;
-var headingBold = import_react8.css`
+var headingBold = import_react12.css`
   font-weight: 500;
 `;
-var textNormal = import_react8.css`
+var textNormal = import_react12.css`
   font-weight: ${fontWeights2.normal};
 `;
-var textSemibold = import_react8.css`
+var textSemibold = import_react12.css`
   font-weight: ${fontWeights2.medium};
 `;
-var textBold = import_react8.css`
+var textBold = import_react12.css`
   font-weight: ${fontWeights2.bold};
 `;
-var textExtrabold = import_react8.css`
+var textExtrabold = import_react12.css`
   font-weight: ${fontWeights2.bolder};
 `;
-var wrapPretty = import_react8.css`
+var wrapPretty = import_react12.css`
   text-wrap: pretty;
 `;
-var wrapBalance = import_react8.css`
+var wrapBalance = import_react12.css`
   text-wrap: balance;
 `;
-var wrapNowrap = import_react8.css`
+var wrapNowrap = import_react12.css`
   text-wrap: nowrap;
 `;
-var wrapWrap = import_react8.css`
+var wrapWrap = import_react12.css`
   text-wrap: wrap;
 `;
-var wrapStable = import_react8.css`
+var wrapStable = import_react12.css`
   text-wrap: stable;
 `;
 var headingSizeStyles = {
@@ -4002,7 +4486,7 @@ var textFontWeightStyles = {
 };
 
 // src/Typography/Heading.tsx
-var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
 var SIZE_TO_ELEMENT_MAP = {
   xl: "h1",
   lg: "h2",
@@ -4032,7 +4516,7 @@ var Heading = ({
   ...props
 }) => {
   const elementType = as != null ? as : SIZE_TO_ELEMENT_MAP[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     StyledHeading,
     {
       as: elementType,
@@ -4054,9 +4538,9 @@ var Heading_default = Heading;
 var import_styled3 = __toESM(require("@emotion/styled"));
 
 // src/Typography/Text.styles.ts
-var import_react9 = require("@emotion/react");
+var import_react13 = require("@emotion/react");
 var { fontWeights: fontWeights3, media: media3 } = ThemeTokens;
-var textMd = import_react9.css`
+var textMd = import_react13.css`
   font-size: 16px;
   line-height: 22px;
   letter-spacing: 0;
@@ -4074,7 +4558,7 @@ var textMd = import_react9.css`
     line-height: 22px;
   }
 `;
-var textSm = import_react9.css`
+var textSm = import_react13.css`
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0;
@@ -4092,7 +4576,7 @@ var textSm = import_react9.css`
     line-height: 20px;
   }
 `;
-var textXs = import_react9.css`
+var textXs = import_react13.css`
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 0;
@@ -4110,7 +4594,7 @@ var textXs = import_react9.css`
     line-height: 16px;
   }
 `;
-var text2xs = import_react9.css`
+var text2xs = import_react13.css`
   font-size: 10px;
   line-height: 24px;
   letter-spacing: 0;
@@ -4128,34 +4612,34 @@ var text2xs = import_react9.css`
     line-height: 14px;
   }
 `;
-var textNormal2 = import_react9.css`
+var textNormal2 = import_react13.css`
   font-weight: ${fontWeights3.normal};
 `;
-var textSemibold2 = import_react9.css`
+var textSemibold2 = import_react13.css`
   font-weight: ${fontWeights3.medium};
 `;
-var textBold2 = import_react9.css`
+var textBold2 = import_react13.css`
   font-weight: ${fontWeights3.bold};
 `;
-var textExtrabold2 = import_react9.css`
+var textExtrabold2 = import_react13.css`
   font-weight: ${fontWeights3.bolder};
 `;
-var textUppercase = import_react9.css`
+var textUppercase = import_react13.css`
   text-transform: uppercase;
 `;
-var wrapPretty2 = import_react9.css`
+var wrapPretty2 = import_react13.css`
   text-wrap: pretty;
 `;
-var wrapBalance2 = import_react9.css`
+var wrapBalance2 = import_react13.css`
   text-wrap: balance;
 `;
-var wrapNowrap2 = import_react9.css`
+var wrapNowrap2 = import_react13.css`
   text-wrap: nowrap;
 `;
-var wrapWrap2 = import_react9.css`
+var wrapWrap2 = import_react13.css`
   text-wrap: wrap;
 `;
-var wrapStable2 = import_react9.css`
+var wrapStable2 = import_react13.css`
   text-wrap: stable;
 `;
 var textSizeStyles = {
@@ -4179,7 +4663,7 @@ var textWrapStyles2 = {
 };
 
 // src/Typography/Text.tsx
-var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
 var StyledText = (0, import_styled3.default)("p")`
   ${({ size = "md" }) => textSizeStyles[size]}
   ${({ fontWeight = "normal" }) => textFontWeightStyles2[fontWeight]}
@@ -4201,7 +4685,7 @@ var Text = ({
   ...props
 }) => {
   const elementType = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
     StyledText,
     {
       as: elementType,
@@ -4220,7 +4704,7 @@ var Text = ({
 var Text_default = Text;
 
 // src/IconLabel/IconLabel.tsx
-var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
 var IconLabel = ({
   variant,
   label,
@@ -4229,7 +4713,7 @@ var IconLabel = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -4238,8 +4722,8 @@ var IconLabel = ({
       className,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant, size: iconSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Text_default, { size: labelSize, fontWeight: "semibold", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Icon_default, { variant, size: iconSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Text_default, { size: labelSize, fontWeight: "semibold", children: label })
       ]
     }
   );
@@ -4248,11 +4732,11 @@ var IconLabel_default = IconLabel;
 
 // src/MarkdownContent/MarkdownContent.tsx
 var import_markdown_to_jsx = __toESM(require("markdown-to-jsx"));
-var import_react11 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // src/MarkdownContent/MarkdownContent.styles.ts
-var import_react10 = require("@emotion/react");
-var markdownContentStyles = import_react10.css`
+var import_react14 = require("@emotion/react");
+var markdownContentStyles = import_react14.css`
   ul {
     margin: var(--spacing-3) 0;
     padding-left: var(--spacing-5);
@@ -4319,6 +4803,7 @@ var markdownContentStyles = import_react10.css`
       font-size: 0.75rem;
       border-radius: var(--radius-md);
       min-width: 100%;
+      margin: var(--spacing-2) 0;
     }
   }
 
@@ -4328,6 +4813,7 @@ var markdownContentStyles = import_react10.css`
     border-bottom: 1px solid var(--border-primary);
     padding: var(--spacing-3);
     text-align: left;
+    min-width: var(--spacing-24);
 
     &:last-child {
       border-right: none;
@@ -4335,7 +4821,6 @@ var markdownContentStyles = import_react10.css`
 
     @media (max-width: 768px) {
       padding: var(--spacing-2);
-      min-width: 120px;
     }
   }
 
@@ -4380,7 +4865,12 @@ var markdownContentStyles = import_react10.css`
     font-weight: 600;
   }
 
-  a {
+  /* Scope link styles to prose content only, excluding component-based links */
+  p a,
+  li a,
+  blockquote a,
+  td a,
+  th a {
     color: var(--color-primary-500);
     text-decoration: none;
 
@@ -4397,14 +4887,14 @@ var markdownContentStyles = import_react10.css`
     font-style: italic;
   }
 `;
-var codeBlockStyles = import_react10.css`
+var codeBlockStyles = import_react14.css`
   position: relative;
   margin: var(--spacing-4) 0;
   border-radius: var(--radius-lg);
   border: 1px solid var(--border-primary);
   overflow: hidden;
 `;
-var codeBlockHeaderStyles = import_react10.css`
+var codeBlockHeaderStyles = import_react14.css`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4413,13 +4903,13 @@ var codeBlockHeaderStyles = import_react10.css`
   border-bottom: 1px solid var(--border-primary);
   position: relative;
 `;
-var codeBlockLanguageStyles = import_react10.css`
+var codeBlockLanguageStyles = import_react14.css`
   font-size: 0.75rem;
   color: var(--text-secondary);
   text-transform: uppercase;
   font-weight: 500;
 `;
-var getCodeBlockCopyButtonStyles = (isHovered, copySuccess) => import_react10.css`
+var getCodeBlockCopyButtonStyles = (isHovered, copySuccess) => import_react14.css`
   position: absolute;
   top: 50%;
   right: var(--spacing-3);
@@ -4439,7 +4929,7 @@ var getCodeBlockCopyButtonStyles = (isHovered, copySuccess) => import_react10.cs
     background: ${copySuccess ? "var(--color-success-600)" : "var(--surface-action-hover)"};
   }
 `;
-var codeBlockPreStyles = import_react10.css`
+var codeBlockPreStyles = import_react14.css`
   margin: 0;
   padding: var(--spacing-3);
   background-color: var(--surface-page);
@@ -4451,7 +4941,7 @@ var codeBlockPreStyles = import_react10.css`
   overflow-x: auto;
   white-space: pre-wrap;
 `;
-var inlineCodeStyles = import_react10.css`
+var inlineCodeStyles = import_react14.css`
   background-color: var(--surface-neutral);
   color: var(--text-primary);
   font-weight: 500;
@@ -4461,24 +4951,25 @@ var inlineCodeStyles = import_react10.css`
     monospace;
   font-size: 0.9em;
 `;
-var tableWrapperStyles = import_react10.css`
+var tableWrapperStyles = import_react14.css`
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+
   @media (max-width: 768px) {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
     margin: var(--spacing-4) calc(-1 * var(--spacing-3));
     padding: 0 var(--spacing-3);
   }
 `;
 
 // src/MarkdownContent/MarkdownContent.tsx
-var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
 var CodeBlock = ({
   children,
   className,
   enableCopy = true
 }) => {
-  const [isHovered, setIsHovered] = (0, import_react11.useState)(false);
-  const [copySuccess, setCopySuccess] = (0, import_react11.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react15.useState)(false);
+  const [copySuccess, setCopySuccess] = (0, import_react15.useState)(false);
   const language = (className == null ? void 0 : className.replace("language-", "")) || "text";
   const handleCopy = async () => {
     try {
@@ -4489,16 +4980,16 @@ var CodeBlock = ({
       console.error("Failed to copy text: ", err);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
     "div",
     {
       css: codeBlockStyles,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { css: codeBlockHeaderStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("span", { css: codeBlockLanguageStyles, children: language }),
-          enableCopy && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { css: codeBlockHeaderStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("span", { css: codeBlockLanguageStyles, children: language }),
+          enableCopy && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
             "button",
             {
               onClick: handleCopy,
@@ -4507,18 +4998,18 @@ var CodeBlock = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("pre", { css: codeBlockPreStyles, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("code", { children }) })
+        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("pre", { css: codeBlockPreStyles, children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("code", { children }) })
       ]
     }
   );
 };
 var InlineCode = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("code", { css: inlineCodeStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("code", { css: inlineCodeStyles, children });
 };
 var TableWrapper = ({
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { css: tableWrapperStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { css: tableWrapperStyles, children });
 };
 var MarkdownContent = ({
   content,
@@ -4526,7 +5017,7 @@ var MarkdownContent = ({
   enableCodeCopy = true,
   customComponents = {}
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { className, css: markdownContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className, css: markdownContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
     import_markdown_to_jsx.default,
     {
       options: {
@@ -4535,11 +5026,12 @@ var MarkdownContent = ({
           ...customComponents,
           // Headings - use design system Heading component with spacing
           h1: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Heading_default,
               {
-                size: "lg",
+                size: "sm",
                 as: "h1",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-6)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4549,11 +5041,12 @@ var MarkdownContent = ({
             )
           },
           h2: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Heading_default,
               {
-                size: "md",
+                size: "xs",
                 as: "h2",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-6)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4563,11 +5056,12 @@ var MarkdownContent = ({
             )
           },
           h3: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Heading_default,
               {
-                size: "sm",
+                size: "2xs",
                 as: "h3",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4577,11 +5071,12 @@ var MarkdownContent = ({
             )
           },
           h4: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Heading_default,
               {
-                size: "xs",
+                size: "2xs",
                 as: "h4",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4591,11 +5086,12 @@ var MarkdownContent = ({
             )
           },
           h5: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Heading_default,
               {
                 size: "2xs",
                 as: "h5",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4605,11 +5101,12 @@ var MarkdownContent = ({
             )
           },
           h6: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Heading_default,
               {
                 size: "2xs",
                 as: "h6",
+                fontWeight: "bold",
                 css: {
                   "&:not(:first-child)": { marginTop: "var(--spacing-5)" },
                   "& + *": { marginTop: "var(--spacing-3)" }
@@ -4620,7 +5117,7 @@ var MarkdownContent = ({
           },
           // Paragraphs - use design system Text component with spacing
           p: {
-            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+            component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
               Text_default,
               {
                 size: "md",
@@ -4636,7 +5133,7 @@ var MarkdownContent = ({
             component: ({
               children
             }) => {
-              const codeElement = import_react11.default.Children.only(
+              const codeElement = import_react15.default.Children.only(
                 children
               );
               const codeProps = (codeElement == null ? void 0 : codeElement.props) || {};
@@ -4644,7 +5141,7 @@ var MarkdownContent = ({
               const codeChildren = codeProps.children || "";
               const match = /lang-(\w+)/.exec(codeClassName);
               const language = match ? match[1] : "text";
-              return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
                 CodeBlock,
                 {
                   className: `language-${language}`,
@@ -4657,14 +5154,14 @@ var MarkdownContent = ({
           // Override code tag for inline code only
           code: {
             component: ({ children }) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(InlineCode, { children });
+              return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(InlineCode, { children });
             }
           },
           table: {
             component: ({
               children,
               ...props
-            }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(TableWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("table", { ...props, children }) })
+            }) => /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(TableWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("table", { ...props, children }) })
           }
         }
       },
@@ -4675,8 +5172,8 @@ var MarkdownContent = ({
 var MarkdownContent_default = MarkdownContent;
 
 // src/AIResponse/AIResponse.styles.ts
-var import_react12 = require("@emotion/react");
-var getBannerStyles = (variant) => import_react12.css`
+var import_react16 = require("@emotion/react");
+var getBannerStyles = (variant) => import_react16.css`
   background-color: ${variant === "error" ? "var(--surface-error)" : "var(--surface-neutral)"};
   border: ${variant === "error" ? "1px solid var(--border-error)" : "none"};
   border-radius: var(--radius-lg);
@@ -4686,31 +5183,29 @@ var getBannerStyles = (variant) => import_react12.css`
   gap: var(--spacing-5);
   min-width: 335px;
 `;
-var footerStyles = import_react12.css`
+var footerStyles = import_react16.css`
   display: flex;
   gap: var(--spacing-4);
   align-items: center;
 `;
-var actionsStyles = import_react12.css`
+var actionsStyles = import_react16.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
-var errorRetryStyles = import_react12.css`
+var errorRetryStyles = import_react16.css`
   display: flex;
   align-items: center;
 `;
 
 // src/AIResponse/components/ContactLandownerButton/ContactLandownerButton.tsx
-var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
 var ContactLandownerButton = ({
-  listingId,
-  slug,
+  url,
   buttonText = "Contact Landowner",
   className
 }) => {
-  const url = `/l/${slug}/${listingId}/inquiry/activity`;
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Box_default, { marginTop: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
     Button_default,
     {
       variant: "primary",
@@ -4718,20 +5213,14 @@ var ContactLandownerButton = ({
       as: "a",
       href: url,
       className,
-      style: {
-        alignSelf: "flex-start",
-        marginTop: "var(--spacing-4)",
-        textDecoration: "none",
-        color: "var(--text-on-action)"
-      },
       children: buttonText
     }
-  );
+  ) });
 };
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
-var import_react13 = require("@emotion/react");
-var imageStyles = import_react13.css`
+var import_react17 = require("@emotion/react");
+var imageStyles = import_react17.css`
   width: 100%;
   height: 275px;
   border-radius: var(--radius-lg);
@@ -4740,7 +5229,7 @@ var imageStyles = import_react13.css`
 `;
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
-var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
 var TopMatchingFieldNote = ({
   author,
   datePosted,
@@ -4758,8 +5247,8 @@ var TopMatchingFieldNote = ({
     parsedImages = [];
   }
   const displayContent = content || children;
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
       Heading_default,
       {
         size: "2xs",
@@ -4769,7 +5258,7 @@ var TopMatchingFieldNote = ({
         children: title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
       Box_default,
       {
         display: "flex",
@@ -4781,8 +5270,8 @@ var TopMatchingFieldNote = ({
         minWidth: "335px",
         className,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
-          parsedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
+          parsedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
             "div",
             {
               css: imageStyles,
@@ -4791,9 +5280,9 @@ var TopMatchingFieldNote = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
-            /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
+            /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
               author,
               " shared an update \u2022 ",
               datePosted
@@ -4806,7 +5295,7 @@ var TopMatchingFieldNote = ({
 };
 
 // src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
-var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
 var TopMatchingReview = ({
   author,
   datePosted,
@@ -4818,8 +5307,8 @@ var TopMatchingReview = ({
 }) => {
   const parsedRating = typeof rating === "string" ? parseInt(rating, 10) : rating;
   const displayContent = content || children;
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
       Heading_default,
       {
         size: "2xs",
@@ -4829,7 +5318,7 @@ var TopMatchingReview = ({
         children: title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
       Box_default,
       {
         display: "flex",
@@ -4841,10 +5330,10 @@ var TopMatchingReview = ({
         minWidth: "335px",
         className,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
-          /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
-            /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
+          /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
+            /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
               "This review was posted by ",
               author,
               " on ",
@@ -4861,7 +5350,7 @@ var TopMatchingReview = ({
 };
 
 // src/AIResponse/AIResponse.tsx
-var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
 var AIResponse = ({
   title = `Here's what I found`,
   showTitle = true,
@@ -4877,10 +5366,10 @@ var AIResponse = ({
   markdown = false,
   enableCodeCopy = true
 }) => {
-  const [visualHelpful, setVisualHelpful] = (0, import_react14.useState)(
+  const [visualHelpful, setVisualHelpful] = (0, import_react18.useState)(
     void 0
   );
-  const debounceTimerRef = (0, import_react14.useRef)(null);
+  const debounceTimerRef = (0, import_react18.useRef)(null);
   const DEBOUNCE_MS = helpfulDebounceMs;
   const scheduleCallback = (next) => {
     if (debounceTimerRef.current) {
@@ -4907,14 +5396,14 @@ var AIResponse = ({
     setVisualHelpful(next);
     scheduleCallback(next);
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     return () => {
       if (debounceTimerRef.current) {
         clearTimeout(debounceTimerRef.current);
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
     Box_default,
     {
       className,
@@ -4922,9 +5411,9 @@ var AIResponse = ({
       flexDirection: "column",
       gap: "var(--spacing-4)",
       children: [
-        variant !== "error" && showTitle && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: getBannerStyles(variant), children: [
-          variant === "error" ? /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: children || "An error occurred while generating your summary. Please try again." }) : markdown && typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        variant !== "error" && showTitle && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { css: getBannerStyles(variant), children: [
+          variant === "error" ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: children || "An error occurred while generating your summary. Please try again." }) : markdown && typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
             MarkdownContent_default,
             {
               content: children,
@@ -4935,33 +5424,33 @@ var AIResponse = ({
                 ContactLandownerButton
               }
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
-          variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "AiMagic", size: "large" }),
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "xs", color: "var(--text-primary)", children: "This AI summary was generated from the property information from this package. This answer may display incorrect information." })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
+          variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "AiMagic", size: "large" }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "xs", color: "var(--text-primary)", children: "This AI summary was generated from the property information from this package. This answer may display incorrect information." })
           ] }),
-          variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+          variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
             Button_default,
             {
               variant: "secondary",
               size: "md",
               onClick: onErrorRetry,
-              icon: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "ArrowRotateLeft" }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "Try Again" })
+              icon: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "ArrowRotateLeft" }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "Try Again" })
             }
           ) })
         ] }),
-        showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: footerStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: actionsStyles, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { css: footerStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
+          /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { css: actionsStyles, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
               Button_default,
               {
                 variant: "text",
                 size: "xs",
                 onClick: handleHelpfulYes,
                 "aria-pressed": visualHelpful === "yes",
-                children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
                   IconLabel_default,
                   {
                     variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
@@ -4970,14 +5459,14 @@ var AIResponse = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
               Button_default,
               {
                 variant: "text",
                 size: "xs",
                 onClick: handleHelpfulNo,
                 "aria-pressed": visualHelpful === "no",
-                children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
                   IconLabel_default,
                   {
                     variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
@@ -4995,38 +5484,38 @@ var AIResponse = ({
 var AIResponse_default = AIResponse;
 
 // src/AvailabilityBadge/AvailabilityBadge.styles.ts
-var import_react15 = require("@emotion/react");
+var import_react19 = require("@emotion/react");
 var availabilityBadgeVariantStyles = {
-  primary: import_react15.css`
+  primary: import_react19.css`
     background-color: var(--color-primary-100);
     color: var(--text-primary);
   `,
-  error: import_react15.css`
+  error: import_react19.css`
     background-color: var(--surface-error);
     color: var(--text-error);
   `,
-  action: import_react15.css`
+  action: import_react19.css`
     background-color: var(--surface-action-2);
     color: var(--text-primary);
   `,
-  warning: import_react15.css`
+  warning: import_react19.css`
     background-color: var(--color-brown-200);
     color: var(--text-primary);
   `,
-  neutral: import_react15.css`
+  neutral: import_react19.css`
     background-color: var(--surface-neutral);
     color: var(--text-primary);
   `
 };
 
 // src/AvailabilityBadge/AvailabilityBadge.tsx
-var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
 var AvailabilityBadge = ({
   children,
   variant,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -5036,46 +5525,46 @@ var AvailabilityBadge = ({
       borderRadius: "var(--spacing-2)",
       css: availabilityBadgeVariantStyles[variant],
       className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
     }
   );
 };
 var AvailabilityBadge_default = AvailabilityBadge;
 
 // src/Avatar/Avatar.tsx
-var import_react17 = require("@emotion/react");
-var import_react18 = require("react");
+var import_react21 = require("@emotion/react");
+var import_react22 = require("react");
 
 // src/Avatar/Avatar.styles.ts
-var import_react16 = require("@emotion/react");
+var import_react20 = require("@emotion/react");
 var avatarSizeStyles = {
-  xs: import_react16.css`
+  xs: import_react20.css`
     width: 24px;
     height: 24px;
   `,
-  sm: import_react16.css`
+  sm: import_react20.css`
     width: 32px;
     height: 32px;
   `,
-  md: import_react16.css`
+  md: import_react20.css`
     width: 60px;
     height: 60px;
   `,
-  lg: import_react16.css`
+  lg: import_react20.css`
     width: 80px;
     height: 80px;
   `,
-  xl: import_react16.css`
+  xl: import_react20.css`
     width: 120px;
     height: 120px;
   `
 };
-var avatarBaseStyles = import_react16.css`
+var avatarBaseStyles = import_react20.css`
   border-radius: 50%;
   object-fit: cover;
   display: block;
 `;
-var avatarTextStyles = import_react16.css`
+var avatarTextStyles = import_react20.css`
   border-radius: 50%;
   background-color: var(--surface-action);
   color: white;
@@ -5085,7 +5574,7 @@ var avatarTextStyles = import_react16.css`
   font-weight: bold;
   user-select: none;
 `;
-var avatarFallbackStyles = import_react16.css`
+var avatarFallbackStyles = import_react20.css`
   border-radius: 50%;
   background-color: var(--color-neutral-100);
   color: var(--color-neutral-500);
@@ -5095,7 +5584,7 @@ var avatarFallbackStyles = import_react16.css`
 `;
 
 // src/Avatar/Avatar.tsx
-var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
 var Avatar = ({
   type = "image",
   src,
@@ -5104,7 +5593,7 @@ var Avatar = ({
   size = "md",
   className
 }) => {
-  const [hasImageError, setHasImageError] = (0, import_react18.useState)(false);
+  const [hasImageError, setHasImageError] = (0, import_react22.useState)(false);
   const handleImageError = () => {
     setHasImageError(true);
   };
@@ -5145,7 +5634,7 @@ var Avatar = ({
   };
   if (type === "text" && text) {
     const initials = getInitials(text);
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
       "div",
       {
         css: [
@@ -5160,7 +5649,7 @@ var Avatar = ({
     );
   }
   if (type === "image" && src && !hasImageError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
       "img",
       {
         src,
@@ -5171,18 +5660,18 @@ var Avatar = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
     "div",
     {
       css: [avatarFallbackStyles, avatarSizeStyles[size]],
       className,
       title: alt,
-      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         Icon_default,
         {
           variant: "User",
           size: getIconSize(size),
-          css: size === "lg" ? import_react17.css`
+          css: size === "lg" ? import_react21.css`
                 width: 28px;
                 height: 28px;
               ` : void 0
@@ -5194,15 +5683,15 @@ var Avatar = ({
 var Avatar_default = Avatar;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_react30 = __toESM(require("react"));
+var import_react34 = __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_react19 = require("@emotion/react");
-var dividerStyles = import_react19.css`
+var import_react23 = require("@emotion/react");
+var dividerStyles = import_react23.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -5210,28 +5699,28 @@ var dividerStyles = import_react19.css`
 `;
 
 // src/Divider/Divider.tsx
-var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
 var StyledHr = import_styled4.default.hr`
   ${dividerStyles}
   ${import_styled_system2.space}
 `;
 var Divider = ({ className, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(StyledHr, { className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(StyledHr, { className, ...rest });
 };
 var Divider_default = Divider;
 
 // src/Form/TextArea.tsx
-var import_react21 = require("@emotion/react");
-var import_react22 = require("react");
+var import_react25 = require("@emotion/react");
+var import_react26 = require("react");
 
 // src/Form/TextArea.styles.ts
-var import_react20 = require("@emotion/react");
-var wrapperStyles = import_react20.css`
+var import_react24 = require("@emotion/react");
+var wrapperStyles = import_react24.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var textareaBase = import_react20.css`
+var textareaBase = import_react24.css`
   width: 100%;
   box-sizing: border-box;
   font: inherit;
@@ -5265,32 +5754,32 @@ var textareaBase = import_react20.css`
     cursor: default;
   }
 `;
-var variantError = import_react20.css`
+var variantError = import_react24.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_react20.css`
+var variantSuccess = import_react24.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_react20.css`
+var submitButtonContainer = import_react24.css`
   position: absolute;
   right: var(--spacing-4);
   bottom: var(--spacing-4);
 `;
-var textareaWithSubmit = import_react20.css`
+var textareaWithSubmit = import_react24.css`
   padding-right: var(--spacing-16);
 `;
 
 // src/Form/TextArea.tsx
-var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react22.forwardRef)(
+var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
+var TextArea = (0, import_react26.forwardRef)(
   ({
     rows = 3,
     variant = "default",
@@ -5310,8 +5799,8 @@ var TextArea = (0, import_react22.forwardRef)(
     submitOnEnter = true,
     ...props
   }, ref) => {
-    const innerRef = (0, import_react22.useRef)(null);
-    (0, import_react22.useEffect)(() => {
+    const innerRef = (0, import_react26.useRef)(null);
+    (0, import_react26.useEffect)(() => {
       const el = innerRef.current;
       if (!el || !autoExpand)
         return;
@@ -5347,8 +5836,8 @@ var TextArea = (0, import_react22.forwardRef)(
         onSubmit();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { css: wrapperStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { css: wrapperStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
         "textarea",
         {
           ref: (node) => {
@@ -5365,7 +5854,7 @@ var TextArea = (0, import_react22.forwardRef)(
             textareaBase,
             variant === "error" && variantError,
             variant === "success" && variantSuccess,
-            import_react21.css`
+            import_react25.css`
               resize: ${resize};
             `,
             showSubmit && textareaWithSubmit
@@ -5378,14 +5867,14 @@ var TextArea = (0, import_react22.forwardRef)(
           ...props
         }
       ),
-      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
         Button_default,
         {
           size: "xs",
           "aria-label": submitAriaLabel,
           onClick: onSubmit,
           disabled: disabled || submitDisabled,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
+          icon: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
             Icon_default,
             {
               variant: "PaperPlane",
@@ -5402,14 +5891,14 @@ TextArea.displayName = "TextArea";
 var TextArea_default = TextArea;
 
 // src/MessageBubble/MessageBubble.styles.ts
-var import_react23 = require("@emotion/react");
-var getRootStyles = (variant) => import_react23.css`
+var import_react27 = require("@emotion/react");
+var getRootStyles = (variant) => import_react27.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
   align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
 `;
-var getBubbleStyles = (variant) => import_react23.css`
+var getBubbleStyles = (variant) => import_react27.css`
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
@@ -5426,22 +5915,22 @@ var getBubbleStyles = (variant) => import_react23.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles = import_react23.css`
+var contentStyles = import_react27.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
 `;
 
 // src/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
 var MessageBubble = ({
   variant = "sent",
   timestamp,
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className, css: getRootStyles(variant), children: [
-    timestamp && /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { className, css: getRootStyles(variant), children: [
+    timestamp && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
       Text_default,
       {
         size: "xs",
@@ -5450,40 +5939,40 @@ var MessageBubble = ({
         children: timestamp
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { css: contentStyles, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: contentStyles, children }) })
   ] });
 };
 var MessageBubble_default = MessageBubble;
 
 // src/TagChip/TagChip.styles.ts
-var import_react24 = require("@emotion/react");
+var import_react28 = require("@emotion/react");
 var tagChipVariantStyles = {
-  default: import_react24.css`
+  default: import_react28.css`
     background-color: var(--surface-page);
     border: 1px solid var(--border-primary);
     color: var(--text-primary);
   `,
-  active: import_react24.css`
+  active: import_react28.css`
     background-color: var(--text-primary);
     border: 1px solid var(--border-secondary);
     color: var(--color-base-white);
   `,
-  primary: import_react24.css`
+  primary: import_react28.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
     color: var(--text-primary);
   `,
-  error: import_react24.css`
+  error: import_react28.css`
     background-color: var(--surface-error);
     border: 1px solid var(--color-red-300);
     color: var(--text-error);
   `,
-  success: import_react24.css`
+  success: import_react28.css`
     background-color: var(--surface-success);
     border: 1px solid var(--color-green-300);
     color: var(--text-primary);
   `,
-  warning: import_react24.css`
+  warning: import_react28.css`
     background-color: var(--surface-subtle);
     border: 1px solid var(--color-brown-200);
     color: var(--text-primary);
@@ -5491,14 +5980,14 @@ var tagChipVariantStyles = {
 };
 
 // src/TagChip/TagChip.tsx
-var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
 var TagChip = ({
   variant = "primary",
   className,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -5509,18 +5998,18 @@ var TagChip = ({
       css: tagChipVariantStyles[variant],
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
     }
   );
 };
 var TagChip_default = TagChip;
 
 // src/Widget/Widget.tsx
-var import_react26 = require("react");
+var import_react30 = require("react");
 
 // src/Widget/Widget.styles.ts
-var import_react25 = require("@emotion/react");
-var panelContainer = import_react25.css`
+var import_react29 = require("@emotion/react");
+var panelContainer = import_react29.css`
   position: absolute;
   right: 0;
   bottom: calc(100% + var(--spacing-2));
@@ -5534,7 +6023,7 @@ var panelContainer = import_react25.css`
     justify-content: stretch;
   }
 `;
-var panelCard = (width2) => import_react25.css`
+var panelCard = (width2) => import_react29.css`
   background: var(--surface-page);
   color: var(--text-primary);
   border: 1px solid var(--border-primary);
@@ -5569,16 +6058,16 @@ var panelCard = (width2) => import_react25.css`
     animation: none;
   }
 `;
-var widgetTrigger = import_react25.css`
+var widgetTrigger = import_react29.css`
   margin: var(--spacing-1);
   box-shadow: var(--shadow-2xl);
 `;
 
 // src/Widget/Widget.tsx
-var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react26.createContext)(null);
+var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
+var WidgetContext = (0, import_react30.createContext)(null);
 var useWidgetContext = () => {
-  const ctx = (0, import_react26.useContext)(WidgetContext);
+  const ctx = (0, import_react30.useContext)(WidgetContext);
   if (!ctx)
     throw new Error("Widget subcomponents must be used within <Widget>");
   return ctx;
@@ -5586,7 +6075,7 @@ var useWidgetContext = () => {
 var WidgetTrigger = () => {
   const { expanded, toggle, triggerRef, icon: icon2, expandedIcon } = useWidgetContext();
   const currentIcon = expanded ? expandedIcon : icon2;
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(import_jsx_runtime224.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(import_jsx_runtime226.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
     Button_default,
     {
       ref: triggerRef,
@@ -5594,7 +6083,7 @@ var WidgetTrigger = () => {
       "aria-haspopup": "dialog",
       onClick: toggle,
       size: "lg",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
       css: widgetTrigger
     }
   ) });
@@ -5603,7 +6092,7 @@ var WidgetPanel = ({ className, style, children }) => {
   const { expanded, panelWidth } = useWidgetContext();
   if (!expanded)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
     Box_default,
     {
       css: panelCard(panelWidth),
@@ -5627,12 +6116,12 @@ var WidgetRoot = ({
   containerProps,
   closeOnClickOutside = true
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react26.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react30.useState)(defaultExpanded);
   const isControlled = typeof expanded === "boolean";
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react26.useRef)(null);
-  const containerRef = (0, import_react26.useRef)(null);
-  const setExpanded = (0, import_react26.useCallback)(
+  const triggerRef = (0, import_react30.useRef)(null);
+  const containerRef = (0, import_react30.useRef)(null);
+  const setExpanded = (0, import_react30.useCallback)(
     (next) => {
       if (!isControlled)
         setInternalExpanded(next);
@@ -5646,11 +6135,11 @@ var WidgetRoot = ({
     },
     [isControlled, onExpandedChange]
   );
-  const toggle = (0, import_react26.useCallback)(
+  const toggle = (0, import_react30.useCallback)(
     () => setExpanded(!isExpanded),
     [isExpanded, setExpanded]
   );
-  (0, import_react26.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!isExpanded || !closeOnClickOutside)
       return;
     const onDocClick = (e) => {
@@ -5664,7 +6153,7 @@ var WidgetRoot = ({
     document.addEventListener("mousedown", onDocClick);
     return () => document.removeEventListener("mousedown", onDocClick);
   }, [isExpanded, setExpanded, closeOnClickOutside]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!isExpanded)
       return;
     const onKey = (e) => {
@@ -5674,7 +6163,7 @@ var WidgetRoot = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isExpanded, setExpanded]);
-  const value = (0, import_react26.useMemo)(
+  const value = (0, import_react30.useMemo)(
     () => ({
       expanded: isExpanded,
       toggle,
@@ -5685,7 +6174,7 @@ var WidgetRoot = ({
     }),
     [expandedIcon, icon2, isExpanded, panelWidth, toggle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
     Box_default,
     {
       ref: containerRef,
@@ -5696,7 +6185,7 @@ var WidgetRoot = ({
       bottom: "var(--spacing-6)",
       zIndex: 100,
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(WidgetContext.Provider, { value, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(WidgetContext.Provider, { value, children })
     }
   );
 };
@@ -5707,8 +6196,8 @@ var Widget = Object.assign(WidgetRoot, {
 var Widget_default = Widget;
 
 // src/ChatWidget/ChatWidget.styles.ts
-var import_react27 = require("@emotion/react");
-var sentWrapperStyles = import_react27.css`
+var import_react31 = require("@emotion/react");
+var sentWrapperStyles = import_react31.css`
   align-self: flex-end;
   max-width: 90%;
   width: 100%;
@@ -5716,14 +6205,14 @@ var sentWrapperStyles = import_react27.css`
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var receivedWrapperStyles = import_react27.css`
+var receivedWrapperStyles = import_react31.css`
   align-self: flex-start;
   width: 100%;
   min-width: 0;
   overflow-wrap: anywhere;
   padding-top: var(--spacing-4);
 `;
-var containerStyles = import_react27.css`
+var containerStyles = import_react31.css`
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -5735,13 +6224,13 @@ var containerStyles = import_react27.css`
     max-height: 100%;
   }
 `;
-var thinkingRowStyles = import_react27.css`
+var thinkingRowStyles = import_react31.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   color: var(--text-primary);
 `;
-var thinkingTextStyles = import_react27.css`
+var thinkingTextStyles = import_react31.css`
   animation: ltchat-pulse 1.6s ease-in-out infinite;
 
   @keyframes ltchat-pulse {
@@ -5754,7 +6243,7 @@ var thinkingTextStyles = import_react27.css`
     }
   }
 `;
-var badge = import_react27.css`
+var badge = import_react31.css`
   width: var(--spacing-11);
   height: var(--spacing-11);
   border-radius: var(--radius-round);
@@ -5764,18 +6253,18 @@ var badge = import_react27.css`
   background-color: var(--color-primary-500);
   color: var(--color-base-white);
 `;
-var closeButtonContent = import_react27.css`
+var closeButtonContent = import_react31.css`
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-2);
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_react29 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 
 // src/ChatWidget/components/AskBuckButton.styles.ts
-var import_react28 = require("@emotion/react");
-var rotateGradient = import_react28.keyframes`
+var import_react32 = require("@emotion/react");
+var rotateGradient = import_react32.keyframes`
   0% {
     --gradient-angle: 0deg;
   }
@@ -5783,7 +6272,7 @@ var rotateGradient = import_react28.keyframes`
     --gradient-angle: 360deg;
   }
 `;
-var triggerWrapperStyles = (isAnimating) => import_react28.css`
+var triggerWrapperStyles = (isAnimating) => import_react32.css`
   position: relative;
   display: inline-block;
 
@@ -5797,7 +6286,7 @@ var triggerWrapperStyles = (isAnimating) => import_react28.css`
     box-shadow: 0px 0px var(--shadow-blur-lg, 24px)
       var(--shadow-spread-xs, -4px) rgba(17, 17, 17, 0.1);
 
-    ${isAnimating ? import_react28.css`
+    ${isAnimating ? import_react32.css`
           /* Register the custom property */
           @property --gradient-angle {
             syntax: '<angle>';
@@ -5815,13 +6304,13 @@ var triggerWrapperStyles = (isAnimating) => import_react28.css`
             var(--color-primary-600) 100%
           );
           animation: ${rotateGradient} 3s linear infinite;
-        ` : import_react28.css`
+        ` : import_react32.css`
           /* Static border when not animating */
           background: var(--color-primary-600);
         `}
   }
 `;
-var badgeStyles = import_react28.css`
+var badgeStyles = import_react32.css`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5836,7 +6325,7 @@ var badgeStyles = import_react28.css`
   flex-shrink: 0;
   margin-right: var(--spacing-1);
 `;
-var buttonOverrideStyles = import_react28.css`
+var buttonOverrideStyles = import_react32.css`
   background: var(--surface-page);
   border: none;
   border-radius: var(--radius-round);
@@ -5864,23 +6353,23 @@ var buttonOverrideStyles = import_react28.css`
 `;
 
 // src/ChatWidget/components/AskBuckButton.tsx
-var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
-var AskBuckButton = import_react29.default.forwardRef(
+var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
+var AskBuckButton = import_react33.default.forwardRef(
   ({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
     var _a;
-    const widgetContext = (0, import_react29.useContext)(WidgetContext);
+    const widgetContext = (0, import_react33.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_runtime225.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
       Button_default,
       {
         ref,
         "aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
         "aria-haspopup": "dialog",
         onClick: widgetContext == null ? void 0 : widgetContext.toggle,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_jsx_runtime225.Fragment, { children: [
-          showBadge && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("span", { css: badgeStyles, children: badgeCount }),
-          /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
+        icon: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(import_jsx_runtime227.Fragment, { children: [
+          showBadge && /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { css: badgeStyles, children: badgeCount }),
+          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
             Icon_default,
             {
               variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
@@ -5898,9 +6387,9 @@ AskBuckButton.displayName = "AskBuckButton";
 var AskBuckButton_default = AskBuckButton;
 
 // src/ChatWidget/ChatWidget.tsx
-var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
 var DEFAULT_EMPTY_STATE = [
-  /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
     AIResponse_default,
     {
       showDisclaimer: false,
@@ -5933,14 +6422,14 @@ var ChatWidget = ({
   notificationCount,
   closeOnClickOutside = true
 }) => {
-  const [value, setValue] = (0, import_react30.useState)("");
-  const scrollRef = (0, import_react30.useRef)(null);
-  const savedScrollPosition = (0, import_react30.useRef)(0);
-  const previousMessagesLength = (0, import_react30.useRef)(messages.length);
+  const [value, setValue] = (0, import_react34.useState)("");
+  const scrollRef = (0, import_react34.useRef)(null);
+  const savedScrollPosition = (0, import_react34.useRef)(0);
+  const previousMessagesLength = (0, import_react34.useRef)(messages.length);
   const isControlled = typeof expanded === "boolean";
-  const [internalExpanded, setInternalExpanded] = (0, import_react30.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react34.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
-  const setExpanded = (0, import_react30.useCallback)(
+  const setExpanded = (0, import_react34.useCallback)(
     (next) => {
       if (!next && scrollRef.current) {
         savedScrollPosition.current = scrollRef.current.scrollTop;
@@ -5951,7 +6440,7 @@ var ChatWidget = ({
     },
     [isControlled, onExpandedChange]
   );
-  (0, import_react30.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -5961,7 +6450,7 @@ var ChatWidget = ({
       }
     });
   }, [isExpanded]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const el = scrollRef.current;
     if (!el || !isExpanded)
       return;
@@ -5975,17 +6464,17 @@ var ChatWidget = ({
     }
   }, [messages, isThinking, isExpanded]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
-  const renderedMessages = (0, import_react30.useMemo)(
+  const renderedMessages = (0, import_react34.useMemo)(
     () => messagesToRender.map((element, index) => {
       var _a;
       const key = (_a = element.key) != null ? _a : index;
       if (element.type === AIResponse_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
       }
       if (element.type === MessageBubble_default) {
-        return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(import_react30.default.Fragment, { children: element }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(import_react34.default.Fragment, { children: element }, key);
     }),
     [messagesToRender]
   );
@@ -5996,7 +6485,7 @@ var ChatWidget = ({
     onSubmit(trimmed);
     setValue("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
     Widget_default,
     {
       ariaLabel,
@@ -6008,10 +6497,10 @@ var ChatWidget = ({
       containerProps,
       closeOnClickOutside,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: containerStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Box_default, { css: containerStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
               Box_default,
               {
                 display: "flex",
@@ -6019,9 +6508,9 @@ var ChatWidget = ({
                 justifyContent: "space-between",
                 gap: "var(--spacing-4)",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
                       Heading_default,
                       {
                         size: "2xs",
@@ -6031,25 +6520,25 @@ var ChatWidget = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
                     Button_default,
                     {
                       variant: "text",
                       size: "xs",
                       "aria-label": "Close widget",
                       onClick: () => setExpanded(false),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("span", { css: closeButtonContent, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { children: "Close" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("span", { css: closeButtonContent, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { children: "Close" })
                       ] })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Divider_default, { mt: 4, mb: 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Divider_default, { mt: 4, mb: 0 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
             Box_default,
             {
               ref: scrollRef,
@@ -6062,27 +6551,27 @@ var ChatWidget = ({
               flexDirection: "column",
               gap: "var(--spacing-2)",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
-                isThinking && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { css: thinkingRowStyles, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Spinner_default2, { size: "medium" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
+                /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
+                isThinking && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)("div", { css: thinkingRowStyles, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Spinner_default2, { size: "medium" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
                 ] }) }),
-                suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
+                suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
                   Box_default,
                   {
                     display: "flex",
                     flexDirection: "column",
                     gap: "var(--spacing-4)",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
-                      /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
+                      /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
                         Box_default,
                         {
                           display: "flex",
                           flexWrap: "wrap",
                           gap: "var(--spacing-4)",
                           alignItems: "flex-start",
-                          children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+                          children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
                             TagChip_default,
                             {
                               variant: "success",
@@ -6103,7 +6592,7 @@ var ChatWidget = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
             TextArea_default,
             {
               rows: 3,
@@ -6126,9 +6615,9 @@ var ChatWidget = ({
 var ChatWidget_default = ChatWidget;
 
 // src/FeatureList/components/FeatureListItem.tsx
-var import_react31 = require("@emotion/react");
+var import_react35 = require("@emotion/react");
 var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
-var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
 var FeatureListItem = ({
   iconVariant,
   label,
@@ -6143,8 +6632,8 @@ var FeatureListItem = ({
 }) => {
   const iconDimensions = IconSizeMap[iconSize];
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
         Box_default,
         {
           display: "flex",
@@ -6154,7 +6643,7 @@ var FeatureListItem = ({
           className,
           ...rest,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
               import_react_loading_skeleton.default,
               {
                 circle: true,
@@ -6163,24 +6652,24 @@ var FeatureListItem = ({
                 borderRadius: 4
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
+            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
           ]
         }
       ),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Text_default, { as: "span", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Text_default, { as: "span", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
       label,
       " "
     ] }),
     subtitle
-  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(import_jsx_runtime227.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
+  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(import_jsx_runtime229.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
       Box_default,
       {
         display: "flex",
@@ -6189,33 +6678,33 @@ var FeatureListItem = ({
         className,
         ...rest,
         children: [
-          iconVariant && /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
+          iconVariant && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
             Icon_default,
             {
               variant: iconVariant,
               size: iconSize,
               fill: iconColor,
-              css: import_react31.css`
+              css: import_react35.css`
                   flex-shrink: 0;
                 `
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
         ]
       }
     ),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text_default, { size: "sm", children: subtitle })
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { size: "sm", children: subtitle })
     ] })
   ] }) });
 };
 var FeatureListItem_default = FeatureListItem;
 
 // src/FeatureList/FeatureList.tsx
-var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
 var FeatureList = ({ heading, items, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -6223,8 +6712,8 @@ var FeatureList = ({ heading, items, className }) => {
       gap: "var(--spacing-2)",
       className,
       children: [
-        heading && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
+        heading && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
       ]
     }
   );
@@ -6232,8 +6721,8 @@ var FeatureList = ({ heading, items, className }) => {
 var FeatureList_default = FeatureList;
 
 // src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react32 = require("@emotion/react");
-var cardContainerStyles = import_react32.css`
+var import_react36 = require("@emotion/react");
+var cardContainerStyles = import_react36.css`
   position: relative;
   height: 335px;
 
@@ -6241,12 +6730,12 @@ var cardContainerStyles = import_react32.css`
     height: 480px;
   }
 `;
-var cardContentStyles = import_react32.css`
+var cardContentStyles = import_react36.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient = (imageUrl) => import_react32.css`
+var getBackgroundWithGradient = (imageUrl) => import_react36.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -6260,7 +6749,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react32.css`
 `;
 
 // src/FieldNoteCard/FieldNoteCard.tsx
-var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var FieldNoteCard = ({
   backgroundImage,
   title,
@@ -6269,14 +6758,14 @@ var FieldNoteCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
         Box_default,
         {
           display: "flex",
@@ -6284,9 +6773,9 @@ var FieldNoteCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -6296,14 +6785,14 @@ var FieldNoteCard = ({
 var FieldNoteCard_default = FieldNoteCard;
 
 // src/Form/FormField.tsx
-var import_react33 = require("@emotion/react");
-var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react33.css`
+var import_react37 = require("@emotion/react");
+var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
+var fieldContainerStyles = import_react37.css`
   display: flex;
   flex-direction: column;
   gap: ${space["2"]};
 `;
-var labelStyles2 = import_react33.css`
+var labelStyles2 = import_react37.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   font-weight: ${fontWeights.medium};
@@ -6311,17 +6800,17 @@ var labelStyles2 = import_react33.css`
   color: ${colors.gray["900"]};
   margin-bottom: ${space["1"]};
 `;
-var requiredIndicatorStyles = import_react33.css`
+var requiredIndicatorStyles = import_react37.css`
   color: ${colors.red["500"]};
   margin-left: ${space["1"]};
 `;
-var helpTextStyles = import_react33.css`
+var helpTextStyles = import_react37.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
   color: ${colors.gray["600"]};
 `;
-var errorTextStyles = import_react33.css`
+var errorTextStyles = import_react37.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -6330,7 +6819,7 @@ var errorTextStyles = import_react33.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var successTextStyles = import_react33.css`
+var successTextStyles = import_react37.css`
   font-family: ${fonts.base};
   font-size: ${fontSizes.sm};
   line-height: ${lineHeights.tight};
@@ -6339,7 +6828,7 @@ var successTextStyles = import_react33.css`
   align-items: center;
   gap: ${space["1"]};
 `;
-var visuallyHiddenStyles = import_react33.css`
+var visuallyHiddenStyles = import_react37.css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -6364,21 +6853,21 @@ var FormField = ({
   const hasError = !!error;
   const hasSuccess = !!success && !hasError;
   const hasHelpText = !!helpText && !hasError && !hasSuccess;
-  return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: fieldContainerStyles, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { css: fieldContainerStyles, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
       "label",
       {
         htmlFor,
         css: [labelStyles2, hideLabel && visuallyHiddenStyles],
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
         ]
       }
     ),
     children,
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -6388,8 +6877,8 @@ var FormField = ({
       ) }),
       error
     ] }),
-    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: successTextStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
+    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)("div", { css: successTextStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -6399,15 +6888,15 @@ var FormField = ({
       ) }),
       success
     ] }),
-    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { css: helpTextStyles, children: helpText })
+    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("div", { css: helpTextStyles, children: helpText })
   ] });
 };
 
 // src/Form/Input.tsx
-var import_react34 = require("@emotion/react");
-var import_react35 = require("react");
-var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react34.css`
+var import_react38 = require("@emotion/react");
+var import_react39 = require("react");
+var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
+var inputStyles = import_react38.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -6444,19 +6933,19 @@ var inputStyles = import_react34.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react34.css`
+  sm: import_react38.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react34.css`
+  md: import_react38.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react34.css`
+  lg: import_react38.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -6464,8 +6953,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react34.css``,
-  error: import_react34.css`
+  default: import_react38.css``,
+  error: import_react38.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -6473,7 +6962,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react34.css`
+  success: import_react38.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -6482,7 +6971,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react34.css`
+var inputWithIconStyles = import_react38.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -6493,7 +6982,7 @@ var inputWithIconStyles = import_react34.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react34.css`
+var iconContainerStyles = import_react38.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -6504,20 +6993,20 @@ var iconContainerStyles = import_react34.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react34.css`
+var startIconStyles = import_react38.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react34.css`
+var endIconStyles = import_react38.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react34.css`
+var inputWrapperStyles = import_react38.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react35.forwardRef)(
+var Input = (0, import_react39.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -6536,9 +7025,9 @@ var Input = (0, import_react35.forwardRef)(
       hasEndIcon && "has-end-icon",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { css: inputWrapperStyles, children: [
-      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { css: startIconStyles, children: startIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: inputWrapperStyles, children: [
+      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { css: startIconStyles, children: startIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
         "input",
         {
           ref,
@@ -6555,17 +7044,17 @@ var Input = (0, import_react35.forwardRef)(
           ...props
         }
       ),
-      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { css: endIconStyles, children: endIcon })
+      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { css: endIconStyles, children: endIcon })
     ] });
   }
 );
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react36 = require("@emotion/react");
-var import_react37 = require("react");
-var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react36.css`
+var import_react40 = require("@emotion/react");
+var import_react41 = require("react");
+var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
+var selectStyles = import_react40.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -6604,19 +7093,19 @@ var selectStyles = import_react36.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react36.css`
+  sm: import_react40.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react36.css`
+  md: import_react40.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react36.css`
+  lg: import_react40.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -6624,8 +7113,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react36.css``,
-  error: import_react36.css`
+  default: import_react40.css``,
+  error: import_react40.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -6633,7 +7122,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react36.css`
+  success: import_react40.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -6642,7 +7131,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react36.css`
+var optionStyles = import_react40.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -6651,7 +7140,7 @@ var optionStyles = import_react36.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react37.forwardRef)(
+var Select = (0, import_react41.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -6661,7 +7150,7 @@ var Select = (0, import_react37.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
       "select",
       {
         ref,
@@ -6670,8 +7159,8 @@ var Select = (0, import_react37.forwardRef)(
         className,
         ...props,
         children: [
-          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
-          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
+          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
             "option",
             {
               value: option.value,
@@ -6689,10 +7178,10 @@ var Select = (0, import_react37.forwardRef)(
 Select.displayName = "Select";
 
 // src/Grid/Column.tsx
-var import_react39 = require("@emotion/react");
+var import_react43 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react38 = require("@emotion/react");
+var import_react42 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -6732,11 +7221,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react38.css`
+    return import_react42.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -6768,11 +7257,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react38.css`
+    return import_react42.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -6795,11 +7284,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react38.css`
+    return import_react42.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -6822,11 +7311,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react38.css`
+    return import_react42.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -6849,11 +7338,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react38.css`
+    return import_react42.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -6876,11 +7365,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react38.css`
+    return import_react42.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -6903,11 +7392,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react38.css`
+    return import_react42.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react38.css`
+  return import_react42.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -6929,7 +7418,7 @@ var generateJustifyItems = (justifyItems) => {
 };
 
 // src/Grid/Column.tsx
-var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
 var Column = ({
   span,
   start,
@@ -6942,30 +7431,30 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react39.css`
+    start && import_react43.css`
         grid-column-start: ${start};
       `,
-    end && import_react39.css`
+    end && import_react43.css`
         grid-column-end: ${end};
       `,
-    row && import_react39.css`
+    row && import_react43.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react39.css`
+    rowSpan && import_react43.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react39.css`
+    area && import_react43.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: columnStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: columnStyles, ...props, children });
 };
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react40 = require("@emotion/react");
-var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react40.css`
+var import_react44 = require("@emotion/react");
+var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
+var baseGridStyles = import_react44.css`
   display: grid;
 `;
 var Grid = ({
@@ -6990,27 +7479,27 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react40.css`
+    autoRows && import_react44.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react40.css`
+    autoColumns && import_react44.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react40.css`
+    templateAreas && import_react44.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react40.css`
+    justifyContent && import_react44.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { css: gridStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { css: gridStyles, ...props, children });
 };
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react41 = require("@emotion/react");
-var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react41.css`
+var import_react45 = require("@emotion/react");
+var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
+var baseContainerStyles = import_react45.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -7018,14 +7507,14 @@ var baseContainerStyles = import_react41.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react41.css`
+    return import_react45.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react41.css`
+  return import_react45.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -7054,13 +7543,13 @@ var GridContainer = ({
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react42 = require("@emotion/react");
-var cardContainerStyles2 = import_react42.css`
+var import_react46 = require("@emotion/react");
+var cardContainerStyles2 = import_react46.css`
   position: relative;
   height: 335px;
 
@@ -7068,12 +7557,12 @@ var cardContainerStyles2 = import_react42.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react42.css`
+var cardContentStyles2 = import_react46.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react42.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react46.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -7087,7 +7576,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react42.css`
 `;
 
 // src/HuntCard/HuntCard.tsx
-var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
 var HuntCard = ({
   backgroundImage,
   title,
@@ -7096,14 +7585,14 @@ var HuntCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles2,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
         Box_default,
         {
           display: "flex",
@@ -7111,9 +7600,9 @@ var HuntCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
@@ -7123,9 +7612,9 @@ var HuntCard = ({
 var HuntCard_default = HuntCard;
 
 // src/InfoBox/InfoBox.tsx
-var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
 var InfoBox = ({ heading, features, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7134,8 +7623,8 @@ var InfoBox = ({ heading, features, className }) => {
       className,
       color: "var(--text-primary)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
           Box_default,
           {
             display: "flex",
@@ -7145,7 +7634,7 @@ var InfoBox = ({ heading, features, className }) => {
             borderRadius: "var(--radius-lg)",
             bg: "var(--surface-neutral)",
             className,
-            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
+            children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
               FeatureList_default,
               {
                 heading: section.heading,
@@ -7162,7 +7651,7 @@ var InfoBox = ({ heading, features, className }) => {
 var InfoBox_default = InfoBox;
 
 // src/StarRating/StarRating.tsx
-var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
 var starSize = {
   sm: {
     size: "medium",
@@ -7181,7 +7670,7 @@ var StarRating = ({
   const stars = [];
   for (let i = 1; i <= 5; i++) {
     stars.push(
-      /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
         Icon_default,
         {
           variant: "StarSolid",
@@ -7192,7 +7681,7 @@ var StarRating = ({
       )
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
     Box_default,
     {
       className,
@@ -7206,7 +7695,7 @@ var StarRating = ({
 var StarRating_default = StarRating;
 
 // src/UserCard/UserCard.tsx
-var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
 var UserCard = ({
   avatarSrc,
   title,
@@ -7216,7 +7705,7 @@ var UserCard = ({
   isVerified = false,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7225,8 +7714,8 @@ var UserCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
             Avatar_default,
             {
               type: avatarSrc ? "image" : "text",
@@ -7235,13 +7724,13 @@ var UserCard = ({
               alt: `${title}'s avatar`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
-            subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
-            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(StarRating_default, { rating })
+          /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
+            subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
+            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(StarRating_default, { rating })
           ] })
         ] }),
-        isVerified && /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
+        isVerified && /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -7250,8 +7739,8 @@ var UserCard = ({
             gap: "var(--spacing-1)",
             flexShrink: 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
+              /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
             ]
           }
         )
@@ -7262,19 +7751,19 @@ var UserCard = ({
 var UserCard_default = UserCard;
 
 // src/LandownerProfile/components/ProfileSubtitle.tsx
-var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
 var ProfileSubtitle = ({
   yearsHosting = 1,
   featureReviewItem
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
-    yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
+    yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
       yearsHosting,
       " ",
       yearsHosting === 1 ? "Year" : "Years",
       " Hosting"
     ] }),
-    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(FeatureListItem_default, { ...featureReviewItem })
+    featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(FeatureListItem_default, { ...featureReviewItem })
   ] });
 };
 var ProfileSubtitle_default = ProfileSubtitle;
@@ -7289,7 +7778,7 @@ var hasTextContent = (html) => {
 };
 
 // src/LandownerProfile/LandownerProfile.tsx
-var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
 var LandownerProfile = ({
   heading,
   avatarSrc,
@@ -7313,7 +7802,7 @@ var LandownerProfile = ({
     iconVariant: "Bolt",
     label: `Response Time: ${responseTime}`
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7322,8 +7811,8 @@ var LandownerProfile = ({
       color: "var(--text-primary)",
       className,
       children: [
-        heading && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
+        heading && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -7333,12 +7822,12 @@ var LandownerProfile = ({
             p: "var(--spacing-4)",
             borderRadius: "var(--radius-lg)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
                   title: name,
-                  subtitle: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+                  subtitle: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
                     ProfileSubtitle_default,
                     {
                       yearsHosting,
@@ -7349,9 +7838,9 @@ var LandownerProfile = ({
                   isVerified
                 }
               ),
-              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
-                /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
+                /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
                   Text_default,
                   {
                     dangerouslySetInnerHTML: {
@@ -7360,14 +7849,14 @@ var LandownerProfile = ({
                   }
                 )
               ] }),
-              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
-                /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
-                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(FeatureListItem_default, { ...responseRateFeature }),
-                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(FeatureListItem_default, { ...responseTimeFeature })
+              (!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
+                /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+                  !!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureListItem_default, { ...responseRateFeature }),
+                  !!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureListItem_default, { ...responseTimeFeature })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
                 Button_default,
                 {
                   variant: "secondary",
@@ -7386,11 +7875,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx
-var import_react44 = require("react");
+var import_react48 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react43 = require("@emotion/react");
-var containerStyles2 = import_react43.css`
+var import_react47 = require("@emotion/react");
+var containerStyles2 = import_react47.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -7398,13 +7887,13 @@ var containerStyles2 = import_react43.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react43.css`
+var headerStyles = import_react47.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react43.css`
+var chipsContainerStyles = import_react47.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -7417,15 +7906,15 @@ var chipsContainerStyles = import_react43.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react43.css`
+var textAreaStyles = import_react47.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react43.css`
+var inputWrapperStyles2 = import_react47.css`
   position: relative;
 `;
 
 // src/ListingChat/ListingChat.tsx
-var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
 var ListingChat = ({
   onSubmit,
   placeholder = "Ask anything about this listing\u2026",
@@ -7435,15 +7924,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react44.useState)("");
-  const handleSubmit = (0, import_react44.useCallback)(() => {
+  const [value, setValue] = (0, import_react48.useState)("");
+  const handleSubmit = (0, import_react48.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react44.useCallback)(
+  const handleTagClick = (0, import_react48.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -7452,18 +7941,18 @@ var ListingChat = ({
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: headerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+  return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
-        /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "sm", children: "Beta" })
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
+        /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { size: "sm", children: "Beta" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
       TextArea,
       {
         rows: 1,
@@ -7478,14 +7967,14 @@ var ListingChat = ({
         css: textAreaStyles
       }
     ) }),
-    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(import_jsx_runtime242.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
-      /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(import_jsx_runtime244.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
         "button",
         {
           onClick: handleTagClick(tag),
           disabled,
-          children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(TagChip_default, { children: tag })
+          children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(TagChip_default, { children: tag })
         },
         tag
       )) })
@@ -7495,11 +7984,11 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react45 = require("@emotion/react");
+var import_react49 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
+var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7507,14 +7996,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
         "path",
         {
           fill: "#000",
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -7523,14 +8012,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
         "path",
         {
           fill: "#fff",
           d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -7541,8 +8030,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -7550,18 +8039,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.
                 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -7578,8 +8067,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
+var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7587,14 +8076,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
         "path",
         {
           fill: "#000",
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -7603,14 +8092,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
         "path",
         {
           fill: "#1A202C",
           d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -7621,8 +8110,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -7630,18 +8119,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244
                 values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -7658,8 +8147,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
+var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7667,14 +8156,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
         "path",
         {
           fill: "#E2430C",
           d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
         "path",
         {
           fill: "#fff",
@@ -7687,8 +8176,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
+var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7696,14 +8185,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
         "path",
         {
           fill: "#E2430C",
           d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
         "path",
         {
           fill: "#000",
@@ -7716,8 +8205,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
-var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react45.css`
+var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react49.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -7745,18 +8234,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react46 = require("@emotion/react");
-var navigationStyles = import_react46.css`
+var import_react50 = require("@emotion/react");
+var navigationStyles = import_react50.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react46.css`
+var hamburgerButtonStyles = import_react50.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -7767,7 +8256,7 @@ var hamburgerButtonStyles = import_react46.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react46.css`
+var centeredLogoStyles = import_react50.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -7775,27 +8264,27 @@ var centeredLogoStyles = import_react46.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react46.css`
+var desktopLogoStyles = import_react50.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react46.css`
+var containerStyles3 = import_react50.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react46.css`
+var logoStyles2 = import_react50.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react46.css`
+var desktopNavStyles = import_react50.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -7804,7 +8293,7 @@ var desktopNavStyles = import_react46.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react46.css`
+var navLinksStyles = import_react50.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -7812,7 +8301,7 @@ var navLinksStyles = import_react46.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react46.css`
+var navLinkStyles = import_react50.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -7828,7 +8317,7 @@ var navLinkStyles = import_react46.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react46.css`
+var avatarPlaceholderStyles = import_react50.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -7853,7 +8342,7 @@ var avatarPlaceholderStyles = import_react46.css`
 `;
 
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -7867,7 +8356,7 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -7876,7 +8365,7 @@ var Navigation = ({
       position: "relative",
       css: containerStyles3,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
           Box_default,
           {
             as: "button",
@@ -7888,11 +8377,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Icon_default, { variant: "Bars", size: "large" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon_default, { variant: "Bars", size: "large" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -7901,8 +8390,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
             "a",
             {
               href: link.href,
@@ -7911,7 +8400,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
             Box_default,
             {
               as: "button",
@@ -7930,21 +8419,21 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_react49 = require("react");
+var import_react53 = require("react");
 var import_react_intersection_observer = require("react-intersection-observer");
 
 // src/ScrollingCarousel/context/CarouselContext.tsx
-var import_react47 = __toESM(require("react"));
-var CarouselContext = import_react47.default.createContext(
+var import_react51 = __toESM(require("react"));
+var CarouselContext = import_react51.default.createContext(
   null
 );
 
 // src/ScrollingCarousel/ScrollingCarousel.styles.ts
-var import_react48 = require("@emotion/react");
-var carouselRoot = import_react48.css`
+var import_react52 = require("@emotion/react");
+var carouselRoot = import_react52.css`
   position: relative;
 `;
-var carousel = import_react48.css`
+var carousel = import_react52.css`
   display: flex;
   overflow-y: hidden;
   overflow-x: scroll;
@@ -7956,7 +8445,7 @@ var carousel = import_react48.css`
     display: none;
   }
 `;
-var step = import_react48.css`
+var step = import_react52.css`
   scroll-snap-align: center;
   flex-basis: 100%;
   flex-shrink: 0;
@@ -7969,7 +8458,7 @@ var step = import_react48.css`
     flex-basis: 100%;
   }
 `;
-var controls = (position2) => import_react48.css`
+var controls = (position2) => import_react52.css`
   ${(position2 === "left-right" || position2 === "top-right") && `
     display: none;
 
@@ -7978,7 +8467,7 @@ var controls = (position2) => import_react48.css`
     }
   `}
 `;
-var iconWrapper = import_react48.css`
+var iconWrapper = import_react52.css`
   display: flex;
   width: var(--spacing-7);
   height: var(--spacing-7);
@@ -7988,7 +8477,7 @@ var iconWrapper = import_react48.css`
   justify-content: center;
   box-shadow: var(--shadow-md);
 `;
-var button = (position2) => import_react48.css`
+var button = (position2) => import_react52.css`
   background: transparent;
   border-color: transparent;
   outline: none;
@@ -8018,7 +8507,7 @@ var button = (position2) => import_react48.css`
     bottom: calc(-1 * var(--spacing-1));
   `}
 `;
-var buttonLeft = (position2) => import_react48.css`
+var buttonLeft = (position2) => import_react52.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -8038,7 +8527,7 @@ var buttonLeft = (position2) => import_react48.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var customButtonLeft = (position2) => import_react48.css`
+var customButtonLeft = (position2) => import_react52.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -8058,7 +8547,7 @@ var customButtonLeft = (position2) => import_react48.css`
     left: calc(50% - var(--spacing-16));
   `}
 `;
-var buttonRight = (position2) => import_react48.css`
+var buttonRight = (position2) => import_react52.css`
   ${button(position2)}
 
   ${position2 === "left-right" && `
@@ -8078,12 +8567,12 @@ var buttonRight = (position2) => import_react48.css`
     right: calc(50% - var(--spacing-16));
   `}
 `;
-var icon = import_react48.css`
+var icon = import_react52.css`
   width: var(--spacing-3);
   height: var(--spacing-3);
   color: var(--color-base-black);
 `;
-var dots = import_react48.css`
+var dots = import_react52.css`
   position: absolute;
   bottom: var(--spacing-2);
   left: 0;
@@ -8093,11 +8582,11 @@ var dots = import_react48.css`
   align-items: center;
   justify-content: center;
 `;
-var dotsInner = import_react48.css`
+var dotsInner = import_react52.css`
   display: flex;
   overflow: hidden;
 `;
-var dot = (dotsColor) => import_react48.css`
+var dot = (dotsColor) => import_react52.css`
   position: relative;
   flex-shrink: 0;
   flex-grow: 0;
@@ -8136,22 +8625,22 @@ var dot = (dotsColor) => import_react48.css`
     `}
   }
 `;
-var dotDistance2 = import_react48.css`
+var dotDistance2 = import_react52.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.9);
   }
 `;
-var dotDistance3 = import_react48.css`
+var dotDistance3 = import_react52.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.8);
   }
 `;
-var dotDistanceGreaterThan3 = import_react48.css`
+var dotDistanceGreaterThan3 = import_react52.css`
   &::after {
     transform: translate(-50%, -50%) scale(0.7);
   }
 `;
-var dotVisible = import_react48.css`
+var dotVisible = import_react52.css`
   &::after {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1.2);
@@ -8159,7 +8648,7 @@ var dotVisible = import_react48.css`
 `;
 
 // src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
-var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
 var ScrollingCarouselStep = ({
   children,
   index,
@@ -8167,7 +8656,7 @@ var ScrollingCarouselStep = ({
   parentId,
   onClick
 }) => {
-  const context = (0, import_react49.useContext)(CarouselContext);
+  const context = (0, import_react53.useContext)(CarouselContext);
   if (!context) {
     throw new Error(
       "ScrollingCarouselStep must be used within ScrollingCarousel"
@@ -8178,7 +8667,7 @@ var ScrollingCarouselStep = ({
     threshold: 0.75,
     root: carousel2.current
   });
-  (0, import_react49.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (typeof index !== "undefined") {
       dispatch({
         type: "set_child_visibility",
@@ -8187,7 +8676,7 @@ var ScrollingCarouselStep = ({
     }
   }, [inView, index, dispatch]);
   const dataStep = { [`data-step-${parentId}`]: index };
-  return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
     "div",
     {
       ref,
@@ -8204,10 +8693,10 @@ var ScrollingCarouselStep = ({
 ScrollingCarouselStep.displayName = "ScrollingCarouselStep";
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_react53 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 
 // src/ScrollingCarousel/hooks/useCarouselDots.ts
-var import_react50 = require("react");
+var import_react54 = require("react");
 
 // src/ScrollingCarousel/ScrollingCarousel.helpers.ts
 var childVisibilityReducer = (state, action) => {
@@ -8238,7 +8727,7 @@ var useCarouselDots = ({
   anyItemsVisible,
   numberOfDots
 }) => {
-  const dotOffset = (0, import_react50.useRef)(0);
+  const dotOffset = (0, import_react54.useRef)(0);
   const dotWidth = 12;
   const totalDots = childVisibility.length;
   const dotToCenterIndex = Math.round(
@@ -8270,7 +8759,7 @@ var useCarouselDots = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselNavigation.ts
-var import_react51 = require("react");
+var import_react55 = require("react");
 
 // src/shared/helpers.ts
 var import_seamless_scroll_polyfill = require("seamless-scroll-polyfill");
@@ -8304,7 +8793,7 @@ var useCarouselNavigation = ({
   infiniteScroll,
   childVisibilityLength
 }) => {
-  const getStepEl = (0, import_react51.useCallback)(
+  const getStepEl = (0, import_react55.useCallback)(
     (index) => {
       if (carousel2.current) {
         return carousel2.current.querySelectorAll(`[data-step-${id}]`)[index] || null;
@@ -8313,7 +8802,7 @@ var useCarouselNavigation = ({
     },
     [carousel2, id]
   );
-  const next = (0, import_react51.useCallback)(
+  const next = (0, import_react55.useCallback)(
     (e) => {
       e.preventDefault();
       if (lastItemIsVisible && !infiniteScroll)
@@ -8341,7 +8830,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const back = (0, import_react51.useCallback)(
+  const back = (0, import_react55.useCallback)(
     (e) => {
       e.preventDefault();
       if (firstItemIsVisible && !infiniteScroll)
@@ -8369,7 +8858,7 @@ var useCarouselNavigation = ({
       carousel2
     ]
   );
-  const goTo = (0, import_react51.useCallback)(
+  const goTo = (0, import_react55.useCallback)(
     (e, i) => {
       e.preventDefault();
       const el = getStepEl(i);
@@ -8387,12 +8876,12 @@ var useCarouselNavigation = ({
 };
 
 // src/ScrollingCarousel/hooks/useCarouselVisibility.ts
-var import_react52 = require("react");
+var import_react56 = require("react");
 var useCarouselVisibility = (carousel2) => {
-  const [state, dispatch] = (0, import_react52.useReducer)(childVisibilityReducer, {
+  const [state, dispatch] = (0, import_react56.useReducer)(childVisibilityReducer, {
     childVisibility: []
   });
-  const carouselContextApi = (0, import_react52.useMemo)(
+  const carouselContextApi = (0, import_react56.useMemo)(
     () => ({ carousel: carousel2, dispatch }),
     [carousel2]
   );
@@ -8413,7 +8902,7 @@ var useCarouselVisibility = (carousel2) => {
 };
 
 // src/ScrollingCarousel/ScrollingCarousel.tsx
-var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
 var ScrollingCarousel = ({
   className,
   children,
@@ -8430,8 +8919,8 @@ var ScrollingCarousel = ({
   id,
   current
 }) => {
-  const carousel2 = (0, import_react53.useRef)(null);
-  const [isHovering, setIsHovering] = (0, import_react53.useState)(false);
+  const carousel2 = (0, import_react57.useRef)(null);
+  const [isHovering, setIsHovering] = (0, import_react57.useState)(false);
   const {
     state,
     carouselContextApi,
@@ -8451,7 +8940,7 @@ var ScrollingCarousel = ({
     infiniteScroll,
     childVisibilityLength: state.childVisibility.length
   });
-  (0, import_react53.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (carousel2.current && typeof current === "number" && current >= 0) {
       const childrenArray = Array.from(carousel2.current.children);
       const selectedItem = childrenArray[current];
@@ -8466,9 +8955,9 @@ var ScrollingCarousel = ({
       }
     }
   }, [current]);
-  const childrenWithIndex = import_react53.default.Children.map(
+  const childrenWithIndex = import_react57.default.Children.map(
     children,
-    (child, index) => import_react53.default.cloneElement(child, { index })
+    (child, index) => import_react57.default.cloneElement(child, { index })
   );
   const { dotOffset, dotDistances, dotWidth } = useCarouselDots({
     childVisibility: state.childVisibility,
@@ -8479,7 +8968,7 @@ var ScrollingCarousel = ({
   });
   const hasMultipleChildren = state.childVisibility.length > 1;
   const shouldShowNavigation = showNavigationOnHover ? isHovering : true;
-  return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
     "div",
     {
       css: carouselRoot,
@@ -8487,7 +8976,7 @@ var ScrollingCarousel = ({
       onMouseEnter: () => setIsHovering(true),
       onMouseLeave: () => setIsHovering(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
           "div",
           {
             css: carousel,
@@ -8496,11 +8985,11 @@ var ScrollingCarousel = ({
             role: "region",
             "aria-roledescription": "carousel",
             "aria-label": "Scrolling carousel",
-            children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
+            children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
           }
         ),
-        hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { css: controls(buttonsPosition), children: [
-          showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+        hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)("div", { css: controls(buttonsPosition), children: [
+          showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
             "button",
             {
               "aria-label": "Previous",
@@ -8508,10 +8997,10 @@ var ScrollingCarousel = ({
               onClick: back,
               css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
               "data-testid": `scrolling-carousel-button-back-${id}`,
-              children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
+              children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
             }
           ),
-          showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+          showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
             "button",
             {
               "aria-label": "Next",
@@ -8519,11 +9008,11 @@ var ScrollingCarousel = ({
               onClick: next,
               css: buttonRight(buttonsPosition),
               "data-testid": `scrolling-carousel-button-next-${id}`,
-              children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
+              children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
             }
           )
         ] }),
-        showDots && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+        showDots && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
           "div",
           {
             css: dotsInner,
@@ -8531,7 +9020,7 @@ var ScrollingCarousel = ({
             children: state.childVisibility.map((childVisibility, i) => {
               var _a;
               const distance = (_a = dotDistances[i]) != null ? _a : 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
                 "button",
                 {
                   type: "button",
@@ -8562,8 +9051,8 @@ var ScrollingCarousel = ({
 ScrollingCarousel.displayName = "ScrollingCarousel";
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react54 = require("@emotion/react");
-var cardContainerStyles3 = import_react54.css`
+var import_react58 = require("@emotion/react");
+var cardContainerStyles3 = (orientation, hasContentBackground) => import_react58.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -8571,27 +9060,42 @@ var cardContainerStyles3 = import_react54.css`
   background: white;
   overflow: hidden;
   transition: all 0.2s ease;
+
+  ${orientation === "horizontal" && import_react58.css`
+    box-shadow: 0 0 var(--shadow-blur-lg, 24px) var(--shadow-spread-xs, -4px)
+      rgba(17, 17, 17, 0.1);
+  `}
+
+  ${hasContentBackground ? `
+    border-radius: var(--spacing-4);
+  ` : `
+    border-radius: var(--spacing-4) var(--spacing-4) 0 0;
+  `}
+
+  ${orientation === "horizontal" && `
+    border-radius: var(--spacing-4);
+  `}
 `;
-var imageStyles2 = import_react54.css`
+var imageStyles2 = import_react58.css`
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   background-color: lightgray;
 `;
-var badgeTopLeftStyles = import_react54.css`
+var badgeTopLeftStyles = import_react58.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var badgeBottomRightStyles = import_react54.css`
+var badgeBottomRightStyles = import_react58.css`
   position: absolute;
   bottom: var(--spacing-3);
   right: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react54.css`
+var heartIconStyles = import_react58.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -8613,14 +9117,20 @@ var heartIconStyles = import_react54.css`
     transform: scale(1.1);
   }
 `;
-var contentWithBackgroundStyles = import_react54.css`
+var actionMenuStyles = import_react58.css`
+  position: absolute;
+  top: var(--spacing-3);
+  right: var(--spacing-3);
+  z-index: 3;
+`;
+var contentWithBackgroundStyles = import_react58.css`
   padding: 0 var(--spacing-3) var(--spacing-4) var(--spacing-3);
   background-color: var(--surface-page);
 `;
-var contentWithoutBackgroundStyles = import_react54.css`
+var contentWithoutBackgroundStyles = import_react58.css`
   padding-top: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);
 `;
-var overlayStyles = import_react54.css`
+var overlayStyles = import_react58.css`
   position: absolute;
   top: 0;
   left: 0;
@@ -8634,7 +9144,7 @@ var overlayStyles = import_react54.css`
 `;
 
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -8649,24 +9159,25 @@ var PackageCard = ({
   id,
   hasContentBackground = false,
   orientation = "vertical",
+  actions,
   ...rest
 }) => {
   const carouselId = id || `package-card-${title.replace(/\s+/g, "-")}`;
   const shouldShowOverlay = availabilityBadges == null ? void 0 : availabilityBadges.some(
     (badge2) => badge2.showOverlay
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
     Box_default,
     {
+      position: "relative",
       display: "flex",
       flexDirection: orientation === "horizontal" ? "row" : "column",
       gap: orientation === "horizontal" ? "var(--spacing-4)" : "var(--spacing-2)",
-      css: cardContainerStyles3,
+      css: cardContainerStyles3(orientation, hasContentBackground),
       className,
       ...rest,
-      borderRadius: hasContentBackground ? "var(--spacing-4)" : "var(--spacing-4) var(--spacing-4) 0 0",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
           Box_default,
           {
             position: "relative",
@@ -8675,7 +9186,7 @@ var PackageCard = ({
             overflow: "hidden",
             borderRadius: "var(--spacing-4)",
             children: [
-              availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+              availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                 AvailabilityBadge_default,
                 {
                   variant: badge2.variant,
@@ -8684,19 +9195,19 @@ var PackageCard = ({
                 },
                 `availability-${index}`
               )),
-              shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: overlayStyles }),
-              /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+              shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { css: overlayStyles }),
+              /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                 ScrollingCarousel,
                 {
                   showDots: images.length > 1,
                   showNavigationOnHover: true,
                   id: carouselId,
-                  children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+                  children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                     ScrollingCarouselStep,
                     {
                       parentId: carouselId,
                       onClick,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                         Box_default,
                         {
                           width: "100%",
@@ -8714,7 +9225,7 @@ var PackageCard = ({
                   ))
                 }
               ),
-              onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+              onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                 Box_default,
                 {
                   css: heartIconStyles,
@@ -8723,14 +9234,14 @@ var PackageCard = ({
                     e.stopPropagation();
                     onFavoriteClick == null ? void 0 : onFavoriteClick();
                   },
-                  children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+                  children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                     Icon_default,
                     {
                       variant: "HeartSolid",
                       size: "small",
                       fill: "var(--color-error-500)"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                     Icon_default,
                     {
                       variant: "Heart",
@@ -8739,11 +9250,13 @@ var PackageCard = ({
                     }
                   )
                 }
-              )
+              ),
+              actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(ActionMenu_default, { actions }) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+        actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(ActionMenu_default, { actions }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
           Box_default,
           {
             css: hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles,
@@ -8752,7 +9265,7 @@ var PackageCard = ({
             flexDirection: "column",
             justifyContent: orientation === "horizontal" ? "center" : "flex-start",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
                 Box_default,
                 {
                   onClick,
@@ -8761,9 +9274,9 @@ var PackageCard = ({
                   gap: "var(--spacing-1)",
                   mb: "var(--spacing-1)",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
                       "Starting Price ",
                       startingPrice,
                       " / Guest"
@@ -8771,14 +9284,14 @@ var PackageCard = ({
                   ]
                 }
               ),
-              badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+              badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                 Box_default,
                 {
                   display: "flex",
                   gap: "var(--spacing-2) var(--spacing-4)",
                   alignItems: "center",
                   flexWrap: "wrap",
-                  children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
+                  children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                     IconLabel_default,
                     {
                       iconSize: badge2.iconSize || "medium",
@@ -8799,14 +9312,14 @@ var PackageCard = ({
 var PackageCard_default = PackageCard;
 
 // src/PackageHeader/PackageHeader.tsx
-var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
 var PackageHeader = ({
   header,
   subheader,
   features,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -8815,9 +9328,9 @@ var PackageHeader = ({
       color: "var(--text-primary)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
-        subheader && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Text_default, { children: subheader }),
-        features && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(FeatureList_default, { items: features })
+        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
+        subheader && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { children: subheader }),
+        features && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(FeatureList_default, { items: features })
       ]
     }
   );
@@ -8825,8 +9338,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react55 = require("@emotion/react");
-var imageStyles3 = import_react55.css`
+var import_react59 = require("@emotion/react");
+var imageStyles3 = import_react59.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -8837,13 +9350,13 @@ var imageStyles3 = import_react55.css`
 `;
 
 // src/ReviewCard/components/ReviewImages.tsx
-var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
 var ReviewImages = ({ images, maxImages = 3 }) => {
   const displayImages = images.slice(0, maxImages);
   if (displayImages.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
     "img",
     {
       src: image,
@@ -8856,7 +9369,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
 var ReviewImages_default = ReviewImages;
 
 // src/ReviewCard/components/ReviewReply.tsx
-var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
 var ReviewReply = ({
   avatarSrc,
   name,
@@ -8865,7 +9378,7 @@ var ReviewReply = ({
   label,
   rating
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
     Box_default,
     {
       backgroundColor: "var(--surface-neutral)",
@@ -8875,7 +9388,7 @@ var ReviewReply = ({
       flexDirection: "column",
       gap: "var(--spacing-3)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -8883,7 +9396,7 @@ var ReviewReply = ({
             justifyContent: "space-between",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
                 UserCard_default,
                 {
                   avatarSrc,
@@ -8892,11 +9405,11 @@ var ReviewReply = ({
                   rating
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { children: content })
+        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Text_default, { children: content })
       ]
     }
   );
@@ -8904,7 +9417,7 @@ var ReviewReply = ({
 var ReviewReply_default = ReviewReply;
 
 // src/ReviewCard/ReviewCard.tsx
-var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
 var ReviewCard = ({
   avatarSrc,
   name,
@@ -8916,7 +9429,7 @@ var ReviewCard = ({
   replies = [],
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
     Box_default,
     {
       backgroundColor: "white",
@@ -8927,7 +9440,7 @@ var ReviewCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
           UserCard_default,
           {
             avatarSrc,
@@ -8936,10 +9449,10 @@ var ReviewCard = ({
             rating
           }
         ),
-        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { size: "md", children: content }),
-        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ReviewImages_default, { images }),
-        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
+        availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Text_default, { size: "md", children: content }),
+        images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ReviewImages_default, { images }),
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
           ReviewReply_default,
           {
             avatarSrc: reply.avatarSrc,
@@ -8958,12 +9471,12 @@ var ReviewCard = ({
 var ReviewCard_default = ReviewCard;
 
 // src/Reviews/Reviews.tsx
-var import_react56 = require("@emotion/react");
+var import_react60 = require("@emotion/react");
 
 // src/Reviews/components/ReviewItem.tsx
-var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -8971,10 +9484,10 @@ var ReviewItem = ({ label, rating }) => {
       alignItems: "center",
       width: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Text_default, { fontWeight: "semibold", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(Text_default, { fontWeight: "semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Text_default, { fontWeight: "semibold", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Text_default, { fontWeight: "semibold", children: [
             rating,
             "/5"
           ] })
@@ -8986,14 +9499,14 @@ var ReviewItem = ({ label, rating }) => {
 var ReviewItem_default = ReviewItem;
 
 // src/Reviews/Reviews.tsx
-var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime259 = require("@emotion/react/jsx-runtime");
 var Reviews = ({
   averageRating,
   totalReviews,
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
     Box_default,
     {
       width: "100%",
@@ -9006,7 +9519,7 @@ var Reviews = ({
       p: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
           Box_default,
           {
             display: "flex",
@@ -9014,12 +9527,12 @@ var Reviews = ({
             alignItems: "center",
             gap: "var(--spacing-2)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
                 StarRating_default,
                 {
                   rating: Math.floor(averageRating),
-                  css: import_react56.css`
+                  css: import_react60.css`
             > svg {
               height: 40px;
               width: 40px;
@@ -9027,7 +9540,7 @@ var Reviews = ({
           `
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,
                 " Review",
@@ -9036,14 +9549,14 @@ var Reviews = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(
           Box_default,
           {
             display: "flex",
             flexDirection: "column",
             gap: "var(--spacing-2)",
             width: "100%",
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
+            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime259.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
           }
         )
       ]
@@ -9053,7 +9566,7 @@ var Reviews = ({
 var Reviews_default = Reviews;
 
 // src/Reviews/ReviewsShowcase.tsx
-var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
 var ReviewsShowcase = () => {
   const sampleData = {
     averageRating: 4,
@@ -9075,7 +9588,7 @@ var ReviewsShowcase = () => {
       { label: "Game Abundance", rating: 5 }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -9083,24 +9596,24 @@ var ReviewsShowcase = () => {
       gap: "var(--spacing-8)",
       p: "var(--spacing-6)",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Reviews_default, { ...sampleData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Reviews_default, { ...sampleData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Reviews_default, { ...highRatingData }) })
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Reviews_default, { ...highRatingData }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
             Box_default,
             {
               maxWidth: "320px",
               border: "1px solid var(--color-neutral-200)",
               p: "var(--spacing-4)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Reviews_default, { ...sampleData })
+              children: /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Reviews_default, { ...sampleData })
             }
           )
         ] })
@@ -9112,6 +9625,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AIResponse,
+  ActionMenu,
   AvailabilityBadge,
   Avatar,
   Box,
@@ -9156,6 +9670,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
   Text,
   TextArea,
   ThemeTokens,
+  Tooltip,
   TopMatchingFieldNote,
   TopMatchingReview,
   UserCard,