@landtrustinc/design-system 1.1.0-beta.0 → 1.1.2

package/dist/index.js

@@ -34,6 +34,7 @@ __export(src_exports, {
   AvailabilityChip: () => AvailabilityChip_default,
   Box: () => Box_default,
   Button: () => Button_default,
+  ChatWidget: () => ChatWidget_default,
   Column: () => Column_default,
   Container: () => Container_default,
   Divider: () => Divider_default,
@@ -48,11 +49,13 @@ __export(src_exports, {
   IconLabel: () => IconLabel_default,
   Input: () => Input,
   LayoutTokens: () => LayoutTokens,
+  ListingChat: () => ListingChat_default,
   Logo: () => Logo_default,
   MessageBubble: () => MessageBubble_default,
   Navigation: () => Navigation_default,
   PackageCard: () => PackageCard_default,
   Select: () => Select,
+  Spinner: () => Spinner_default2,
   TagChip: () => TagChip_default,
   Text: () => Text_default,
   TextArea: () => TextArea,
@@ -515,6 +518,9 @@ var GlobalStyle = import_react.css`
   ${globalStyles}
 `;
 
+// src/AIResponse/AIResponse.tsx
+var import_react10 = require("react");
+
 // src/Button/Button.tsx
 var import_react4 = require("@emotion/react");
 var import_lodash = require("lodash");
@@ -699,6 +705,8 @@ __export(components_exports, {
   Telescope: () => Telescope_default,
   Tent: () => Tent_default,
   TentSolid: () => TentSolid_default,
+  ThumbsDown: () => ThumbsDown_default,
+  ThumbsDownSolid: () => ThumbsDownSolid_default,
   ThumbsUp: () => ThumbsUp_default,
   ThumbsUpSolid: () => ThumbsUpSolid_default,
   Trash: () => Trash_default,
@@ -2262,13 +2270,7 @@ var Paddleboard_default = SvgPaddleboard;
 
 // src/Icon/components/PaperPlane.tsx
 var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
-var SvgPaperPlane = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 27 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-  "path",
-  {
-    fill: "currentColor",
-    d: "M5.055 13.148c-.795.453-.721 1.663.127 2.014l4.935 2.057v3.631a1.148 1.148 0 0 0 2.034.735l2.18-2.612 4.36 1.814a1.136 1.136 0 0 0 1.544-.868l2.252-14.625a1.12 1.12 0 0 0-.475-1.097 1.13 1.13 0 0 0-1.196-.05zm1.833.896 12.014-6.859-7.726 8.628.043.035zm11.789 4.911-5.861-2.443L20.348 8.1l-1.671 10.856z"
-  }
-) });
+var SvgPaperPlane = (props) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "m322.5 351.7 200.9-200.8L391 520.3zM489.4 117 288.6 317.8 120 249.3zM70.1 280.8l205.8 83.6 83.6 205.8c5.3 13.1 18.1 21.7 32.3 21.7 14.7 0 27.8-9.2 32.8-23.1L602.6 72c3.5-9.8 1-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9 178c-13.9 5-23.1 18.1-23.1 32.8 0 14.2 8.6 27 21.7 32.3z" }) });
 var PaperPlane_default = SvgPaperPlane;
 
 // src/Icon/components/Paperclip.tsx
@@ -2498,36 +2500,15 @@ var SvgSpinner = (props) => /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    preserveAspectRatio: "xMidYMid",
-    viewBox: "0 0 30 30",
+    viewBox: "3 2.903 20 19.832",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("circle", { cx: 15, cy: 15, r: 12, fill: "none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
-        "animateTransform",
-        {
-          attributeName: "transform",
-          begin: "0s",
-          calcMode: "linear",
-          dur: "0.9s",
-          keyTimes: "0;0.5;1",
-          repeatCount: "indefinite",
-          type: "rotate",
-          values: "0 15 15;180 15 15;720 15 15"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
-        "animate",
-        {
-          attributeName: "stroke-dasharray",
-          begin: "0s",
-          calcMode: "linear",
-          dur: "0.9s",
-          keyTimes: "0;0.5;1",
-          repeatCount: "indefinite",
-          values: "9 56;46 14;9 56"
-        }
-      )
-    ] })
+    children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M11.719 3.712a.936.936 0 0 1-.684 1.136 8.13 8.13 0 0 0-6.16 7.887A8.124 8.124 0 0 0 13 20.86a8.124 8.124 0 0 0 8.125-8.125 8.13 8.13 0 0 0-6.16-7.887.936.936 0 0 1-.684-1.136.937.937 0 0 1 1.137-.684C19.773 4.11 23 8.044 23 12.735c0 5.524-4.477 10-10 10s-10-4.476-10-10c0-4.691 3.227-8.625 7.582-9.707a.94.94 0 0 1 1.137.684"
+      }
+    )
   }
 );
 var Spinner_default = SvgSpinner;
@@ -2619,35 +2600,51 @@ var import_jsx_runtime173 = require("@emotion/react/jsx-runtime");
 var SvgTent = (props) => /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("path", { d: "M274.4 4.2c8.2-5.7 19-5.7 27.3 0l219.8 151.7c13.5 9.3 22.2 24 23.9 40.2l26.7 254c3.5 33.1-22.4 61.9-55.7 61.9H59.5c-33.2 0-59.1-28.8-55.6-61.9l26.7-254c1.7-16.3 10.4-31 23.9-40.2zM516.5 464c4.7 0 8.5-4.1 8-8.8l-26.7-254c-.2-2.3-1.5-4.4-3.4-5.7L312 69.7v209.6L413.6 464zM264 69.7 81.7 195.4c-1.9 1.3-3.2 3.4-3.4 5.7l-26.7 254c-.5 4.7 3.2 8.8 8 8.8H264V69.6z" }) });
 var Tent_default = SvgTent;
 
-// src/Icon/components/ThumbsUpSolid.tsx
+// src/Icon/components/ThumbsDownSolid.tsx
 var import_jsx_runtime174 = require("@emotion/react/jsx-runtime");
-var SvgThumbsUpSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("path", { d: "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2h144c26.5 0 48 21.5 48 48 0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1 4.4 7.3 6.9 15.8 6.9 24.9 0 21.3-13.9 39.4-33.1 45.6.7 3.3 1.1 6.8 1.1 10.4 0 26.5-21.5 48-48 48h-97.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7M32 192h64c17.7 0 32 14.3 32 32v224c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32" }) });
+var SvgThumbsDownSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "4 5 18 17", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("path", { d: "M17.936 5c.961 0 1.741.788 1.741 1.759 0 .23-.047.447-.123.649.74.201 1.285.883 1.285 1.696 0 .334-.095.645-.254.913A1.754 1.754 0 0 1 22 11.743a1.76 1.76 0 0 1-1.049 1.612A1.76 1.76 0 0 1 22 14.968c0 .97-.78 1.759-1.742 1.759h-5.806l1.023 2.58c.09.23.138.48.138.729v.154c0 1-.802 1.81-1.793 1.81-.678 0-1.299-.388-1.604-1l-2.043-4.116a3.5 3.5 0 0 1-.367-1.572V8.474c0-.71.323-1.385.871-1.832l.443-.356A5.77 5.77 0 0 1 14.746 5zM6.903 7.345c.643 0 1.162.524 1.162 1.173v9.381c0 .649-.52 1.173-1.162 1.173H5.161A1.166 1.166 0 0 1 4 17.899V8.518c0-.649.519-1.173 1.161-1.173z" }) });
+var ThumbsDownSolid_default = SvgThumbsDownSolid;
+
+// src/Icon/components/ThumbsDown.tsx
+var import_jsx_runtime175 = require("@emotion/react/jsx-runtime");
+var SvgThumbsDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "4 4 18 18", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "m17.5 4 .278.015a2.7 2.7 0 0 1 2.415 2.538 2.7 2.7 0 0 1 1.2 2.021l.007.225q0 .32-.075.619c.383.43.63.986.668 1.6l.007.18c0 .495-.135.953-.367 1.35.183.315.307.671.348 1.05l.015.3a2.7 2.7 0 0 1-2.422 2.684l-.277.015h-4.113l.529 1.125.116.285a3.005 3.005 0 0 1-1.282 3.562l-.27.146a3 3 0 0 1-3.847-1.17l-.023-.034-.1-.187-.023-.045-1.129-2.4A2.1 2.1 0 0 1 7.3 19H6.1A2.1 2.1 0 0 1 4 16.902l.004-8.402a2.1 2.1 0 0 1 2.1-2.1h1.2c.464 0 .895.154 1.244.413a5.4 5.4 0 0 1 2.062-1.935l.457-.243.027-.012.247-.12.026-.01.266-.113a5.4 5.4 0 0 1 1.973-.371zm-3.902 1.8c-.45 0-.896.086-1.316.247l-.176.075-.199.098-.457.243a3.6 3.6 0 0 0-1.901 2.91l-.008.3v4.232l.004.154q.028.464.225.889l2.13 4.532.078.143c.315.514.975.716 1.53.457l.109-.06a1.2 1.2 0 0 0 .513-1.424l-.045-.113-1.132-2.407a.902.902 0 0 1 .814-1.282h5.53l.09-.004a.895.895 0 0 0 .802-.802l.004-.094a.9.9 0 0 0-.308-.675.9.9 0 0 1-.307-.675.9.9 0 0 1 .307-.674.9.9 0 0 0 .3-.574l.008-.101a.9.9 0 0 0-.42-.758.903.903 0 0 1-.3-1.2.9.9 0 0 0 .109-.322l.007-.12a.9.9 0 0 0-.622-.855.9.9 0 0 1-.6-1.05q.01-.05.015-.097l.008-.097a.9.9 0 0 0-.81-.893L17.5 5.8zM6.103 8.2a.3.3 0 0 0-.3.299v8.398a.3.3 0 0 0 .3.3h1.2a.3.3 0 0 0 .3-.3V8.5a.3.3 0 0 0-.3-.3z" }) });
+var ThumbsDown_default = SvgThumbsDown;
+
+// src/Icon/components/ThumbsUpSolid.tsx
+var import_jsx_runtime176 = require("@emotion/react/jsx-runtime");
+var SvgThumbsUpSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M2.903 4.966c.643 0 1.162.493 1.162 1.103v8.828c0 .61-.52 1.103-1.162 1.103H1.161C.52 16 0 15.507 0 14.897V6.069c0-.61.519-1.103 1.161-1.103zM9.82 0c.99 0 1.793.762 1.793 1.703v.145c0 .235-.047.47-.138.686l-1.023 2.432h5.806c.962 0 1.742.74 1.742 1.655 0 .679-.432 1.262-1.049 1.517.617.255 1.049.838 1.049 1.517 0 .807-.61 1.48-1.415 1.624.16.252.254.545.254.859 0 .765-.545 1.407-1.285 1.597.08.19.123.396.123.61 0 .914-.78 1.655-1.742 1.655h-3.19a6 6 0 0 1-3.625-1.21l-.443-.335a2.16 2.16 0 0 1-.87-1.724V6.297c0-.514.126-1.021.366-1.48L8.213.941C8.517.366 9.138 0 9.82 0" }) });
 var ThumbsUpSolid_default = SvgThumbsUpSolid;
 
 // src/Icon/components/ThumbsUp.tsx
-var import_jsx_runtime175 = require("@emotion/react/jsx-runtime");
-var SvgThumbsUp = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13H448c8.8 0 16 7.2 16 16 0 6.8-4.3 12.7-10.4 15-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6 0 7.8-5.6 14.3-13 15.7-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9 0 6.7-4.2 12.6-10.2 14.9-11.5 4.5-17.7 16.9-14.4 28.8.4 1.3.6 2.8.6 4.3 0 8.8-7.2 16-16 16h-97.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62 14.6-11.7 24-29.7 24-50 0-4.5-.5-8.8-1.3-13 15.4-11.7 25.3-30.2 25.3-51 0-6.5-1-12.8-2.8-18.7 11.6-11.8 18.8-27.8 18.8-45.5 0-35.3-28.6-64-64-64h-92.3c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32 192c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32z" }) });
+var import_jsx_runtime177 = require("@emotion/react/jsx-runtime");
+var SvgThumbsUp = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M6.436 1.455a2.994 2.994 0 0 1 3.842-1.17l.27.143a3 3 0 0 1 1.17 3.846L11.189 5.4h4.112l.277.015A2.7 2.7 0 0 1 18 8.098c0 .495-.135.953-.367 1.35.228.398.363.855.367 1.35 0 .686-.259 1.304-.675 1.78q.074.3.075.62c0 .94-.483 1.761-1.207 2.245a2.694 2.694 0 0 1-2.414 2.538l-.277.015H9.6a5.5 5.5 0 0 1-1.972-.37l-.266-.113-.026-.012-.248-.12-.026-.01-.457-.245a5.3 5.3 0 0 1-1.233-.903A2.095 2.095 0 0 1 3.299 18h-1.2A2.1 2.1 0 0 1 0 15.9L.007 7.5a2.1 2.1 0 0 1 2.1-2.1h1.2c.404 0 .783.116 1.105.319L6.29 1.725l.022-.045.102-.188.022-.033zm-4.33 5.744a.3.3 0 0 0-.3.3v8.398a.3.3 0 0 0 .3.3h1.2a.3.3 0 0 0 .3-.3V7.499a.3.3 0 0 0-.3-.3zm7.408-5.287a1.2 1.2 0 0 0-1.526.45l-.083.15-2.129 4.533a2.5 2.5 0 0 0-.225.888l-.003.158v4.233l.007.296a3.6 3.6 0 0 0 1.9 2.913l.432.229.236.116c.465.21.967.319 1.477.319h3.902l.09-.004a.903.903 0 0 0 .81-.896l-.008-.098a1 1 0 0 0-.015-.097.9.9 0 0 1 .6-1.05.897.897 0 0 0 .506-1.297.895.895 0 0 1 .3-1.2.896.896 0 0 0 .112-1.432.9.9 0 0 1-.307-.675.9.9 0 0 1 .307-.675.9.9 0 0 0 .307-.675l-.003-.09a.895.895 0 0 0-.802-.802l-.09-.004h-5.53a.898.898 0 0 1-.813-1.282l1.125-2.41a1.2 1.2 0 0 0-.469-1.538z"
+  }
+) });
 var ThumbsUp_default = SvgThumbsUp;
 
 // src/Icon/components/TrashSolid.tsx
-var import_jsx_runtime176 = require("@emotion/react/jsx-runtime");
-var SvgTrashSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M135.2 17.7 128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7M416 128H32l21.2 339c1.6 25.3 22.6 45 47.9 45h245.8c25.3 0 46.3-19.7 47.9-45z" }) });
+var import_jsx_runtime178 = require("@emotion/react/jsx-runtime");
+var SvgTrashSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("path", { d: "M135.2 17.7 128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7M416 128H32l21.2 339c1.6 25.3 22.6 45 47.9 45h245.8c25.3 0 46.3-19.7 47.9-45z" }) });
 var TrashSolid_default = SvgTrashSolid;
 
 // src/Icon/components/Trash.tsx
