@tenancy.nz/tenant-ui 1.10.6 → 1.10.7

package/dist/esm/components/PropertyCardBanner.js

@@ -0,0 +1,45 @@
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { token, Box, Tag } from '@tenancy.nz/ui';
+
+var _excluded = ["label", "emphasis", "sx"];
+var base = {
+  display: "flex",
+  justifyContent: "center",
+  px: 2,
+  py: 1
+};
+var styles = {
+  subtle: _objectSpread2(_objectSpread2({}, base), {}, {
+    bgcolor: token("palette.component.tag.backgroundGrey")
+  }),
+  primary: _objectSpread2(_objectSpread2({}, base), {}, {
+    bgcolor: token("palette.component.tag.backgroundPrimary"),
+    color: token("palette.component.tag.textWhite")
+  })
+};
+var tagColors = {
+  subtle: "gray",
+  primary: "inherit"
+};
+function PropertyCardBanner(_ref) {
+  var label = _ref.label,
+    _ref$emphasis = _ref.emphasis,
+    emphasis = _ref$emphasis === void 0 ? "subtle" : _ref$emphasis,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (!label) {
+    return null;
+  }
+  return /* @__PURE__ */React.createElement(Box, {
+    sx: _objectSpread2(_objectSpread2({}, sx), styles[emphasis])
+  }, /* @__PURE__ */React.createElement(Tag, _objectSpread2({
+    color: tagColors[emphasis],
+    label: label,
+    variant: "text",
+    size: "large"
+  }, rest)));
+}
+
+export { PropertyCardBanner as default };

package/dist/esm/components/{agency-logo.js → PropertyCardFooter.js}

@@ -2,8 +2,10 @@ import React from 'react';
 import Stack from '@mui/material/Stack';
 import { Text } from '@tenancy.nz/ui';
 
-function AgencyLogo(_ref) {
-  var src = _ref.src,
+function PropertyCardFooter(_ref) {
+  var _ref$action = _ref.action,
+    action = _ref$action === void 0 ? void 0 : _ref$action,
+    src = _ref.src,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? void 0 : _ref$title,
     _ref$subtitle = _ref.subtitle,
@@ -31,7 +33,10 @@ function AgencyLogo(_ref) {
   }, /* @__PURE__ */React.createElement("img", {
     src: src,
     alt: "Logo"
-  })), /* @__PURE__ */React.createElement(Stack, null, title && /* @__PURE__ */React.createElement(Text, {
+  })), /* @__PURE__ */React.createElement(Stack, {
+    flex: 1,
+    minWidth: 0
+  }, title && /* @__PURE__ */React.createElement(Text, {
     weight: "500",
     variant: "body2",
     color: "textPrimary"
@@ -42,7 +47,11 @@ function AgencyLogo(_ref) {
     sx: {
       fontSize: "12px"
     }
-  }, subtitle)));
+  }, subtitle)), action && /* @__PURE__ */React.createElement(Stack, {
+    flexShrink: 0,
+    ml: "auto",
+    alignItems: "flex-end"
+  }, action));
 }
 
-export { AgencyLogo as default };
+export { PropertyCardFooter as default };

package/dist/esm/components/PropertyCardHeader.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import { Heading, Text } from '@tenancy.nz/ui';
+
+function PropertyCardHeader(_ref) {
+  var _ref$action = _ref.action,
+    action = _ref$action === void 0 ? void 0 : _ref$action,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? "" : _ref$subtitle;
+  return /* @__PURE__ */React.createElement(Stack, {
+    direction: "row",
+    gap: 4,
+    alignItems: "center"
+  }, /* @__PURE__ */React.createElement(Stack, {
+    gap: 2,
+    flex: 1,
+    minWidth: 0
+  }, /* @__PURE__ */React.createElement(Heading, {
+    as: "h4",
+    color: "primary"
+  }, title), /* @__PURE__ */React.createElement(Text, {
+    sx: {
+      fontSize: "12px"
+    },
+    weight: "500",
+    color: "secondary"
+  }, subtitle)), action && /* @__PURE__ */React.createElement(Stack, {
+    flexShrink: 0,
+    ml: "auto",
+    alignItems: "flex-end"
+  }, action));
+}
+
+export { PropertyCardHeader as default };

package/dist/esm/components/PropertyCardImage.js

