@tenancy.nz/feature-ui 1.10.6 → 1.10.7

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.cjs

@@ -19,6 +19,15 @@ function _defineProperty(e, r, t) {
     writable: true
   }) : e[r] = t, e;
 }
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
@@ -55,6 +64,9 @@ function _nonIterableRest() {
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -135,10 +147,12 @@ exports.arrayLikeToArray = _arrayLikeToArray;
 exports.arrayWithHoles = _arrayWithHoles;
 exports.arrayWithoutHoles = _arrayWithoutHoles;
 exports.defineProperty = _defineProperty;
+exports.extends = _extends;
 exports.iterableToArray = _iterableToArray;
 exports.iterableToArrayLimit = _iterableToArrayLimit;
 exports.nonIterableRest = _nonIterableRest;
 exports.nonIterableSpread = _nonIterableSpread;
+exports.objectDestructuringEmpty = _objectDestructuringEmpty;
 exports.objectSpread2 = _objectSpread2;
 exports.objectWithoutProperties = _objectWithoutProperties;
 exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;

package/dist/cjs/components/BackButton.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ArrowLeftOutlinedIcon = require('@tenancy.nz/icons/ArrowLeftOutlined');
+var ui = require('@tenancy.nz/ui');
+
+function BackButton(_ref) {
+  var onClick = _ref.onClick;
+  return /* @__PURE__ */React.createElement(ui.Button, {
+    startIcon: /* @__PURE__ */React.createElement(ArrowLeftOutlinedIcon, null),
+    variant: "outlined",
+    onClick: onClick
+  }, "Back");
+}
+
+exports.default = BackButton;

package/dist/cjs/components/ConfirmButton.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var ui = require('@tenancy.nz/ui');
+
+var _excluded = ["Component", "children", "color", "confirmMessage", "label", "onClick", "title", "confirmProps"];
+var errorConfirmProps = {
+  severity: "error",
+  cancelBtnText: "Don't delete",
+  confirmBtnText: "Delete"
+};
+function ConfirmButton(_ref) {
+  var _ref$Component = _ref.Component,
+    Component = _ref$Component === void 0 ? null : _ref$Component,
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$confirmMessage = _ref.confirmMessage,
+    confirmMessage = _ref$confirmMessage === void 0 ? void 0 : _ref$confirmMessage,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    onClick = _ref.onClick,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$confirmProps = _ref.confirmProps,
+    confirmProps = _ref$confirmProps === void 0 ? {} : _ref$confirmProps,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    showConfirm = _useState2[0],
+    setShowConfirm = _useState2[1];
+  var _useState3 = React.useState(void 0),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var handleCancel = function handleCancel(e) {
+    e.stopPropagation();
+    setShowConfirm(false);
+    setValue(void 0);
+  };
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+    if (!confirmMessage) {
+      onClick(e);
+    } else {
+      setShowConfirm(true);
+      setValue(e);
+    }
+  };
+  var handleConfirm = function handleConfirm() {
+    if (value) {
+      onClick(value);
+    }
+    setShowConfirm(false);
+    setValue(void 0);
+  };
+  return /* @__PURE__ */React.createElement(React.Fragment, null, Component ? /* @__PURE__ */React.createElement(Component, _rollupPluginBabelHelpers.objectSpread2({
+    color: color,
+    onClick: handleClick
+  }, rest), children) : /* @__PURE__ */React.createElement(ui.Tooltip, {
+    title: title,
+    placement: "top"
+  }, /* @__PURE__ */React.createElement(ui.Box, {
+    display: "inline-flex",
+    color: color.indexOf(".") === -1 ? "".concat(color, ".main") : color,
+    align: "center",
+    direction: "column"
+  }, /* @__PURE__ */React.createElement(ui.IconButton, _rollupPluginBabelHelpers.objectSpread2({
+    color: color === "error" ? "error" : "inherit",
+    onClick: handleClick
+  }, rest), children), !!label && /* @__PURE__ */React.createElement(ui.Box, {
+    color: "#617391",
+    display: "inline-flex",
+    fontSize: "11px",
+    onClick: handleClick,
+    sx: {
+      cursor: "pointer"
+    }
+  }, label))), !!confirmMessage && /* @__PURE__ */React.createElement(ui.Confirmation, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    open: showConfirm,
+    message: confirmMessage,
+    title: "Please confirm",
+    onCancel: handleCancel,
+    onConfirm: handleConfirm
+  }, color === "error" && errorConfirmProps), confirmProps)));
+}
+
+exports.default = ConfirmButton;

package/dist/cjs/components/ContactCard.cjs

@@ -1,2 +1,73 @@
 '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 EmailOutlinedIcon = require('@tenancy.nz/icons/EmailOutlined');