-var import_jsx_runtime177 = require("@emotion/react/jsx-runtime");
-var SvgTrash = (props) => /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("path", { d: "M177.1 48h93.7c2.7 0 5.2 1.3 6.7 3.6l19 28.4h-145l19-28.4c1.5-2.2 4-3.6 6.7-3.6zm177.1 32-36.7-55.1C307.1 9.4 289.6 0 270.9 0h-93.8c-18.7 0-36.2 9.4-46.6 24.9L93.8 80H24C10.7 80 0 90.7 0 104s10.7 24 24 24h11.6l24 324.7c2.5 33.4 30.3 59.3 63.8 59.3h201.2c33.5 0 61.3-25.9 63.8-59.3l24-324.7H424c13.3 0 24-10.7 24-24s-10.7-24-24-24h-69.8m10.1 48-23.8 321.2c-.6 8.4-7.6 14.8-16 14.8H123.4c-8.4 0-15.3-6.5-16-14.8L83.7 128z" }) });
+var import_jsx_runtime179 = require("@emotion/react/jsx-runtime");
+var SvgTrash = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("path", { d: "M177.1 48h93.7c2.7 0 5.2 1.3 6.7 3.6l19 28.4h-145l19-28.4c1.5-2.2 4-3.6 6.7-3.6zm177.1 32-36.7-55.1C307.1 9.4 289.6 0 270.9 0h-93.8c-18.7 0-36.2 9.4-46.6 24.9L93.8 80H24C10.7 80 0 90.7 0 104s10.7 24 24 24h11.6l24 324.7c2.5 33.4 30.3 59.3 63.8 59.3h201.2c33.5 0 61.3-25.9 63.8-59.3l24-324.7H424c13.3 0 24-10.7 24-24s-10.7-24-24-24h-69.8m10.1 48-23.8 321.2c-.6 8.4-7.6 14.8-16 14.8H123.4c-8.4 0-15.3-6.5-16-14.8L83.7 128z" }) });
 var Trash_default = SvgTrash;
 
 // src/Icon/components/TreeDecorated.tsx
-var import_jsx_runtime178 = require("@emotion/react/jsx-runtime");
-var SvgTreeDecorated = (props) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("path", { d: "M242.9 9.3C238.4 3.4 231.4 0 224 0s-14.4 3.4-18.9 9.3L66.8 186.9c-5.6 7.2-6.6 17-2.6 25.3s12.4 13.5 21.6 13.5h16.5L35.1 326.2c-4.9 7.4-5.4 16.8-1.2 24.6s12.3 12.7 21.2 12.7H79L4.1 474.6c-5 7.4-5.5 16.9-1.3 24.7S15.1 512 24 512h400c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.3-24.7L369 363.5h24c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-67.3-100.6h16.5c9.2 0 17.5-5.2 21.6-13.5s3-18-2.6-25.3zm-95.7 168.3h-12.3L224 63.1l89.1 114.5h-12.3c-8.9 0-17 4.9-21.2 12.7s-3.7 17.3 1.2 24.6L348 315.5h-24.2c-8.9 0-17 4.9-21.2 12.7s-3.7 17.3 1.3 24.7l75 111.1H69.1L144 352.9c5-7.4 5.5-16.9 1.3-24.7s-12.3-12.7-21.2-12.7H99.9l67.2-100.6c4.9-7.4 5.4-16.8 1.2-24.6s-12.3-12.7-21.2-12.7zM184 312a24 24 0 1 0 0-48 24 24 0 1 0 0 48m80-152a24 24 0 1 0-48 0 24 24 0 1 0 48 0m24 280a24 24 0 1 0 0-48 24 24 0 1 0 0 48" }) });
+var import_jsx_runtime180 = require("@emotion/react/jsx-runtime");
+var SvgTreeDecorated = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("path", { d: "M242.9 9.3C238.4 3.4 231.4 0 224 0s-14.4 3.4-18.9 9.3L66.8 186.9c-5.6 7.2-6.6 17-2.6 25.3s12.4 13.5 21.6 13.5h16.5L35.1 326.2c-4.9 7.4-5.4 16.8-1.2 24.6s12.3 12.7 21.2 12.7H79L4.1 474.6c-5 7.4-5.5 16.9-1.3 24.7S15.1 512 24 512h400c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.3-24.7L369 363.5h24c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-67.3-100.6h16.5c9.2 0 17.5-5.2 21.6-13.5s3-18-2.6-25.3zm-95.7 168.3h-12.3L224 63.1l89.1 114.5h-12.3c-8.9 0-17 4.9-21.2 12.7s-3.7 17.3 1.2 24.6L348 315.5h-24.2c-8.9 0-17 4.9-21.2 12.7s-3.7 17.3 1.3 24.7l75 111.1H69.1L144 352.9c5-7.4 5.5-16.9 1.3-24.7s-12.3-12.7-21.2-12.7H99.9l67.2-100.6c4.9-7.4 5.4-16.8 1.2-24.6s-12.3-12.7-21.2-12.7zM184 312a24 24 0 1 0 0-48 24 24 0 1 0 0 48m80-152a24 24 0 1 0-48 0 24 24 0 1 0 48 0m24 280a24 24 0 1 0 0-48 24 24 0 1 0 0 48" }) });
 var TreeDecorated_default = SvgTreeDecorated;
 
 // src/Icon/components/TreeStand.tsx
-var import_jsx_runtime179 = require("@emotion/react/jsx-runtime");
-var SvgTreeStand = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+var import_jsx_runtime181 = require("@emotion/react/jsx-runtime");
+var SvgTreeStand = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
     "path",
     {
       fillRule: "evenodd",
@@ -2655,7 +2652,7 @@ var SvgTreeStand = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("s
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
     "path",
     {
       fillRule: "evenodd",
@@ -2667,25 +2664,25 @@ var SvgTreeStand = (props) => /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("s
 var TreeStand_default = SvgTreeStand;
 
 // src/Icon/components/Trees.tsx
-var import_jsx_runtime180 = require("@emotion/react/jsx-runtime");
-var SvgTrees = (props) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("path", { d: "M177.4 15.1c16-19 45.2-19 61.2 0l115.8 137.4c6 7.1 7.3 17.1 3.4 25.6S345.4 192 336 192h-14.1l64.8 81c5.8 7.2 6.9 17.1 2.9 25.4S377.2 312 368 312h-25.7l62.1 88h3.6V216c0-13.3 10.7-24 24-24s24 10.7 24 24v184h113.7l-69.3-98.2c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13h22.1l-64.8-81c-5.8-7.2-6.9-17.1-2.9-25.4s12.4-13.6 21.6-13.6h12.4L432 53.3l-59.9 71.1-32.2-36.3 61.5-73c16-19 45.2-19 61.2 0l115.8 137.4c6 7.1 7.3 17.1 3.4 25.6S569.4 192 560 192h-14.1l64.8 81c5.8 7.2 6.9 17.1 2.9 25.4S601.2 312 592 312h-25.7l69.3 98.2c5.2 7.3 5.8 16.9 1.7 24.9s-12.3 13-21.3 13H456v40c0 13.3-10.7 24-24 24s-24-10.7-24-24V448H232v40c0 13.3-10.7 24-24 24s-24-10.7-24-24v-40H24c-9 0-17.2-5-21.3-13s-3.5-17.6 1.7-24.9L73.7 312H48c-9.2 0-17.6-5.3-21.6-13.6s-2.9-18.2 2.9-25.4l64.8-81H80c-9.3 0-17.8-5.4-21.8-13.9s-2.6-18.4 3.4-25.6zM256 400h89.7l-69.3-98.2c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13h22.1l-64.8-81c-5.8-7.2-6.9-17.1-2.9-25.4s12.4-13.6 21.6-13.6h12.4L208 53.3 131.6 144H144c9.2 0 17.6 5.3 21.6 13.6s2.9 18.2-2.9 25.4l-64.8 81H120c9 0 17.2 5 21.3 13s3.5 17.6-1.7 24.9L70.3 400H184V216c0-13.3 10.7-24 24-24s24 10.7 24 24v184z" }) });
+var import_jsx_runtime182 = require("@emotion/react/jsx-runtime");
+var SvgTrees = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("path", { d: "M177.4 15.1c16-19 45.2-19 61.2 0l115.8 137.4c6 7.1 7.3 17.1 3.4 25.6S345.4 192 336 192h-14.1l64.8 81c5.8 7.2 6.9 17.1 2.9 25.4S377.2 312 368 312h-25.7l62.1 88h3.6V216c0-13.3 10.7-24 24-24s24 10.7 24 24v184h113.7l-69.3-98.2c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13h22.1l-64.8-81c-5.8-7.2-6.9-17.1-2.9-25.4s12.4-13.6 21.6-13.6h12.4L432 53.3l-59.9 71.1-32.2-36.3 61.5-73c16-19 45.2-19 61.2 0l115.8 137.4c6 7.1 7.3 17.1 3.4 25.6S569.4 192 560 192h-14.1l64.8 81c5.8 7.2 6.9 17.1 2.9 25.4S601.2 312 592 312h-25.7l69.3 98.2c5.2 7.3 5.8 16.9 1.7 24.9s-12.3 13-21.3 13H456v40c0 13.3-10.7 24-24 24s-24-10.7-24-24V448H232v40c0 13.3-10.7 24-24 24s-24-10.7-24-24v-40H24c-9 0-17.2-5-21.3-13s-3.5-17.6 1.7-24.9L73.7 312H48c-9.2 0-17.6-5.3-21.6-13.6s-2.9-18.2 2.9-25.4l64.8-81H80c-9.3 0-17.8-5.4-21.8-13.9s-2.6-18.4 3.4-25.6zM256 400h89.7l-69.3-98.2c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13h22.1l-64.8-81c-5.8-7.2-6.9-17.1-2.9-25.4s12.4-13.6 21.6-13.6h12.4L208 53.3 131.6 144H144c9.2 0 17.6 5.3 21.6 13.6s2.9 18.2-2.9 25.4l-64.8 81H120c9 0 17.2 5 21.3 13s3.5 17.6-1.7 24.9L70.3 400H184V216c0-13.3 10.7-24 24-24s24 10.7 24 24v184z" }) });
 var Trees_default = SvgTrees;
 
 // src/Icon/components/Turkey.tsx
-var import_jsx_runtime181 = require("@emotion/react/jsx-runtime");
-var SvgTurkey = (props) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("path", { d: "m31.65 15.836-1.157-1.929-1.157-1.543-2.122-2.893 2.315.772s-.772-1.543-1.35-2.507S26.829 6 25.67 6s-2.314.771-2.314 1.929c0 .578.193.964.386 1.542.386.579 2.314 3.086 2.314 3.086.193.386.193.964-.193 1.157-.193.193-.771.193-1.157.193-.964-.578-3.278-.578-4.05-.386-2.893.386-5.593 1.736-5.593 1.736L9.857 7.543C7.543 10.629 6.193 14.293 6 18.15c0 4.629 2.314 9.064 6.364 11.571 1.157-.578 3.279-1.928 3.279-1.928h4.243l.385 3.664c-.578 0-.771.579-.771 1.157h4.243c0-.578-.386-.964-.964-1.157h-1.543l-.386-3.664h4.436q2.315 0 4.05-1.157c2.121-1.35 3.471-3.857 3.664-6.557 0-1.543-.579-3.086-1.35-4.243" }) });
+var import_jsx_runtime183 = require("@emotion/react/jsx-runtime");
+var SvgTurkey = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("path", { d: "m31.65 15.836-1.157-1.929-1.157-1.543-2.122-2.893 2.315.772s-.772-1.543-1.35-2.507S26.829 6 25.67 6s-2.314.771-2.314 1.929c0 .578.193.964.386 1.542.386.579 2.314 3.086 2.314 3.086.193.386.193.964-.193 1.157-.193.193-.771.193-1.157.193-.964-.578-3.278-.578-4.05-.386-2.893.386-5.593 1.736-5.593 1.736L9.857 7.543C7.543 10.629 6.193 14.293 6 18.15c0 4.629 2.314 9.064 6.364 11.571 1.157-.578 3.279-1.928 3.279-1.928h4.243l.385 3.664c-.578 0-.771.579-.771 1.157h4.243c0-.578-.386-.964-.964-1.157h-1.543l-.386-3.664h4.436q2.315 0 4.05-1.157c2.121-1.35 3.471-3.857 3.664-6.557 0-1.543-.579-3.086-1.35-4.243" }) });
 var Turkey_default = SvgTurkey;
 
 // src/Icon/components/Upland.tsx
-var import_jsx_runtime182 = require("@emotion/react/jsx-runtime");
-var SvgUpland = (props) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("path", { d: "M31.18 7.628a5.48 5.48 0 0 0-4.14.74 5.4 5.4 0 0 0-1.8 2 2.76 2.76 0 0 0-2.46 1.04l-3.64 4.6a13.44 13.44 0 0 0-10.5 7.24l-4.14 7.62 7-1.34h4.7a11.2 11.2 0 0 0 2.3-.26l.86-.22c5.54-1.68 9.74-7.58 8-13.52l3.14-1.66-2.7-1a2.44 2.44 0 0 0-.76-1.7 3.2 3.2 0 0 1 1.08-1.12 3.46 3.46 0 0 1 2.62-.46 3.5 3.5 0 0 1 2.16 1.48l1.6-1.1a5.44 5.44 0 0 0-3.32-2.34" }) });
+var import_jsx_runtime184 = require("@emotion/react/jsx-runtime");
+var SvgUpland = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("path", { d: "M31.18 7.628a5.48 5.48 0 0 0-4.14.74 5.4 5.4 0 0 0-1.8 2 2.76 2.76 0 0 0-2.46 1.04l-3.64 4.6a13.44 13.44 0 0 0-10.5 7.24l-4.14 7.62 7-1.34h4.7a11.2 11.2 0 0 0 2.3-.26l.86-.22c5.54-1.68 9.74-7.58 8-13.52l3.14-1.66-2.7-1a2.44 2.44 0 0 0-.76-1.7 3.2 3.2 0 0 1 1.08-1.12 3.46 3.46 0 0 1 2.62-.46 3.5 3.5 0 0 1 2.16 1.48l1.6-1.1a5.44 5.44 0 0 0-3.32-2.34" }) });
 var Upland_default = SvgUpland;
 
 // src/Icon/components/UsFlag.tsx