@@ -0,0 +1,17 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { Media } from '@tenancy.nz/ui';
+
+var _excluded = ["src"];
+function PropertyCardImage(_ref) {
+  var _ref$src = _ref.src,
+    src = _ref$src === void 0 ? "" : _ref$src,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(Media, _objectSpread2(_objectSpread2({
+    as: "img"
+  }, rest), {}, {
+    src: src
+  }));
+}
+
+export { PropertyCardImage as default };

package/dist/esm/components/{property-card.styled.js → PropertyCardImage.styled.js}

@@ -1,6 +1,6 @@
 import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
-import styled from '@emotion/styled';
 import { css } from '@emotion/react';
+import { styled } from '@mui/material/styles';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var verticalStyles = function verticalStyles() {
@@ -8,9 +8,13 @@ var verticalStyles = function verticalStyles() {
 };
 var horizontalStyles = function horizontalStyles(_ref) {
   var theme = _ref.theme;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", " {\n    ", "\n  }\n\n  ", " {\n    flex: 1;\n    min-height: 166px;\n    width: 100%;\n    max-width: 180px;\n  }\n"])), theme.breakpoints.down("md"), verticalStyles(), theme.breakpoints.up("md"));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", " {\n    ", "\n  }\n\n  ", " {\n    flex: 1;\n    min-height: 118px;\n    width: 100%;\n    max-width: 180px;\n\n    > * {\n      position: absolute;\n      inset: 0;\n    }\n  }\n"])), theme.breakpoints.down("md"), verticalStyles(), theme.breakpoints.up("md"));
 };