+var PhoneOutlinedIcon = require('@tenancy.nz/icons/PhoneOutlined');
+var ui = require('@tenancy.nz/ui');
+var ContactCardHeader = require('./ContactCardHeader.cjs');
+var ContactMethod = require('./ContactMethod.cjs');
+
+var _excluded = ["avatarColor", "avatarUrl", "email", "firstName", "lastName", "mobile", "phone", "role", "sx"];
+function ContactCard(_ref) {
+  var _ref$avatarColor = _ref.avatarColor,
+    avatarColor = _ref$avatarColor === void 0 ? "grey" : _ref$avatarColor,
+    _ref$avatarUrl = _ref.avatarUrl,
+    avatarUrl = _ref$avatarUrl === void 0 ? void 0 : _ref$avatarUrl,
+    _ref$email = _ref.email,
+    email = _ref$email === void 0 ? void 0 : _ref$email,
+    _ref$firstName = _ref.firstName,
+    firstName = _ref$firstName === void 0 ? void 0 : _ref$firstName,
+    _ref$lastName = _ref.lastName,
+    lastName = _ref$lastName === void 0 ? void 0 : _ref$lastName,
+    _ref$mobile = _ref.mobile,
+    mobile = _ref$mobile === void 0 ? void 0 : _ref$mobile,
+    _ref$phone = _ref.phone,
+    phone = _ref$phone === void 0 ? void 0 : _ref$phone,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? void 0 : _ref$role,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(ui.Paper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    inset: "large"
+  }, rest), {}, {
+    sx: sx,
+    outlined: true
+  }), /* @__PURE__ */React.createElement(Stack, {
+    gap: 4
+  }, /* @__PURE__ */React.createElement(ContactCardHeader.default, {
+    avatarColor: avatarColor,
+    avatarUrl: avatarUrl,
+    firstName: firstName,
+    lastName: lastName,
+    role: role
+  }), /* @__PURE__ */React.createElement(Stack, {
+    divider: /* @__PURE__ */React.createElement(ui.Divider, {
+      disableGutter: true
+    })
+  }, email && /* @__PURE__ */React.createElement(ContactMethod.default, {
+    label: "Email",
+    type: "email",
+    value: email,
+    Icon: EmailOutlinedIcon,
+    tooltip: "Email"
+  }), mobile && /* @__PURE__ */React.createElement(ContactMethod.default, {
+    label: "Mobile",
+    type: "phone",
+    value: mobile,
+    Icon: PhoneOutlinedIcon,
+    tooltip: "Call"
+  }), phone && /* @__PURE__ */React.createElement(ContactMethod.default, {
+    label: "Office",
+    type: "phone",
+    value: phone,
+    Icon: PhoneOutlinedIcon,
+    tooltip: "Call"
+  }))));
+}
+
+exports.default = ContactCard;

package/dist/cjs/components/ContactCardHeader.cjs

@@ -5,28 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var Stack = require('@mui/material/Stack');
+var ProfileOutlinedIcon = require('@tenancy.nz/icons/ProfileOutlined');
 var ui = require('@tenancy.nz/ui');
 
-var _excluded = ["avatarColor", "avatarUrl", "disabled", "email", "firstName", "lastName", "mobile", "sx"];
-var CONTACT_TEXT = {
-  default: ui.token("palette.semantic.text.secondaryColor"),
-  disabled: ui.token("palette.semantic.text.disabledColor")
+var _excluded = ["avatarColor", "avatarUrl", "firstName", "lastName", "role", "sx"];
+var styles = {
+  role: {
+    display: "flex",
+    alignItems: "center",
+    gap: 1
+  }
 };
 function ContactCardHeader(_ref) {
   var _ref$avatarColor = _ref.avatarColor,
     avatarColor = _ref$avatarColor === void 0 ? "grey" : _ref$avatarColor,
     _ref$avatarUrl = _ref.avatarUrl,
     avatarUrl = _ref$avatarUrl === void 0 ? void 0 : _ref$avatarUrl,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$email = _ref.email,
-    email = _ref$email === void 0 ? void 0 : _ref$email,
     _ref$firstName = _ref.firstName,
     firstName = _ref$firstName === void 0 ? void 0 : _ref$firstName,
     _ref$lastName = _ref.lastName,
     lastName = _ref$lastName === void 0 ? void 0 : _ref$lastName,
-    _ref$mobile = _ref.mobile,
-    mobile = _ref$mobile === void 0 ? void 0 : _ref$mobile,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? void 0 : _ref$role,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -47,18 +47,13 @@ function ContactCardHeader(_ref) {
   }, name && /* @__PURE__ */React.createElement(ui.Heading, {
     as: "h5",
     color: "inherit"
-  }, name), (email || mobile) && /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      color: disabled ? CONTACT_TEXT.disabled : CONTACT_TEXT.default,
-      fontSize: "12px"
-    }
-  }, email && /* @__PURE__ */React.createElement(ui.Text, {
-    variant: "inherit",
-    weight: "500"
-  }, email), mobile && /* @__PURE__ */React.createElement(ui.Text, {
-    variant: "inherit",
-    weight: "500"
-  }, mobile))));
+  }, name), role && /* @__PURE__ */React.createElement(ui.Text, {
+    variant: "small",
+    color: "textPrimary",
+    sx: styles.role
+  }, /* @__PURE__ */React.createElement(ProfileOutlinedIcon, {
+    size: 16
+  }), /* @__PURE__ */React.createElement("span", null, role))));
 }
 
 exports.default = ContactCardHeader;

