@danske/sapphire-react-lab 0.86.3 → 0.87.1

package/build/cjs/index.js

@@ -20,39 +20,38 @@ var calendar$1 = require('@react-stately/calendar');
 var utils$2 = require('@react-stately/utils');
 var react = require('@danske/sapphire-icons/react');
 var reactTransitionGroup = require('react-transition-group');
-var styles$2 = require('@danske/sapphire-css/components/spinner/spinner.module.css');
-var styles$3 = require('@danske/sapphire-css/components/notificationBadge/notificationBadge.module.css');
+var styles$2 = require('@danske/sapphire-css/components/notificationBadge/notificationBadge.module.css');
 var visuallyHidden = require('@react-aria/visually-hidden');
 var datepicker = require('@react-aria/datepicker');
 var datepicker$1 = require('@react-stately/datepicker');
-var styles$4 = require('@danske/sapphire-css/components/dateField/dateField.module.css');
+var styles$3 = require('@danske/sapphire-css/components/dateField/dateField.module.css');
 var string = require('@internationalized/string');
 var dialog = require('@react-aria/dialog');
-var styles$6 = require('@danske/sapphire-css/components/feedbackMessage/feedbackMessage.module.css');
-var styles$5 = require('@danske/sapphire-css/components/avatar/avatar.module.css');
+var styles$5 = require('@danske/sapphire-css/components/feedbackMessage/feedbackMessage.module.css');
+var styles$4 = require('@danske/sapphire-css/components/avatar/avatar.module.css');
 var searchfield$1 = require('@react-aria/searchfield');
-var styles$7 = require('@danske/sapphire-css/components/searchField/searchField.module.css');
+var styles$6 = require('@danske/sapphire-css/components/searchField/searchField.module.css');
 var searchfield = require('@react-stately/searchfield');
 var combobox = require('@react-stately/combobox');
 var combobox$1 = require('@react-aria/combobox');
 var toast$1 = require('@react-stately/toast');
 var toast = require('@react-aria/toast');
-var styles$8 = require('@danske/sapphire-css/components/toast/toast.module.css');
-var styles$9 = require('@danske/sapphire-css/components/accordion/accordion.module.css');
+var styles$7 = require('@danske/sapphire-css/components/toast/toast.module.css');
+var styles$8 = require('@danske/sapphire-css/components/accordion/accordion.module.css');
 var accordion = require('@react-aria/accordion');
 var tree = require('@react-stately/tree');
 var collections = require('@react-stately/collections');
-var styles$a = require('@danske/sapphire-css/components/text/text.module.css');
+var styles$9 = require('@danske/sapphire-css/components/text/text.module.css');
 var label = require('@react-aria/label');
-var styles$b = require('@danske/sapphire-css/components/dropzone/dropzone.module.css');
+var styles$a = require('@danske/sapphire-css/components/dropzone/dropzone.module.css');
 var dnd = require('@react-aria/dnd');
 var numberfield$1 = require('@react-aria/numberfield');
 var numberfield = require('@react-stately/numberfield');
 var textFieldStyles = require('@danske/sapphire-css/components/textField/textField.module.css');
 var tag = require('@react-aria/tag');
 var list = require('@react-stately/list');
-var styles$c = require('@danske/sapphire-css/components/tag/tag.module.css');
-var styles$d = require('@danske/sapphire-css/components/labeledValue/labeledValue.module.css');
+var styles$b = require('@danske/sapphire-css/components/tag/tag.module.css');
+var styles$c = require('@danske/sapphire-css/components/labeledValue/labeledValue.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,45 +61,44 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var styles__default$1 = /*#__PURE__*/_interopDefaultLegacy(styles$1);
 var styles__default$2 = /*#__PURE__*/_interopDefaultLegacy(styles$2);
 var styles__default$3 = /*#__PURE__*/_interopDefaultLegacy(styles$3);
+var styles__default$5 = /*#__PURE__*/_interopDefaultLegacy(styles$5);
 var styles__default$4 = /*#__PURE__*/_interopDefaultLegacy(styles$4);
 var styles__default$6 = /*#__PURE__*/_interopDefaultLegacy(styles$6);
-var styles__default$5 = /*#__PURE__*/_interopDefaultLegacy(styles$5);
 var styles__default$7 = /*#__PURE__*/_interopDefaultLegacy(styles$7);
 var styles__default$8 = /*#__PURE__*/_interopDefaultLegacy(styles$8);
 var styles__default$9 = /*#__PURE__*/_interopDefaultLegacy(styles$9);
 var styles__default$a = /*#__PURE__*/_interopDefaultLegacy(styles$a);
-var styles__default$b = /*#__PURE__*/_interopDefaultLegacy(styles$b);
 var textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyles);
+var styles__default$b = /*#__PURE__*/_interopDefaultLegacy(styles$b);
 var styles__default$c = /*#__PURE__*/_interopDefaultLegacy(styles$c);
-var styles__default$d = /*#__PURE__*/_interopDefaultLegacy(styles$d);
 
 var __defProp$I = Object.defineProperty;
 var __defProps$E = Object.defineProperties;
 var __getOwnPropDescs$E = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$K = Object.getOwnPropertySymbols;
-var __hasOwnProp$K = Object.prototype.hasOwnProperty;
-var __propIsEnum$K = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
+var __hasOwnProp$J = Object.prototype.hasOwnProperty;
+var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$I = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$K.call(b, prop))
+    if (__hasOwnProp$J.call(b, prop))
       __defNormalProp$I(a, prop, b[prop]);
