@tenancy.nz/feature-ui 1.0.7 → 1.0.9

package/dist/cjs/{components/AgentDetailsCard.cjs → AgentDetailsCard.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,6 +6,7 @@ var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var icons = require('@tenancy.nz/icons');
 var IconLabel = require('./IconLabel.cjs');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 
 function AgentDetailsCard(_ref) {
   var _ref$email = _ref.email,

package/dist/cjs/{components/AnalyticsBox.cjs → AnalyticsBox.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 
@@ -17,8 +16,8 @@ function AnalyticsBox(_ref) {
     label = _ref.label,
     amount = _ref.amount,
     text = _ref.text,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), {}, {
     sx: {
       maxWidth: maxWidth,
       width: width,

package/dist/cjs/{components/AnalyticsSection.cjs → AnalyticsSection.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,6 +6,8 @@ var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var AnalyticsBox = require('./AnalyticsBox.cjs');
 var EnquiriesDoughnutChart = require('./EnquiriesDoughnutChart.cjs');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+require('primereact/chart');
 
 function AnalyticsSection(_ref) {
   var viewingsCount = _ref.viewingsCount,

package/dist/cjs/{components/BookingChart.cjs → BookingChart.cjs}

@@ -1,13 +1,14 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var chart = require('primereact/chart');
 var BookingChart_styled = require('./BookingChart.styled.cjs');
+require('@emotion/react');
+require('@emotion/styled');
 
 var defaultOptions = {
   scaleFontColor: "black",
@@ -76,10 +77,10 @@ function BookingChart(_ref) {
         backgroundColor = _ref2.backgroundColor;
       return [label, backgroundColor];
     }).filter(function (_ref3, i, items) {
-      var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 1),
+      var _ref4 = _rollupPluginBabelHelpers._slicedToArray(_ref3, 1),
         label = _ref4[0];
       return items.findIndex(function (_ref5) {
-        var _ref6 = _rollupPluginBabelHelpers.slicedToArray(_ref5, 1),
+        var _ref6 = _rollupPluginBabelHelpers._slicedToArray(_ref5, 1),
           l = _ref6[0];
         return l === label;
       }) === i;
@@ -91,7 +92,7 @@ function BookingChart(_ref) {
     gap: "16px",
     width: "100%"
   }, legends.length > 0 && /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartStack, null, legends.map(function (_ref7) {
-    var _ref8 = _rollupPluginBabelHelpers.slicedToArray(_ref7, 2),
+    var _ref8 = _rollupPluginBabelHelpers._slicedToArray(_ref7, 2),
       label = _ref8[0],
       backgroundColor = _ref8[1];
     return /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartLegend, {
@@ -107,7 +108,7 @@ function BookingChart(_ref) {
       labels: labels,
       datasets: data
     },
-    options: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultOptions), options)
+    options: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, defaultOptions), options)
   })), onModeChange && /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartStack, null, /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
     onClick: onModeChange,
     active: mode === "day",

package/dist/cjs/BookingChart.styled.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var StyledBookingChartStack = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: 12px;\n  justify-content: center;\n  color: #000;\n  width: 100%;\n"])));
+var StyledBookingChartLegend = styled("span", {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !["color"].includes(prop);
+  }
+})(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  &::before {\n    content: '';\n    display: inline-flex;\n    width: 32px;\n    height: 18px;\n    background-color: ", ";\n    border-radius: 4px;\n  }\n"])), function (props) {
+  return props.color;
+});
+var StyledBookingChartButton = styled("button", {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !["color"].includes(prop);
+  }
+})(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  padding: 6px 10px;\n  font-size: 14px;\n  border-radius: 4px;\n  font-family: inherit;\n  border: 1px solid ", ";\n  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n  background-color: ", ";\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.primary.main;
+}, function (_ref2) {
+  var active = _ref2.active,
+    theme = _ref2.theme;
+  return active ? "#CEF3ED" : theme.palette.background.paper;
+}, function (_ref3) {
+  var active = _ref3.active,
+    theme = _ref3.theme;
+  return !active ? theme.palette.grey[100] : null;
+});
+var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: flex-start;\n  padding: 16px 24px 16px 20px;\n  flex-direction: column;\n\n  ", "\n\n  @media print {\n    flex-direction: row;\n    align-items: center;\n  }\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    ", " {\n      flex-direction: row;\n      align-items: center;\n    }\n  "])), theme.breakpoints.up("sm"));
+});
+var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  padding-right: 25px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n\n  gap: 18px;\n  min-width: 170px;\n  height: 100%;\n  justify-content: space-between;\n\n  ", "\n\n  @media print {\n    align-items: flex-end;\n  }\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return "\n    @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n      align-items: flex-end;\n    }\n  ");
+});
+
+exports.StyledBookingChartButton = StyledBookingChartButton;
+exports.StyledBookingChartLegend = StyledBookingChartLegend;
+exports.StyledBookingChartStack = StyledBookingChartStack;
+exports.StyledPropertyAmenitiesBox = StyledPropertyAmenitiesBox;
+exports.StyledPropertyDetailsBox = StyledPropertyDetailsBox;