package/dist/cjs/components/ContactMethod.cjs

@@ -0,0 +1,111 @@
+'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 CopyOutlinedIcon = require('@tenancy.nz/icons/CopyOutlined');
+var ui = require('@tenancy.nz/ui');
+
+var _excluded = ["Icon", "label", "sx", "type", "value", "tooltip"];
+var ActionButton = ui.IconButton;
+var wide = "@420/contact-method";
+var styles = {
+  container: {
+    containerType: "inline-size",
+    containerName: "contact-method"
+  },
+  details: {
+    flexDirection: _rollupPluginBabelHelpers.defineProperty({}, wide, "row"),
+    alignItems: _rollupPluginBabelHelpers.defineProperty({}, wide, "center"),
+    gap: _rollupPluginBabelHelpers.defineProperty({
+      xs: 1
+    }, wide, 4)
+  },
+  copyButton: {
+    display: _rollupPluginBabelHelpers.defineProperty({
+      xs: "none"
+    }, wide, "inline-flex")
+  }
+};
+var makeHref = function makeHref(type, value) {
+  if (!type) {
+    return "";
+  }
+  if (type === "email") {
+    return "mailto:".concat(value);
+  }
+  if (type === "phone") {
+    return "tel:".concat(value);
+  }
+  return "";
+};
+function ContactMethod(_ref) {
+  var _ref$Icon = _ref.Icon,
+    Icon = _ref$Icon === void 0 ? void 0 : _ref$Icon,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? void 0 : _ref$label,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "" : _ref$type,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? void 0 : _ref$value,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? "" : _ref$tooltip,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  if (!value) {
+    return null;
+  }
+  var handleCopy = function handleCopy() {
+    var _navigator$clipboard;
+    (_navigator$clipboard = navigator.clipboard) === null || _navigator$clipboard === void 0 || _navigator$clipboard.writeText(value);
+  };
+  var href = makeHref(type, value);
+  return /* @__PURE__ */React.createElement(Stack, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    direction: "row",
+    alignItems: "center",
+    gap: 4,
+    py: 3
+  }, rest), {}, {
+    sx: [styles.container].concat(_rollupPluginBabelHelpers.toConsumableArray(Array.isArray(sx) ? sx : [sx]))
+  }), /* @__PURE__ */React.createElement(Stack, {
+    sx: styles.details
+  }, label && /* @__PURE__ */React.createElement(ui.Text, {
+    variant: "body2",
+    weight: "600",
+    color: "textPrimary",
+    sx: {
+      width: "64px"
+    }
+  }, label), /* @__PURE__ */React.createElement(ui.Text, {
+    color: "textPrimary"
+  }, value)), /* @__PURE__ */React.createElement(Stack, {
+    direction: "row",
+    ml: "auto",
+    flexShrink: 0
+  }, /* @__PURE__ */React.createElement(ui.Tooltip, {
+    title: "Copy",
+    placement: "top"
+  }, /* @__PURE__ */React.createElement(ActionButton, {
+    "aria-label": "Copy ".concat(label !== null && label !== void 0 ? label : value),
+    color: "primary",
+    onClick: handleCopy,
+    sx: styles.copyButton
+  }, /* @__PURE__ */React.createElement(CopyOutlinedIcon, {
+    size: 20
+  }))), Icon && href && /* @__PURE__ */React.createElement(ui.Tooltip, {
+    title: tooltip,
+    placement: "top"
+  }, /* @__PURE__ */React.createElement(ActionButton, {
+    component: "a",
+    color: "primary",
+    href: href,
+    "aria-label": label
+  }, /* @__PURE__ */React.createElement(Icon, {
+    size: 20
+  })))));
+}
+
+exports.default = ContactMethod;

package/dist/cjs/components/DeleteIconButton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var DeleteOutlinedIcon = require('@tenancy.nz/icons/DeleteOutlined');
+var ConfirmButton = require('./ConfirmButton.cjs');
+
+function DeleteIconButton(_ref) {
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ConfirmButton.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    color: "error"
+  }), /* @__PURE__ */React.createElement(DeleteOutlinedIcon, null));
+}
+
+exports.default = DeleteIconButton;

