@tenancy.nz/feature-ui 1.1.8 → 1.2.0

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

@@ -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,16 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _objectWithoutProperties as _, _objectSpread2 as a, _taggedTemplateLiteral as b, _slicedToArray as c };
+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;

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

@@ -6,7 +6,6 @@ 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/{AnalyticsBox.cjs → components/AnalyticsBox.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 
@@ -16,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/{AnalyticsSection.cjs → components/AnalyticsSection.cjs}

@@ -6,8 +6,6 @@ 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/{BookingChart.cjs → components/BookingChart.cjs}

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
-var chart = require('primereact/chart');
+var chart_js = require('primereact/chart.js');
 var BookingChart_styled = require('./BookingChart.styled.cjs');
-require('@emotion/react');
-require('@emotion/styled');
 
 var defaultOptions = {
   scaleFontColor: "black",
@@ -77,10 +75,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;
@@ -92,7 +90,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, {
@@ -105,13 +103,13 @@ function BookingChart(_ref) {
       width: "100%",
       overflow: "hidden"
     }
-  }, /* @__PURE__ */React.createElement(chart.Chart, {
+  }, /* @__PURE__ */React.createElement(chart_js.Chart, {
     type: "bar",
     data: {
       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/components/BookingChart.styled.cjs

@@ -0,0 +1,48 @@
+'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  && {\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    color: ", ";\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  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.primary.main;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.primary.main;
+}, function (_ref3) {
+  var active = _ref3.active,
+    theme = _ref3.theme;
+  return active ? "#CEF3ED" : theme.palette.background.paper;
+}, function (_ref4) {
+  var active = _ref4.active,
+    theme = _ref4.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 (_ref5) {
+  var theme = _ref5.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 (_ref6) {
+  var theme = _ref6.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/{BookingTable.cjs → components/BookingTable.cjs}

@@ -8,13 +8,6 @@ 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('./bookingTable2.cjs');
-require('./CheckedIcon.cjs');
-require('@tenancy.nz/icons');
 
 function BookingTable(_ref) {
   var data = _ref.data,

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

@@ -6,11 +6,7 @@ var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var CheckedIcon = require('./CheckedIcon.cjs');
 var BookingTableRow_styled = require('./BookingTableRow.styled.cjs');
-var bookingTable = require('./bookingTable2.cjs');
-require('@tenancy.nz/icons');
-require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
-require('@emotion/react');
-require('@emotion/styled');
+var bookingTable = require('../utils/helpers/bookingTable.cjs');
 
 var tagMap = function tagMap(status) {
   if (status === "confirmed") {

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

@@ -0,0 +1,20 @@
+'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\n    ", " {\n      padding: 12px 24px;\n    }\n\n    @media print {\n      padding: 12px 24px;\n    }\n  "])), header ? "center" : "flex-start", header ? "12px" : "14px", !header && "\n      border-top: 1px solid #e9eaeb;\n    ", 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/{BookingTableRowHeader.cjs → components/BookingTableRowHeader.cjs}

@@ -5,10 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var BookingTableRow_styled = require('./BookingTableRow.styled.cjs');
-var bookingTable = require('./bookingTable2.cjs');
-require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
-require('@emotion/react');
-require('@emotion/styled');
+var bookingTable = require('../utils/helpers/bookingTable.cjs');
 
 function BookingTableRowHeader(_ref) {
   var _ref$columns = _ref.columns,

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

@@ -5,9 +5,6 @@ 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/{EnquiriesDoughnutChart.cjs → components/EnquiriesDoughnutChart.cjs}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
-var chart = require('primereact/chart');
+var chart_js = require('primereact/chart.js');
 
 function EnquiriesDoughnutChart(_ref) {
   var _ref$tradeMeEnquiries = _ref.tradeMeEnquiriesCount,
@@ -37,7 +37,7 @@ function EnquiriesDoughnutChart(_ref) {
   }, "Number of enquiries"), /* @__PURE__ */React.createElement(ui.Box, {
     width: "100%",
     overflow: "hidden"
-  }, /* @__PURE__ */React.createElement(chart.Chart, {
+  }, /* @__PURE__ */React.createElement(chart_js.Chart, {
     type: "doughnut",
     data: {
       labels: ["TradeMe", "BookMe", "Manual"],

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 var Hidden = require('./Hidden.cjs');
@@ -26,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;
@@ -47,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/{Hidden.cjs → components/Hidden.cjs}

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-
 function Hidden(_ref) {
   var _ref$hide = _ref.hide,
     hide = _ref$hide === void 0 ? false : _ref$hide,

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 
@@ -15,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/{NotesCard.cjs → components/NotesCard.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var ui = require('@tenancy.nz/ui');
 
@@ -32,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/{PropertyCard.cjs → components/PropertyCard.cjs}

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-BlfsmA2H.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 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) {
@@ -30,8 +28,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/components/PropertyCard.styled.cjs

@@ -0,0 +1,23 @@
+'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;

package/dist/cjs/index.cjs

@@ -1,32 +1,20 @@
 'use strict';
 
-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('./bookingTable2.cjs');
-require('./PropertyCard.styled.cjs');
+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');
 
 
 

package/dist/{cjs/_rollupPluginBabelHelpers-BlfsmA2H.js → esm/_virtual/_rollupPluginBabelHelpers.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,7 +117,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-exports._objectSpread2 = _objectSpread2;
-exports._objectWithoutProperties = _objectWithoutProperties;
-exports._slicedToArray = _slicedToArray;
-exports._taggedTemplateLiteral = _taggedTemplateLiteral;
+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 };

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

@@ -2,7 +2,6 @@ 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/{AnalyticsBox.js → components/AnalyticsBox.js}

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

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

@@ -2,8 +2,6 @@ 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/{BookingChart.js → components/BookingChart.js}

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

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

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

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

@@ -4,13 +4,6 @@ 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 './bookingTable2.js';
-import './CheckedIcon.js';
-import '@tenancy.nz/icons';
 
 function BookingTable(_ref) {
   var data = _ref.data,

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

@@ -2,11 +2,7 @@ import React from 'react';
 import { Grid, Text, Tag } from '@tenancy.nz/ui';
 import CheckedIcon from './CheckedIcon.js';
 import { StyledBookingTableRowCell } from './BookingTableRow.styled.js';
-import { showBookingTableColumns } from './bookingTable2.js';
-import '@tenancy.nz/icons';
-import './_rollupPluginBabelHelpers-BXw3UT-B.js';
-import '@emotion/react';
-import '@emotion/styled';
+import { showBookingTableColumns } from '../utils/helpers/bookingTable.js';
 
 var tagMap = function tagMap(status) {
   if (status === "confirmed") {

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

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

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

@@ -1,10 +1,7 @@
 import React from 'react';
 import { Grid } from '@tenancy.nz/ui';
 import { StyledBookingTableRowCell } from './BookingTableRow.styled.js';
-import { showBookingTableColumns } from './bookingTable2.js';
-import './_rollupPluginBabelHelpers-BXw3UT-B.js';
-import '@emotion/react';
-import '@emotion/styled';
+import { showBookingTableColumns } from '../utils/helpers/bookingTable.js';
 
 function BookingTableRowHeader(_ref) {
   var _ref$columns = _ref.columns,

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

@@ -1,9 +1,6 @@
 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/{EnquiriesDoughnutChart.js → components/EnquiriesDoughnutChart.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Box, Text } from '@tenancy.nz/ui';
-import { Chart } from 'primereact/chart';
+import { Chart } from 'primereact/chart.js';
 
 function EnquiriesDoughnutChart(_ref) {
   var _ref$tradeMeEnquiries = _ref.tradeMeEnquiriesCount,

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

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

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

@@ -1,5 +1,3 @@
-import 'react';
-
 function Hidden(_ref) {
   var _ref$hide = _ref.hide,
     hide = _ref$hide === void 0 ? false : _ref$hide,

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

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

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

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

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

@@ -1,11 +1,9 @@
-import { _ as _objectWithoutProperties, a as _objectSpread2 } from './_rollupPluginBabelHelpers-BXw3UT-B.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.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/{PropertyCard.styled.js → components/PropertyCard.styled.js}

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

package/dist/esm/index.js

@@ -1,27 +1,15 @@
-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 './bookingTable2.js';
-import './PropertyCard.styled.js';
+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';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/feature-ui",
   "description": "React UI feature components.",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -18,12 +18,12 @@
     "primereact": "3.1.3",
     "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.1.8",
-    "@tenancy.nz/ui": "1.1.8"
+    "@tenancy.nz/ui": "1.2.0",
+    "@tenancy.nz/icons": "1.2.0"
   },
   "devDependencies": {
-    "@tenancy.nz/icons": "1.1.8",
-    "@tenancy.nz/ui": "1.1.8"
+    "@tenancy.nz/icons": "1.2.0",
+    "@tenancy.nz/ui": "1.2.0"
   },
   "dependencies": {
     "react-uid": "^2.4.0"

package/dist/cjs/BookingChart.styled.cjs

@@ -1,48 +0,0 @@
-'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  && {\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    color: ", ";\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  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.primary.main;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette.primary.main;
-}, function (_ref3) {
-  var active = _ref3.active,
-    theme = _ref3.theme;
-  return active ? "#CEF3ED" : theme.palette.background.paper;
-}, function (_ref4) {
-  var active = _ref4.active,
-    theme = _ref4.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 (_ref5) {
-  var theme = _ref5.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 (_ref6) {
-  var theme = _ref6.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/BookingTableRow.styled.cjs

@@ -1,20 +0,0 @@
-'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\n    ", " {\n      padding: 12px 24px;\n    }\n\n    @media print {\n      padding: 12px 24px;\n    }\n  "])), header ? "center" : "flex-start", header ? "12px" : "14px", !header && "\n      border-top: 1px solid #e9eaeb;\n    ", 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/PropertyCard.styled.cjs

@@ -1,23 +0,0 @@
-'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;