-  if (__getOwnPropSymbols$K)
-    for (var prop of __getOwnPropSymbols$K(b)) {
-      if (__propIsEnum$K.call(b, prop))
+  if (__getOwnPropSymbols$J)
+    for (var prop of __getOwnPropSymbols$J(b)) {
+      if (__propIsEnum$J.call(b, prop))
         __defNormalProp$I(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b));
-var __objRest$v = (source, exclude) => {
+var __objRest$u = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$K.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$K)
-    for (var prop of __getOwnPropSymbols$K(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$K.call(source, prop))
+  if (source != null && __getOwnPropSymbols$J)
+    for (var prop of __getOwnPropSymbols$J(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$J.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -110,7 +108,7 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
     iconAlign = "left",
     icon,
     size = "medium"
-  } = _b, otherProps = __objRest$v(_b, [
+  } = _b, otherProps = __objRest$u(_b, [
     "iconAlign",
     "icon",
     "size"
@@ -208,30 +206,30 @@ var intlMessages$3 = {
 var __defProp$H = Object.defineProperty;
 var __defProps$D = Object.defineProperties;
 var __getOwnPropDescs$D = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$J = Object.getOwnPropertySymbols;
-var __hasOwnProp$J = Object.prototype.hasOwnProperty;
-var __propIsEnum$J = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
+var __hasOwnProp$I = Object.prototype.hasOwnProperty;
+var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$H = (obj, key, value) => key in obj ? __defProp$H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$H = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$J.call(b, prop))
+    if (__hasOwnProp$I.call(b, prop))
       __defNormalProp$H(a, prop, b[prop]);
-  if (__getOwnPropSymbols$J)
-    for (var prop of __getOwnPropSymbols$J(b)) {
-      if (__propIsEnum$J.call(b, prop))
+  if (__getOwnPropSymbols$I)
+    for (var prop of __getOwnPropSymbols$I(b)) {
+      if (__propIsEnum$I.call(b, prop))
         __defNormalProp$H(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
-var __objRest$u = (source, exclude) => {
+var __objRest$t = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$I.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$J)
-    for (var prop of __getOwnPropSymbols$J(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$J.call(source, prop))
+  if (source != null && __getOwnPropSymbols$I)
+    for (var prop of __getOwnPropSymbols$I(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$I.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -244,7 +242,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
     isDisabled,
     isInGridCell,
     hasCurrentIndicator
-  } = _b, otherProps = __objRest$u(_b, [
+  } = _b, otherProps = __objRest$t(_b, [
     "children",
     "className",
     "isSelected",
@@ -274,7 +272,7 @@ const CalendarDayButton = React__default["default"].forwardRef(function Sapphire
   var _d = _c, {
     isOutsideVisibleRange,
     rangeHighlight
-  } = _d, props = __objRest$u(_d, [
+  } = _d, props = __objRest$t(_d, [
     "isOutsideVisibleRange",
     "rangeHighlight"
   ]);
@@ -305,30 +303,30 @@ const sentenceCase = (sentence) => sentence.slice(0, 1).toLocaleUpperCase() + se
 var __defProp$G = Object.defineProperty;
 var __defProps$C = Object.defineProperties;
 var __getOwnPropDescs$C = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
-var __hasOwnProp$I = Object.prototype.hasOwnProperty;
-var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
+var __hasOwnProp$H = Object.prototype.hasOwnProperty;
+var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$G = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$G = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$I.call(b, prop))
+    if (__hasOwnProp$H.call(b, prop))
       __defNormalProp$G(a, prop, b[prop]);
-  if (__getOwnPropSymbols$I)
-    for (var prop of __getOwnPropSymbols$I(b)) {
-      if (__propIsEnum$I.call(b, prop))
+  if (__getOwnPropSymbols$H)
+    for (var prop of __getOwnPropSymbols$H(b)) {
+      if (__propIsEnum$H.call(b, prop))
         __defNormalProp$G(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
-var __objRest$t = (source, exclude) => {
+var __objRest$s = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$I.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$H.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$I)
-    for (var prop of __getOwnPropSymbols$I(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$I.call(source, prop))
+  if (source != null && __getOwnPropSymbols$H)
+    for (var prop of __getOwnPropSymbols$H(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$H.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -338,7 +336,7 @@ function CalendarDaysGrid(_a) {
     state,
     startDate = state.visibleRange.start,
     showWeekNumbers
-  } = _b, props = __objRest$t(_b, [
+  } = _b, props = __objRest$s(_b, [
     "state",
     "startDate",
     "showWeekNumbers"
@@ -436,8 +434,8 @@ const getRangeHighlight = ({
   highlightedRange,
   locale
 }) => {
-  const isInSelection = highlightedRange.start.compare(date$1) <= 0 && highlightedRange.end.compare(date$1) >= 0;
-  const rangeIsNotASingleDay = highlightedRange && !date.isSameDay(highlightedRange.start, highlightedRange.end);
+  const isInSelection = !!highlightedRange && highlightedRange.start.compare(date$1) <= 0 && highlightedRange.end.compare(date$1) >= 0;
+  const rangeIsNotASingleDay = !!highlightedRange && !date.isSameDay(highlightedRange.start, highlightedRange.end);
   const isStartOfWeek = date.getDayOfWeek(date$1, locale) === 0;
   const isEndOfWeek = date.getDayOfWeek(date$1, locale) === 6;
   const isStartOfMonth = date.isSameDay(date$1, date.startOfMonth(date$1));
@@ -462,17 +460,17 @@ const getWeekNumber = function(dateValue) {
 var __defProp$F = Object.defineProperty;
 var __defProps$B = Object.defineProperties;
 var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
-var __hasOwnProp$H = Object.prototype.hasOwnProperty;
-var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
+var __hasOwnProp$G = Object.prototype.hasOwnProperty;
+var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$F = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$H.call(b, prop))
+    if (__hasOwnProp$G.call(b, prop))
       __defNormalProp$F(a, prop, b[prop]);
-  if (__getOwnPropSymbols$H)
-    for (var prop of __getOwnPropSymbols$H(b)) {
-      if (__propIsEnum$H.call(b, prop))
+  if (__getOwnPropSymbols$G)
+    for (var prop of __getOwnPropSymbols$G(b)) {
+      if (__propIsEnum$G.call(b, prop))
         __defNormalProp$F(a, prop, b[prop]);
     }
   return a;
@@ -523,7 +521,7 @@ function CalendarMonthOrYearCell({
     ref
   }, buttonProps), {
     isInGridCell: true,
-    isSelected: state.value && isSame[field](state.value, date$1),
+    isSelected: !!state.value && isSame[field](state.value, date$1),
     isDisabled: state.isDisabled || isDisabled,
     hasCurrentIndicator: isSame[field](date$1, date.today(state.timeZone))
   }), children));
@@ -583,17 +581,17 @@ function useCustomDurationCalendarGrid({
 }
 
 var __defProp$E = Object.defineProperty;
-var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
-var __hasOwnProp$G = Object.prototype.hasOwnProperty;
-var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
+var __hasOwnProp$F = Object.prototype.hasOwnProperty;
+var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$E = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$G.call(b, prop))
+    if (__hasOwnProp$F.call(b, prop))
       __defNormalProp$E(a, prop, b[prop]);
-  if (__getOwnPropSymbols$G)
-    for (var prop of __getOwnPropSymbols$G(b)) {
-      if (__propIsEnum$G.call(b, prop))
+  if (__getOwnPropSymbols$F)
+    for (var prop of __getOwnPropSymbols$F(b)) {
+      if (__propIsEnum$F.call(b, prop))
         __defNormalProp$E(a, prop, b[prop]);
     }
   return a;
@@ -630,17 +628,17 @@ function CalendarMonthsGrid({
 }
 
 var __defProp$D = Object.defineProperty;
-var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
-var __hasOwnProp$F = Object.prototype.hasOwnProperty;
-var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
+var __hasOwnProp$E = Object.prototype.hasOwnProperty;
+var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$D = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$F.call(b, prop))
+    if (__hasOwnProp$E.call(b, prop))
       __defNormalProp$D(a, prop, b[prop]);
-  if (__getOwnPropSymbols$F)
-    for (var prop of __getOwnPropSymbols$F(b)) {
-      if (__propIsEnum$F.call(b, prop))
+  if (__getOwnPropSymbols$E)
+    for (var prop of __getOwnPropSymbols$E(b)) {
+      if (__propIsEnum$E.call(b, prop))
         __defNormalProp$D(a, prop, b[prop]);
     }
   return a;
@@ -674,30 +672,30 @@ function CalendarYearsGrid({
 var __defProp$C = Object.defineProperty;
 var __defProps$A = Object.defineProperties;
 var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
-var __hasOwnProp$E = Object.prototype.hasOwnProperty;
-var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
+var __hasOwnProp$D = Object.prototype.hasOwnProperty;
+var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$C = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$E.call(b, prop))
+    if (__hasOwnProp$D.call(b, prop))
       __defNormalProp$C(a, prop, b[prop]);
-  if (__getOwnPropSymbols$E)
-    for (var prop of __getOwnPropSymbols$E(b)) {
-      if (__propIsEnum$E.call(b, prop))
+  if (__getOwnPropSymbols$D)
+    for (var prop of __getOwnPropSymbols$D(b)) {
+      if (__propIsEnum$D.call(b, prop))
         __defNormalProp$C(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
-var __objRest$s = (source, exclude) => {
+var __objRest$r = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$E)
-    for (var prop of __getOwnPropSymbols$E(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
+  if (source != null && __getOwnPropSymbols$D)
+    for (var prop of __getOwnPropSymbols$D(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -718,7 +716,7 @@ function useSapphireCalendarState(_a) {
     view: viewProp,
     defaultView = "days",
     onViewChange
-  } = _b, otherOptions = __objRest$s(_b, [
+  } = _b, otherOptions = __objRest$r(_b, [
     "view",
     "defaultView",
     "onViewChange"
@@ -755,17 +753,17 @@ function useSapphireCalendarState(_a) {
 var __defProp$B = Object.defineProperty;
 var __defProps$z = Object.defineProperties;
 var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
-var __hasOwnProp$D = Object.prototype.hasOwnProperty;
-var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
+var __hasOwnProp$C = Object.prototype.hasOwnProperty;
+var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$B = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$B = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$D.call(b, prop))
+    if (__hasOwnProp$C.call(b, prop))
       __defNormalProp$B(a, prop, b[prop]);
-  if (__getOwnPropSymbols$D)
-    for (var prop of __getOwnPropSymbols$D(b)) {
-      if (__propIsEnum$D.call(b, prop))
+  if (__getOwnPropSymbols$C)
+    for (var prop of __getOwnPropSymbols$C(b)) {
+      if (__propIsEnum$C.call(b, prop))
         __defNormalProp$B(a, prop, b[prop]);
     }
   return a;
@@ -805,17 +803,17 @@ function CalendarHeader({
 var __defProp$A = Object.defineProperty;
 var __defProps$y = Object.defineProperties;
 var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
-var __hasOwnProp$C = Object.prototype.hasOwnProperty;
-var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
+var __hasOwnProp$B = Object.prototype.hasOwnProperty;
+var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$A = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$C.call(b, prop))
+    if (__hasOwnProp$B.call(b, prop))
       __defNormalProp$A(a, prop, b[prop]);
-  if (__getOwnPropSymbols$C)
-    for (var prop of __getOwnPropSymbols$C(b)) {
-      if (__propIsEnum$C.call(b, prop))
+  if (__getOwnPropSymbols$B)
+    for (var prop of __getOwnPropSymbols$B(b)) {
+      if (__propIsEnum$B.call(b, prop))
         __defNormalProp$A(a, prop, b[prop]);
     }
   return a;
@@ -865,30 +863,30 @@ function useCalendarAnimationState(state) {
 var __defProp$z = Object.defineProperty;
 var __defProps$x = Object.defineProperties;
 var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
-var __hasOwnProp$B = Object.prototype.hasOwnProperty;
-var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
+var __hasOwnProp$A = Object.prototype.hasOwnProperty;
+var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$z = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$B.call(b, prop))
+    if (__hasOwnProp$A.call(b, prop))
       __defNormalProp$z(a, prop, b[prop]);
-  if (__getOwnPropSymbols$B)
-    for (var prop of __getOwnPropSymbols$B(b)) {
-      if (__propIsEnum$B.call(b, prop))
+  if (__getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(b)) {
+      if (__propIsEnum$A.call(b, prop))
         __defNormalProp$z(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
-var __objRest$r = (source, exclude) => {
+var __objRest$q = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$B.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$B)
-    for (var prop of __getOwnPropSymbols$B(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$B.call(source, prop))
+  if (source != null && __getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$A.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -896,7 +894,7 @@ var __objRest$r = (source, exclude) => {
 const Calendar = (_a) => {
   var _b = _a, {
     showWeekNumbers
-  } = _b, props = __objRest$r(_b, [
+  } = _b, props = __objRest$q(_b, [
     "showWeekNumbers"
   ]);
   sapphireReact.useThemeCheck();
@@ -967,30 +965,30 @@ const Calendar = (_a) => {
 var __defProp$y = Object.defineProperty;
 var __defProps$w = Object.defineProperties;
 var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
-var __hasOwnProp$A = Object.prototype.hasOwnProperty;
-var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
+var __hasOwnProp$z = Object.prototype.hasOwnProperty;
+var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$y = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$A.call(b, prop))
+    if (__hasOwnProp$z.call(b, prop))
       __defNormalProp$y(a, prop, b[prop]);
-  if (__getOwnPropSymbols$A)
-    for (var prop of __getOwnPropSymbols$A(b)) {
-      if (__propIsEnum$A.call(b, prop))
+  if (__getOwnPropSymbols$z)
+    for (var prop of __getOwnPropSymbols$z(b)) {
+      if (__propIsEnum$z.call(b, prop))
         __defNormalProp$y(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
-var __objRest$q = (source, exclude) => {
+var __objRest$p = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$A)
-    for (var prop of __getOwnPropSymbols$A(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$A.call(source, prop))
+  if (source != null && __getOwnPropSymbols$z)
+    for (var prop of __getOwnPropSymbols$z(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$z.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -998,7 +996,7 @@ var __objRest$q = (source, exclude) => {
 const useRangeCalendarState = (_a) => {
   var _b = _a, {
     onChange
-  } = _b, options = __objRest$q(_b, [
+  } = _b, options = __objRest$p(_b, [
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
@@ -1019,30 +1017,30 @@ const useRangeCalendarState = (_a) => {
 var __defProp$x = Object.defineProperty;
 var __defProps$v = Object.defineProperties;
 var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
-var __hasOwnProp$z = Object.prototype.hasOwnProperty;
-var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
+var __hasOwnProp$y = Object.prototype.hasOwnProperty;
+var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$x = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$z.call(b, prop))
+    if (__hasOwnProp$y.call(b, prop))
       __defNormalProp$x(a, prop, b[prop]);
-  if (__getOwnPropSymbols$z)
-    for (var prop of __getOwnPropSymbols$z(b)) {
-      if (__propIsEnum$z.call(b, prop))
+  if (__getOwnPropSymbols$y)
+    for (var prop of __getOwnPropSymbols$y(b)) {
+      if (__propIsEnum$y.call(b, prop))
         __defNormalProp$x(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
-var __objRest$p = (source, exclude) => {
+var __objRest$o = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$y.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$z)
-    for (var prop of __getOwnPropSymbols$z(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$z.call(source, prop))
+  if (source != null && __getOwnPropSymbols$y)
+    for (var prop of __getOwnPropSymbols$y(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$y.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1053,7 +1051,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
     showTwoMonths = false,
     allowUnavailableDatesWithinRange = false,
     predefinedRanges
-  } = _b, props = __objRest$p(_b, [
+  } = _b, props = __objRest$o(_b, [
     "showWeekNumbers",
     "showTwoMonths",
     "allowUnavailableDatesWithinRange",
@@ -1119,49 +1117,6 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
 };
 const RangeCalendar = React__default["default"].forwardRef(_RangeCalendar);
 
-var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
-var __hasOwnProp$y = Object.prototype.hasOwnProperty;
-var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
-var __objRest$o = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$y.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$y)
-    for (var prop of __getOwnPropSymbols$y(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$y.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Spinner = (_a) => {
-  var _b = _a, {
-    size = "m",
-    variant = "default"
-  } = _b, props = __objRest$o(_b, [
-    "size",
-    "variant"
-  ]);
-  sapphireReact.useThemeCheck();
-  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    role: "progressbar",
-    "aria-label": "aria-label" in props ? props["aria-label"] : void 0,
-    "aria-labelledby": "aria-labelledby" in props ? props["aria-labelledby"] : void 0,
-    className: clsx__default["default"](styleProps.className, styles__default$2["default"]["sapphire-spinner"], {
-      [styles__default$2["default"]["sapphire-spinner--inherit"]]: variant === "inherit"
-    }, size !== "m" ? styles__default$2["default"][`sapphire-spinner--${size}`] : ""),
-    style: styleProps.style,
-    viewBox: "0 0 16 16"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    className: styles__default$2["default"]["sapphire-spinner__track"],
-    d: "M10.3993 2.13882C10.3295 2.39914 10.4641 2.66858 10.7034 2.79263C11.2238 3.06246 11.7123 3.41501 12.1489 3.85159C14.4401 6.14281 14.4399 9.85728 12.1489 12.1483C9.85783 14.4393 6.14335 14.4395 3.85214 12.1483C3.41556 11.7117 3.06301 11.2232 2.79317 10.7028C2.66913 10.4635 2.39969 10.329 2.13937 10.3987C1.82795 10.4821 1.65738 10.8194 1.80178 11.1077C2.1261 11.7551 2.55778 12.3624 3.09789 12.9026C5.80564 15.6103 10.1955 15.6101 12.9031 12.9026C15.6107 10.195 15.6109 5.80509 12.9031 3.09734C12.363 2.55723 11.7556 2.12555 11.1082 1.80123C10.82 1.65683 10.4827 1.8274 10.3993 2.13882Z"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    className: styles__default$2["default"]["sapphire-spinner__accent"],
-    d: "M1.72661 8.85304C1.98694 8.78329 2.15316 8.53215 2.14111 8.26291C2.07002 6.67514 2.63971 5.06425 3.85203 3.85193C5.06452 2.63944 6.67527 2.06989 8.26302 2.14101C8.53225 2.15306 8.78337 1.98683 8.85309 1.7265C8.93661 1.41464 8.72921 1.09798 8.4069 1.07913C6.49959 0.96764 4.55516 1.6403 3.09778 3.09768C1.64062 4.55485 0.967813 6.49934 1.07909 8.40676C1.0979 8.72916 1.41467 8.93663 1.72661 8.85304Z"
-  }));
-};
-
 var __defProp$w = Object.defineProperty;
 var __defProps$u = Object.defineProperties;
 var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
@@ -1215,16 +1170,16 @@ const NotificationBadge = (props) => {
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
   const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$u(__spreadValues$w({}, otherProps), {
     role: "status",
-    className: clsx__default["default"](styleProps.className, styles__default$3["default"]["sapphire-notification-badge"], styles__default$3["default"][`sapphire-notification-badge--${size}`], styles__default$3["default"][`sapphire-notification-badge--${variant}`], {
-      [styles__default$3["default"][`sapphire-notification-badge--pop-in`]]: show && animate,
-      [styles__default$3["default"][`sapphire-notification-badge--pop-out`]]: !show && animate
+    className: clsx__default["default"](styleProps.className, styles__default$2["default"]["sapphire-notification-badge"], styles__default$2["default"][`sapphire-notification-badge--${size}`], styles__default$2["default"][`sapphire-notification-badge--${variant}`], {
+      [styles__default$2["default"][`sapphire-notification-badge--pop-in`]]: show && animate,
+      [styles__default$2["default"][`sapphire-notification-badge--pop-out`]]: !show && animate
     }),
     style: styleProps.style
   }), size !== "small" && displayCount) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
   const displayCount = count.toString().length > 2 ? `99+` : count;
   return children ? /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: clsx__default["default"](styles__default$3["default"]["sapphire-notification-badge-container"], {
-      [styles__default$3["default"]["sapphire-notification-badge-container--rectangle"]]: containerType === "rectangle"
+    className: clsx__default["default"](styles__default$2["default"]["sapphire-notification-badge-container"], {
+      [styles__default$2["default"]["sapphire-notification-badge-container--rectangle"]]: containerType === "rectangle"
     })
   }, children, badge()) : badge();
 };
@@ -1437,7 +1392,7 @@ const DateSegment = ({ segment, state }) => segment.type === "literal" ? /* @__P
 });
 const SeparatorSegment = ({ segment }) => /* @__PURE__ */ React__default["default"].createElement("span", {
   "aria-hidden": "true",
-  className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__segment"])
+  className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field__segment"])
 }, segment.text);
 const EditableSegment = ({ segment, state }) => {
   const ref = React.useRef(null);
@@ -1447,8 +1402,8 @@ const EditableSegment = ({ segment, state }) => {
   return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$s(__spreadValues$u({}, segmentProps), {
     style: segmentProps.style,
     ref,
-    className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__segment"], {
-      [styles__default$4["default"]["sapphire-date-field__segment--filled"]]: !segmentWithTranslatedPlaceholders.isPlaceholder
+    className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field__segment"], {
+      [styles__default$3["default"]["sapphire-date-field__segment--filled"]]: !segmentWithTranslatedPlaceholders.isPlaceholder
     })
   }), segmentWithTranslatedPlaceholders.text);
 };
@@ -1479,10 +1434,10 @@ const DateFieldButton = (props) => {
   const { focusProps, isFocusVisible } = focus.useFocusRing();
   return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$r(__spreadValues$t({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
     ref,
-    className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__button"], styles__default$4["default"]["js-focus"], styles__default$4["default"]["js-hover"], {
-      [styles__default$4["default"]["is-active"]]: isPressed,
-      [styles__default$4["default"]["is-hover"]]: isHovered,
-      [styles__default$4["default"]["is-focus"]]: isFocusVisible
+    className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field__button"], styles__default$3["default"]["js-focus"], styles__default$3["default"]["js-hover"], {
+      [styles__default$3["default"]["is-active"]]: isPressed,
+      [styles__default$3["default"]["is-hover"]]: isHovered,
+      [styles__default$3["default"]["is-focus"]]: isFocusVisible
     })
   }), props.children);
 };
@@ -1584,7 +1539,7 @@ function DateInput(_a) {
     segmentTypes.forEach(state.clearSegment);
   };
   return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$q(__spreadValues$s({}, fieldProps), {
-    className: styles__default$4["default"]["sapphire-date-field__input"],
+    className: styles__default$3["default"]["sapphire-date-field__input"],
     ref
   }), state.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
     key: i,
@@ -1681,9 +1636,9 @@ function _DateField(_a, ref) {
     contextualHelp
   }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$r(__spreadProps$p(__spreadValues$r({}, groupProps), {
     ref: groupRef,
-    className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field"], {
-      [styles__default$4["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
-      [styles__default$4["default"]["sapphire-date-field--medium"]]: isMedium
+    className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field"], {
+      [styles__default$3["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
+      [styles__default$3["default"]["sapphire-date-field--medium"]]: isMedium
     })
   }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$p(__spreadValues$r({}, buttonProps), {
     isPressed: state.isOpen
@@ -1810,7 +1765,7 @@ function DateRangeInput({
     dateRangePickerState.setValue({ start: null, end: null });
   };
   return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$n(__spreadValues$p({}, startFieldAriaProps), {
-    className: styles__default$4["default"]["sapphire-date-field__input"],
+    className: styles__default$3["default"]["sapphire-date-field__input"],
     ref: startFieldRef
   }), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
     key: i,
@@ -1819,7 +1774,7 @@ function DateRangeInput({
   }))), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: size == "medium" ? "m" : "l"
   }, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$n(__spreadValues$p({}, endFieldAriaProps), {
-    className: styles__default$4["default"]["sapphire-date-field__input"],
+    className: styles__default$3["default"]["sapphire-date-field__input"],
     ref: endFieldRef
   }), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
     key: i,
@@ -1933,9 +1888,9 @@ function _DateRangeField(_a, ref) {
     contextualHelp
   }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$o(__spreadProps$m(__spreadValues$o({}, groupProps), {
     ref: groupRef,
-    className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field"], styles__default$4["default"]["sapphire-date-field--range"], {
-      [styles__default$4["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
-      [styles__default$4["default"]["sapphire-date-field--medium"]]: isMedium
+    className: clsx__default["default"](styles__default$3["default"]["sapphire-date-field"], styles__default$3["default"]["sapphire-date-field--range"], {
+      [styles__default$3["default"]["sapphire-date-field--error"]]: state.validationState === "invalid",
+      [styles__default$3["default"]["sapphire-date-field--medium"]]: isMedium
     })
   }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$m(__spreadValues$o({}, buttonProps), {
     isPressed: state.isOpen
@@ -2036,12 +1991,12 @@ const Avatar = (_a) => {
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
   return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$l(__spreadValues$n({}, styleProps), {
-    className: clsx__default["default"](styleProps.className, styles__default$5["default"]["sapphire-avatar"], {
-      [styles__default$5["default"]["sapphire-avatar--extra-large"]]: size === "extraLarge",
-      [styles__default$5["default"]["sapphire-avatar--large"]]: size === "large",
-      [styles__default$5["default"]["sapphire-avatar--small"]]: size === "small",
-      [styles__default$5["default"]["sapphire-avatar--extra-small"]]: size === "extraSmall"
-    }, color !== "passive" && styles__default$5["default"][`sapphire-avatar--${color}`])
+    className: clsx__default["default"](styleProps.className, styles__default$4["default"]["sapphire-avatar"], {
+      [styles__default$4["default"]["sapphire-avatar--extra-large"]]: size === "extraLarge",
+      [styles__default$4["default"]["sapphire-avatar--large"]]: size === "large",
+      [styles__default$4["default"]["sapphire-avatar--small"]]: size === "small",
+      [styles__default$4["default"]["sapphire-avatar--extra-small"]]: size === "extraSmall"
+    }, color !== "passive" && styles__default$4["default"][`sapphire-avatar--${color}`])
   }), icon ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: getIconSize(size)
   }, icon) : monogram);
@@ -2110,18 +2065,18 @@ const FeedbackMessage = (_a) => {
     styleProps: { style, className }
   } = sapphireReact.useSapphireStyleProps(otherProps);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$6["default"]["sapphire-feedback-message"], className),
+    className: clsx__default["default"](styles__default$5["default"]["sapphire-feedback-message"], className),
     style
   }, variant !== "neutral" && /* @__PURE__ */ React__default["default"].createElement(Avatar, {
     color: getColor(variant),
     size: "extraLarge",
     icon: getIcon(variant, icon)
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: styles__default$6["default"]["sapphire-feedback-message__content"]
+    className: styles__default$5["default"]["sapphire-feedback-message__content"]
   }, typeof heading === "string" ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Heading, {
     level: 3
   }, heading) : heading, /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: styles__default$6["default"]["sapphire-feedback-message__body"]
+    className: styles__default$5["default"]["sapphire-feedback-message__body"]
   }, body)), actions);
 };
 
@@ -2230,25 +2185,25 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     elementType: "div"
   }), buttonRef);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$7["default"]["sapphire-search-field"], className, {
-      [styles__default$7["default"]["sapphire-search-field--medium"]]: props.size === "medium",
-      [styles__default$7["default"]["sapphire-search-field--surface-secondary"]]: props.surface === "secondary",
-      [styles__default$7["default"]["is-disabled"]]: props.isDisabled
+    className: clsx__default["default"](styles__default$6["default"]["sapphire-search-field"], className, {
+      [styles__default$6["default"]["sapphire-search-field--medium"]]: props.size === "medium",
+      [styles__default$6["default"]["sapphire-search-field--surface-secondary"]]: props.surface === "secondary",
+      [styles__default$6["default"]["is-disabled"]]: props.isDisabled
     }),
     style,
     ref: triggerRef
   }, /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: styles__default$7["default"]["sapphire-search-field__icon"]
+    className: styles__default$6["default"]["sapphire-search-field__icon"]
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: props.size === "medium" ? "m" : "l"
   }, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$j(__spreadValues$l({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
     ref: inputRef,
-    className: clsx__default["default"](styles__default$7["default"]["sapphire-search-field__input"], {
-      [styles__default$7["default"]["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
+    className: clsx__default["default"](styles__default$6["default"]["sapphire-search-field__input"], {
+      [styles__default$6["default"]["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
     })
   })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$l({
     ref: buttonRef,
-    className: styles__default$7["default"]["sapphire-search-field__button"]
+    className: styles__default$6["default"]["sapphire-search-field__button"]
   }, buttonProps), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: props.size === "medium" ? "m" : "l"
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.ListBoxPopover, {
@@ -2303,7 +2258,7 @@ const Toast = (_a) => {
   const ref = React.useRef(null);
   const { toastProps, titleProps, closeButtonProps } = toast.useToast(props, state, ref);
   return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$k({}, toastProps), {
-    className: clsx__default["default"](styles__default$8["default"]["sapphire-toast"], props.toast.animation ? styles__default$8["default"][`sapphire-toast--${props.toast.animation}`] : {}, className),
+    className: clsx__default["default"](styles__default$7["default"]["sapphire-toast"], props.toast.animation ? styles__default$7["default"][`sapphire-toast--${props.toast.animation}`] : {}, className),
     style,
     ref,
     onAnimationEnd: () => {
@@ -2312,7 +2267,7 @@ const Toast = (_a) => {
       }
     }
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$8["default"]["sapphire-toast__content"])
+    className: clsx__default["default"](styles__default$7["default"]["sapphire-toast__content"])
   }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$k({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$i(__spreadValues$k({}, closeButtonProps), {
     "aria-label": "Close",
     size: "small",
@@ -2367,7 +2322,7 @@ const ToastRegion = (_a) => {
     contrast: true
   }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$h(__spreadValues$j({}, regionProps), {
     ref,
-    className: clsx__default["default"](styles__default$8["default"]["sapphire-toast-container"], styles__default$8["default"][`sapphire-toast-container--${placement}`]),
+    className: clsx__default["default"](styles__default$7["default"]["sapphire-toast-container"], styles__default$7["default"][`sapphire-toast-container--${placement}`]),
     style: {
       zIndex: overlayZIndex + 200
     }
@@ -2517,9 +2472,9 @@ function _AccordionItem(props) {
     e.stopPropagation();
   };
   return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item"], {
-      [styles__default$9["default"]["sapphire-accordion__item--open"]]: isOpen,
-      [styles__default$9["default"]["is-disabled"]]: isDisabled
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item"], {
+      [styles__default$8["default"]["sapphire-accordion__item--open"]]: isOpen,
+      [styles__default$8["default"]["is-disabled"]]: isDisabled
     })
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     role: "heading",
@@ -2527,18 +2482,18 @@ function _AccordionItem(props) {
   }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$e(__spreadValues$g({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
     "aria-disabled": isDisabled,
     ref,
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-header"], styles__default$9["default"]["js-focus"], styles__default$9["default"]["js-hover"], {
-      [styles__default$9["default"]["is-focus"]]: isFocusVisible,
-      [styles__default$9["default"]["is-hover"]]: isHovered,
-      [styles__default$9["default"]["is-active"]]: isPressed
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-header"], styles__default$8["default"]["js-focus"], styles__default$8["default"]["js-hover"], {
+      [styles__default$8["default"]["is-focus"]]: isFocusVisible,
+      [styles__default$8["default"]["is-hover"]]: isHovered,
+      [styles__default$8["default"]["is-active"]]: isPressed
     })
   }), item.props.heading, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-arrow"])
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-arrow"])
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$e(__spreadValues$g({}, utils$1.mergeProps(regionProps, { onKeyDown })), {
     "aria-hidden": !isOpen,
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-content-wrapper"])
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-content-wrapper"])
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-content"])
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-content"])
   }, item.props.children)));
 }
 const AccordionItem = collections.Item;
@@ -2590,8 +2545,8 @@ const _Accordion$1 = (_a, ref) => {
   const forwardedRef = utils$1.useObjectRef(ref);
   const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
   return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$d(__spreadValues$f({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion"], {
-      [styles__default$9["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion"], {
+      [styles__default$8["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider
     }, styleProps.className),
     ref: forwardedRef,
     style: styleProps.style
@@ -2642,7 +2597,7 @@ const AccordionHeading = (_a) => {
     "children"
   ]);
   return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$c(__spreadValues$e({}, utils$1.filterDOMProps(props)), {
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-heading"])
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-heading"])
   }), children);
 };
 
@@ -2690,8 +2645,8 @@ const Heading = React.forwardRef(function Heading2(props, ref) {
   const domRef = utils.useDOMRef(ref);
   const HeadingTag = elementType ? elementType : `h${level}`;
   return /* @__PURE__ */ React__default["default"].createElement(HeadingTag, __spreadProps$b(__spreadValues$d(__spreadValues$d({}, domProps), styleProps), {
-    className: clsx__default["default"](styles__default$a["default"]["sapphire-text"], styles__default$a["default"][`sapphire-text--heading-${level}`], styleProps.className, {
-      [styles__default$a["default"]["sapphire-text--heading-alternative"]]: props.fontVariant === "alternative"
+    className: clsx__default["default"](styles__default$9["default"]["sapphire-text"], styles__default$9["default"][`sapphire-text--heading-${level}`], styleProps.className, {
+      [styles__default$9["default"]["sapphire-text--heading-alternative"]]: props.fontVariant === "alternative"
     }),
     ref: domRef
   }), children);
@@ -2744,8 +2699,8 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--subheading-${level}`;
   return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$a(__spreadValues$c(__spreadValues$c({}, utils$1.filterDOMProps(props)), styleProps), {
-    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName], {
-      [styles__default$a["default"]["sapphire-text--strong"]]: isBold
+    className: clsx__default["default"](styleProps.className, styles__default$9["default"]["sapphire-text"], styles__default$9["default"][levelClassName], {
+      [styles__default$9["default"]["sapphire-text--strong"]]: isBold
     }),
     style: styleProps.style,
     ref
@@ -2801,9 +2756,9 @@ const Body = React.forwardRef(function Body2(props, ref) {
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--body-${level}`;
   return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$9(__spreadValues$b(__spreadValues$b({}, utils$1.filterDOMProps(props)), styleProps), {
-    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName], {
-      [styles__default$a["default"]["sapphire-text--strong"]]: isBold,
-      [styles__default$a["default"]["sapphire-text--underlined"]]: isUnderlined
+    className: clsx__default["default"](styleProps.className, styles__default$9["default"]["sapphire-text"], styles__default$9["default"][levelClassName], {
+      [styles__default$9["default"]["sapphire-text--strong"]]: isBold,
+      [styles__default$9["default"]["sapphire-text--underlined"]]: isUnderlined
     }),
     style: styleProps.style,
     ref
@@ -2855,7 +2810,7 @@ const Caption = React.forwardRef(function Caption2(props, ref) {
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--caption-${level}`;
   return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$8(__spreadValues$a(__spreadValues$a({}, utils$1.filterDOMProps(props)), styleProps), {
-    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName]),
+    className: clsx__default["default"](styleProps.className, styles__default$9["default"]["sapphire-text"], styles__default$9["default"][levelClassName]),
     style: styleProps.style,
     ref
   }), children);
@@ -3151,28 +3106,28 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
   }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$6(__spreadValues$7({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps, pressProps)), {
     ref,
     style: __spreadValues$7({}, styleProps.style),
-    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone"], styles__default$b["default"]["js-focus"], styles__default$b["default"]["js-hover"], {
-      [styles__default$b["default"]["is-hover"]]: isHovered && !isDropping,
-      [styles__default$b["default"]["is-active"]]: isPressed,
-      [styles__default$b["default"]["is-disabled"]]: isDisabled,
-      [styles__default$b["default"]["is-focus"]]: isFocusVisible,
-      [styles__default$b["default"]["sapphire-dropzone--dropping"]]: isDropping,
-      [styles__default$b["default"]["sapphire-dropzone--error"]]: hasError
+    className: clsx__default["default"](styles__default$a["default"]["sapphire-dropzone"], styles__default$a["default"]["js-focus"], styles__default$a["default"]["js-hover"], {
+      [styles__default$a["default"]["is-hover"]]: isHovered && !isDropping,
+      [styles__default$a["default"]["is-active"]]: isPressed,
+      [styles__default$a["default"]["is-disabled"]]: isDisabled,
+      [styles__default$a["default"]["is-focus"]]: isFocusVisible,
+      [styles__default$a["default"]["sapphire-dropzone--dropping"]]: isDropping,
+      [styles__default$a["default"]["sapphire-dropzone--error"]]: hasError
     }, styleProps.className),
     "aria-label": ariaLabel,
     "aria-invalid": hasError,
     "aria-describedby": paragraphId
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__content"])
+    className: clsx__default["default"](styles__default$a["default"]["sapphire-dropzone__content"])
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__icon"])
+    className: clsx__default["default"](styles__default$a["default"]["sapphire-dropzone__icon"])
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.Upload, null))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__heading"])
+    className: clsx__default["default"](styles__default$a["default"]["sapphire-dropzone__heading"])
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Heading, {
     level: 6
   }, isDropping ? format("dropzone-heading-dropping") : format("dropzone-heading-default"))), /* @__PURE__ */ React__default["default"].createElement("div", {
     id: paragraphId,
-    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__paragraph"])
+    className: clsx__default["default"](styles__default$a["default"]["sapphire-dropzone__paragraph"])
   }, /* @__PURE__ */ React__default["default"].createElement(Body, {
     level: 2
   }, renderInstruction(isDropping)))))));
@@ -3606,7 +3561,7 @@ function Tag(props) {
   const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
   const hasAction = otherProps.hasAction;
   return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
-    focusRingClass: styles__default$c["default"]["is-focus"]
+    focusRingClass: styles__default$b["default"]["is-focus"]
   }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$2(__spreadProps$2(__spreadValues$2({
     ref
   }, utils$1.mergeProps({
@@ -3618,28 +3573,28 @@ function Tag(props) {
       }
     }
   }, rowProps, hoverProps)), {
-    className: clsx__default["default"](styles__default$c["default"]["sapphire-tag"], styles__default$c["default"]["js-focus"], styles__default$c["default"]["js-hover"], {
-      [styles__default$c["default"]["sapphire-tag--actionable"]]: hasAction,
-      [styles__default$c["default"]["is-active"]]: hasAction && isPressed,
-      [styles__default$c["default"]["is-hover"]]: hasAction && isHovered,
-      [styles__default$c["default"]["is-disabled"]]: isDisabled
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-tag"], styles__default$b["default"]["js-focus"], styles__default$b["default"]["js-hover"], {
+      [styles__default$b["default"]["sapphire-tag--actionable"]]: hasAction,
+      [styles__default$b["default"]["is-active"]]: hasAction && isPressed,
+      [styles__default$b["default"]["is-hover"]]: hasAction && isHovered,
+      [styles__default$b["default"]["is-disabled"]]: isDisabled
     })
   }), hasError ? { "aria-invalid": true } : {}), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({}, gridCellProps), {
-    className: styles__default$c["default"]["sapphire-tag__content"]
+    className: styles__default$b["default"]["sapphire-tag__content"]
   }), hasError && /* @__PURE__ */ React__default["default"].createElement(IconError, null), item.rendered, allowsRemoving && /* @__PURE__ */ React__default["default"].createElement(RemoveButton, __spreadValues$2({}, removeButtonProps)))));
 }
 function RemoveButton(removeButtonProps) {
   const buttonRef = React.useRef(null);
   const { buttonProps } = button.useButton(removeButtonProps, buttonRef);
   return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$2(__spreadValues$2({}, buttonProps), {
-    className: clsx__default["default"](styles__default$c["default"]["sapphire-tag__button"], styles__default$c["default"]["js-focus"])
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-tag__button"], styles__default$b["default"]["js-focus"])
   }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: "s"
   }, /* @__PURE__ */ React__default["default"].createElement(react.Close, null)));
 }
 const IconError = () => {
   return /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: clsx__default["default"](styles__default$c["default"]["sapphire-tag__error-icon"])
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-tag__error-icon"])
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: "s"
   }, /* @__PURE__ */ React__default["default"].createElement(react.AlertCircle, null)));
@@ -3702,7 +3657,7 @@ function TagGroup(props) {
     contextualHelp
   }), labelText)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$1(__spreadValues$1({}, gridProps), {
     ref,
-    className: styles__default$c["default"]["sapphire-tag-group"]
+    className: styles__default$b["default"]["sapphire-tag-group"]
   }), [...state.collection].map((item) => /* @__PURE__ */ React__default["default"].createElement(Tag, {
     key: item.key,
     item,
@@ -3749,8 +3704,8 @@ function LabeledValue(props) {
     contextualHelp,
     size
   }, label$1)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: clsx__default["default"](styles__default$d["default"]["sapphire-labeled-value"], {
-      [styles__default$d["default"]["sapphire-labeled-value--medium"]]: size === "medium"
+    className: clsx__default["default"](styles__default$c["default"]["sapphire-labeled-value"], {
+      [styles__default$c["default"]["sapphire-labeled-value--medium"]]: size === "medium"
     })
   }, children)));
 }
@@ -3775,7 +3730,6 @@ exports.NotificationBadge = NotificationBadge;
 exports.NumberField = NumberField;
 exports.RangeCalendar = RangeCalendar;
 exports.SearchField = SearchField;
-exports.Spinner = Spinner;
 exports.TagGroup = TagGroup;
 exports.TagItem = TagItem;
 exports.ToastProvider = ToastProvider;