package/dist/cjs/components/DownloadIconButton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var DownloadOutlinedIcon = require('@tenancy.nz/icons/DownloadOutlined');
+var ui = require('@tenancy.nz/ui');
+
+function DownloadIconButton(_ref) {
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ui.IconButton, _rollupPluginBabelHelpers.objectSpread2({
+    color: "primary"
+  }, rest), /* @__PURE__ */React.createElement(DownloadOutlinedIcon, null));
+}
+
+exports.default = DownloadIconButton;

package/dist/cjs/components/EditIconButton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var EditOutlinedIcon = require('@tenancy.nz/icons/EditOutlined');
+var ConfirmButton = require('./ConfirmButton.cjs');
+
+function EditIconButton(_ref) {
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ConfirmButton.default, _rollupPluginBabelHelpers.objectSpread2({
+    color: "primary"
+  }, rest), /* @__PURE__ */React.createElement(EditOutlinedIcon, null));
+}
+
+exports.default = EditIconButton;

package/dist/cjs/components/LogoutButton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var LogoutOutlinedIcon = require('@tenancy.nz/icons/LogoutOutlined');
+var ui = require('@tenancy.nz/ui');
+
+function LogoutButton(_ref) {
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ui.Button, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    startIcon: /* @__PURE__ */React.createElement(LogoutOutlinedIcon, null)
+  }), "Logout");
+}
+
+exports.default = LogoutButton;

package/dist/cjs/components/OpenInNewIconButton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var ExternalLinkOutlinedIcon = require('@tenancy.nz/icons/ExternalLinkOutlined');
+var ui = require('@tenancy.nz/ui');
+
+function OpenInNewIconButton(_ref) {
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ui.IconButton, _rollupPluginBabelHelpers.objectSpread2({
+    color: "primary"
+  }, rest), /* @__PURE__ */React.createElement(ExternalLinkOutlinedIcon, null));
+}
+
+exports.default = OpenInNewIconButton;

package/dist/cjs/components/ScrollTopButton.cjs