-var StyledPropertyItemImgWrapper = styled.figure(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+var StyledPropertyItemImgWrapper = styled("figure", {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "orientation";
+  }
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var orientation = _ref2.orientation,
     theme = _ref2.theme;
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    background-color: #ebebeb;\n    background-image:\n      linear-gradient(45deg, #fff 25%, transparent 25%),\n      linear-gradient(-45deg, #fff 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, #fff 75%),\n      linear-gradient(-45deg, transparent 75%, #fff 75%);\n    background-size: 40px 40px;\n    background-position:\n      0 0,\n      0 20px,\n      20px -20px,\n      -20px 0px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    position: relative;\n\n    ", "\n    ", "\n  "])), orientation === "horizontal" && horizontalStyles({

package/dist/esm/components/{property-card-skeleton.js → PropertyCardSkeleton.js}

@@ -18,6 +18,7 @@ function PropertyCardSkeleton(_ref) {
     })
   }, /* @__PURE__ */React.createElement(Paper, {
     overflow: false,
+    outlined: true,
     sx: _objectSpread2(_objectSpread2(_objectSpread2({
       display: "flex"
     }, orientation === "vertical" && {

package/dist/esm/components/PropertyOverviewCard.js

@@ -0,0 +1,84 @@
+import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import { ClickBox, Paper, token } from '@tenancy.nz/ui';
+import PropertyCardHeader from './PropertyCardHeader.js';
+import PropertyCardImage from './PropertyCardImage.js';
+import { StyledPropertyItemImgWrapper } from './PropertyCardImage.styled.js';
+
+function PropertyOverviewCard(_ref) {
+  var _slots$image, _footerProps$sx;
+  var _ref$action = _ref.action,
+    action = _ref$action === void 0 ? void 0 : _ref$action,
+    _ref$addressPart = _ref.addressPart1,
+    addressPart1 = _ref$addressPart === void 0 ? "" : _ref$addressPart,
+    _ref$addressPart2 = _ref.addressPart2,
+    addressPart2 = _ref$addressPart2 === void 0 ? "" : _ref$addressPart2,
+    _ref$content = _ref.content,
+    content = _ref$content === void 0 ? void 0 : _ref$content,
+    _ref$fullHeight = _ref.fullHeight,
+    fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
+    _ref$slots = _ref.slots,
+    slots = _ref$slots === void 0 ? {} : _ref$slots,
+    _ref$slotProps = _ref.slotProps,
+    slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps;
+  var Image = (_slots$image = slots.image) !== null && _slots$image !== void 0 ? _slots$image : PropertyCardImage;
+  var imageProps = slotProps.image;
+  var hasImage = Boolean(slots.image || (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src));
+  var HeaderBanner = slots.headerBanner;
+  var headerBannerProps = slotProps.headerBanner;
+  var FooterBanner = slots.footerBanner;
+  var footerBannerProps = slotProps.footerBanner;
+  var Footer = slots.footer;
+  var footerProps = slotProps.footer;
+  var footerSx = (_footerProps$sx = footerProps === null || footerProps === void 0 ? void 0 : footerProps.sx) !== null && _footerProps$sx !== void 0 ? _footerProps$sx : {};
+  return /* @__PURE__ */React.createElement(ClickBox, {
+    onClick: onClick,
+    sx: _objectSpread2({}, fullHeight && {
+      height: "100%"
+    })
+  }, /* @__PURE__ */React.createElement(Paper, {
+    overflow: false,
+    fill: fullHeight,
+    outlined: true,
+    stack: true,
+    sx: {
+      flexDirection: {
+        xs: "column",
+        md: "row"
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Stack, {
+    sx: {
+      width: "100%",
+      maxWidth: {
+        md: "180px"
+      }
+    }
+  }, HeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
+    orientation: "horizontal"
+  }, hasImage && /* @__PURE__ */React.createElement(Image, _objectSpread2({}, imageProps))), FooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _objectSpread2(_objectSpread2({}, footerBannerProps), {}, {
+    sx: {
+      borderTop: "1px solid ".concat(token("palette.semantic.border.subtleColor"))
+    }
+  }))), /* @__PURE__ */React.createElement(Stack, {
+    p: 4,
+    position: "relative",
+    gap: 4,
+    flex: 1
+  }, /* @__PURE__ */React.createElement(PropertyCardHeader, {
+    title: addressPart1,
+    subtitle: addressPart2,
+    action: action
+  }), content && /* @__PURE__ */React.createElement(Stack, {
+    alignItems: "flex-start"
+  }, content), Footer && /* @__PURE__ */React.createElement(Footer, _objectSpread2(_objectSpread2({}, footerProps), {}, {
+    sx: _objectSpread2({
+      mt: "auto"
+    }, footerSx)
+  })))));
+}
+
+export { PropertyOverviewCard as default };

package/dist/esm/components/{property-horizontal-card-skeleton.js → PropertyOverviewCardSkeleton.js}

@@ -12,15 +12,15 @@ function PropertyHorizontalCardSkeleton(_ref) {
     })
   }, /* @__PURE__ */React.createElement(Paper, {
     overflow: false,
-    sx: _objectSpread2({
-      display: "flex",
+    fill: fullHeight,
+    outlined: true,
+    stack: true,
+    sx: {
       flexDirection: {
         xs: "column",
         md: "row"
       }
-    }, fullHeight && {
-      height: "100%"
-    })
+    }
   }, /* @__PURE__ */React.createElement(Stack, {
     sx: {
       width: "100%",
@@ -34,10 +34,10 @@ function PropertyHorizontalCardSkeleton(_ref) {
       width: "100%",
       height: {
         xs: "220px",
-        md: "100%"
+        md: "118px"
       },
       minHeight: {
-        md: "166px"
+        md: "118px"
       },
       flex: {
         md: 1
@@ -63,7 +63,7 @@ function PropertyHorizontalCardSkeleton(_ref) {
     pt: 4
   }, /* @__PURE__ */React.createElement(Skeleton, {
     variant: "text",
-    width: "100%",
+    width: "118px",
     height: 40
   })))));
 }

package/dist/esm/components/{rent-icon-label.js → RentIconLabel.js}

@@ -2,7 +2,7 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import React from 'react';
 import DollarCircleIcon from '@tenancy.nz/icons/DollarCircle';
 import { token } from '@tenancy.nz/ui';
-import IconLabel from './icon-label.js';
+import IconLabel from './IconLabel.js';
 
 var _excluded = ["text"];
 function RentIconLabel(_ref) {

package/dist/esm/index.js

@@ -1,8 +1,11 @@
-export { default as AgencyLogo } from './components/agency-logo.js';
-export { default as IconLabel } from './components/icon-label.js';
-export { default as PropertyAttributes } from './components/property-attributes.js';
-export { default as PropertyCard } from './components/property-card.js';
-export { default as PropertyCardSkeleton } from './components/property-card-skeleton.js';
-export { default as PropertyHorizontalCard } from './components/property-horizontal-card.js';
-export { default as PropertyHorizontalCardSkeleton } from './components/property-horizontal-card-skeleton.js';
-export { default as RentIconLabel } from './components/rent-icon-label.js';
+export { default as IconLabel } from './components/IconLabel.js';
+export { default as PropertyAttributes } from './components/PropertyAttributes.js';
+export { default as PropertyCard } from './components/PropertyCard.js';
+export { default as PropertyCardBanner } from './components/PropertyCardBanner.js';
+export { default as PropertyCardFooter } from './components/PropertyCardFooter.js';
+export { default as PropertyCardHeader } from './components/PropertyCardHeader.js';
+export { default as PropertyCardImage } from './components/PropertyCardImage.js';
+export { default as PropertyCardSkeleton } from './components/PropertyCardSkeleton.js';
+export { default as PropertyHorizontalCard } from './components/PropertyOverviewCard.js';
+export { default as PropertyHorizontalCardSkeleton } from './components/PropertyOverviewCardSkeleton.js';
+export { default as RentIconLabel } from './components/RentIconLabel.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/tenant-ui",
   "description": "React UI tenant components.",
-  "version": "1.10.6",
+  "version": "1.10.7",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -16,15 +16,15 @@
     "@mui/material": "^7.3.1",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@tenancy.nz/ui": "1.10.6",
-    "@tenancy.nz/icons": "1.10.6"
+    "@tenancy.nz/icons": "1.10.7",
+    "@tenancy.nz/ui": "1.10.7"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.3.1",
-    "@tenancy.nz/icons": "1.10.6",
-    "@tenancy.nz/ui": "1.10.6"
+    "@tenancy.nz/icons": "1.10.7",
+    "@tenancy.nz/ui": "1.10.7"
   },
   "dependencies": {
     "react-uid": "^2.4.0"

package/dist/cjs/components/property-card.cjs

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var Stack = require('@mui/material/Stack');
-var ui = require('@tenancy.nz/ui');
-var propertyAttributes = require('./property-attributes.cjs');
-var rentIconLabel = require('./rent-icon-label.cjs');
-var propertyCard_styled = require('./property-card.styled.cjs');
-
-function PropertyCard(_ref) {
-  var _ref$action = _ref.action,
-    action = _ref$action === void 0 ? void 0 : _ref$action,
-    _ref$addressPart = _ref.addressPart1,
-    addressPart1 = _ref$addressPart === void 0 ? "" : _ref$addressPart,
-    _ref$addressPart2 = _ref.addressPart2,
-    addressPart2 = _ref$addressPart2 === void 0 ? "" : _ref$addressPart2,
-    _ref$bedrooms = _ref.bedrooms,
-    bedrooms = _ref$bedrooms === void 0 ? void 0 : _ref$bedrooms,
-    _ref$bathrooms = _ref.bathrooms,
-    bathrooms = _ref$bathrooms === void 0 ? void 0 : _ref$bathrooms,
-    _ref$content = _ref.content,
-    content = _ref$content === void 0 ? void 0 : _ref$content,
-    _ref$footer = _ref.footer,
-    footer = _ref$footer === void 0 ? void 0 : _ref$footer,
-    _ref$fullHeight = _ref.fullHeight,
-    fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
-    _ref$parkingSpaces = _ref.parkingSpaces,
-    parkingSpaces = _ref$parkingSpaces === void 0 ? void 0 : _ref$parkingSpaces,
-    _ref$header = _ref.header,
-    header = _ref$header === void 0 ? void 0 : _ref$header,
-    _ref$photoSrc = _ref.photoSrc,
-    photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc,
-    _ref$rent = _ref.rent,
-    rent = _ref$rent === void 0 ? "" : _ref$rent;
-  return /* @__PURE__ */React.createElement(Stack, {
-    onClick: onClick,
-    sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-      transition: "all 0.25s ease-out",
-      cursor: "default"
-    }, fullHeight && {
-      height: "100%"
-    }), typeof onClick === "function" && {
-      cursor: "pointer",
-      "&:hover": {
-        transform: "translateY(-6px)"
-      }
-    })
-  }, /* @__PURE__ */React.createElement(ui.Paper, {
-    overflow: false,
-    sx: _rollupPluginBabelHelpers.objectSpread2({
-      display: "flex",
-      flexDirection: "column"
-    }, fullHeight && {
-      height: "100%"
-    })
-  }, /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      width: "100%",
-      maxWidth: {
-        md: "100%"
-      }
-    }
-  }, header, /* @__PURE__ */React.createElement(propertyCard_styled.StyledPropertyItemImgWrapper, {
-    orientation: "vertical"
-  }, photoSrc && /* @__PURE__ */React.createElement(ui.Media, {
-    src: photoSrc,
-    title: addressPart1,
-    as: "img"
-  }))), /* @__PURE__ */React.createElement(Stack, {
-    p: 4,
-    position: "relative",
-    gap: 4,
-    flex: 1
-  }, /* @__PURE__ */React.createElement(Stack, {
-    gap: 2
-  }, /* @__PURE__ */React.createElement(ui.Heading, {
-    as: "h4",
-    color: "primary"
-  }, addressPart1), /* @__PURE__ */React.createElement(ui.Text, {
-    sx: {
-      fontSize: "12px"
-    },
-    weight: "500",
-    color: "secondary"
-  }, addressPart2)), rent && /* @__PURE__ */React.createElement(rentIconLabel.default, {
-    text: rent
-  }), /* @__PURE__ */React.createElement(propertyAttributes.default, {
-    noOfBedrooms: bedrooms,
-    noOfBathrooms: bathrooms,
-    noOfCarparks: parkingSpaces
-  }), (content || action) && /* @__PURE__ */React.createElement(Stack, {
-    direction: "row",
-    gap: 2,
-    alignItems: "center"
-  }, content && /* @__PURE__ */React.createElement(Stack, {
-    alignItems: "flex-start"
-  }, content), action && /* @__PURE__ */React.createElement(Stack, {
-    ml: "auto",
-    flexShrink: 0
-  }, action))), footer));
-}
-
-exports.default = PropertyCard;