-var import_jsx_runtime183 = require("@emotion/react/jsx-runtime");
-var SvgUsFlag = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 106", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("g", { fill: "none", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("path", { fill: "#B22234", d: "M0 .5h200V106H0z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+var import_jsx_runtime185 = require("@emotion/react/jsx-runtime");
+var SvgUsFlag = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 106", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("g", { fill: "none", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("path", { fill: "#B22234", d: "M0 .5h200V106H0z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
     "path",
     {
       fill: "#000",
@@ -2694,8 +2691,8 @@ var SvgUsFlag = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("svg",
       d: "M0 12.673h200m0 16.23H0m0 16.232h200m0 16.23H0m0 16.231h200m0 16.23H0"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("path", { fill: "#3C3B6E", d: "M0 .5h80v56.808H0z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("path", { fill: "#3C3B6E", d: "M0 .5h80v56.808H0z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
     "path",
     {
       fill: "#FFF",
@@ -2706,23 +2703,23 @@ var SvgUsFlag = (props) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("svg",
 var UsFlag_default = SvgUsFlag;
 
 // src/Icon/components/UserSolid.tsx
-var import_jsx_runtime184 = require("@emotion/react/jsx-runtime");
-var SvgUserSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("path", { d: "M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256m-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3z" }) });
+var import_jsx_runtime186 = require("@emotion/react/jsx-runtime");
+var SvgUserSolid = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("path", { d: "M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256m-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3z" }) });
 var UserSolid_default = SvgUserSolid;
 
 // src/Icon/components/User.tsx
-var import_jsx_runtime185 = require("@emotion/react/jsx-runtime");
-var SvgUser = (props) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("path", { d: "M304 128a80 80 0 1 0-160 0 80 80 0 1 0 160 0m-208 0a128 128 0 1 1 256 0 128 128 0 1 1-256 0M49.3 464h349.4c-8.9-63.3-63.3-112-129-112h-91.4c-65.7 0-120.1 48.7-129 112M0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3" }) });
+var import_jsx_runtime187 = require("@emotion/react/jsx-runtime");
+var SvgUser = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("path", { d: "M304 128a80 80 0 1 0-160 0 80 80 0 1 0 160 0m-208 0a128 128 0 1 1 256 0 128 128 0 1 1-256 0M49.3 464h349.4c-8.9-63.3-63.3-112-129-112h-91.4c-65.7 0-120.1 48.7-129 112M0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3" }) });
 var User_default = SvgUser;
 
 // src/Icon/components/Users.tsx
-var import_jsx_runtime186 = require("@emotion/react/jsx-runtime");
-var SvgUsers = (props) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("path", { d: "M144 160a80 80 0 1 0 0-160 80 80 0 1 0 0 160m368 0a80 80 0 1 0 0-160 80 80 0 1 0 0 160M0 298.7C0 310.4 9.6 320 21.3 320h214.1c-26.6-23.5-43.3-57.8-43.3-96 0-7.6.7-15 1.9-22.3-13.6-6.3-28.7-9.7-44.6-9.7h-42.7C47.8 192 0 239.8 0 298.7M405.3 320h213.4c11.8 0 21.3-9.6 21.3-21.3 0-58.9-47.8-106.7-106.7-106.7h-42.6c-15.9 0-31 3.5-44.6 9.7 1.3 7.2 1.9 14.7 1.9 22.3 0 38.2-16.8 72.5-43.3 96h.7zM320 176a48 48 0 1 1 0 96 48 48 0 1 1 0-96m0 144a96 96 0 1 0 0-192 96 96 0 1 0 0 192m-58.7 80h117.4c39.8 0 73.2 27.2 82.6 64H178.7c9.5-36.8 42.9-64 82.6-64m0-48C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7h330.6c14.7 0 26.7-11.9 26.7-26.7 0-73.6-59.7-133.3-133.3-133.3z" }) });
+var import_jsx_runtime188 = require("@emotion/react/jsx-runtime");
+var SvgUsers = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("path", { d: "M144 160a80 80 0 1 0 0-160 80 80 0 1 0 0 160m368 0a80 80 0 1 0 0-160 80 80 0 1 0 0 160M0 298.7C0 310.4 9.6 320 21.3 320h214.1c-26.6-23.5-43.3-57.8-43.3-96 0-7.6.7-15 1.9-22.3-13.6-6.3-28.7-9.7-44.6-9.7h-42.7C47.8 192 0 239.8 0 298.7M405.3 320h213.4c11.8 0 21.3-9.6 21.3-21.3 0-58.9-47.8-106.7-106.7-106.7h-42.6c-15.9 0-31 3.5-44.6 9.7 1.3 7.2 1.9 14.7 1.9 22.3 0 38.2-16.8 72.5-43.3 96h.7zM320 176a48 48 0 1 1 0 96 48 48 0 1 1 0-96m0 144a96 96 0 1 0 0-192 96 96 0 1 0 0 192m-58.7 80h117.4c39.8 0 73.2 27.2 82.6 64H178.7c9.5-36.8 42.9-64 82.6-64m0-48C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7h330.6c14.7 0 26.7-11.9 26.7-26.7 0-73.6-59.7-133.3-133.3-133.3z" }) });
 var Users_default = SvgUsers;
 
 // src/Icon/components/WaterTap.tsx
-var import_jsx_runtime187 = require("@emotion/react/jsx-runtime");
-var SvgWaterTap = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+var import_jsx_runtime189 = require("@emotion/react/jsx-runtime");
+var SvgWaterTap = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
   "path",
   {
     fillRule: "evenodd",
@@ -2733,32 +2730,32 @@ var SvgWaterTap = (props) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("svg
 var WaterTap_default = SvgWaterTap;
 
 // src/Icon/components/Water.tsx
-var import_jsx_runtime188 = require("@emotion/react/jsx-runtime");
-var SvgWater = (props) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("path", { d: "M25.69 31.875c-2.064 0-4.125-2.063-6.189-2.063s-4.125 2.063-6.188 2.063-4.125-2.063-6.188-2.063c-1.34 0-2.785.928-4.125 1.547v4.125c1.34-.62 2.785-1.547 4.125-1.547 2.063 0 4.125 2.063 6.188 2.063s4.125-2.063 6.188-2.063c2.064 0 4.125 2.063 6.188 2.063 2.064 0 4.125-2.063 6.189-2.063 1.34 0 2.784.928 4.124 1.547v-4.125c-1.34-.619-2.784-1.547-4.124-1.547-2.064 0-4.125 2.063-6.189 2.063M31.878 21.563c-2.064 0-4.125 2.064-6.189 2.064s-4.124-2.064-6.188-2.064-4.125 2.064-6.188 2.064-4.125-2.064-6.188-2.064c-1.34 0-2.785.929-4.125 1.547v4.125c1.34-.619 2.785-1.547 4.125-1.547 2.063 0 4.125 2.064 6.188 2.064s4.125-2.064 6.188-2.064c2.064 0 4.125 2.064 6.188 2.064 2.064 0 4.125-2.064 6.189-2.064 1.34 0 2.784.928 4.124 1.547V23.11c-1.34-.618-2.784-1.547-4.124-1.547M24.659 14.346C24.659 11.459 19.5 3 19.5 3s-5.157 8.457-5.157 11.346c0 2.887 2.268 5.157 5.157 5.157 2.887 0 5.158-2.268 5.158-5.157" }) });
+var import_jsx_runtime190 = require("@emotion/react/jsx-runtime");
+var SvgWater = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M25.69 31.875c-2.064 0-4.125-2.063-6.189-2.063s-4.125 2.063-6.188 2.063-4.125-2.063-6.188-2.063c-1.34 0-2.785.928-4.125 1.547v4.125c1.34-.62 2.785-1.547 4.125-1.547 2.063 0 4.125 2.063 6.188 2.063s4.125-2.063 6.188-2.063c2.064 0 4.125 2.063 6.188 2.063 2.064 0 4.125-2.063 6.189-2.063 1.34 0 2.784.928 4.124 1.547v-4.125c-1.34-.619-2.784-1.547-4.124-1.547-2.064 0-4.125 2.063-6.189 2.063M31.878 21.563c-2.064 0-4.125 2.064-6.189 2.064s-4.124-2.064-6.188-2.064-4.125 2.064-6.188 2.064-4.125-2.064-6.188-2.064c-1.34 0-2.785.929-4.125 1.547v4.125c1.34-.619 2.785-1.547 4.125-1.547 2.063 0 4.125 2.064 6.188 2.064s4.125-2.064 6.188-2.064c2.064 0 4.125 2.064 6.188 2.064 2.064 0 4.125-2.064 6.189-2.064 1.34 0 2.784.928 4.124 1.547V23.11c-1.34-.618-2.784-1.547-4.124-1.547M24.659 14.346C24.659 11.459 19.5 3 19.5 3s-5.157 8.457-5.157 11.346c0 2.887 2.268 5.157 5.157 5.157 2.887 0 5.158-2.268 5.158-5.157" }) });
 var Water_default = SvgWater;
 
 // src/Icon/components/Waterfowl.tsx
-var import_jsx_runtime189 = require("@emotion/react/jsx-runtime");
-var SvgWaterfowl = (props) => /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("path", { d: "M32.91 6.168c-.598.533-1.55 1.228-2.364 1.734l-.312.193c-.33.206-1.35.766-1.957 1.07-2.366 1.193-4.8 2.16-8.585 3.41a176 176 0 0 1-3.6 1.157c-3.012.94-3.903 1.225-4.922 1.578-2.627.908-4.034 1.617-4.483 2.258-.404.581-.684 1.51-.687 2.282 0 .48.133 1.214.331 1.812.229.693.484 1.266 1.258 2.815.957 1.915 1.057 2.19 1.057 2.893-.003.47-.046.677-.225 1.062-.33.701-.96 1.296-1.872 1.772l-.296.154.04.068c.962 1.527 1.875 2.48 2.46 2.568.273.04.507-.117.684-.462.13-.255.296-.413.584-.557.532-.264 1.084-.38 3.043-.639 1.793-.233 2.461-.347 3.3-.562 2.277-.579 3.614-1.578 4.133-3.1.032-.1.06-.182.054-.182l-.25.082c-.576.198-1.372.375-2.021.45-.47.055-1.46.063-1.861.017-.495-.06-.544-.081-.318-.136 1.663-.405 2.812-.733 4.148-1.184 4.92-1.657 7.746-3.614 8.18-5.654.05-.236.066-.894.022-.937-.013-.014-.114.043-.242.141a19.5 19.5 0 0 1-5.539 2.945c-1.445.492-3.195.853-4.322.894l-.354.014.454-.134c4.078-1.203 7.417-2.839 9.628-4.716.321-.274.976-.92 1.22-1.209.886-1.046 1.418-2.108 1.622-3.233.06-.348.095-1.228.057-1.505l-.022-.16-.163.2c-.331.414-.956.992-1.556 1.44-1.728 1.3-4.401 2.536-7.653 3.546-1.54.478-3.467.975-4.78 1.233-.423.085-.583.098-.306.028.557-.139 2.605-.829 3.782-1.272 2.453-.923 4.86-2.086 6.723-3.246 4.154-2.587 6.265-5.494 6.157-8.482a4 4 0 0 0-.038-.538L33.099 6z" }) });
+var import_jsx_runtime191 = require("@emotion/react/jsx-runtime");
+var SvgWaterfowl = (props) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 39 39", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("path", { d: "M32.91 6.168c-.598.533-1.55 1.228-2.364 1.734l-.312.193c-.33.206-1.35.766-1.957 1.07-2.366 1.193-4.8 2.16-8.585 3.41a176 176 0 0 1-3.6 1.157c-3.012.94-3.903 1.225-4.922 1.578-2.627.908-4.034 1.617-4.483 2.258-.404.581-.684 1.51-.687 2.282 0 .48.133 1.214.331 1.812.229.693.484 1.266 1.258 2.815.957 1.915 1.057 2.19 1.057 2.893-.003.47-.046.677-.225 1.062-.33.701-.96 1.296-1.872 1.772l-.296.154.04.068c.962 1.527 1.875 2.48 2.46 2.568.273.04.507-.117.684-.462.13-.255.296-.413.584-.557.532-.264 1.084-.38 3.043-.639 1.793-.233 2.461-.347 3.3-.562 2.277-.579 3.614-1.578 4.133-3.1.032-.1.06-.182.054-.182l-.25.082c-.576.198-1.372.375-2.021.45-.47.055-1.46.063-1.861.017-.495-.06-.544-.081-.318-.136 1.663-.405 2.812-.733 4.148-1.184 4.92-1.657 7.746-3.614 8.18-5.654.05-.236.066-.894.022-.937-.013-.014-.114.043-.242.141a19.5 19.5 0 0 1-5.539 2.945c-1.445.492-3.195.853-4.322.894l-.354.014.454-.134c4.078-1.203 7.417-2.839 9.628-4.716.321-.274.976-.92 1.22-1.209.886-1.046 1.418-2.108 1.622-3.233.06-.348.095-1.228.057-1.505l-.022-.16-.163.2c-.331.414-.956.992-1.556 1.44-1.728 1.3-4.401 2.536-7.653 3.546-1.54.478-3.467.975-4.78 1.233-.423.085-.583.098-.306.028.557-.139 2.605-.829 3.782-1.272 2.453-.923 4.86-2.086 6.723-3.246 4.154-2.587 6.265-5.494 6.157-8.482a4 4 0 0 0-.038-.538L33.099 6z" }) });
 var Waterfowl_default = SvgWaterfowl;
 
 // src/Icon/components/Whitetail.tsx
-var import_jsx_runtime190 = require("@emotion/react/jsx-runtime");
-var SvgWhitetail = (props) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M21.76 4.557A.57.57 0 0 0 21.201 4a.53.53 0 0 0-.528.557c0 1.327.157 5.082.2 6.381.004.292-.075.58-.228.828-.386.614-1.142 1.828-1.556 2.47-.743 1.157-1.67.857-3.013.486-1.342-.372-1.242-1.071-1.427-2.37-.229-1.556-.5-4.426-.828-7.039a.514.514 0 0 0-.529-.514.557.557 0 0 0-.457.629c-.1 2.598-.228 5.425-.285 6.938 0 1.256-.4 1.784-1.428 1.77a9 9 0 0 1-1.427-.1 1.53 1.53 0 0 1-1.428-1.242c-.214-1.142-.742-4.682-.742-4.682 0-.357-.3-.557-.543-.514-.243.042-.385.314-.385.556 0 1.428.085 3.113.1 3.983 0 1.428-.429 1.585-1.428 1.428a1.185 1.185 0 0 1-1-1.056c-.114-.486-.228-.9-.356-1.614 0-.356-.314-.485-.5-.47A.46.46 0 0 0 3 10.81v1.428a3.34 3.34 0 0 0 3.155 3.354l9.051 1.67a2.63 2.63 0 0 1 1.828 1.186 3.87 3.87 0 0 1 .357 2.47l-.129.613 3.012 1.028a5.7 5.7 0 0 0 .457-3.44c0-.215-.157-.714-.3-1.428a3.16 3.16 0 0 1 .415-2.027l1.941-3.584c.174-.281.245-.614.2-.942-.285-1.342-.942-5.154-1.228-6.581" }) });
+var import_jsx_runtime192 = require("@emotion/react/jsx-runtime");
+var SvgWhitetail = (props) => /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("path", { d: "M21.76 4.557A.57.57 0 0 0 21.201 4a.53.53 0 0 0-.528.557c0 1.327.157 5.082.2 6.381.004.292-.075.58-.228.828-.386.614-1.142 1.828-1.556 2.47-.743 1.157-1.67.857-3.013.486-1.342-.372-1.242-1.071-1.427-2.37-.229-1.556-.5-4.426-.828-7.039a.514.514 0 0 0-.529-.514.557.557 0 0 0-.457.629c-.1 2.598-.228 5.425-.285 6.938 0 1.256-.4 1.784-1.428 1.77a9 9 0 0 1-1.427-.1 1.53 1.53 0 0 1-1.428-1.242c-.214-1.142-.742-4.682-.742-4.682 0-.357-.3-.557-.543-.514-.243.042-.385.314-.385.556 0 1.428.085 3.113.1 3.983 0 1.428-.429 1.585-1.428 1.428a1.185 1.185 0 0 1-1-1.056c-.114-.486-.228-.9-.356-1.614 0-.356-.314-.485-.5-.47A.46.46 0 0 0 3 10.81v1.428a3.34 3.34 0 0 0 3.155 3.354l9.051 1.67a2.63 2.63 0 0 1 1.828 1.186 3.87 3.87 0 0 1 .357 2.47l-.129.613 3.012 1.028a5.7 5.7 0 0 0 .457-3.44c0-.215-.157-.714-.3-1.428a3.16 3.16 0 0 1 .415-2.027l1.941-3.584c.174-.281.245-.614.2-.942-.285-1.342-.942-5.154-1.228-6.581" }) });
 var Whitetail_default = SvgWhitetail;
 
 // src/Icon/components/Xmark.tsx