@@ -179,7 +179,8 @@ function ScrollTopButton(_ref2) {
     return withPortal(withPlacement(/* @__PURE__ */React.createElement(ui.IconButton, _rollupPluginBabelHelpers.objectSpread2({
       variant: "outlined",
       size: "large",
-      onClick: handleClick
+      onClick: handleClick,
+      color: "primary"
     }, rest), icon)));
   }
   return withPortal(withPlacement(/* @__PURE__ */React.createElement(ui.Button, _rollupPluginBabelHelpers.objectSpread2({

package/dist/cjs/index.cjs

@@ -3,11 +3,19 @@
 var AgentDetailsCard = require('./components/AgentDetailsCard.cjs');
 var AnalyticsBox = require('./components/AnalyticsBox.cjs');
 var AnalyticsSection = require('./components/AnalyticsSection.cjs');
+var BackButton = require('./components/BackButton.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 ConfirmButton = require('./components/ConfirmButton.cjs');
+var ContactCard = require('./components/ContactCard.cjs');
+var ContactCardHeader = require('./components/ContactCardHeader.cjs');
+var ContactMethod = require('./components/ContactMethod.cjs');
+var DeleteIconButton = require('./components/DeleteIconButton.cjs');
+var DownloadIconButton = require('./components/DownloadIconButton.cjs');
+var EditIconButton = require('./components/EditIconButton.cjs');
 var IntegrationTag = require('./components/IntegrationTag.cjs');
 var CheckedIcon = require('./components/CheckedIcon.cjs');
 var doughnutChart = require('./components/doughnut-chart.cjs');
@@ -17,7 +25,9 @@ var partnerLogo = require('./components/partner-logo.cjs');
 var GridList = require('./components/GridList.cjs');
 var Hidden = require('./components/Hidden.cjs');
 var IconLabel = require('./components/IconLabel.cjs');
+var LogoutButton = require('./components/LogoutButton.cjs');
 var NotesCard = require('./components/NotesCard.cjs');
+var OpenInNewIconButton = require('./components/OpenInNewIconButton.cjs');
 var PersonCard = require('./components/PersonCard.cjs');
 var PersonDetailHeader = require('./components/PersonDetailHeader.cjs');
 var PropertyCard = require('./components/PropertyCard.cjs');
@@ -30,11 +40,19 @@ var TenantAvatarGroup = require('./components/TenantAvatarGroup.cjs');
 exports.AgentDetailsCard = AgentDetailsCard.default;
 exports.AnalyticsBox = AnalyticsBox.default;
 exports.AnalyticsSection = AnalyticsSection.default;
+exports.BackButton = BackButton.default;
 exports.BookingChart = BookingChart.default;
 exports.BookingTable = BookingTable.default;
 exports.BookingTableRow = BookingTableRow.default;
 exports.BookingTableRowHeader = BookingTableRowHeader.default;
 exports.BookingTableRowSkeleton = BookingTableRowSkeleton.default;
+exports.ConfirmButton = ConfirmButton.default;
+exports.ContactCard = ContactCard.default;
+exports.ContactCardHeader = ContactCardHeader.default;
+exports.ContactMethod = ContactMethod.default;
+exports.DeleteIconButton = DeleteIconButton.default;
+exports.DownloadIconButton = DownloadIconButton.default;
+exports.EditIconButton = EditIconButton.default;
 exports.IntegrationTag = IntegrationTag.default;
 exports.CheckedIcon = CheckedIcon.default;
 exports.DoughnutChart = doughnutChart.default;
@@ -44,7 +62,9 @@ exports.PartnerLogo = partnerLogo.default;
 exports.GridList = GridList.default;
 exports.Hidden = Hidden.default;
 exports.IconLabel = IconLabel.default;
+exports.LogoutButton = LogoutButton.default;
 exports.NotesCard = NotesCard.default;
+exports.OpenInNewIconButton = OpenInNewIconButton.default;
 exports.PersonCard = PersonCard.default;
 exports.PersonDetailHeader = PersonDetailHeader.default;
 exports.PropertyCard = PropertyCard.default;

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -17,6 +17,15 @@ function _defineProperty(e, r, t) {
     writable: true
   }) : e[r] = t, e;
 }
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
 function _iterableToArray(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
@@ -53,6 +62,9 @@ function _nonIterableRest() {
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -129,4 +141,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _defineProperty as defineProperty, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _taggedTemplateLiteral as taggedTemplateLiteral, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _unsupportedIterableToArray as unsupportedIterableToArray };
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _defineProperty as defineProperty, _extends as extends, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectDestructuringEmpty as objectDestructuringEmpty, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _taggedTemplateLiteral as taggedTemplateLiteral, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _unsupportedIterableToArray as unsupportedIterableToArray };

package/dist/esm/components/BackButton.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ArrowLeftOutlinedIcon from '@tenancy.nz/icons/ArrowLeftOutlined';
+import { Button } from '@tenancy.nz/ui';
+
+function BackButton(_ref) {
+  var onClick = _ref.onClick;
+  return /* @__PURE__ */React.createElement(Button, {
+    startIcon: /* @__PURE__ */React.createElement(ArrowLeftOutlinedIcon, null),
+    variant: "outlined",
+    onClick: onClick
+  }, "Back");
+}
+
+export { BackButton as default };

package/dist/esm/components/ConfirmButton.js

@@ -0,0 +1,87 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState } from 'react';
+import { Tooltip, Box, IconButton, Confirmation } from '@tenancy.nz/ui';
+
+var _excluded = ["Component", "children", "color", "confirmMessage", "label", "onClick", "title", "confirmProps"];
+var errorConfirmProps = {
+  severity: "error",
+  cancelBtnText: "Don't delete",
+  confirmBtnText: "Delete"
+};
+function ConfirmButton(_ref) {
+  var _ref$Component = _ref.Component,
+    Component = _ref$Component === void 0 ? null : _ref$Component,
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "inherit" : _ref$color,
+    _ref$confirmMessage = _ref.confirmMessage,
+    confirmMessage = _ref$confirmMessage === void 0 ? void 0 : _ref$confirmMessage,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    onClick = _ref.onClick,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$confirmProps = _ref.confirmProps,
+    confirmProps = _ref$confirmProps === void 0 ? {} : _ref$confirmProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showConfirm = _useState2[0],
+    setShowConfirm = _useState2[1];
+  var _useState3 = useState(void 0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var handleCancel = function handleCancel(e) {
+    e.stopPropagation();
+    setShowConfirm(false);
+    setValue(void 0);
+  };
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+    if (!confirmMessage) {
+      onClick(e);
+    } else {
+      setShowConfirm(true);
+      setValue(e);
+    }
+  };
+  var handleConfirm = function handleConfirm() {
+    if (value) {
+      onClick(value);
+    }
+    setShowConfirm(false);
+    setValue(void 0);
+  };
+  return /* @__PURE__ */React.createElement(React.Fragment, null, Component ? /* @__PURE__ */React.createElement(Component, _objectSpread2({
+    color: color,
+    onClick: handleClick
+  }, rest), children) : /* @__PURE__ */React.createElement(Tooltip, {
+    title: title,
+    placement: "top"
+  }, /* @__PURE__ */React.createElement(Box, {
+    display: "inline-flex",
+    color: color.indexOf(".") === -1 ? "".concat(color, ".main") : color,
+    align: "center",
+    direction: "column"
+  }, /* @__PURE__ */React.createElement(IconButton, _objectSpread2({
+    color: color === "error" ? "error" : "inherit",
+    onClick: handleClick
+  }, rest), children), !!label && /* @__PURE__ */React.createElement(Box, {
+    color: "#617391",
+    display: "inline-flex",
+    fontSize: "11px",
+    onClick: handleClick,
+    sx: {
+      cursor: "pointer"
+    }
+  }, label))), !!confirmMessage && /* @__PURE__ */React.createElement(Confirmation, _objectSpread2(_objectSpread2({
+    open: showConfirm,
+    message: confirmMessage,
+    title: "Please confirm",
+    onCancel: handleCancel,
+    onConfirm: handleConfirm
+  }, color === "error" && errorConfirmProps), confirmProps)));
+}
+
+export { ConfirmButton as default };

package/dist/esm/components/ContactCard.js

@@ -1 +1,69 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import EmailOutlinedIcon from '@tenancy.nz/icons/EmailOutlined';
+import PhoneOutlinedIcon from '@tenancy.nz/icons/PhoneOutlined';
+import { Paper, Divider } from '@tenancy.nz/ui';
+import ContactCardHeader from './ContactCardHeader.js';
+import ContactMethod from './ContactMethod.js';
 
+var _excluded = ["avatarColor", "avatarUrl", "email", "firstName", "lastName", "mobile", "phone", "role", "sx"];
+function ContactCard(_ref) {
+  var _ref$avatarColor = _ref.avatarColor,
+    avatarColor = _ref$avatarColor === void 0 ? "grey" : _ref$avatarColor,
+    _ref$avatarUrl = _ref.avatarUrl,
+    avatarUrl = _ref$avatarUrl === void 0 ? void 0 : _ref$avatarUrl,
+    _ref$email = _ref.email,
+    email = _ref$email === void 0 ? void 0 : _ref$email,
+    _ref$firstName = _ref.firstName,
+    firstName = _ref$firstName === void 0 ? void 0 : _ref$firstName,
+    _ref$lastName = _ref.lastName,
+    lastName = _ref$lastName === void 0 ? void 0 : _ref$lastName,
+    _ref$mobile = _ref.mobile,
+    mobile = _ref$mobile === void 0 ? void 0 : _ref$mobile,
+    _ref$phone = _ref.phone,
+    phone = _ref$phone === void 0 ? void 0 : _ref$phone,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? void 0 : _ref$role,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(Paper, _objectSpread2(_objectSpread2({
+    inset: "large"
+  }, rest), {}, {
+    sx: sx,
+    outlined: true
+  }), /* @__PURE__ */React.createElement(Stack, {
+    gap: 4
+  }, /* @__PURE__ */React.createElement(ContactCardHeader, {
+    avatarColor: avatarColor,
+    avatarUrl: avatarUrl,
+    firstName: firstName,
+    lastName: lastName,
+    role: role
+  }), /* @__PURE__ */React.createElement(Stack, {
+    divider: /* @__PURE__ */React.createElement(Divider, {
+      disableGutter: true
+    })
+  }, email && /* @__PURE__ */React.createElement(ContactMethod, {
+    label: "Email",
+    type: "email",
+    value: email,
+    Icon: EmailOutlinedIcon,
+    tooltip: "Email"
+  }), mobile && /* @__PURE__ */React.createElement(ContactMethod, {
+    label: "Mobile",
+    type: "phone",
+    value: mobile,
+    Icon: PhoneOutlinedIcon,
+    tooltip: "Call"
+  }), phone && /* @__PURE__ */React.createElement(ContactMethod, {
+    label: "Office",
+    type: "phone",
+    value: phone,
+    Icon: PhoneOutlinedIcon,
+    tooltip: "Call"
+  }))));
+}
+
+export { ContactCard as default };

package/dist/esm/components/ContactCardHeader.js

@@ -1,28 +1,28 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import Stack from '@mui/material/Stack';
-import { token, Avatar, Heading, Text } from '@tenancy.nz/ui';
+import ProfileOutlinedIcon from '@tenancy.nz/icons/ProfileOutlined';
+import { Avatar, Heading, Text } from '@tenancy.nz/ui';
 
-var _excluded = ["avatarColor", "avatarUrl", "disabled", "email", "firstName", "lastName", "mobile", "sx"];
-var CONTACT_TEXT = {
-  default: token("palette.semantic.text.secondaryColor"),
-  disabled: token("palette.semantic.text.disabledColor")
+var _excluded = ["avatarColor", "avatarUrl", "firstName", "lastName", "role", "sx"];
+var styles = {
+  role: {
+    display: "flex",
+    alignItems: "center",
+    gap: 1
+  }
 };
 function ContactCardHeader(_ref) {
   var _ref$avatarColor = _ref.avatarColor,
     avatarColor = _ref$avatarColor === void 0 ? "grey" : _ref$avatarColor,
     _ref$avatarUrl = _ref.avatarUrl,
     avatarUrl = _ref$avatarUrl === void 0 ? void 0 : _ref$avatarUrl,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$email = _ref.email,
-    email = _ref$email === void 0 ? void 0 : _ref$email,
     _ref$firstName = _ref.firstName,
     firstName = _ref$firstName === void 0 ? void 0 : _ref$firstName,
     _ref$lastName = _ref.lastName,
     lastName = _ref$lastName === void 0 ? void 0 : _ref$lastName,
-    _ref$mobile = _ref.mobile,
-    mobile = _ref$mobile === void 0 ? void 0 : _ref$mobile,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? void 0 : _ref$role,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -43,18 +43,13 @@ function ContactCardHeader(_ref) {
   }, name && /* @__PURE__ */React.createElement(Heading, {
     as: "h5",
     color: "inherit"
-  }, name), (email || mobile) && /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      color: disabled ? CONTACT_TEXT.disabled : CONTACT_TEXT.default,
-      fontSize: "12px"
-    }
-  }, email && /* @__PURE__ */React.createElement(Text, {
-    variant: "inherit",
-    weight: "500"
-  }, email), mobile && /* @__PURE__ */React.createElement(Text, {
-    variant: "inherit",
-    weight: "500"
-  }, mobile))));
+  }, name), role && /* @__PURE__ */React.createElement(Text, {
+    variant: "small",
+    color: "textPrimary",
+    sx: styles.role
+  }, /* @__PURE__ */React.createElement(ProfileOutlinedIcon, {
+    size: 16
+  }), /* @__PURE__ */React.createElement("span", null, role))));
 }
 
 export { ContactCardHeader as default };