package/dist/cjs/components/property-horizontal-card.cjs

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var Stack = require('@mui/material/Stack');
-var ui = require('@tenancy.nz/ui');
-var propertyCard_styled = require('./property-card.styled.cjs');
-
-function PropertyHorizontalCard(_ref) {
-  var _ref$action = _ref.action,
-    action = _ref$action === void 0 ? void 0 : _ref$action,
-    _ref$addressPart = _ref.addressPart1,
-    addressPart1 = _ref$addressPart === void 0 ? "" : _ref$addressPart,
-    _ref$addressPart2 = _ref.addressPart2,
-    addressPart2 = _ref$addressPart2 === void 0 ? "" : _ref$addressPart2,
-    _ref$content = _ref.content,
-    content = _ref$content === void 0 ? void 0 : _ref$content,
-    _ref$footer = _ref.footer,
-    footer = _ref$footer === void 0 ? void 0 : _ref$footer,
-    _ref$fullHeight = _ref.fullHeight,
-    fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
-    _ref$header = _ref.header,
-    header = _ref$header === void 0 ? void 0 : _ref$header,
-    _ref$photoSrc = _ref.photoSrc,
-    photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc;
-  return /* @__PURE__ */React.createElement(Stack, {
-    onClick: onClick,
-    sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-      transition: "all 0.25s ease-out",
-      cursor: "default"
-    }, fullHeight && {
-      height: "100%"
-    }), typeof onClick === "function" && {
-      cursor: "pointer",
-      "&:hover": {
-        transform: "translateY(-6px)"
-      }
-    })
-  }, /* @__PURE__ */React.createElement(ui.Paper, {
-    overflow: false,
-    sx: _rollupPluginBabelHelpers.objectSpread2({
-      display: "flex",
-      flexDirection: {
-        xs: "column",
-        md: "row"
-      }
-    }, fullHeight && {
-      height: "100%"
-    })
-  }, /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      width: "100%",
-      maxWidth: {
-        md: "180px"
-      }
-    }
-  }, header, /* @__PURE__ */React.createElement(propertyCard_styled.StyledPropertyItemImgWrapper, {
-    orientation: "horizontal"
-  }, photoSrc && /* @__PURE__ */React.createElement(ui.Media, {
-    src: photoSrc,
-    title: addressPart1,
-    as: "img"
-  }))), /* @__PURE__ */React.createElement(Stack, {
-    p: 4,
-    position: "relative",
-    gap: 4,
-    flex: 1
-  }, /* @__PURE__ */React.createElement(Stack, {
-    gap: 2
-  }, /* @__PURE__ */React.createElement(ui.Heading, {
-    as: "h4",
-    color: "primary"
-  }, addressPart1), /* @__PURE__ */React.createElement(ui.Text, {
-    sx: {
-      fontSize: "12px"
-    },
-    weight: "500",
-    color: "secondary"
-  }, addressPart2)), content && /* @__PURE__ */React.createElement(Stack, {
-    alignItems: "flex-start"
-  }, content), (footer || action) && /* @__PURE__ */React.createElement(Stack, {
-    direction: "row",
-    gap: 2,
-    alignItems: "center",
-    mt: "auto"
-  }, footer, action && /* @__PURE__ */React.createElement(Stack, {
-    ml: "auto",
-    flexShrink: 0
-  }, action)))));
-}
-
-exports.default = PropertyHorizontalCard;