-var import_jsx_runtime191 = require("@emotion/react/jsx-runtime");
-var SvgXmark = (props) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119z" }) });
+var import_jsx_runtime193 = require("@emotion/react/jsx-runtime");
+var SvgXmark = (props) => /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119z" }) });
 var Xmark_default = SvgXmark;
 
 // src/Icon/components/YoutubeSquare.tsx
-var import_jsx_runtime192 = require("@emotion/react/jsx-runtime");
-var SvgYoutubeSquare = (props) => /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("path", { d: "m9.173 8.353 4.675 2.657-4.675 2.657zM22 2.357v17.286A2.36 2.36 0 0 1 19.643 22H2.357A2.36 2.36 0 0 1 0 19.643V2.357A2.36 2.36 0 0 1 2.357 0h17.286A2.36 2.36 0 0 1 22 2.357m-2.063 8.658s0-2.927-.373-4.332a2.24 2.24 0 0 0-1.581-1.59c-1.39-.38-6.983-.38-6.983-.38s-5.593 0-6.983.378a2.24 2.24 0 0 0-1.581 1.591c-.373 1.4-.373 4.332-.373 4.332s0 2.927.373 4.331a2.21 2.21 0 0 0 1.581 1.567c1.39.373 6.983.373 6.983.373s5.593 0 6.983-.378a2.21 2.21 0 0 0 1.581-1.567c.373-1.4.373-4.326.373-4.326z" }) });
+var import_jsx_runtime194 = require("@emotion/react/jsx-runtime");
+var SvgYoutubeSquare = (props) => /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("path", { d: "m9.173 8.353 4.675 2.657-4.675 2.657zM22 2.357v17.286A2.36 2.36 0 0 1 19.643 22H2.357A2.36 2.36 0 0 1 0 19.643V2.357A2.36 2.36 0 0 1 2.357 0h17.286A2.36 2.36 0 0 1 22 2.357m-2.063 8.658s0-2.927-.373-4.332a2.24 2.24 0 0 0-1.581-1.59c-1.39-.38-6.983-.38-6.983-.38s-5.593 0-6.983.378a2.24 2.24 0 0 0-1.581 1.591c-.373 1.4-.373 4.332-.373 4.332s0 2.927.373 4.331a2.21 2.21 0 0 0 1.581 1.567c1.39.373 6.983.373 6.983.373s5.593 0 6.983-.378a2.21 2.21 0 0 0 1.581-1.567c.373-1.4.373-4.326.373-4.326z" }) });
 var YoutubeSquare_default = SvgYoutubeSquare;
 
 // src/Icon/Icon.tsx
-var import_jsx_runtime193 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime195 = require("@emotion/react/jsx-runtime");
 var iconStyles = (size, setAutoHeight, fill) => import_react2.css`
   width: ${space[size]};
   height: ${space[size]};
@@ -2777,7 +2774,7 @@ var Icon = ({
   if (!Component) {
     throw new Error(`invalid variant [${variant}]`);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
     Component,
     {
       css: iconStyles(size, setAutoHeight, fill),
@@ -3026,16 +3023,16 @@ var styles = {
     font-size: ${fontSizes.base};
   `,
   iconOnly: import_react3.css`
-    height: 42px;
-    min-width: 42px;
-    max-height: 42px;
+    height: var(--spacing-11);
+    min-width: var(--spacing-11);
+    max-height: var(--spacing-11);
     padding: 0;
     border-radius: var(--radius-round);
   `,
   iconOnlyLg: import_react3.css`
-    height: 56px;
-    min-width: 56px;
-    max-height: 56px;
+    height: var(--spacing-20);
+    min-width: var(--spacing-20);
+    max-height: var(--spacing-20);
     padding: 0;
     border-radius: var(--radius-round);
   `,
@@ -3075,7 +3072,7 @@ var labelStyles = (isVisible) => () => import_react3.css`
   `;
 
 // src/Button/Button.tsx