package/dist/esm/components/ContactMethod.js

@@ -0,0 +1,107 @@
+import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import CopyOutlinedIcon from '@tenancy.nz/icons/CopyOutlined';
+import { Text, Tooltip, IconButton } from '@tenancy.nz/ui';
+
+var _excluded = ["Icon", "label", "sx", "type", "value", "tooltip"];
+var ActionButton = IconButton;
+var wide = "@420/contact-method";
+var styles = {
+  container: {
+    containerType: "inline-size",
+    containerName: "contact-method"
+  },
+  details: {
+    flexDirection: _defineProperty({}, wide, "row"),
+    alignItems: _defineProperty({}, wide, "center"),
+    gap: _defineProperty({
+      xs: 1
+    }, wide, 4)
+  },
+  copyButton: {
+    display: _defineProperty({
+      xs: "none"
+    }, wide, "inline-flex")
+  }
+};
+var makeHref = function makeHref(type, value) {
+  if (!type) {
+    return "";
+  }
+  if (type === "email") {
+    return "mailto:".concat(value);
+  }
+  if (type === "phone") {
+    return "tel:".concat(value);
+  }
+  return "";
+};
+function ContactMethod(_ref) {
+  var _ref$Icon = _ref.Icon,
+    Icon = _ref$Icon === void 0 ? void 0 : _ref$Icon,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? void 0 : _ref$label,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "" : _ref$type,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? void 0 : _ref$value,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? "" : _ref$tooltip,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (!value) {
+    return null;
+  }
+  var handleCopy = function handleCopy() {
+    var _navigator$clipboard;
+    (_navigator$clipboard = navigator.clipboard) === null || _navigator$clipboard === void 0 || _navigator$clipboard.writeText(value);
+  };
+  var href = makeHref(type, value);
+  return /* @__PURE__ */React.createElement(Stack, _objectSpread2(_objectSpread2({
+    direction: "row",
+    alignItems: "center",
+    gap: 4,
+    py: 3
+  }, rest), {}, {
+    sx: [styles.container].concat(_toConsumableArray(Array.isArray(sx) ? sx : [sx]))
+  }), /* @__PURE__ */React.createElement(Stack, {
+    sx: styles.details
+  }, label && /* @__PURE__ */React.createElement(Text, {
+    variant: "body2",
+    weight: "600",
+    color: "textPrimary",
+    sx: {
+      width: "64px"
+    }
+  }, label), /* @__PURE__ */React.createElement(Text, {
+    color: "textPrimary"
+  }, value)), /* @__PURE__ */React.createElement(Stack, {
+    direction: "row",
+    ml: "auto",
+    flexShrink: 0
+  }, /* @__PURE__ */React.createElement(Tooltip, {
+    title: "Copy",
+    placement: "top"
+  }, /* @__PURE__ */React.createElement(ActionButton, {
+    "aria-label": "Copy ".concat(label !== null && label !== void 0 ? label : value),
+    color: "primary",
+    onClick: handleCopy,
+    sx: styles.copyButton
+  }, /* @__PURE__ */React.createElement(CopyOutlinedIcon, {
+    size: 20
+  }))), Icon && href && /* @__PURE__ */React.createElement(Tooltip, {
+    title: tooltip,
+    placement: "top"
+  }, /* @__PURE__ */React.createElement(ActionButton, {
+    component: "a",
+    color: "primary",
+    href: href,
+    "aria-label": label
+  }, /* @__PURE__ */React.createElement(Icon, {
+    size: 20
+  })))));
+}
+
+export { ContactMethod as default };

