@landtrustinc/design-system 1.2.17 → 1.2.19

package/dist/index.d.ts

@@ -2181,7 +2181,7 @@ type StarRatingProps = {
 };
 declare const StarRating: FC<StarRatingProps>;
 
-type TagChipVariant = 'primary' | 'success' | 'warning' | 'error';
+type TagChipVariant = 'primary' | 'success' | 'warning' | 'error' | 'active' | 'default';
 
 type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
     /**

package/dist/index.js

@@ -1319,7 +1319,22 @@ var FacebookSquare_default = SvgFacebookSquare;
 
 // src/Icon/components/Farm.tsx
 var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
-var SvgFarm = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "M48 464V176h115.3l23.4-50.2c7.2-15.5 19.8-27.9 35.3-35C212.1 39.1 166.6 0 112 0 50.1 0 0 50.1 0 112v352c0 26.5 21.5 48 48 48h100.1c-11-13.3-18.1-29.8-19.8-48zm128-336H48v-16c0-35.3 28.7-64 64-64s64 28.7 64 64zm81.9 34.4L368 114.2l110.1 48.2 49.9 107V456c0 4.4-3.6 8-8 8h-88v-56c0-22.1-17.9-40-40-40h-48c-22.1 0-40 17.9-40 40v56h-88c-4.4 0-8-3.6-8-8V269.3l49.9-107zM384 68.8c-10.2-4.5-21.8-4.5-32.1 0l-116 50.8c-8.9 3.9-16.1 10.9-20.2 19.7l-51.9 111.3c-2.5 5.3-3.8 11.1-3.8 16.9V456c0 30.9 25.1 56 56 56h304c30.9 0 56-25.1 56-56V267.5c0-5.8-1.3-11.6-3.8-16.9l-51.9-111.3c-4.1-8.8-11.3-15.8-20.2-19.7zM320 248v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24h-48c-13.3 0-24 10.7-24 24" }) });
+var SvgFarm = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 26 26",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M5.5 19.5v-9h3.603l.731-1.569a2.25 2.25 0 0 1 1.104-1.093A3.5 3.5 0 0 0 7.5 5 3.5 3.5 0 0 0 4 8.5v11A1.5 1.5 0 0 0 5.5 21h3.128a2.74 2.74 0 0 1-.619-1.5zM9.5 9h-4v-.5c0-1.103.897-2 2-2s2 .897 2 2zm2.56 1.075 3.44-1.506 3.44 1.506 1.56 3.344v5.831a.25.25 0 0 1-.25.25H17.5v-1.75c0-.69-.56-1.25-1.25-1.25h-1.5c-.69 0-1.25.56-1.25 1.25v1.75h-2.75a.25.25 0 0 1-.25-.25v-5.834l1.56-3.344zM16 7.15a1.25 1.25 0 0 0-1.003 0l-3.625 1.588a1.25 1.25 0 0 0-.631.615l-1.622 3.478A1.24 1.24 0 0 0 9 13.36v5.891c0 .966.784 1.75 1.75 1.75h9.5c.966 0 1.75-.784 1.75-1.75v-5.89c0-.182-.04-.363-.119-.529L20.26 9.353a1.25 1.25 0 0 0-.63-.615zm-2 5.6v1.5c0 .416.334.75.75.75h1.5c.416 0 .75-.334.75-.75v-1.5a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75"
+      }
+    )
+  }
+);
 var Farm_default = SvgFarm;
 
 // src/Icon/components/FarmSolid.tsx
@@ -5161,6 +5176,16 @@ var MessageBubble_default = MessageBubble;
 // src/TagChip/TagChip.styles.ts
 var import_react24 = require("@emotion/react");
 var tagChipVariantStyles = {
+  default: import_react24.css`
+    background-color: var(--surface-page);
+    border: 1px solid var(--border-primary);
+    color: var(--text-primary);
+  `,
+  active: import_react24.css`
+    background-color: var(--text-primary);
+    border: 1px solid var(--border-secondary);
+    color: var(--color-base-white);
+  `,
   primary: import_react24.css`
     background-color: var(--surface-disabled);
     border: 1px solid var(--surface-disabled);
@@ -5840,6 +5865,7 @@ var FeatureListItem = ({
           display: "flex",
           alignItems: "center",
           gap: "var(--spacing-2)",
+          maxHeight: iconDimensions.height,
           className,
           ...rest,
           children: [
@@ -6841,7 +6867,6 @@ var InfoBox = ({ heading, features, className }) => {
 var InfoBox_default = InfoBox;
 
 // src/StarRating/StarRating.tsx
-var import_react42 = require("@emotion/react");
 var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
 var starSize = {
   sm: {
@@ -6866,10 +6891,7 @@ var StarRating = ({
         {
           variant: "StarSolid",
           size: starSize[size].size,
-          fill: i <= rating ? "var(--color-yellow-500)" : "var(--color-neutral-100)",
-          css: import_react42.css`
-          ${size === "md" && "width: 40px; height: 40px;"}
-        `
+          fill: i <= rating ? "var(--color-yellow-500)" : "var(--color-neutral-100)"
         },
         i
       )
@@ -6921,7 +6943,7 @@ var UserCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
             /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
             subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
-            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StarRating_default, { rating, size: "sm" })
+            showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(StarRating_default, { rating })
           ] })
         ] }),
         isVerified && /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
@@ -6962,6 +6984,15 @@ var ProfileSubtitle = ({
 };
 var ProfileSubtitle_default = ProfileSubtitle;
 
+// src/LandownerProfile/LandownerProfile.helpers.ts
+var hasTextContent = (html) => {
+  if (!html) {
+    return false;
+  }
+  const strippedText = html.replace(/<[^>]*>/g, "").trim();
+  return strippedText.length > 0;
+};
+
 // src/LandownerProfile/LandownerProfile.tsx
 var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
 var LandownerProfile = ({
@@ -6996,7 +7027,7 @@ var LandownerProfile = ({
       color: "var(--text-primary)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
+        heading && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
         /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
           Box_default,
           {
@@ -7023,7 +7054,7 @@ var LandownerProfile = ({
                   isVerified
                 }
               ),
-              bio && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
+              hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
                 /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
                   Text_default,
@@ -7060,11 +7091,11 @@ var LandownerProfile = ({
 var LandownerProfile_default = LandownerProfile;
 
 // src/ListingChat/ListingChat.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 
 // src/ListingChat/ListingChat.styles.ts
-var import_react43 = require("@emotion/react");
-var containerStyles2 = import_react43.css`
+var import_react42 = require("@emotion/react");
+var containerStyles2 = import_react42.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
@@ -7072,13 +7103,13 @@ var containerStyles2 = import_react43.css`
   border-radius: var(--radius-lg);
   background: var(--surface-success);
 `;
-var headerStyles = import_react43.css`
+var headerStyles = import_react42.css`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--spacing-2);
 `;
-var chipsContainerStyles = import_react43.css`
+var chipsContainerStyles = import_react42.css`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-4);
@@ -7091,10 +7122,10 @@ var chipsContainerStyles = import_react43.css`
     cursor: pointer;
   }
 `;
-var textAreaStyles = import_react43.css`
+var textAreaStyles = import_react42.css`
   min-height: 62px;
 `;
-var inputWrapperStyles2 = import_react43.css`
+var inputWrapperStyles2 = import_react42.css`
   position: relative;
 `;
 
@@ -7109,15 +7140,15 @@ var ListingChat = ({
   disabled = false,
   ...rest
 }) => {
-  const [value, setValue] = (0, import_react44.useState)("");
-  const handleSubmit = (0, import_react44.useCallback)(() => {
+  const [value, setValue] = (0, import_react43.useState)("");
+  const handleSubmit = (0, import_react43.useCallback)(() => {
     const trimmed = value.trim();
     if (!trimmed)
       return;
     onSubmit(trimmed);
     setValue("");
   }, [onSubmit, value]);
-  const handleTagClick = (0, import_react44.useCallback)(
+  const handleTagClick = (0, import_react43.useCallback)(
     (tag) => () => {
       const trimmed = tag.trim();
       if (!trimmed)
@@ -7169,7 +7200,7 @@ var ListingChat = ({
 var ListingChat_default = ListingChat;
 
 // src/Logo/Logo.tsx
-var import_react45 = require("@emotion/react");
+var import_react44 = require("@emotion/react");
 
 // src/Logo/components/LandtrustPlusDark.tsx
 var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
@@ -7391,7 +7422,7 @@ var LandtrustStandardLight_default = SvgLandtrustStandardLight;
 
 // src/Logo/Logo.tsx
 var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
-var logoStyles = (size) => import_react45.css`
+var logoStyles = (size) => import_react44.css`
   width: ${space[size]};
   height: auto;
   display: block;
@@ -7424,13 +7455,13 @@ var Logo = ({
 var Logo_default = Logo;
 
 // src/Navigation/Navigation.styles.ts
-var import_react46 = require("@emotion/react");
-var navigationStyles = import_react46.css`
+var import_react45 = require("@emotion/react");
+var navigationStyles = import_react45.css`
   width: 100%;
   background-color: white;
   border-bottom: 1px solid #e5e5e5;
 `;
-var hamburgerButtonStyles = import_react46.css`
+var hamburgerButtonStyles = import_react45.css`
   cursor: pointer;
   &:focus {
     outline: 2px solid #4f46e5;
@@ -7441,7 +7472,7 @@ var hamburgerButtonStyles = import_react46.css`
     display: none;
   }
 `;
-var centeredLogoStyles = import_react46.css`
+var centeredLogoStyles = import_react45.css`
   transform: translate(-50%, -50%);
   max-width: 150px;
 
@@ -7449,27 +7480,27 @@ var centeredLogoStyles = import_react46.css`
     display: none;
   }
 `;
-var desktopLogoStyles = import_react46.css`
+var desktopLogoStyles = import_react45.css`
   display: none;
 
   @media (min-width: 768px) {
     display: block;
   }
 `;
-var containerStyles3 = import_react46.css`
+var containerStyles3 = import_react45.css`
   @media (min-width: 768px) {
     justify-content: space-between;
     position: static;
   }
 `;
-var logoStyles2 = import_react46.css`
+var logoStyles2 = import_react45.css`
   width: 100%;
 
   @media (min-width: 768px) {
     width: initial;
   }
 `;
-var desktopNavStyles = import_react46.css`
+var desktopNavStyles = import_react45.css`
   display: none;
 
   @media (min-width: 768px) {
@@ -7478,7 +7509,7 @@ var desktopNavStyles = import_react46.css`
     gap: 32px;
   }
 `;
-var navLinksStyles = import_react46.css`
+var navLinksStyles = import_react45.css`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -7486,7 +7517,7 @@ var navLinksStyles = import_react46.css`
   margin: 0;
   padding: 0;
 `;
-var navLinkStyles = import_react46.css`
+var navLinkStyles = import_react45.css`
   text-decoration: none;
   color: #374151;
   font-weight: 500;
@@ -7502,7 +7533,7 @@ var navLinkStyles = import_react46.css`
     outline-offset: 2px;
   }
 `;
-var avatarPlaceholderStyles = import_react46.css`
+var avatarPlaceholderStyles = import_react45.css`
   width: 32px;
   height: 32px;
   border-radius: 50%;
@@ -7604,8 +7635,8 @@ var Navigation = ({
 var Navigation_default = Navigation;
 
 // src/PackageCard/PackageCard.styles.ts
-var import_react47 = require("@emotion/react");
-var cardContainerStyles3 = import_react47.css`
+var import_react46 = require("@emotion/react");
+var cardContainerStyles3 = import_react46.css`
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -7622,14 +7653,14 @@ var cardContainerStyles3 = import_react47.css`
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   }
 `;
-var imageContainerStyles = import_react47.css`
+var imageContainerStyles = import_react46.css`
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   border-radius: var(--spacing-4);
 `;
-var imageStyles2 = import_react47.css`
+var imageStyles2 = import_react46.css`
   width: 100%;
   height: 100%;
   background-size: cover;
@@ -7637,13 +7668,13 @@ var imageStyles2 = import_react47.css`
   background-repeat: no-repeat;
   border-radius: var(--spacing-4) var(--spacing-4) 0 0;
 `;
-var badgeStyles2 = import_react47.css`
+var badgeStyles2 = import_react46.css`
   position: absolute;
   top: var(--spacing-3);
   left: var(--spacing-3);
   z-index: 2;
 `;
-var heartIconStyles = import_react47.css`
+var heartIconStyles = import_react46.css`
   position: absolute;
   top: var(--spacing-3);
   right: var(--spacing-3);
@@ -7665,7 +7696,7 @@ var heartIconStyles = import_react47.css`
     transform: scale(1.1);
   }
 `;
-var contentStyles2 = import_react47.css`
+var contentStyles2 = import_react46.css`
   padding: var(--spacing-3);
 `;
 
@@ -7780,8 +7811,8 @@ var PackageHeader = ({
 var PackageHeader_default = PackageHeader;
 
 // src/ReviewCard/components/ReviewImages.styles.ts
-var import_react48 = require("@emotion/react");
-var imageStyles3 = import_react48.css`
+var import_react47 = require("@emotion/react");
+var imageStyles3 = import_react47.css`
   flex: 1;
   min-width: 0;
   max-width: 100%;
@@ -7876,7 +7907,7 @@ var ReviewCard = ({
     {
       backgroundColor: "white",
       borderRadius: "var(--spacing-4) 0",
-      p: "var(--spacing-4)",
+      p: "var(--spacing-4) 0",
       display: "flex",
       flexDirection: "column",
       gap: "var(--spacing-4)",
@@ -7912,6 +7943,9 @@ var ReviewCard = ({
 };
 var ReviewCard_default = ReviewCard;
 
+// src/Reviews/Reviews.tsx
+var import_react48 = require("@emotion/react");
+
 // src/Reviews/components/ReviewItem.tsx
 var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
 var ReviewItem = ({ label, rating }) => {
@@ -7967,7 +8001,18 @@ var Reviews = ({
             gap: "var(--spacing-2)",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(StarRating_default, { rating: Math.floor(averageRating) }),
+              /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
+                StarRating_default,
+                {
+                  rating: Math.floor(averageRating),
+                  css: import_react48.css`
+            > svg {
+              height: 40px;
+              width: 40px;
+            }
+          `
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
                 "Overall Rating \u2022 ",
                 totalReviews,