-var import_jsx_runtime194 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime196 = require("@emotion/react/jsx-runtime");
 var Button = import_react5.default.forwardRef(
   ({
     as: Component = "button",
@@ -3094,7 +3091,7 @@ var Button = import_react5.default.forwardRef(
     const componentType = Component === "button" ? type : void 0;
     const sizeKey = `size${(0, import_lodash.upperFirst)(size)}`;
     const isIconOnly = icon && !children;
-    return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(
       Component,
       {
         ref,
@@ -3112,8 +3109,8 @@ var Button = import_react5.default.forwardRef(
         ...props,
         children: [
           icon,
-          children && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("span", { css: [labelStyles(!isLoading), labelStyleOverrides], children }),
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Icon_default, { variant: "Spinner", css: spinnerStyles(variant) })
+          children && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { css: [labelStyles(!isLoading), labelStyleOverrides], children }),
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Icon_default, { variant: "Spinner", css: spinnerStyles(variant) })
         ]
       }
     );
@@ -3147,7 +3144,7 @@ var Box_default = Box;
 
 // src/Box/Container.tsx
 var import_react6 = require("@emotion/react");
-var import_jsx_runtime195 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime197 = require("@emotion/react/jsx-runtime");
 var baseStyles = import_react6.css`
   width: 100%;
   margin: 0 auto;
@@ -3181,7 +3178,7 @@ var Container = ({
   isFullWidth = false,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
     Box_default,
     {
       css: [baseStyles, isFullWidth && fullWidthStyles],
@@ -3383,7 +3380,7 @@ var textFontWeightStyles = {
 };
 
 // src/Typography/Heading.tsx
-var import_jsx_runtime196 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime198 = require("@emotion/react/jsx-runtime");
 var SIZE_TO_ELEMENT_MAP = {
   xl: "h1",
   lg: "h2",
@@ -3413,7 +3410,7 @@ var Heading = ({
   ...props
 }) => {
   const elementType = as != null ? as : SIZE_TO_ELEMENT_MAP[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
     StyledHeading,
     {
       as: elementType,
@@ -3560,7 +3557,7 @@ var textWrapStyles2 = {
 };
 
 // src/Typography/Text.tsx
-var import_jsx_runtime197 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime199 = require("@emotion/react/jsx-runtime");
 var StyledText = (0, import_styled3.default)("p")`
   ${({ size = "md" }) => textSizeStyles[size]}
   ${({ fontWeight = "normal" }) => textFontWeightStyles2[fontWeight]}
@@ -3582,7 +3579,7 @@ var Text = ({
   ...props
 }) => {
   const elementType = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
     StyledText,
     {
       as: elementType,
@@ -3601,7 +3598,7 @@ var Text = ({
 var Text_default = Text;
 
 // src/IconLabel/IconLabel.tsx
-var import_jsx_runtime198 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime200 = require("@emotion/react/jsx-runtime");
 var IconLabel = ({
   variant,
   label,
@@ -3609,7 +3606,7 @@ var IconLabel = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
     Box_default,
     {
       display: "flex",
@@ -3618,8 +3615,8 @@ var IconLabel = ({
       className,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(Icon_default, { variant, size: iconSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(Text_default, { size: "xs", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Icon_default, { variant, size: iconSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Text_default, { size: "xs", children: label })
       ]
     }
   );
@@ -3659,7 +3656,7 @@ var errorRetryStyles = import_react9.css`
 `;
 
 // src/AIResponse/AIResponse.tsx
-var import_jsx_runtime199 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime201 = require("@emotion/react/jsx-runtime");
 var AIResponse = ({
   title = `Here\u2019s what I found`,
   showDisclaimer = true,
@@ -3669,27 +3666,95 @@ var AIResponse = ({
   onHelpfulYes,
   onHelpfulNo,
   variant = "default",
-  onErrorRetry
+  onErrorRetry,
+  helpfulDebounceMs = 1e3
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { className, css: rootStyles2, children: [
-    variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { css: getBannerStyles(variant), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: variant === "error" ? "An error occurred while generating your summary. Please try again." : children }),
-      variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+  const [visualHelpful, setVisualHelpful] = (0, import_react10.useState)(
+    void 0
+  );
+  const debounceTimerRef = (0, import_react10.useRef)(null);
+  const DEBOUNCE_MS = helpfulDebounceMs;
+  const scheduleCallback = (next) => {
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+      debounceTimerRef.current = null;
+    }
+    if (next === "yes" || next === "no") {
+      debounceTimerRef.current = window.setTimeout(() => {
+        if (next === "yes")
+          onHelpfulYes == null ? void 0 : onHelpfulYes();
+        else
+          onHelpfulNo == null ? void 0 : onHelpfulNo();
+        debounceTimerRef.current = null;
+      }, DEBOUNCE_MS);
+    }
+  };
+  const handleHelpfulYes = () => {
+    const next = visualHelpful === "yes" ? void 0 : "yes";
+    setVisualHelpful(next);
+    scheduleCallback(next);
+  };
+  const handleHelpfulNo = () => {
+    const next = visualHelpful === "no" ? void 0 : "no";
+    setVisualHelpful(next);
+    scheduleCallback(next);
+  };
+  (0, import_react10.useEffect)(() => {
+    return () => {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { className, css: rootStyles2, children: [
+    variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { css: getBannerStyles(variant), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: variant === "error" ? "An error occurred while generating your summary. Please try again." : children }),
+      variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
         IconLabel_default,
         {
           variant: "AiMagic",
           label: "This AI summary was generated from the property information from this package. This answer may display incorrect information.",
-          iconSize: 8
+          iconSize: 10
         }
       ),
-      variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button_default, { variant: "secondary", size: "xs", onClick: onErrorRetry, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(IconLabel_default, { variant: "ArrowRotateLeft", label: "Try Again" }) }) })
+      variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(Button_default, { variant: "secondary", size: "xs", onClick: onErrorRetry, children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(IconLabel_default, { variant: "ArrowRotateLeft", label: "Try Again" }) }) })
     ] }),
-    showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { css: footerStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { css: actionsStyles, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button_default, { variant: "text", size: "xs", onClick: onHelpfulYes, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(IconLabel_default, { variant: "ThumbsUp", label: "Yes" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button_default, { variant: "text", size: "xs", onClick: onHelpfulNo, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(IconLabel_default, { variant: "ThumbsUp", label: "No" }) })
+    showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { css: footerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { css: actionsStyles, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+          Button_default,
+          {
+            variant: "text",
+            size: "xs",
+            onClick: handleHelpfulYes,
+            "aria-pressed": visualHelpful === "yes",
+            children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+              IconLabel_default,
+              {
+                variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
+                label: "Yes"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+          Button_default,
+          {
+            variant: "text",
+            size: "xs",
+            onClick: handleHelpfulNo,
+            "aria-pressed": visualHelpful === "no",
+            children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+              IconLabel_default,
+              {
+                variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
+                label: "No"
+              }
+            )
+          }
+        )
       ] })
     ] })
   ] });
@@ -3697,34 +3762,34 @@ var AIResponse = ({
 var AIResponse_default = AIResponse;
 
 // src/AvailabilityChip/AvailabilityChip.styles.ts
-var import_react10 = require("@emotion/react");
+var import_react11 = require("@emotion/react");
 var availabilityChipVariantStyles = {
-  primary: import_react10.css`
+  primary: import_react11.css`
     background-color: var(--color-primary-100);
     color: var(--text-primary);
   `,
-  error: import_react10.css`
+  error: import_react11.css`
     background-color: var(--surface-error);
     color: var(--text-error);
   `,
-  action: import_react10.css`
+  action: import_react11.css`
     background-color: var(--surface-action-2);
     color: var(--text-primary);
   `,
-  warning: import_react10.css`
+  warning: import_react11.css`
     background-color: var(--color-brown-200);
     color: var(--text-primary);
   `
 };
 
 // src/AvailabilityChip/AvailabilityChip.tsx
-var import_jsx_runtime200 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime202 = require("@emotion/react/jsx-runtime");
 var AvailabilityChip = ({
   children,
   variant,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
     Box_default,
     {
       display: "inline-flex",
@@ -3734,15 +3799,22 @@ var AvailabilityChip = ({
       borderRadius: "var(--spacing-2)",
       css: availabilityChipVariantStyles[variant],
       className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
     }
   );
 };
 var AvailabilityChip_default = AvailabilityChip;
 
+// src/ChatWidget/ChatWidget.tsx
+var import_react21 = __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_react11 = require("@emotion/react");
-var dividerStyles = import_react11.css`
+var import_react12 = require("@emotion/react");
+var dividerStyles = import_react12.css`
   width: 100%;
   height: 1px;
   border: 0;
@@ -3750,122 +3822,808 @@ var dividerStyles = import_react11.css`
 `;
 
 // src/Divider/Divider.tsx
-var import_jsx_runtime201 = require("@emotion/react/jsx-runtime");
-var Divider = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("hr", { css: dividerStyles, className });
+var import_jsx_runtime203 = 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_runtime203.jsx)(StyledHr, { className, ...rest });
 };
 var Divider_default = Divider;
 
-// src/FieldNoteCard/FieldNoteCard.styles.ts
-var import_react12 = require("@emotion/react");
-var cardContainerStyles = import_react12.css`
-  position: relative;
-  height: 335px;
+// src/Form/TextArea.tsx
+var import_react14 = require("@emotion/react");
+var import_react15 = require("react");
 
-  ${media.md} {
-    height: 480px;
-  }
-`;
-var cardContentStyles = import_react12.css`
+// src/Form/TextArea.styles.ts
+var import_react13 = require("@emotion/react");
+var wrapperStyles = import_react13.css`
   position: relative;
-  border-radius: var(--spacing-4);
-  overflow: hidden;
-`;
-var getBackgroundWithGradient = (imageUrl) => import_react12.css`
-  background-image: linear-gradient(
-      180deg,
-      rgba(0, 0, 0, 0) 48.36%,
-      rgba(0, 0, 0, 0.6) 76.64%
-    ),
-    url(${imageUrl});
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-color: #fff;
+  display: inline-block;
+  width: 100%;
 `;
+var textareaBase = import_react13.css`
+  width: 100%;
+  box-sizing: border-box;
+  font: inherit;
+  color: var(--text-primary);
+  background-color: var(--surface-page);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-lg);
+  padding: var(--spacing-4);
+  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  outline: none;
+  resize: none;
 
-// src/FieldNoteCard/FieldNoteCard.tsx
-var import_jsx_runtime202 = require("@emotion/react/jsx-runtime");
-var FieldNoteCard = ({
-  backgroundImage,
-  title,
-  buttonLabel,
-  onClick,
-  className,
-  ...rest
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-    Box_default,
-    {
-      display: "flex",
-      css: cardContainerStyles,
-      className,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
-        Box_default,
-        {
-          display: "flex",
-          flexDirection: "column",
-          justifyContent: "flex-end",
-          p: 6,
-          css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
-          ] })
-        }
-      )
-    }
-  );
-};
-var FieldNoteCard_default = FieldNoteCard;
+  &::placeholder {
+    color: var(--text-secondary);
+  }
 
-// src/Form/FormField.tsx
-var import_react13 = require("@emotion/react");
-var import_jsx_runtime203 = require("@emotion/react/jsx-runtime");
-var fieldContainerStyles = import_react13.css`
-  display: flex;
-  flex-direction: column;
-  gap: ${space["2"]};
-`;
-var labelStyles2 = import_react13.css`
-  font-family: ${fonts.base};
-  font-size: ${fontSizes.sm};
-  font-weight: ${fontWeights.medium};
-  line-height: ${lineHeights.tight};
-  color: ${colors.gray["900"]};
-  margin-bottom: ${space["1"]};
+  &:focus {
+    border-color: var(--border-focus);
+    box-shadow: 0 0 0 3px var(--surface-success, rgba(50, 90, 60, 0.1));
+  }
+
+  &:disabled {
+    background-color: var(--surface-disabled-2);
+    color: var(--text-on-disabled);
+    cursor: not-allowed;
+  }
+
+  &:read-only {
+    background-color: var(--surface-disabled-2);
+    color: var(--text-secondary);
+    cursor: default;
+  }
 `;
-var requiredIndicatorStyles = import_react13.css`
-  color: ${colors.red["500"]};
-  margin-left: ${space["1"]};
+var variantError = import_react13.css`
+  border-color: var(--border-error);
+  &:focus {
+    border-color: var(--border-error);
+    box-shadow: 0 0 0 3px var(--color-error-100);
+  }
 `;
-var helpTextStyles = import_react13.css`
-  font-family: ${fonts.base};
-  font-size: ${fontSizes.sm};
-  line-height: ${lineHeights.tight};
-  color: ${colors.gray["600"]};
+var variantSuccess = import_react13.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 errorTextStyles = import_react13.css`
-  font-family: ${fonts.base};
-  font-size: ${fontSizes.sm};
-  line-height: ${lineHeights.tight};
-  color: ${colors.red["500"]};
-  display: flex;
-  align-items: center;
-  gap: ${space["1"]};
+var submitButtonContainer = import_react13.css`
+  position: absolute;
+  right: var(--spacing-4);
+  bottom: var(--spacing-4);
 `;
-var successTextStyles = import_react13.css`
-  font-family: ${fonts.base};
-  font-size: ${fontSizes.sm};
-  line-height: ${lineHeights.tight};
-  color: ${colors.accent.green};
-  display: flex;
-  align-items: center;
-  gap: ${space["1"]};
+var textareaWithSubmit = import_react13.css`
+  padding-right: var(--spacing-16);
 `;
-var visuallyHiddenStyles = import_react13.css`
-  position: absolute;
+
+// src/Form/TextArea.tsx
+var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
+var TextArea = (0, import_react15.forwardRef)(
+  ({
+    rows = 3,
+    variant = "default",
+    disabled = false,
+    readOnly = false,
+    className,
+    autoExpand = true,
+    maxHeight,
+    resize = "none",
+    value,
+    onChange,
+    onKeyDown: onKeyDownProp,
+    showSubmit = false,
+    onSubmit,
+    submitAriaLabel = "Submit",
+    submitDisabled,
+    submitOnEnter = true,
+    ...props
+  }, ref) => {
+    const innerRef = (0, import_react15.useRef)(null);
+    (0, import_react15.useEffect)(() => {
+      const el = innerRef.current;
+      if (!el || !autoExpand)
+        return;
+      if (value === "" || value === void 0 || value === null) {
+        el.style.height = "";
+        el.style.overflowY = maxHeight ? "auto" : "hidden";
+      }
+    }, [value, autoExpand, maxHeight]);
+    const handleChange = (e) => {
+      if (autoExpand && innerRef.current) {
+        const el = innerRef.current;
+        if (typeof maxHeight === "number") {
+          el.style.maxHeight = `${maxHeight}px`;
+        } else if (typeof maxHeight === "string") {
+          el.style.maxHeight = maxHeight;
+        }
+        el.style.height = "auto";
+        el.style.overflowY = maxHeight ? "auto" : "hidden";
+        el.style.height = `${el.scrollHeight}px`;
+      }
+      onChange == null ? void 0 : onChange(e);
+    };
+    const handleKeyDown = (e) => {
+      onKeyDownProp == null ? void 0 : onKeyDownProp(e);
+      if (e.defaultPrevented)
+        return;
+      const isEnter = e.key === "Enter";
+      const hasModifier = e.shiftKey || e.altKey || e.ctrlKey || e.metaKey;
+      const isComposing = e.nativeEvent.isComposing;
+      const canSubmit = !disabled && !readOnly && !submitDisabled;
+      if (submitOnEnter && showSubmit && onSubmit && isEnter && !hasModifier && !isComposing && canSubmit) {
+        e.preventDefault();
+        onSubmit();
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { css: wrapperStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+        "textarea",
+        {
+          ref: (node) => {
+            innerRef.current = node;
+            if (typeof ref === "function")
+              ref(node);
+            else if (ref)
+              ref.current = node;
+          },
+          rows,
+          disabled,
+          readOnly,
+          css: [
+            textareaBase,
+            variant === "error" && variantError,
+            variant === "success" && variantSuccess,
+            import_react14.css`
+              resize: ${resize};
+            `,
+            showSubmit && textareaWithSubmit
+          ],
+          className,
+          value,
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          "aria-multiline": "true",
+          ...props
+        }
+      ),
+      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+        Button_default,
+        {
+          size: "xs",
+          "aria-label": submitAriaLabel,
+          onClick: onSubmit,
+          disabled: disabled || submitDisabled,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+            Icon_default,
+            {
+              variant: "PaperPlane",
+              size: 6,
+              fill: "var(--color-base-white)"
+            }
+          )
+        }
+      ) })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+var TextArea_default = TextArea;
+
+// src/MessageBubble/MessageBubble.styles.ts
+var import_react16 = require("@emotion/react");
+var getRootStyles = (variant) => import_react16.css`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  align-items: ${variant === "sent" ? "flex-end" : "flex-start"};
+`;
+var getBubbleStyles = (variant) => import_react16.css`
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--spacing-3);
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-4);
+  background-color: ${variant === "sent" ? "var(--color-neutral-900)" : "var(--surface-neutral)"};
+  color: ${variant === "sent" ? "var(--color-base-white)" : "var(--text-primary)"};
+  border: ${variant === "sent" ? "1px solid transparent" : "none"};
+  border-top-left-radius: var(--radius-lg);
+  border-top-right-radius: var(--radius-lg);
+  border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
+  border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
+`;
+var contentStyles = import_react16.css`
+  flex: 1 1 auto;
+  min-width: 1px;
+  min-height: 1px;
+`;
+
+// src/MessageBubble/MessageBubble.tsx
+var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
+var MessageBubble = ({
+  variant = "sent",
+  timestamp,
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { className, css: getRootStyles(variant), children: [
+    timestamp && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+      Text_default,
+      {
+        size: "xs",
+        color: "var(--text-secondary)",
+        textAlign: variant === "sent" ? "right" : "left",
+        children: timestamp
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { css: contentStyles, children }) })
+  ] });
+};
+var MessageBubble_default = MessageBubble;
+
+// src/Spinner/Spinner.styles.ts
+var import_react17 = require("@emotion/react");
+var spinnerStyles2 = import_react17.css`
+  animation: lt-spin 1s linear infinite;
+
+  @keyframes lt-spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+// src/Spinner/Spinner.tsx
+var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
+var Spinner = ({ size = 5, className, fill }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+    Icon_default,
+    {
+      variant: "Spinner",
+      size,
+      className,
+      css: spinnerStyles2,
+      fill
+    }
+  );
+};
+var Spinner_default2 = Spinner;
+
+// src/Widget/Widget.tsx
+var import_react19 = require("react");
+
+// src/Widget/Widget.styles.ts
+var import_react18 = require("@emotion/react");
+var panelContainer = import_react18.css`
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+
+  @media (max-width: calc(${screens.sm} - 1px)) {
+    position: fixed;
+    inset: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    align-items: stretch;
+    justify-content: stretch;
+  }
+`;
+var panelCard = (width2) => import_react18.css`
+  background: var(--surface-page);
+  color: var(--text-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-lg);
+  padding: var(--spacing-4);
+  overflow: auto;
+  box-shadow: 0 0 var(--shadow-blur-lg, 24px) var(--shadow-spread-xs, -4px)
+    rgba(17, 17, 17, 0.1);
+
+  /* Width passed from props (desktop/tablet) */
+  width: ${typeof width2 === "number" ? `${width2}px` : width2};
+
+  @media (max-width: calc(${screens.sm} - 1px)) {
+    width: 100vw;
+    height: 100vh;
+    border-radius: 0;
+    padding: var(--spacing-4);
+    overflow: auto;
+  }
+`;
+var widgetTrigger = import_react18.css`
+  margin: var(--spacing-1);
+  box-shadow: var(--shadow-2xl);
+`;
+
+// src/Widget/Widget.tsx
+var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
+var WidgetContext = (0, import_react19.createContext)(null);
+var useWidgetContext = () => {
+  const ctx = (0, import_react19.useContext)(WidgetContext);
+  if (!ctx)
+    throw new Error("Widget subcomponents must be used within <Widget>");
+  return ctx;
+};
+var WidgetTrigger = () => {
+  const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
+  const currentIcon = expanded ? expandedIcon : icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_jsx_runtime207.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+    Button_default,
+    {
+      ref: triggerRef,
+      "aria-expanded": expanded,
+      "aria-haspopup": "dialog",
+      onClick: toggle,
+      size: "lg",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Icon_default, { variant: currentIcon, size: 12 }),
+      css: widgetTrigger
+    }
+  ) });
+};
+var WidgetPanel = ({ className, style, children }) => {
+  var _a;
+  const { expanded, panelWidth } = useWidgetContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+    "div",
+    {
+      css: panelContainer,
+      className,
+      style: {
+        ...style,
+        display: expanded ? (_a = style == null ? void 0 : style.display) != null ? _a : void 0 : "none"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+        Box_default,
+        {
+          css: panelCard(panelWidth),
+          role: "dialog",
+          "aria-modal": expanded ? true : false,
+          "aria-hidden": !expanded,
+          children
+        }
+      )
+    }
+  );
+};
+var WidgetRoot = ({
+  ariaLabel,
+  icon = "Plus",
+  expandedIcon = "Xmark",
+  defaultExpanded = false,
+  expanded,
+  onExpandedChange,
+  panelWidth,
+  className,
+  children,
+  containerProps
+}) => {
+  const [internalExpanded, setInternalExpanded] = (0, import_react19.useState)(defaultExpanded);
+  const isControlled = typeof expanded === "boolean";
+  const isExpanded = isControlled ? expanded : internalExpanded;
+  const triggerRef = (0, import_react19.useRef)(null);
+  const containerRef = (0, import_react19.useRef)(null);
+  const setExpanded = (0, import_react19.useCallback)(
+    (next) => {
+      if (!isControlled)
+        setInternalExpanded(next);
+      onExpandedChange == null ? void 0 : onExpandedChange(next);
+      if (!next) {
+        setTimeout(() => {
+          var _a;
+          return (_a = triggerRef.current) == null ? void 0 : _a.focus();
+        }, 0);
+      }
+    },
+    [isControlled, onExpandedChange]
+  );
+  const toggle = (0, import_react19.useCallback)(
+    () => setExpanded(!isExpanded),
+    [isExpanded, setExpanded]
+  );
+  (0, import_react19.useEffect)(() => {
+    if (!isExpanded)
+      return;
+    const onDocClick = (e) => {
+      const target = e.target;
+      if (!containerRef.current)
+        return;
+      if (!containerRef.current.contains(target)) {
+        setExpanded(false);
+      }
+    };
+    document.addEventListener("mousedown", onDocClick);
+    return () => document.removeEventListener("mousedown", onDocClick);
+  }, [isExpanded, setExpanded]);
+  (0, import_react19.useEffect)(() => {
+    if (!isExpanded)
+      return;
+    const onKey = (e) => {
+      if (e.key === "Escape")
+        setExpanded(false);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [isExpanded, setExpanded]);
+  const value = (0, import_react19.useMemo)(
+    () => ({
+      expanded: isExpanded,
+      toggle,
+      triggerRef,
+      icon,
+      expandedIcon,
+      panelWidth: panelWidth != null ? panelWidth : 480
+    }),
+    [expandedIcon, icon, isExpanded, panelWidth, toggle]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+    Box_default,
+    {
+      ref: containerRef,
+      className,
+      "aria-label": ariaLabel,
+      position: "fixed",
+      right: "var(--spacing-6)",
+      bottom: "var(--spacing-6)",
+      zIndex: 100,
+      ...containerProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(WidgetContext.Provider, { value, children })
+    }
+  );
+};
+var Widget = Object.assign(WidgetRoot, {
+  Trigger: WidgetTrigger,
+  Panel: WidgetPanel
+});
+var Widget_default = Widget;
+
+// src/ChatWidget/ChatWidget.styles.ts
+var import_react20 = require("@emotion/react");
+var sentWrapperStyles = import_react20.css`
+  align-self: flex-end;
+  max-width: 90%;
+  width: 100%;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  padding-top: var(--spacing-4);
+`;
+var receivedWrapperStyles = import_react20.css`
+  align-self: flex-start;
+  width: 100%;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  padding-top: var(--spacing-4);
+`;
+var containerStyles = import_react20.css`
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  height: 765px;
+
+  @media (max-width: calc(${screens.sm} - 1px)) {
+    height: 100%;
+  }
+`;
+var thinkingRowStyles = import_react20.css`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  color: var(--text-primary);
+`;
+var thinkingTextStyles = import_react20.css`
+  animation: ltchat-pulse 1.6s ease-in-out infinite;
+
+  @keyframes ltchat-pulse {
+    0%,
+    100% {
+      opacity: 0.6;
+    }
+    50% {
+      opacity: 1;
+    }
+  }
+`;
+var badge = import_react20.css`
+  width: var(--spacing-11);
+  height: var(--spacing-11);
+  border-radius: var(--radius-round);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-primary-500);
+  color: var(--color-base-white);
+`;
+var closeButtonContent = import_react20.css`
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+`;
+
+// src/ChatWidget/ChatWidget.tsx
+var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
+var DEFAULT_EMPTY_STATE = [
+  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+    AIResponse_default,
+    {
+      showDisclaimer: false,
+      showHelpfulQuestion: false,
+      title: "Have a question?",
+      children: "I can answer questions about this package\u2014species, seasons, rules, access, and more. What would you like to know?"
+    },
+    "default-empty"
+  )
+];
+var ChatWidget = ({
+  title,
+  messages,
+  onSubmit,
+  placeholder = "Type your question",
+  disabled = false,
+  className,
+  ariaLabel = "Open Chat",
+  panelWidth = 480,
+  expanded,
+  defaultExpanded = false,
+  onExpandedChange,
+  isThinking = false,
+  emptyState = DEFAULT_EMPTY_STATE,
+  containerProps
+}) => {
+  const [value, setValue] = (0, import_react21.useState)("");
+  const scrollRef = (0, import_react21.useRef)(null);
+  const isControlled = typeof expanded === "boolean";
+  const [internalExpanded, setInternalExpanded] = (0, import_react21.useState)(defaultExpanded);
+  const isExpanded = isControlled ? expanded : internalExpanded;
+  const setExpanded = (0, import_react21.useCallback)(
+    (next) => {
+      if (!isControlled)
+        setInternalExpanded(next);
+      onExpandedChange == null ? void 0 : onExpandedChange(next);
+    },
+    [isControlled, onExpandedChange]
+  );
+  (0, import_react21.useEffect)(() => {
+    const el = scrollRef.current;
+    if (!el)
+      return;
+    el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+  }, [messages, isThinking]);
+  const messagesToRender = messages.length === 0 ? emptyState : messages;
+  const renderedMessages = (0, import_react21.useMemo)(
+    () => messagesToRender.map((element, index) => {
+      var _a;
+      const key = (_a = element.key) != null ? _a : index;
+      if (element.type === AIResponse_default) {
+        return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
+      }
+      if (element.type === MessageBubble_default) {
+        return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react21.default.Fragment, { children: element }, key);
+    }),
+    [messagesToRender]
+  );
+  const handleSubmit = () => {
+    const trimmed = value.trim();
+    if (!trimmed)
+      return;
+    onSubmit(trimmed);
+    setValue("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+    Widget_default,
+    {
+      ariaLabel,
+      icon: "ConversationalSearchAi",
+      expanded: isExpanded,
+      onExpandedChange: setExpanded,
+      panelWidth,
+      className,
+      containerProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Widget_default.Trigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { css: containerStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+              Box_default,
+              {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: "var(--spacing-4)",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: 6 }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+                      Heading_default,
+                      {
+                        size: "2xs",
+                        fontWeight: "bold",
+                        color: "var(--text-primary)",
+                        children: title
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+                    Button_default,
+                    {
+                      variant: "text",
+                      size: "xs",
+                      "aria-label": "Close widget",
+                      onClick: () => setExpanded(false),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("span", { css: closeButtonContent, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon_default, { variant: "Xmark", size: 5 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { children: "Close" })
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Divider_default, { mt: 4, mb: 0 })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+            Box_default,
+            {
+              ref: scrollRef,
+              flex: "1 1 auto",
+              minHeight: 0,
+              overflowY: "auto",
+              p: 0,
+              pb: 4,
+              display: "flex",
+              flexDirection: "column",
+              gap: "var(--spacing-2)",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
+                isThinking && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("div", { css: thinkingRowStyles, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Spinner_default2, { size: 5 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { css: thinkingTextStyles, children: "Thinking..." })
+                ] }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+            TextArea_default,
+            {
+              rows: 3,
+              value,
+              maxHeight: 250,
+              autoExpand: true,
+              onChange: (e) => setValue(e.target.value),
+              showSubmit: true,
+              onSubmit: handleSubmit,
+              disabled,
+              submitDisabled: !value.trim() || isThinking,
+              placeholder
+            }
+          ) })
+        ] }) })
+      ]
+    }
+  );
+};
+var ChatWidget_default = ChatWidget;
+
+// src/FieldNoteCard/FieldNoteCard.styles.ts
+var import_react22 = require("@emotion/react");
+var cardContainerStyles = import_react22.css`
+  position: relative;
+  height: 335px;
+
+  ${media.md} {
+    height: 480px;
+  }
+`;
+var cardContentStyles = import_react22.css`
+  position: relative;
+  border-radius: var(--spacing-4);
+  overflow: hidden;
+`;
+var getBackgroundWithGradient = (imageUrl) => import_react22.css`
+  background-image: linear-gradient(
+      180deg,
+      rgba(0, 0, 0, 0) 48.36%,
+      rgba(0, 0, 0, 0.6) 76.64%
+    ),
+    url(${imageUrl});
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: #fff;
+`;
+
+// src/FieldNoteCard/FieldNoteCard.tsx
+var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
+var FieldNoteCard = ({
+  backgroundImage,
+  title,
+  buttonLabel,
+  onClick,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+    Box_default,
+    {
+      display: "flex",
+      css: cardContainerStyles,
+      className,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+        Box_default,
+        {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "flex-end",
+          p: 6,
+          css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
+          children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          ] })
+        }
+      )
+    }
+  );
+};
+var FieldNoteCard_default = FieldNoteCard;
+
+// src/Form/FormField.tsx
+var import_react23 = require("@emotion/react");
+var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var fieldContainerStyles = import_react23.css`
+  display: flex;
+  flex-direction: column;
+  gap: ${space["2"]};
+`;
+var labelStyles2 = import_react23.css`
+  font-family: ${fonts.base};
+  font-size: ${fontSizes.sm};
+  font-weight: ${fontWeights.medium};
+  line-height: ${lineHeights.tight};
+  color: ${colors.gray["900"]};
+  margin-bottom: ${space["1"]};
+`;
+var requiredIndicatorStyles = import_react23.css`
+  color: ${colors.red["500"]};
+  margin-left: ${space["1"]};
+`;
+var helpTextStyles = import_react23.css`
+  font-family: ${fonts.base};
+  font-size: ${fontSizes.sm};
+  line-height: ${lineHeights.tight};
+  color: ${colors.gray["600"]};
+`;
+var errorTextStyles = import_react23.css`
+  font-family: ${fonts.base};
+  font-size: ${fontSizes.sm};
+  line-height: ${lineHeights.tight};
+  color: ${colors.red["500"]};
+  display: flex;
+  align-items: center;
+  gap: ${space["1"]};
+`;
+var successTextStyles = import_react23.css`
+  font-family: ${fonts.base};
+  font-size: ${fontSizes.sm};
+  line-height: ${lineHeights.tight};
+  color: ${colors.accent.green};
+  display: flex;
+  align-items: center;
+  gap: ${space["1"]};
+`;
+var visuallyHiddenStyles = import_react23.css`
+  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
@@ -3889,21 +4647,21 @@ var FormField = ({
   const hasError = !!error;
   const hasSuccess = !!success && !hasError;
   const hasHelpText = !!helpText && !hasError && !hasSuccess;
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { css: fieldContainerStyles, className, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: fieldContainerStyles, className, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(
       "label",
       {
         htmlFor,
         css: [labelStyles2, hideLabel && visuallyHiddenStyles],
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
         ]
       }
     ),
     children,
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -3913,8 +4671,8 @@ var FormField = ({
       ) }),
       error
     ] }),
-    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { css: successTextStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+    hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { css: successTextStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -3924,15 +4682,15 @@ var FormField = ({
       ) }),
       success
     ] }),
-    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { css: helpTextStyles, children: helpText })
+    hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { css: helpTextStyles, children: helpText })
   ] });
 };
 
 // src/Form/Input.tsx
-var import_react14 = require("@emotion/react");
-var import_react15 = require("react");
-var import_jsx_runtime204 = require("@emotion/react/jsx-runtime");
-var inputStyles = import_react14.css`
+var import_react24 = require("@emotion/react");
+var import_react25 = require("react");
+var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
+var inputStyles = import_react24.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -3969,19 +4727,19 @@ var inputStyles = import_react14.css`
   }
 `;
 var sizeStyles = {
-  sm: import_react14.css`
+  sm: import_react24.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react14.css`
+  md: import_react24.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react14.css`
+  lg: import_react24.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -3989,8 +4747,8 @@ var sizeStyles = {
   `
 };
 var variantStyles = {
-  default: import_react14.css``,
-  error: import_react14.css`
+  default: import_react24.css``,
+  error: import_react24.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -3998,7 +4756,7 @@ var variantStyles = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react14.css`
+  success: import_react24.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -4007,7 +4765,7 @@ var variantStyles = {
     }
   `
 };
-var inputWithIconStyles = import_react14.css`
+var inputWithIconStyles = import_react24.css`
   padding-left: ${space["10"]};
 
   &.has-end-icon {
@@ -4018,7 +4776,7 @@ var inputWithIconStyles = import_react14.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles = import_react14.css`
+var iconContainerStyles = import_react24.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -4029,20 +4787,20 @@ var iconContainerStyles = import_react14.css`
   pointer-events: none;
   z-index: 1;
 `;
-var startIconStyles = import_react14.css`
+var startIconStyles = import_react24.css`
   ${iconContainerStyles}
   left: ${space["3"]};
 `;
-var endIconStyles = import_react14.css`
+var endIconStyles = import_react24.css`
   ${iconContainerStyles}
   right: ${space["3"]};
 `;
-var inputWrapperStyles = import_react14.css`
+var inputWrapperStyles = import_react24.css`
   position: relative;
   display: inline-block;
   width: 100%;
 `;
-var Input = (0, import_react15.forwardRef)(
+var Input = (0, import_react25.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4061,9 +4819,9 @@ var Input = (0, import_react15.forwardRef)(
       hasEndIcon && "has-end-icon",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { css: inputWrapperStyles, children: [
-      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { css: startIconStyles, children: startIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { css: inputWrapperStyles, children: [
+      hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { css: startIconStyles, children: startIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
         "input",
         {
           ref,
@@ -4080,17 +4838,17 @@ var Input = (0, import_react15.forwardRef)(
           ...props
         }
       ),
-      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { css: endIconStyles, children: endIcon })
+      hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { css: endIconStyles, children: endIcon })
     ] });
   }
 );
 Input.displayName = "Input";
 
 // src/Form/Select.tsx
-var import_react16 = require("@emotion/react");
-var import_react17 = require("react");
-var import_jsx_runtime205 = require("@emotion/react/jsx-runtime");
-var selectStyles = import_react16.css`
+var import_react26 = require("@emotion/react");
+var import_react27 = require("react");
+var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
+var selectStyles = import_react26.css`
   position: relative;
   width: 100%;
   font-family: ${fonts.base};
@@ -4129,19 +4887,19 @@ var selectStyles = import_react16.css`
   }
 `;
 var sizeStyles2 = {
-  sm: import_react16.css`
+  sm: import_react26.css`
     padding: ${space["2"]} ${space["3"]};
     font-size: ${fontSizes.sm};
     line-height: ${lineHeights.tight};
     height: ${space["8"]};
   `,