package/dist/esm/components/DeleteIconButton.js

@@ -0,0 +1,13 @@
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import DeleteOutlinedIcon from '@tenancy.nz/icons/DeleteOutlined';
+import ConfirmButton from './ConfirmButton.js';
+
+function DeleteIconButton(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ConfirmButton, _objectSpread2(_objectSpread2({}, rest), {}, {
+    color: "error"
+  }), /* @__PURE__ */React.createElement(DeleteOutlinedIcon, null));
+}
+
+export { DeleteIconButton as default };

package/dist/esm/components/DownloadIconButton.js

@@ -0,0 +1,13 @@
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import DownloadOutlinedIcon from '@tenancy.nz/icons/DownloadOutlined';
+import { IconButton } from '@tenancy.nz/ui';
+
+function DownloadIconButton(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(IconButton, _objectSpread2({
+    color: "primary"
+  }, rest), /* @__PURE__ */React.createElement(DownloadOutlinedIcon, null));
+}
+
+export { DownloadIconButton as default };

package/dist/esm/components/EditIconButton.js

@@ -0,0 +1,13 @@
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import EditOutlinedIcon from '@tenancy.nz/icons/EditOutlined';
+import ConfirmButton from './ConfirmButton.js';
+
+function EditIconButton(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(ConfirmButton, _objectSpread2({
+    color: "primary"
+  }, rest), /* @__PURE__ */React.createElement(EditOutlinedIcon, null));
+}
+
+export { EditIconButton as default };