package/dist/cjs/{components/BookingTable.cjs → BookingTable.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,6 +8,12 @@ var ui = require('@tenancy.nz/ui');
 var BookingTableRowHeader = require('./BookingTableRowHeader.cjs');
 var BookingTableRow = require('./BookingTableRow.cjs');
 var BookingTableRowSkeleton = require('./BookingTableRowSkeleton.cjs');
+require('./BookingTableRow.styled.cjs');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+require('@emotion/react');
+require('@emotion/styled');
+require('./CheckedIcon.cjs');
+require('@tenancy.nz/icons');
 
 function BookingTable(_ref) {
   var data = _ref.data,

package/dist/cjs/{components/BookingTableRow.cjs → BookingTableRow.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,6 +6,10 @@ var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var CheckedIcon = require('./CheckedIcon.cjs');
 var BookingTableRow_styled = require('./BookingTableRow.styled.cjs');
+require('@tenancy.nz/icons');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+require('@emotion/react');
+require('@emotion/styled');
 
 var tagMap = function tagMap(status) {
   if (status === "confirmed") {

package/dist/cjs/BookingTableRow.styled.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+
+var _templateObject, _templateObject2;
+var StyledBookingTableRowCell = styled("div", {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== "align";
+  }
+})(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "left" : _ref$align,
+    header = _ref.header,
+    theme = _ref.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    justify-content: ", ";\n    padding: 6px 12px;\n    font-size: ", ";\n    color: #717680;\n    height: 100%;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", " {\n      padding: 12px 24px;\n    }\n\n    @media print {\n      padding: 12px 24px;\n    }\n  "])), header ? "center" : "flex-start", header ? "12px" : "14px", align === "left" && "\n      align-items: flex-start;\n    ", align === "center" && "\n      align-items: center;\n      text-align: center;\n    ", align === "right" && "\n      align-items: flex-end;\n    ", theme.breakpoints.up("md"));
+});
+
+exports.StyledBookingTableRowCell = StyledBookingTableRowCell;

package/dist/cjs/{components/BookingTableRowHeader.cjs → BookingTableRowHeader.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,6 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var BookingTableRow_styled = require('./BookingTableRow.styled.cjs');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+require('@emotion/react');
+require('@emotion/styled');
 
 function BookingTableRowHeader() {
   return /* @__PURE__ */React.createElement(ui.Grid, {

package/dist/cjs/{components/BookingTableRowSkeleton.cjs → BookingTableRowSkeleton.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,6 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var BookingTableRow_styled = require('./BookingTableRow.styled.cjs');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+require('@emotion/react');
+require('@emotion/styled');
 
 function BookingTableRowSkeleton() {
   return /* @__PURE__ */React.createElement(ui.Grid, {

package/dist/cjs/{components/CheckedIcon.cjs → CheckedIcon.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/{components/EnquiriesDoughnutChart.cjs → EnquiriesDoughnutChart.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/{components/GridList.cjs → GridList.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var Hidden = require('./Hidden.cjs');
@@ -27,7 +26,7 @@ function GridList(_ref) {
     onChangeResultsPerPage = _ref.onChangeResultsPerPage,
     perPage = _ref.perPage,
     scrollTopOnChangePage = _ref.scrollTopOnChangePage,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
   var gridContainerRef = React.useRef(null);
   var childLen = React.Children.count(children);
   var isChildren = childLen > 0;
@@ -48,7 +47,7 @@ function GridList(_ref) {
     style: {
       width: "100%"
     }
-  }, /* @__PURE__ */React.createElement(ui.Grid, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  }, /* @__PURE__ */React.createElement(ui.Grid, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
     container: true
   }, rest), {}, {
     spacing: spacing

package/dist/cjs/{components/Hidden.cjs → Hidden.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/{components/IconLabel.cjs → IconLabel.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 
@@ -16,8 +15,8 @@ function IconLabel(_ref) {
     startIcon = _ref$startIcon === void 0 ? void 0 : _ref$startIcon,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var iconLabel = /* @__PURE__ */React.createElement(ui.Box, _rollupPluginBabelHelpers.objectSpread2({
+    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  var iconLabel = /* @__PURE__ */React.createElement(ui.Box, _rollupPluginBabelHelpers._objectSpread2({
     align: "center",
     display: "inline-flex"
   }, rest), startIcon && /* @__PURE__ */React.createElement(ui.Box, {

package/dist/cjs/{components/NotesCard.cjs → NotesCard.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 
@@ -33,8 +32,8 @@ function NotesCard(_ref) {
     tag = _ref$tag === void 0 ? void 0 : _ref$tag,
     _ref$text = _ref.text,
     text = _ref$text === void 0 ? void 0 : _ref$text,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers.objectSpread2({
+    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers._objectSpread2({
     inset: "medium",
     sx: {
       minHeight: "100%"

package/dist/cjs/{components/PropertyCard.cjs → PropertyCard.cjs}

@@ -1,14 +1,15 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var icons = require('@tenancy.nz/icons');
 var IconLabel = require('./IconLabel.cjs');
 var PropertyCard_styled = require('./PropertyCard.styled.cjs');
+require('@emotion/react');
+require('@emotion/styled');
 
 var _excluded = ["address", "compact", "enquiriesCount", "imgSrc", "noOfBedrooms", "noOfBathrooms", "noOfCarparks", "rent", "viewingsCount"];
 function PropertyCard(_ref) {
@@ -29,8 +30,8 @@ function PropertyCard(_ref) {
     rent = _ref$rent === void 0 ? void 0 : _ref$rent,
     _ref$viewingsCount = _ref.viewingsCount,
     viewingsCount = _ref$viewingsCount === void 0 ? void 0 : _ref$viewingsCount,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers.objectSpread2({
+    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers._objectSpread2({
     overflow: false,
     sx: {
       display: "flex",

package/dist/cjs/PropertyCard.styled.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var StyledPropertyImage = styled.figure(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  padding: 0;\n  margin: 0;\n  width: 120px;\n  height: 95px;\n  flex: 0 0 95px;\n  overflow: hidden;\n\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    ", " {\n      display: none;\n    }\n\n    ", " {\n      width: 150px;\n      height: 135px;\n      flex: 0 0 150px;\n    }\n\n    @media print {\n      width: 150px;\n      height: 135px;\n      flex: 0 0 150px;\n      display: block;\n    }\n  "])), theme.breakpoints.down("sm"), theme.breakpoints.up("sm"));
+});
+var StyledPropertyDetailsBox = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: flex-start;\n  padding: 16px 24px 16px 20px;\n  flex-direction: column;\n\n  ", "\n\n  @media print {\n    flex-direction: row;\n    align-items: center;\n  }\n"])), function (_ref2) {
+  var theme = _ref2.theme;
+  return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    ", " {\n      flex-direction: row;\n      align-items: center;\n    }\n  "])), theme.breakpoints.up("sm"));
+});
+var StyledPropertyAmenitiesBox = styled.div(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  padding-right: 25px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n\n  gap: 18px;\n  min-width: 170px;\n  height: 100%;\n  justify-content: space-between;\n\n  ", "\n  @media print {\n    align-items: flex-end;\n  }\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return "\n    @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n      align-items: flex-end;\n    }\n  ");
+});
+
+exports.StyledPropertyAmenitiesBox = StyledPropertyAmenitiesBox;
+exports.StyledPropertyDetailsBox = StyledPropertyDetailsBox;
+exports.StyledPropertyImage = StyledPropertyImage;

package/dist/{esm/_virtual/_rollupPluginBabelHelpers.js → cjs/_rollupPluginBabelHelpers-BlfsmA2H.js}

@@ -1,3 +1,5 @@
+'use strict';
+
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -117,4 +119,7 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _defineProperty as defineProperty, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _taggedTemplateLiteral as taggedTemplateLiteral, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _unsupportedIterableToArray as unsupportedIterableToArray };
+exports._objectSpread2 = _objectSpread2;
+exports._objectWithoutProperties = _objectWithoutProperties;
+exports._slicedToArray = _slicedToArray;
+exports._taggedTemplateLiteral = _taggedTemplateLiteral;

package/dist/cjs/index.cjs

@@ -1,21 +1,31 @@
-"use strict";
 'use strict';
 
-var AgentDetailsCard = require('./components/AgentDetailsCard.cjs');
-var AnalyticsBox = require('./components/AnalyticsBox.cjs');
-var AnalyticsSection = require('./components/AnalyticsSection.cjs');
-var BookingChart = require('./components/BookingChart.cjs');
-var BookingTable = require('./components/BookingTable.cjs');
-var BookingTableRow = require('./components/BookingTableRow.cjs');
-var BookingTableRowHeader = require('./components/BookingTableRowHeader.cjs');
-var BookingTableRowSkeleton = require('./components/BookingTableRowSkeleton.cjs');
-var CheckedIcon = require('./components/CheckedIcon.cjs');
-var EnquiriesDoughnutChart = require('./components/EnquiriesDoughnutChart.cjs');
-var GridList = require('./components/GridList.cjs');
-var Hidden = require('./components/Hidden.cjs');
-var IconLabel = require('./components/IconLabel.cjs');
-var NotesCard = require('./components/NotesCard.cjs');
-var PropertyCard = require('./components/PropertyCard.cjs');
+var AgentDetailsCard = require('./AgentDetailsCard.cjs');
+var AnalyticsBox = require('./AnalyticsBox.cjs');
+var AnalyticsSection = require('./AnalyticsSection.cjs');
+var BookingChart = require('./BookingChart.cjs');
+var BookingTable = require('./BookingTable.cjs');
+var BookingTableRow = require('./BookingTableRow.cjs');
+var BookingTableRowHeader = require('./BookingTableRowHeader.cjs');
+var BookingTableRowSkeleton = require('./BookingTableRowSkeleton.cjs');
+var CheckedIcon = require('./CheckedIcon.cjs');
+var EnquiriesDoughnutChart = require('./EnquiriesDoughnutChart.cjs');
+var GridList = require('./GridList.cjs');
+var Hidden = require('./Hidden.cjs');
+var IconLabel = require('./IconLabel.cjs');
+var NotesCard = require('./NotesCard.cjs');
+var PropertyCard = require('./PropertyCard.cjs');
+require('react');
+require('@tenancy.nz/ui');
+require('@tenancy.nz/icons');
+require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+require('primereact/chart');
+require('./BookingChart.styled.cjs');
+require('@emotion/react');
+require('@emotion/styled');
+require('react-uid');
+require('./BookingTableRow.styled.cjs');
+require('./PropertyCard.styled.cjs');
 
 
 

package/dist/esm/{components/AgentDetailsCard.js → AgentDetailsCard.js}

@@ -1,8 +1,8 @@
-"use strict";
 import React from 'react';
 import { Box, Skeleton, Heading, Text } from '@tenancy.nz/ui';
 import { UserIcon, PhoneIcon, EnvelopeIcon } from '@tenancy.nz/icons';
 import IconLabel from './IconLabel.js';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
 
 function AgentDetailsCard(_ref) {
   var _ref$email = _ref.email,

package/dist/esm/{components/AnalyticsBox.js → AnalyticsBox.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { _ as _objectWithoutProperties, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import React from 'react';
 import { Paper, Box, Heading, Text } from '@tenancy.nz/ui';
 

package/dist/esm/{components/AnalyticsSection.js → AnalyticsSection.js}

@@ -1,8 +1,9 @@
-"use strict";
 import React from 'react';
 import { useMediaQuery, Box, Paper, Text } from '@tenancy.nz/ui';
 import AnalyticsBox from './AnalyticsBox.js';
 import EnquiriesDoughnutChart from './EnquiriesDoughnutChart.js';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import 'primereact/chart';
 
 function AnalyticsSection(_ref) {
   var viewingsCount = _ref.viewingsCount,

package/dist/esm/{components/BookingChart.js → BookingChart.js}

@@ -1,9 +1,10 @@
-"use strict";
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { c as _slicedToArray, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import React, { useMemo } from 'react';
 import { Box } from '@tenancy.nz/ui';
 import { Chart } from 'primereact/chart';
 import { StyledBookingChartStack, StyledBookingChartLegend, StyledBookingChartButton } from './BookingChart.styled.js';
+import '@emotion/react';
+import '@emotion/styled';
 
 var defaultOptions = {
   scaleFontColor: "black",

package/dist/esm/{components/BookingChart.styled.js → BookingChart.styled.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { b as _taggedTemplateLiteral } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 

package/dist/esm/{components/BookingTable.js → BookingTable.js}

@@ -1,10 +1,15 @@
-"use strict";
 import React from 'react';
 import { uid } from 'react-uid';
 import { Box, Paper, Heading } from '@tenancy.nz/ui';
 import BookingTableRowHeader from './BookingTableRowHeader.js';
 import BookingTableRow from './BookingTableRow.js';
 import BookingTableRowSkeleton from './BookingTableRowSkeleton.js';
+import './BookingTableRow.styled.js';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import '@emotion/react';
+import '@emotion/styled';
+import './CheckedIcon.js';
+import '@tenancy.nz/icons';
 
 function BookingTable(_ref) {
   var data = _ref.data,

package/dist/esm/{components/BookingTableRow.js → BookingTableRow.js}

@@ -1,8 +1,11 @@
-"use strict";
 import React from 'react';
 import { Grid, Text, Tag } from '@tenancy.nz/ui';
 import CheckedIcon from './CheckedIcon.js';
 import { StyledBookingTableRowCell } from './BookingTableRow.styled.js';
+import '@tenancy.nz/icons';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import '@emotion/react';
+import '@emotion/styled';
 
 var tagMap = function tagMap(status) {
   if (status === "confirmed") {

package/dist/esm/{components/BookingTableRow.styled.js → BookingTableRow.styled.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { b as _taggedTemplateLiteral } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 

package/dist/esm/{components/BookingTableRowHeader.js → BookingTableRowHeader.js}

@@ -1,7 +1,9 @@
-"use strict";
 import React from 'react';
 import { Grid } from '@tenancy.nz/ui';
 import { StyledBookingTableRowCell } from './BookingTableRow.styled.js';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import '@emotion/react';
+import '@emotion/styled';
 
 function BookingTableRowHeader() {
   return /* @__PURE__ */React.createElement(Grid, {

package/dist/esm/{components/BookingTableRowSkeleton.js → BookingTableRowSkeleton.js}

@@ -1,7 +1,9 @@
-"use strict";
 import React from 'react';
 import { Grid, Skeleton } from '@tenancy.nz/ui';
 import { StyledBookingTableRowCell } from './BookingTableRow.styled.js';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import '@emotion/react';
+import '@emotion/styled';
 
 function BookingTableRowSkeleton() {
   return /* @__PURE__ */React.createElement(Grid, {

package/dist/esm/{components/CheckedIcon.js → CheckedIcon.js}

@@ -1,4 +1,3 @@
-"use strict";
 import React from 'react';
 import { CircleCheckIcon, CircleTimesIcon } from '@tenancy.nz/icons';
 

package/dist/esm/{components/EnquiriesDoughnutChart.js → EnquiriesDoughnutChart.js}

@@ -1,4 +1,3 @@
-"use strict";
 import React from 'react';
 import { Box, Text } from '@tenancy.nz/ui';
 import { Chart } from 'primereact/chart';

package/dist/esm/{components/GridList.js → GridList.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { _ as _objectWithoutProperties, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import React from 'react';
 import { Grid, Box, Pagination, Select } from '@tenancy.nz/ui';
 import Hidden from './Hidden.js';

package/dist/esm/{components/Hidden.js → Hidden.js}

@@ -1,4 +1,3 @@
-"use strict";
 import 'react';
 
 function Hidden(_ref) {

package/dist/esm/{components/IconLabel.js → IconLabel.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { _ as _objectWithoutProperties, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import React from 'react';
 import { Box } from '@tenancy.nz/ui';
 

package/dist/esm/{components/NotesCard.js → NotesCard.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { _ as _objectWithoutProperties, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import React from 'react';
 import { Paper, Box, Skeleton, Text, Tag } from '@tenancy.nz/ui';
 

package/dist/esm/{components/PropertyCard.js → PropertyCard.js}

@@ -1,10 +1,11 @@
-"use strict";
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { _ as _objectWithoutProperties, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import React from 'react';
 import { Paper, Media, Box, Heading, Text } from '@tenancy.nz/ui';
 import { Icon } from '@tenancy.nz/icons';
 import IconLabel from './IconLabel.js';
 import { StyledPropertyImage, StyledPropertyDetailsBox, StyledPropertyAmenitiesBox } from './PropertyCard.styled.js';
+import '@emotion/react';
+import '@emotion/styled';
 
 var _excluded = ["address", "compact", "enquiriesCount", "imgSrc", "noOfBedrooms", "noOfBathrooms", "noOfCarparks", "rent", "viewingsCount"];
 function PropertyCard(_ref) {

package/dist/esm/{components/PropertyCard.styled.js → PropertyCard.styled.js}

@@ -1,5 +1,4 @@
-"use strict";
-import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { b as _taggedTemplateLiteral } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 

package/dist/{cjs/_virtual/_rollupPluginBabelHelpers.cjs → esm/_rollupPluginBabelHelpers-BXw3UT-B.js}

@@ -1,5 +1,3 @@
-'use strict';
-
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -119,16 +117,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-exports.arrayLikeToArray = _arrayLikeToArray;
-exports.arrayWithHoles = _arrayWithHoles;
-exports.defineProperty = _defineProperty;
-exports.iterableToArrayLimit = _iterableToArrayLimit;
-exports.nonIterableRest = _nonIterableRest;
-exports.objectSpread2 = _objectSpread2;
-exports.objectWithoutProperties = _objectWithoutProperties;
-exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
-exports.slicedToArray = _slicedToArray;
-exports.taggedTemplateLiteral = _taggedTemplateLiteral;
-exports.toPrimitive = _toPrimitive;
-exports.toPropertyKey = _toPropertyKey;
-exports.unsupportedIterableToArray = _unsupportedIterableToArray;
+export { _objectWithoutProperties as _, _objectSpread2 as a, _taggedTemplateLiteral as b, _slicedToArray as c };

package/dist/esm/index.js

@@ -1,16 +1,26 @@
-"use strict";
-export { default as AgentDetailsCard } from './components/AgentDetailsCard.js';
-export { default as AnalyticsBox } from './components/AnalyticsBox.js';
-export { default as AnalyticsSection } from './components/AnalyticsSection.js';
-export { default as BookingChart } from './components/BookingChart.js';
-export { default as BookingTable } from './components/BookingTable.js';
-export { default as BookingTableRow } from './components/BookingTableRow.js';
-export { default as BookingTableRowHeader } from './components/BookingTableRowHeader.js';
-export { default as BookingTableRowSkeleton } from './components/BookingTableRowSkeleton.js';
-export { default as CheckedIcon } from './components/CheckedIcon.js';
-export { default as EnquiriesDoughnutChart } from './components/EnquiriesDoughnutChart.js';
-export { default as GridList } from './components/GridList.js';
-export { default as Hidden } from './components/Hidden.js';
-export { default as IconLabel } from './components/IconLabel.js';
-export { default as NotesCard } from './components/NotesCard.js';
-export { default as PropertyCard } from './components/PropertyCard.js';
+export { default as AgentDetailsCard } from './AgentDetailsCard.js';
+export { default as AnalyticsBox } from './AnalyticsBox.js';
+export { default as AnalyticsSection } from './AnalyticsSection.js';
+export { default as BookingChart } from './BookingChart.js';
+export { default as BookingTable } from './BookingTable.js';
+export { default as BookingTableRow } from './BookingTableRow.js';
+export { default as BookingTableRowHeader } from './BookingTableRowHeader.js';
+export { default as BookingTableRowSkeleton } from './BookingTableRowSkeleton.js';
+export { default as CheckedIcon } from './CheckedIcon.js';
+export { default as EnquiriesDoughnutChart } from './EnquiriesDoughnutChart.js';
+export { default as GridList } from './GridList.js';
+export { default as Hidden } from './Hidden.js';
+export { default as IconLabel } from './IconLabel.js';
+export { default as NotesCard } from './NotesCard.js';
+export { default as PropertyCard } from './PropertyCard.js';
+import 'react';
+import '@tenancy.nz/ui';
+import '@tenancy.nz/icons';
+import './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import 'primereact/chart';
+import './BookingChart.styled.js';
+import '@emotion/react';
+import '@emotion/styled';
+import 'react-uid';
+import './BookingTableRow.styled.js';
+import './PropertyCard.styled.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/feature-ui",
   "description": "React UI feature components.",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -16,16 +16,14 @@
     "chart.js": "2.7.3",
     "classnames": "^2.2.6",
     "primereact": "^3.1.3",
-    "react": ">= 16.0.0  <= 18.3.1",
-    "react-dom": ">= 16.0.0  <= 18.3.1",
-    "@tenancy.nz/icons": "1.0.7",
-    "@tenancy.nz/ui": "1.0.7"
+    "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/icons": "1.0.9",
+    "@tenancy.nz/ui": "1.0.9"
   },
   "devDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@tenancy.nz/icons": "1.0.7",
-    "@tenancy.nz/ui": "1.0.7"
+    "@tenancy.nz/icons": "1.0.9",
+    "@tenancy.nz/ui": "1.0.9"
   },
   "dependencies": {
     "react-uid": "^2.4.0"

package/dist/cjs/components/BookingChart.styled.cjs

@@ -1,46 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var StyledBookingChartStack = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: 12px;\n  justify-content: center;\n  color: #000;\n  width: 100%;\n"])));
-var StyledBookingChartLegend = styled("span", {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !["color"].includes(prop);
-  }
-})(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  &::before {\n    content: '';\n    display: inline-flex;\n    width: 32px;\n    height: 18px;\n    background-color: ", ";\n    border-radius: 4px;\n  }\n"])), function (props) {
-  return props.color;
-});
-var StyledBookingChartButton = styled("button", {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !["color"].includes(prop);
-  }
-})(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  padding: 6px 10px;\n  font-size: 14px;\n  border-radius: 4px;\n  font-family: inherit;\n  border: 1px solid ", ";\n  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n  background-color: ", ";\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.primary.main;
-}, function (_ref2) {
-  var active = _ref2.active,
-    theme = _ref2.theme;
-  return active ? "#CEF3ED" : theme.palette.background.paper;
-}, function (_ref3) {
-  var active = _ref3.active,
-    theme = _ref3.theme;
-  return !active ? theme.palette.grey[100] : null;
-});
-var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: flex-start;\n  padding: 16px 24px 16px 20px;\n  flex-direction: column;\n\n  ", "\n\n  @media print {\n    flex-direction: row;\n    align-items: center;\n  }\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", " {\n      flex-direction: row;\n      align-items: center;\n    }\n  "])), theme.breakpoints.up("sm"));
-});
-var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  padding-right: 25px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n\n  gap: 18px;\n  min-width: 170px;\n  height: 100%;\n  justify-content: space-between;\n\n  ", "\n\n  @media print {\n    align-items: flex-end;\n  }\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return "\n    @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n      align-items: flex-end;\n    }\n  ");
-});
-
-exports.StyledBookingChartButton = StyledBookingChartButton;
-exports.StyledBookingChartLegend = StyledBookingChartLegend;
-exports.StyledBookingChartStack = StyledBookingChartStack;
-exports.StyledPropertyAmenitiesBox = StyledPropertyAmenitiesBox;
-exports.StyledPropertyDetailsBox = StyledPropertyDetailsBox;

package/dist/cjs/components/BookingTableRow.styled.cjs

@@ -1,21 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-
-var _templateObject, _templateObject2;
-var StyledBookingTableRowCell = styled("div", {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return prop !== "align";
-  }
-})(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? "left" : _ref$align,
-    header = _ref.header,
-    theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    justify-content: ", ";\n    padding: 6px 12px;\n    font-size: ", ";\n    color: #717680;\n    height: 100%;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", " {\n      padding: 12px 24px;\n    }\n\n    @media print {\n      padding: 12px 24px;\n    }\n  "])), header ? "center" : "flex-start", header ? "12px" : "14px", align === "left" && "\n      align-items: flex-start;\n    ", align === "center" && "\n      align-items: center;\n      text-align: center;\n    ", align === "right" && "\n      align-items: flex-end;\n    ", theme.breakpoints.up("md"));
-});
-
-exports.StyledBookingTableRowCell = StyledBookingTableRowCell;

package/dist/cjs/components/PropertyCard.styled.cjs

@@ -1,24 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var StyledPropertyImage = styled.figure(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  padding: 0;\n  margin: 0;\n  width: 120px;\n  height: 95px;\n  flex: 0 0 95px;\n  overflow: hidden;\n\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", " {\n      display: none;\n    }\n\n    ", " {\n      width: 150px;\n      height: 135px;\n      flex: 0 0 150px;\n    }\n\n    @media print {\n      width: 150px;\n      height: 135px;\n      flex: 0 0 150px;\n      display: block;\n    }\n  "])), theme.breakpoints.down("sm"), theme.breakpoints.up("sm"));
-});
-var StyledPropertyDetailsBox = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: flex-start;\n  padding: 16px 24px 16px 20px;\n  flex-direction: column;\n\n  ", "\n\n  @media print {\n    flex-direction: row;\n    align-items: center;\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", " {\n      flex-direction: row;\n      align-items: center;\n    }\n  "])), theme.breakpoints.up("sm"));
-});
-var StyledPropertyAmenitiesBox = styled.div(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  padding-right: 25px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n\n  gap: 18px;\n  min-width: 170px;\n  height: 100%;\n  justify-content: space-between;\n\n  ", "\n  @media print {\n    align-items: flex-end;\n  }\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return "\n    @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n      align-items: flex-end;\n    }\n  ");
-});
-
-exports.StyledPropertyAmenitiesBox = StyledPropertyAmenitiesBox;
-exports.StyledPropertyDetailsBox = StyledPropertyDetailsBox;
-exports.StyledPropertyImage = StyledPropertyImage;