-  md: import_react16.css`
+  md: import_react26.css`
     padding: ${space["3"]} ${space["4"]};
     font-size: ${fontSizes.base};
     line-height: ${lineHeights.normal};
     height: ${space["10"]};
   `,
-  lg: import_react16.css`
+  lg: import_react26.css`
     padding: ${space["4"]} ${space["5"]};
     font-size: ${fontSizes.lg};
     line-height: ${lineHeights.normal};
@@ -4149,8 +4907,8 @@ var sizeStyles2 = {
   `
 };
 var variantStyles2 = {
-  default: import_react16.css``,
-  error: import_react16.css`
+  default: import_react26.css``,
+  error: import_react26.css`
     border-color: ${colors.red["500"]};
 
     &:focus {
@@ -4158,7 +4916,7 @@ var variantStyles2 = {
       box-shadow: 0 0 0 3px ${colors.red["100"]};
     }
   `,
-  success: import_react16.css`
+  success: import_react26.css`
     border-color: ${colors.accent.green};
 
     &:focus {
@@ -4167,7 +4925,7 @@ var variantStyles2 = {
     }
   `
 };
-var optionStyles = import_react16.css`
+var optionStyles = import_react26.css`
   background-color: ${colors.light["100"]};
   color: ${colors.gray["900"]};
 
@@ -4176,7 +4934,7 @@ var optionStyles = import_react16.css`
     background-color: ${colors.gray["100"]};
   }
 `;
-var Select = (0, import_react17.forwardRef)(
+var Select = (0, import_react27.forwardRef)(
   ({
     size = "md",
     variant = "default",
@@ -4186,7 +4944,7 @@ var Select = (0, import_react17.forwardRef)(
     className = "",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
       "select",
       {
         ref,
@@ -4195,8 +4953,8 @@ var Select = (0, import_react17.forwardRef)(
         className,
         ...props,
         children: [
-          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
-          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
+          options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
             "option",
             {
               value: option.value,
@@ -4213,170 +4971,11 @@ var Select = (0, import_react17.forwardRef)(
 );
 Select.displayName = "Select";
 
-// src/Form/TextArea.tsx
-var import_react19 = require("@emotion/react");
-var import_react20 = require("react");
-
-// src/Form/TextArea.styles.ts
-var import_react18 = require("@emotion/react");
-var wrapperStyles = import_react18.css`
-  position: relative;
-  display: inline-block;
-  width: 100%;
-`;
-var textareaBase = import_react18.css`
-  width: 100%;
-  box-sizing: border-box;
-  font: inherit;
-  color: var(--text-primary);
-  background-color: var(--surface-page);
-  border: 1px solid var(--border-primary);
-  border-radius: var(--radius-sm);
-  padding: var(--spacing-3) var(--spacing-4);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-  outline: none;
-  resize: none;
-
-  &::placeholder {
-    color: var(--text-secondary);
-  }
-
-  &:focus {
-    border-color: var(--border-focus);
-    box-shadow: 0 0 0 3px var(--surface-success, rgba(50, 90, 60, 0.1));
-  }
-
-  &:disabled {
-    background-color: var(--surface-disabled-2);
-    color: var(--text-on-disabled);
-    cursor: not-allowed;
-  }
-
-  &:read-only {
-    background-color: var(--surface-disabled-2);
-    color: var(--text-secondary);
-    cursor: default;
-  }
-`;
-var variantError = import_react18.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_react18.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_react18.css`
-  position: absolute;
-  right: var(--spacing-2);
-  bottom: var(--spacing-3);
-`;
-
-// src/Form/TextArea.tsx
-var import_jsx_runtime206 = require("@emotion/react/jsx-runtime");
-var TextArea = (0, import_react20.forwardRef)(
-  ({
-    rows = 3,
-    variant = "default",
-    disabled = false,
-    readOnly = false,
-    className,
-    autoExpand = true,
-    maxHeight,
-    resize = "none",
-    value,
-    onChange,
-    showSubmit = false,
-    onSubmit,
-    submitAriaLabel = "Submit",
-    submitDisabled,
-    ...props
-  }, ref) => {
-    const innerRef = (0, import_react20.useRef)(null);
-    (0, import_react20.useEffect)(() => {
-      const el = innerRef.current;
-      if (!el || !autoExpand)
-        return;
-      el.style.height = "auto";
-      if (typeof maxHeight === "number") {
-        el.style.maxHeight = `${maxHeight}px`;
-      } else if (typeof maxHeight === "string") {
-        el.style.maxHeight = maxHeight;
-      }
-      el.style.overflowY = maxHeight ? "auto" : "hidden";
-      el.style.height = `${el.scrollHeight}px`;
-    }, [value, autoExpand, maxHeight]);
-    const handleChange = (e) => {
-      if (autoExpand && innerRef.current) {
-        const el = innerRef.current;
-        el.style.height = "auto";
-        el.style.overflowY = maxHeight ? "auto" : "hidden";
-        el.style.height = `${el.scrollHeight}px`;
-      }
-      onChange == null ? void 0 : onChange(e);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { css: wrapperStyles, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
-        "textarea",
-        {
-          ref: (node) => {
-            innerRef.current = node;
-            if (typeof ref === "function")
-              ref(node);
-            else if (ref)
-              ref.current = node;
-          },
-          rows,
-          disabled,
-          readOnly,
-          css: [
-            textareaBase,
-            variant === "error" && variantError,
-            variant === "success" && variantSuccess,
-            import_react19.css`
-              resize: ${resize};
-            `
-          ],
-          className,
-          value,
-          onChange: handleChange,
-          "aria-multiline": "true",
-          ...props
-        }
-      ),
-      showSubmit && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
-        Button_default,
-        {
-          size: "xs",
-          "aria-label": submitAriaLabel,
-          onClick: onSubmit,
-          disabled: disabled || submitDisabled,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
-            Icon_default,
-            {
-              variant: "PaperPlane",
-              size: 6,
-              fill: "var(--color-base-white)"
-            }
-          )
-        }
-      ) })
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
 // src/Grid/Column.tsx
-var import_react22 = require("@emotion/react");
+var import_react29 = require("@emotion/react");
 
 // src/Grid/utils.ts
-var import_react21 = require("@emotion/react");
+var import_react28 = require("@emotion/react");
 var LayoutTokens = {
   containers: {
     sm: screens.sm,
@@ -4416,11 +5015,11 @@ var getResponsiveValue = (value) => {
 var generateGridColumns = (columns) => {
   const baseColumns = getResponsiveValue(columns);
   if (typeof columns === "number") {
-    return import_react21.css`
+    return import_react28.css`
       grid-template-columns: repeat(${columns}, 1fr);
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     grid-template-columns: repeat(${baseColumns}, 1fr);
 
     ${media.sm} {
@@ -4452,11 +5051,11 @@ var generateGridColumns = (columns) => {
 var generateGapStyles = (gap2) => {
   const baseGap = getResponsiveValue(gap2);
   if (typeof gap2 === "string" || typeof gap2 === "number") {
-    return import_react21.css`
+    return import_react28.css`
       gap: ${space[gap2]};
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     gap: ${space[baseGap]};
 
     ${media.sm} {
@@ -4479,11 +5078,11 @@ var generateGapStyles = (gap2) => {
 var generateRowGapStyles = (rowGap) => {
   const baseRowGap = getResponsiveValue(rowGap);
   if (typeof rowGap === "string" || typeof rowGap === "number") {
-    return import_react21.css`
+    return import_react28.css`
       row-gap: ${space[rowGap]};
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     row-gap: ${space[baseRowGap]};
 
     ${media.sm} {
@@ -4506,11 +5105,11 @@ var generateRowGapStyles = (rowGap) => {
 var generateColumnGapStyles = (columnGap) => {
   const baseColumnGap = getResponsiveValue(columnGap);
   if (typeof columnGap === "string" || typeof columnGap === "number") {
-    return import_react21.css`
+    return import_react28.css`
       column-gap: ${space[columnGap]};
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     column-gap: ${space[baseColumnGap]};
 
     ${media.sm} {
@@ -4533,11 +5132,11 @@ var generateColumnGapStyles = (columnGap) => {
 var generateColumnSpan = (span) => {
   const baseSpan = getResponsiveValue(span);
   if (typeof span === "string" || typeof span === "number") {
-    return import_react21.css`
+    return import_react28.css`
       grid-column: ${span === "auto" ? "auto" : `span ${span}`};
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     grid-column: ${baseSpan === "auto" ? "auto" : `span ${baseSpan}`};
 
     ${media.sm} {
@@ -4560,11 +5159,11 @@ var generateColumnSpan = (span) => {
 var generateAlignItems = (alignItems) => {
   const baseAlign = getResponsiveValue(alignItems);
   if (typeof alignItems === "string") {
-    return import_react21.css`
+    return import_react28.css`
       align-items: ${alignItems};
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     align-items: ${baseAlign};
 
     ${media.sm} {
@@ -4587,11 +5186,11 @@ var generateAlignItems = (alignItems) => {
 var generateJustifyItems = (justifyItems) => {
   const baseJustify = getResponsiveValue(justifyItems);
   if (typeof justifyItems === "string") {
-    return import_react21.css`
+    return import_react28.css`
       justify-items: ${justifyItems};
     `;
   }
-  return import_react21.css`
+  return import_react28.css`
     justify-items: ${baseJustify};
 
     ${media.sm} {
@@ -4613,7 +5212,7 @@ var generateJustifyItems = (justifyItems) => {
 };
 
 // src/Grid/Column.tsx
-var import_jsx_runtime207 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
 var Column = ({
   span,
   start,
@@ -4626,30 +5225,30 @@ var Column = ({
 }) => {
   const columnStyles = [
     span && generateColumnSpan(span),
-    start && import_react22.css`
+    start && import_react29.css`
         grid-column-start: ${start};
       `,
-    end && import_react22.css`
+    end && import_react29.css`
         grid-column-end: ${end};
       `,
-    row && import_react22.css`
+    row && import_react29.css`
         grid-row: ${row};
       `,
-    rowSpan && import_react22.css`
+    rowSpan && import_react29.css`
         grid-row: span ${rowSpan};
       `,
-    area && import_react22.css`
+    area && import_react29.css`
         grid-area: ${area};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Box_default, { css: columnStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(Box_default, { css: columnStyles, ...props, children });
 };
 var Column_default = Column;
 
 // src/Grid/Grid.tsx
-var import_react23 = require("@emotion/react");
-var import_jsx_runtime208 = require("@emotion/react/jsx-runtime");
-var baseGridStyles = import_react23.css`
+var import_react30 = require("@emotion/react");
+var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
+var baseGridStyles = import_react30.css`
   display: grid;
 `;
 var Grid = ({
@@ -4674,27 +5273,27 @@ var Grid = ({
     columnGap && generateColumnGapStyles(columnGap),
     alignItems && generateAlignItems(alignItems),
     justifyItems && generateJustifyItems(justifyItems),
-    autoRows && import_react23.css`
+    autoRows && import_react30.css`
         grid-auto-rows: ${autoRows};
       `,
-    autoColumns && import_react23.css`
+    autoColumns && import_react30.css`
         grid-auto-columns: ${autoColumns};
       `,
-    templateAreas && import_react23.css`
+    templateAreas && import_react30.css`
         grid-template-areas: ${typeof templateAreas === "string" ? templateAreas : templateAreas._};
       `,
-    justifyContent && import_react23.css`
+    justifyContent && import_react30.css`
         justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
       `
   ].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Box_default, { css: gridStyles, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Box_default, { css: gridStyles, ...props, children });
 };
 var Grid_default = Grid;
 
 // src/Grid/GridContainer.tsx
-var import_react24 = require("@emotion/react");
-var import_jsx_runtime209 = require("@emotion/react/jsx-runtime");
-var baseContainerStyles = import_react24.css`
+var import_react31 = require("@emotion/react");
+var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
+var baseContainerStyles = import_react31.css`
   width: 100%;
   margin: 0 auto;
   padding-left: 1rem;
@@ -4702,14 +5301,14 @@ var baseContainerStyles = import_react24.css`
 `;
 var generateMaxWidthStyles = (maxWidth) => {
   if (maxWidth === "full") {
-    return import_react24.css`
+    return import_react31.css`
       max-width: 100%;
       padding-left: 0;
       padding-right: 0;
     `;
   }
   const width2 = LayoutTokens.containers[maxWidth] || maxWidth;
-  return import_react24.css`
+  return import_react31.css`
     max-width: ${width2};
 
     ${media.sm} {
@@ -4734,17 +5333,17 @@ var GridContainer = ({
   className,
   ...props
 }) => {
-  const containerStyles2 = [
+  const containerStyles4 = [
     baseContainerStyles,
     generateMaxWidthStyles(maxWidth)
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Box_default, { css: containerStyles2, className, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
 };
 var GridContainer_default = GridContainer;
 
 // src/HuntCard/HuntCard.styles.ts
-var import_react25 = require("@emotion/react");
-var cardContainerStyles2 = import_react25.css`
+var import_react32 = require("@emotion/react");
+var cardContainerStyles2 = import_react32.css`
   position: relative;
   height: 335px;
 
@@ -4752,12 +5351,12 @@ var cardContainerStyles2 = import_react25.css`
     height: 480px;
   }
 `;
-var cardContentStyles2 = import_react25.css`
+var cardContentStyles2 = import_react32.css`
   position: relative;
   border-radius: var(--spacing-4);
   overflow: hidden;
 `;
-var getBackgroundWithGradient2 = (imageUrl) => import_react25.css`
+var getBackgroundWithGradient2 = (imageUrl) => import_react32.css`
   background-image: linear-gradient(
       180deg,
       rgba(0, 0, 0, 0) 48.36%,
@@ -4771,7 +5370,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react25.css`
 `;
 
 // src/HuntCard/HuntCard.tsx
-var import_jsx_runtime210 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
 var HuntCard = ({
   backgroundImage,
   title,
@@ -4780,14 +5379,14 @@ var HuntCard = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
     Box_default,
     {
       display: "flex",
       css: cardContainerStyles2,
       className,
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
         Box_default,
         {
           display: "flex",
@@ -4795,23 +5394,182 @@ var HuntCard = ({
           justifyContent: "flex-end",
           p: 6,
           css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
-          children: /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
+          children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
           ] })
         }
       )
     }
   );
 };
-var HuntCard_default = HuntCard;
+var HuntCard_default = HuntCard;
+
+// src/ListingChat/ListingChat.tsx
+var import_react35 = require("react");
+
+// src/TagChip/TagChip.styles.ts
+var import_react33 = require("@emotion/react");
+var tagChipVariantStyles = {
+  primary: import_react33.css`
+    background-color: var(--surface-disabled);
+    border: 1px solid var(--surface-disabled);
+    color: var(--text-primary);
+  `,
+  error: import_react33.css`
+    background-color: var(--surface-error);
+    border: 1px solid var(--color-red-300);
+    color: var(--text-error);
+  `,
+  success: import_react33.css`
+    background-color: var(--surface-success);
+    border: 1px solid var(--color-green-300);
+    color: var(--text-success);
+  `,
+  warning: import_react33.css`
+    background-color: var(--surface-subtle);
+    border: 1px solid var(--color-brown-200);
+    color: var(--text-primary);
+  `
+};
+
+// src/TagChip/TagChip.tsx
+var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var TagChip = ({
+  variant = "primary",
+  className,
+  children,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+    Box_default,
+    {
+      display: "inline-flex",
+      alignItems: "center",
+      borderRadius: "var(--spacing-6)",
+      px: "var(--spacing-4)",
+      py: "var(--spacing-3)",
+      css: tagChipVariantStyles[variant],
+      className,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
+    }
+  );
+};
+var TagChip_default = TagChip;
+
+// src/ListingChat/ListingChat.styles.ts
+var import_react34 = require("@emotion/react");
+var containerStyles2 = import_react34.css`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  padding: var(--spacing-4);
+  border-radius: var(--radius-lg);
+  background: var(--surface-success);
+`;
+var headerStyles = import_react34.css`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--spacing-2);
+`;
+var chipsContainerStyles = import_react34.css`
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-4);
+
+  & > button {
+    background: transparent;
+    border: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+  }
+`;
+var textAreaStyles = import_react34.css`
+  min-height: 62px;
+`;
+var inputWrapperStyles2 = import_react34.css`
+  position: relative;
+`;
+
+// src/ListingChat/ListingChat.tsx
+var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var ListingChat = ({
+  onSubmit,
+  placeholder = "Ask anything about this listing\u2026",
+  className,
+  title = "Have a question?",
+  tags = [],
+  disabled = false,
+  ...rest
+}) => {
+  const [value, setValue] = (0, import_react35.useState)("");
+  const handleSubmit = (0, import_react35.useCallback)(() => {
+    const trimmed = value.trim();
+    if (!trimmed)
+      return;
+    onSubmit(trimmed);
+    setValue("");
+  }, [onSubmit, value]);
+  const handleTagClick = (0, import_react35.useCallback)(
+    (tag) => () => {
+      const trimmed = tag.trim();
+      if (!trimmed)
+        return;
+      onSubmit(trimmed);
+    },
+    [onSubmit]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: headerStyles, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: "AiMagic", size: 5 }),
+        /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "sm", children: "Beta" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+      TextArea,
+      {
+        rows: 1,
+        placeholder,
+        value,
+        onChange: (e) => setValue(e.target.value),
+        showSubmit: true,
+        onSubmit: handleSubmit,
+        disabled,
+        submitDisabled: !value.trim(),
+        submitAriaLabel: "Submit message",
+        css: textAreaStyles
+      }
+    ) }),
+    tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(import_jsx_runtime218.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
+      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+        "button",
+        {
+          onClick: handleTagClick(tag),
+          disabled,
+          children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(TagChip_default, { children: tag })
+        },
+        tag
+      )) })
+    ] })
+  ] });
+};
+var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react26 = require("@emotion/react");
+var import_react36 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
-var import_jsx_runtime211 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4819,14 +5577,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime219.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_runtime211.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -4835,14 +5593,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
           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_runtime211.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime219.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_runtime211.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
         "filter",
         {
           id: "landtrust-plus-dark_svg__a",
@@ -4853,8 +5611,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -4862,18 +5620,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
                 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_runtime211.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.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_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2540"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -4890,8 +5648,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime211.
 var LandtrustPlusDark_default = SvgLandtrustPlusDark;
 
 // src/Logo/components/LandtrustPlusLight.tsx
-var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4899,14 +5657,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         "path",
         {
           fill: "#000",
           d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
         "path",
         {
           fill: "#FAD44E",
@@ -4915,14 +5673,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
           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_runtime212.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.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_runtime212.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
         "filter",
         {
           id: "landtrust-plus-light_svg__a",
@@ -4933,8 +5691,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
           colorInterpolationFilters: "sRGB",
           filterUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               "feColorMatrix",
               {
                 in: "SourceAlpha",
@@ -4942,18 +5700,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
                 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_runtime212.jsx)("feOffset", { dy: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-            /* @__PURE__ */ (0, import_jsx_runtime212.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_runtime212.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feOffset", { dy: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               "feBlend",
               {
                 in2: "BackgroundImageFix",
                 result: "effect1_dropShadow_257_2538"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
               "feBlend",
               {
                 in: "SourceGraphic",
@@ -4970,8 +5728,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime212
 var LandtrustPlusLight_default = SvgLandtrustPlusLight;
 
 // src/Logo/components/LandtrustStandardDark.tsx
-var import_jsx_runtime213 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)(
+var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4979,14 +5737,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.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_runtime213.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
         "path",
         {
           fill: "#fff",
@@ -4999,8 +5757,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
 var LandtrustStandardDark_default = SvgLandtrustStandardDark;
 
 // src/Logo/components/LandtrustStandardLight.tsx
-var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
-var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
+var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
+var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5008,14 +5766,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
     fill: "none",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         "path",
         {
           fill: "#E2430C",
           d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
         "path",
         {
           fill: "#000",
@@ -5028,8 +5786,8 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
 var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
-var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react26.css`
+var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
+var logoStyles = (size) => import_react36.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -5057,72 +5815,18 @@ var Logo = ({
     return LandtrustStandardLight_default;
   };
   const LogoComponent = getLogoComponent();
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
 };
 var Logo_default = Logo;
 
-// src/MessageBubble/MessageBubble.styles.ts
-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_react27.css`
-  max-width: 100%;
-  width: 100%;
-  box-sizing: border-box;
-  display: flex;
-  gap: var(--spacing-3);
-  align-items: center;
-  justify-content: center;
-  padding: var(--spacing-4);
-  background-color: ${variant === "sent" ? "var(--color-neutral-900)" : "var(--surface-neutral)"};
-  color: ${variant === "sent" ? "var(--color-base-white)" : "var(--text-primary)"};
-  border: ${variant === "sent" ? "1px solid transparent" : "none"};
-  border-top-left-radius: var(--radius-lg);
-  border-top-right-radius: var(--radius-lg);
-  border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
-  border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
-`;
-var contentStyles = import_react27.css`
-  flex: 1 1 auto;
-  min-width: 1px;
-  min-height: 1px;
-`;
-
-// src/MessageBubble/MessageBubble.tsx
-var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
-var MessageBubble = ({
-  variant = "sent",
-  timestamp,
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className, css: getRootStyles(variant), children: [
-    timestamp && /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
-      Text_default,
-      {
-        size: "xs",
-        color: "var(--text-secondary)",
-        textAlign: variant === "sent" ? "right" : "left",
-        children: timestamp
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { css: contentStyles, children }) })
-  ] });
-};
-var MessageBubble_default = MessageBubble;
-
 // src/Navigation/Navigation.styles.ts
-var import_react28 = require("@emotion/react");
-var navigationStyles = import_react28.css`
+var import_react37 = require("@emotion/react");
+var navigationStyles = import_react37.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react28.css`
+var hamburgerButtonStyles = import_react37.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -5133,7 +5837,7 @@ var hamburgerButtonStyles = import_react28.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react28.css`
+var centeredLogoStyles = import_react37.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -5141,27 +5845,27 @@ var centeredLogoStyles = import_react28.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react28.css`
+var desktopLogoStyles = import_react37.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles = import_react28.css`
+var containerStyles3 = import_react37.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react28.css`
+var logoStyles2 = import_react37.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react28.css`
+var desktopNavStyles = import_react37.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -5170,7 +5874,7 @@ var desktopNavStyles = import_react28.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react28.css`
+var navLinksStyles = import_react37.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -5178,7 +5882,7 @@ var navLinksStyles = import_react28.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react28.css`
+var navLinkStyles = import_react37.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -5194,7 +5898,7 @@ var navLinkStyles = import_react28.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react28.css`
+var avatarPlaceholderStyles = import_react37.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -5219,7 +5923,7 @@ var avatarPlaceholderStyles = import_react28.css`
 `;
 
 // src/Navigation/Navigation.tsx
-var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
 var Navigation = ({
   onMenuToggle,
   className,
@@ -5233,16 +5937,16 @@ var Navigation = ({
   onAvatarClick,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(
     Box_default,
     {
       display: "flex",
       alignItems: "center",
       padding: space[4],
       position: "relative",
-      css: containerStyles,
+      css: containerStyles3,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
           Box_default,
           {
             as: "button",
@@ -5254,11 +5958,11 @@ var Navigation = ({
             border: "none",
             padding: space[2],
             css: hamburgerButtonStyles,
-            children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "Bars", size: 6 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Icon_default, { variant: "Bars", size: 6 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
           Logo_default,
           {
             variant: logoVariant,
@@ -5267,8 +5971,8 @@ var Navigation = ({
             css: logoStyles2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { css: desktopNavStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(Box_default, { css: desktopNavStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
             "a",
             {
               href: link.href,
@@ -5277,7 +5981,7 @@ var Navigation = ({
               children: link.label
             }
           ) }, link.href)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
             Box_default,
             {
               as: "button",
@@ -5296,8 +6000,8 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react29 = require("@emotion/react");
-var cardContainerStyles3 = import_react29.css`
+var import_react38 = require("@emotion/react");
+var cardContainerStyles3 = import_react38.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -5314,14 +6018,14 @@ var cardContainerStyles3 = import_react29.css`
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   }
 `;
-var imageContainerStyles = import_react29.css`
+var imageContainerStyles = import_react38.css`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   border-radius: var(--spacing-4);
 `;
-var imageStyles = import_react29.css`
+var imageStyles = import_react38.css`
   width: 100%;
   height: 100%;
   background-size: cover;
@@ -5329,13 +6033,13 @@ var imageStyles = import_react29.css`
   background-repeat: no-repeat;
   border-radius: var(--spacing-4) var(--spacing-4) 0 0;
 `;
-var badgeStyles = import_react29.css`
+var badgeStyles = import_react38.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react29.css`
+var heartIconStyles = import_react38.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -5357,12 +6061,12 @@ var heartIconStyles = import_react29.css`
     transform: scale(1.1);
   }
 `;
-var contentStyles2 = import_react29.css`
+var contentStyles2 = import_react38.css`
   padding: var(--spacing-3);
 `;
 
 // src/PackageCard/PackageCard.tsx
-var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
 var PackageCard = ({
   images,
   title,
@@ -5379,13 +6083,13 @@ var PackageCard = ({
   ...rest
 }) => {
   const mainImage = images[0] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
-      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: cardContainerStyles3, className, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { css: imageContainerStyles, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: [imageStyles, { backgroundImage: `url(${mainImage})` }], children: [
+      tripsLeft && /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(AvailabilityChip_default, { variant: "warning", css: badgeStyles, children: [
         tripsLeft,
         " Trips Left"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
         Box_default,
         {
           css: heartIconStyles,
@@ -5393,12 +6097,12 @@ var PackageCard = ({
             e.stopPropagation();
             onFavoriteClick == null ? void 0 : onFavoriteClick();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Icon_default, { variant: isFavorited ? "HeartSolid" : "Heart", size: 5 })
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { css: contentStyles2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { css: contentStyles2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(
         Box_default,
         {
           onClick,
@@ -5407,9 +6111,9 @@ var PackageCard = ({
           gap: "var(--spacing-1)",
           mb: "var(--spacing-4)",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Text_default, { size: "xs", fontWeight: "bold", children: subtitle }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Text_default, { size: "xs", fontWeight: "normal", children: [
               "Starting Price ",
               startingPrice,
               " / Guest"
@@ -5417,280 +6121,34 @@ var PackageCard = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
-        days && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-3)", alignItems: "center", children: [
+        days && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
           IconLabel_default,
           {
             variant: "Calendar",
             label: `${days} Day${days !== 1 ? "s" : ""}`
           }
         ),
-        guests && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
+        guests && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
           IconLabel_default,
           {
             variant: "User",
             label: `${guests} Guest${guests !== 1 ? "s" : ""}`
           }
         ),
-        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
+        hasLodging && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(IconLabel_default, { variant: "House", label: "Lodging" })
       ] })
     ] })
   ] });
 };
 var PackageCard_default = PackageCard;
-
-// src/TagChip/TagChip.tsx
-var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
-var TagChip = ({
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
-    Box_default,
-    {
-      display: "inline-flex",
-      alignItems: "center",
-      backgroundColor: "var(--surface-subtle)",
-      borderRadius: "var(--spacing-6)",
-      border: "1px solid var(--color-brown-200)",
-      px: "var(--spacing-4)",
-      py: "var(--spacing-3)",
-      className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { as: "span", size: "xs", fontWeight: "normal", children })
-    }
-  );
-};
-var TagChip_default = TagChip;
-
-// src/Widget/Widget.tsx
-var import_react31 = require("react");
-
-// src/Widget/Widget.styles.ts
-var import_react30 = require("@emotion/react");
-var fixedContainer = import_react30.css`
-  position: fixed;
-  right: var(--spacing-6);
-  bottom: var(--spacing-6);
-  z-index: 50;
-`;
-var panelContainer = import_react30.css`
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  z-index: 1;
-
-  @media (max-width: calc(${screens.sm} - 1px)) {
-    position: fixed;
-    inset: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    align-items: stretch;
-    justify-content: stretch;
-  }
-`;
-var panelCard = (width2) => import_react30.css`
-  background: var(--surface-page);
-  color: var(--text-primary);
-  border: 1px solid var(--border-primary);
-  border-radius: var(--radius-lg);
-  padding: var(--spacing-4);
-  max-height: 70vh;
-  overflow: auto;
-  box-shadow: 0 0 var(--shadow-blur-lg, 24px) var(--shadow-spread-xs, -4px)
-    rgba(17, 17, 17, 0.1);
-
-  /* Width passed from props (desktop/tablet) */
-  width: ${typeof width2 === "number" ? `${width2}px` : width2};
-
-  @media (max-width: calc(${screens.sm} - 1px)) {
-    width: 100vw;
-    height: 100vh;
-    max-height: 100vh;
-    border-radius: 0;
-    padding: var(--spacing-4);
-    overflow: auto;
-  }
-`;
-var headerRow = import_react30.css`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-4);
-`;
-var badge = import_react30.css`
-  width: 42px;
-  height: 42px;
-  border-radius: 9999px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-primary-500);
-  color: var(--color-base-white);
-`;
-var closeButtonContent = import_react30.css`
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-2);
-`;
-var closeButtonIcon = import_react30.css`
-  display: block;
-`;
-
-// src/Widget/Widget.tsx
-var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
-var WidgetContext = (0, import_react31.createContext)(null);
-var useWidgetContext = () => {
-  const ctx = (0, import_react31.useContext)(WidgetContext);
-  if (!ctx)
-    throw new Error("Widget subcomponents must be used within <Widget>");
-  return ctx;
-};
-var WidgetTrigger = () => {
-  const { expanded, toggle, triggerRef, icon, expandedIcon } = useWidgetContext();
-  const currentIcon = expanded ? expandedIcon : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(import_jsx_runtime220.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
-    Button_default,
-    {
-      ref: triggerRef,
-      "aria-expanded": expanded,
-      "aria-haspopup": "dialog",
-      onClick: toggle,
-      size: "lg",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: currentIcon, size: 8 })
-    }
-  ) });
-};
-var WidgetPanel = ({ className, style, children }) => {
-  const { expanded, panelWidth, header, icon, toggle } = useWidgetContext();
-  if (!expanded)
-    return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { css: panelCard(panelWidth), role: "dialog", "aria-modal": true, children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_jsx_runtime220.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: headerRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 16 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: icon, size: 6 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "gray.900", children: header })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
-          Button_default,
-          {
-            variant: "text",
-            size: "xs",
-            "aria-label": "Close widget",
-            onClick: toggle,
-            children: /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("span", { css: closeButtonContent, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: "Xmark", size: 5, css: closeButtonIcon }),
-              /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("span", { children: "Close" })
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Divider_default, {})
-    ] }),
-    children
-  ] }) });
-};
-var WidgetRoot = ({
-  ariaLabel,
-  icon = "Plus",
-  expandedIcon = "Xmark",
-  defaultExpanded = false,
-  expanded,
-  onExpandedChange,
-  size,
-  panelWidth,
-  className,
-  children,
-  header
-}) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react31.useState)(defaultExpanded);
-  const isControlled = typeof expanded === "boolean";
-  const isExpanded = isControlled ? expanded : internalExpanded;
-  const triggerRef = (0, import_react31.useRef)(null);
-  const containerRef = (0, import_react31.useRef)(null);
-  const setExpanded = (0, import_react31.useCallback)(
-    (next) => {
-      if (!isControlled)
-        setInternalExpanded(next);
-      onExpandedChange == null ? void 0 : onExpandedChange(next);
-      if (!next) {
-        setTimeout(() => {
-          var _a;
-          return (_a = triggerRef.current) == null ? void 0 : _a.focus();
-        }, 0);
-      }
-    },
-    [isControlled, onExpandedChange]
-  );
-  const toggle = (0, import_react31.useCallback)(
-    () => setExpanded(!isExpanded),
-    [isExpanded, setExpanded]
-  );
-  (0, import_react31.useEffect)(() => {
-    if (!isExpanded)
-      return;
-    const onDocClick = (e) => {
-      const target = e.target;
-      if (!containerRef.current)
-        return;
-      if (!containerRef.current.contains(target)) {
-        setExpanded(false);
-      }
-    };
-    document.addEventListener("mousedown", onDocClick);
-    return () => document.removeEventListener("mousedown", onDocClick);
-  }, [isExpanded, setExpanded]);
-  (0, import_react31.useEffect)(() => {
-    if (!isExpanded)
-      return;
-    const onKey = (e) => {
-      if (e.key === "Escape")
-        setExpanded(false);
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [isExpanded, setExpanded]);
-  const sizePx = (0, import_react31.useMemo)(() => {
-    if (typeof size === "number")
-      return size;
-    return 56;
-  }, [size]);
-  const value = (0, import_react31.useMemo)(
-    () => ({
-      expanded: isExpanded,
-      toggle,
-      triggerRef,
-      icon,
-      expandedIcon,
-      sizePx,
-      panelWidth: panelWidth != null ? panelWidth : 360,
-      header
-    }),
-    [expandedIcon, icon, isExpanded, panelWidth, sizePx, toggle, header]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
-    "div",
-    {
-      ref: containerRef,
-      css: fixedContainer,
-      className,
-      "aria-label": ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(WidgetContext.Provider, { value, children })
-    }
-  );
-};
-var Widget = Object.assign(WidgetRoot, {
-  Trigger: WidgetTrigger,
-  Panel: WidgetPanel
-});
-var Widget_default = Widget;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AIResponse,
   AvailabilityChip,
   Box,
   Button,
+  ChatWidget,
   Column,
   Container,
   Divider,
@@ -5705,11 +6163,13 @@ var Widget_default = Widget;
   IconLabel,
   Input,
   LayoutTokens,
+  ListingChat,
   Logo,
   MessageBubble,
   Navigation,
   PackageCard,
   Select,
+  Spinner,
   TagChip,
   Text,
   TextArea,