package/dist/esm/components/LogoutButton.js

@@ -0,0 +1,13 @@
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import LogoutOutlinedIcon from '@tenancy.nz/icons/LogoutOutlined';
+import { Button } from '@tenancy.nz/ui';
+
+function LogoutButton(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(Button, _objectSpread2(_objectSpread2({}, rest), {}, {
+    startIcon: /* @__PURE__ */React.createElement(LogoutOutlinedIcon, null)
+  }), "Logout");
+}
+
+export { LogoutButton as default };

package/dist/esm/components/OpenInNewIconButton.js

@@ -0,0 +1,13 @@
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import ExternalLinkOutlinedIcon from '@tenancy.nz/icons/ExternalLinkOutlined';
+import { IconButton } from '@tenancy.nz/ui';
+
+function OpenInNewIconButton(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(IconButton, _objectSpread2({
+    color: "primary"
+  }, rest), /* @__PURE__ */React.createElement(ExternalLinkOutlinedIcon, null));
+}
+
+export { OpenInNewIconButton as default };

package/dist/esm/components/ScrollTopButton.js

@@ -175,7 +175,8 @@ function ScrollTopButton(_ref2) {
     return withPortal(withPlacement(/* @__PURE__ */React.createElement(IconButton, _objectSpread2({
       variant: "outlined",
       size: "large",
-      onClick: handleClick
+      onClick: handleClick,
+      color: "primary"
     }, rest), icon)));
   }
   return withPortal(withPlacement(/* @__PURE__ */React.createElement(Button, _objectSpread2({

package/dist/esm/index.js

@@ -1,11 +1,19 @@
 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 BackButton } from './components/BackButton.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 ConfirmButton } from './components/ConfirmButton.js';
+export { default as ContactCard } from './components/ContactCard.js';
+export { default as ContactCardHeader } from './components/ContactCardHeader.js';
+export { default as ContactMethod } from './components/ContactMethod.js';
+export { default as DeleteIconButton } from './components/DeleteIconButton.js';
+export { default as DownloadIconButton } from './components/DownloadIconButton.js';
+export { default as EditIconButton } from './components/EditIconButton.js';
 export { default as IntegrationTag } from './components/IntegrationTag.js';
 export { default as CheckedIcon } from './components/CheckedIcon.js';
 export { default as DoughnutChart } from './components/doughnut-chart.js';
@@ -15,7 +23,9 @@ export { default as PartnerLogo } from './components/partner-logo.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 LogoutButton } from './components/LogoutButton.js';
 export { default as NotesCard } from './components/NotesCard.js';
+export { default as OpenInNewIconButton } from './components/OpenInNewIconButton.js';
 export { default as PersonCard } from './components/PersonCard.js';
 export { default as PersonDetailHeader } from './components/PersonDetailHeader.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.10.6",
+  "version": "1.10.7",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -19,15 +19,15 @@
     "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/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"