package/dist/esm/components/property-card.js

@@ -1,104 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import Stack from '@mui/material/Stack';
-import { Paper, Media, Heading, Text } from '@tenancy.nz/ui';
-import PropertyAttributes from './property-attributes.js';
-import RentIconLabel from './rent-icon-label.js';
-import { StyledPropertyItemImgWrapper } from './property-card.styled.js';
-
-function PropertyCard(_ref) {
-  var _ref$action = _ref.action,
-    action = _ref$action === void 0 ? void 0 : _ref$action,
-    _ref$addressPart = _ref.addressPart1,
-    addressPart1 = _ref$addressPart === void 0 ? "" : _ref$addressPart,
-    _ref$addressPart2 = _ref.addressPart2,
-    addressPart2 = _ref$addressPart2 === void 0 ? "" : _ref$addressPart2,
-    _ref$bedrooms = _ref.bedrooms,
-    bedrooms = _ref$bedrooms === void 0 ? void 0 : _ref$bedrooms,
-    _ref$bathrooms = _ref.bathrooms,
-    bathrooms = _ref$bathrooms === void 0 ? void 0 : _ref$bathrooms,
-    _ref$content = _ref.content,
-    content = _ref$content === void 0 ? void 0 : _ref$content,
-    _ref$footer = _ref.footer,
-    footer = _ref$footer === void 0 ? void 0 : _ref$footer,
-    _ref$fullHeight = _ref.fullHeight,
-    fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
-    _ref$parkingSpaces = _ref.parkingSpaces,
-    parkingSpaces = _ref$parkingSpaces === void 0 ? void 0 : _ref$parkingSpaces,
-    _ref$header = _ref.header,
-    header = _ref$header === void 0 ? void 0 : _ref$header,
-    _ref$photoSrc = _ref.photoSrc,
-    photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc,
-    _ref$rent = _ref.rent,
-    rent = _ref$rent === void 0 ? "" : _ref$rent;
-  return /* @__PURE__ */React.createElement(Stack, {
-    onClick: onClick,
-    sx: _objectSpread2(_objectSpread2({
-      transition: "all 0.25s ease-out",
-      cursor: "default"
-    }, fullHeight && {
-      height: "100%"
-    }), typeof onClick === "function" && {
-      cursor: "pointer",
-      "&:hover": {
-        transform: "translateY(-6px)"
-      }
-    })
-  }, /* @__PURE__ */React.createElement(Paper, {
-    overflow: false,
-    sx: _objectSpread2({
-      display: "flex",
-      flexDirection: "column"
-    }, fullHeight && {
-      height: "100%"
-    })
-  }, /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      width: "100%",
-      maxWidth: {
-        md: "100%"
-      }
-    }
-  }, header, /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
-    orientation: "vertical"
-  }, photoSrc && /* @__PURE__ */React.createElement(Media, {
-    src: photoSrc,
-    title: addressPart1,
-    as: "img"
-  }))), /* @__PURE__ */React.createElement(Stack, {
-    p: 4,
-    position: "relative",
-    gap: 4,
-    flex: 1
-  }, /* @__PURE__ */React.createElement(Stack, {
-    gap: 2
-  }, /* @__PURE__ */React.createElement(Heading, {
-    as: "h4",
-    color: "primary"
-  }, addressPart1), /* @__PURE__ */React.createElement(Text, {
-    sx: {
-      fontSize: "12px"
-    },
-    weight: "500",
-    color: "secondary"
-  }, addressPart2)), rent && /* @__PURE__ */React.createElement(RentIconLabel, {
-    text: rent
-  }), /* @__PURE__ */React.createElement(PropertyAttributes, {
-    noOfBedrooms: bedrooms,
-    noOfBathrooms: bathrooms,
-    noOfCarparks: parkingSpaces
-  }), (content || action) && /* @__PURE__ */React.createElement(Stack, {
-    direction: "row",
-    gap: 2,
-    alignItems: "center"
-  }, content && /* @__PURE__ */React.createElement(Stack, {
-    alignItems: "flex-start"
-  }, content), action && /* @__PURE__ */React.createElement(Stack, {
-    ml: "auto",
-    flexShrink: 0
-  }, action))), footer));
-}
-
-export { PropertyCard as default };