@danske/sapphire-react-lab 0.85.0 → 0.86.2

package/build/cjs/index.js

@@ -52,6 +52,7 @@ var textFieldStyles = require('@danske/sapphire-css/components/textField/textFie
 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -71,34 +72,35 @@ 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$c = /*#__PURE__*/_interopDefaultLegacy(styles$c);
-
-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 __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) => {
+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 __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$J.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))
-        __defNormalProp$H(a, prop, b[prop]);
+    if (__hasOwnProp$K.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))
+        __defNormalProp$I(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
+var __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b));
 var __objRest$v = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$J.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$K.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$K)
+    for (var prop of __getOwnPropSymbols$K(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$K.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -129,9 +131,9 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
   return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
     focusRingClass: clsx__default["default"](styles__default["default"]["is-focus"]),
     autoFocus
-  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$D(__spreadValues$H({}, utils$1.mergeProps(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$E(__spreadValues$I({}, utils$1.mergeProps(buttonProps, hoverProps)), {
     ref: domRef,
-    style: __spreadValues$H({}, styleProps.style),
+    style: __spreadValues$I({}, styleProps.style),
     className: clsx__default["default"](styles__default["default"]["sapphire-button"], styles__default["default"]["js-focus"], styles__default["default"]["js-hover"], {
       [styles__default["default"]["is-active"]]: isPressed,
       [styles__default["default"]["is-hover"]]: isHovered,
@@ -203,33 +205,33 @@ var intlMessages$3 = {
   "sv-SE": se$3
 };
 
-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 __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) => {
+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 __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$I.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))
-        __defNormalProp$G(a, prop, b[prop]);
+    if (__hasOwnProp$J.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))
+        __defNormalProp$H(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
+var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
 var __objRest$u = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$I.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$I)
-    for (var prop of __getOwnPropSymbols$I(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$I.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;
@@ -254,7 +256,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
   const ElementType = isInGridCell ? "span" : "button";
   return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
     focusRingClass: styles__default$1["default"]["is-focus"]
-  }, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$C(__spreadValues$G(__spreadValues$G({
+  }, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$D(__spreadValues$H(__spreadValues$H({
     ref: forwardedRef,
     role: "button"
   }, ElementType === "button" ? { type: "button" } : {}), utils$1.mergeProps(otherProps, hoverProps)), {
@@ -276,7 +278,7 @@ const CalendarDayButton = React__default["default"].forwardRef(function Sapphire
     "isOutsideVisibleRange",
     "rangeHighlight"
   ]);
-  return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$C(__spreadValues$G({}, props), {
+  return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$D(__spreadValues$H({}, props), {
     isInGridCell: true,
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__button--day"], {
       [styles__default$1["default"]["sapphire-calendar__button--range-selection"]]: rangeHighlight.highlighted,
@@ -300,33 +302,33 @@ function* chunks(array, chunkSize) {
 }
 const sentenceCase = (sentence) => sentence.slice(0, 1).toLocaleUpperCase() + sentence.slice(1);
 
-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 __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) => {
+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 __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$H.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))
-        __defNormalProp$F(a, prop, b[prop]);
+    if (__hasOwnProp$I.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))
+        __defNormalProp$G(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
+var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
 var __objRest$t = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$H.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$H)
-    for (var prop of __getOwnPropSymbols$H(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$H.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;
@@ -342,7 +344,7 @@ function CalendarDaysGrid(_a) {
     "showWeekNumbers"
   ]);
   const { locale } = i18n.useLocale();
-  const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$B(__spreadValues$F({}, props), {
+  const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$C(__spreadValues$G({}, props), {
     startDate,
     endDate: date.endOfMonth(startDate)
   }), state);
@@ -359,11 +361,11 @@ function CalendarDaysGrid(_a) {
       return dayFormatter.format(dateDay);
     });
   }, [locale, state.timeZone, dayFormatter]);
-  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$B(__spreadValues$F({}, gridProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$C(__spreadValues$G({}, gridProps), {
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], {
       [styles__default$1["default"]["sapphire-calendar__table--with-week-numbers"]]: showWeekNumbers
     })
-  }), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$F({}, headerProps), /* @__PURE__ */ React__default["default"].createElement("tr", null, showWeekNumbers && /* @__PURE__ */ React__default["default"].createElement("th", {
+  }), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$G({}, headerProps), /* @__PURE__ */ React__default["default"].createElement("tr", null, showWeekNumbers && /* @__PURE__ */ React__default["default"].createElement("th", {
     className: styles__default$1["default"]["sapphire-calendar__table-head-cell"],
     "aria-hidden": "true"
   }, /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -418,9 +420,9 @@ function CalendarCell({
   } = calendar.useCalendarCell({ date: date$1, isDisabled: !sameMonth }, state, ref);
   const highlightedRange = "highlightedRange" in state ? state.highlightedRange : null;
   const isSelected = isInSelection && (!highlightedRange || date.isSameDay(highlightedRange.start, date$1) || date.isSameDay(highlightedRange.end, date$1));
-  return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$B(__spreadValues$F({}, cellProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$C(__spreadValues$G({}, cellProps), {
     className: styles__default$1["default"]["sapphire-calendar__table-body-cell"]
-  }), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$B(__spreadValues$F({}, buttonProps), {
+  }), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$C(__spreadValues$G({}, buttonProps), {
     ref,
     isSelected,
     isDisabled: isDisabled || isUnavailable,
@@ -457,25 +459,25 @@ const getWeekNumber = function(dateValue) {
   return 1 + Math.round(((date$1.getTime() - week1.getTime()) / 864e5 - 3 + (week1.getDay() + 6) % 7) / 7);
 };
 
-var __defProp$E = Object.defineProperty;
-var __defProps$A = Object.defineProperties;
-var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
-var __hasOwnProp$G = Object.prototype.hasOwnProperty;
-var __propIsEnum$G = 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) => {
+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 __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$G.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))
-        __defNormalProp$E(a, prop, b[prop]);
+    if (__hasOwnProp$H.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))
+        __defNormalProp$F(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
+var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
 const isSame = { month: date.isSameMonth, year: date.isSameYear };
 function CalendarMonthOrYearCell({
   date: date$1,
@@ -517,7 +519,7 @@ function CalendarMonthOrYearCell({
   return /* @__PURE__ */ React__default["default"].createElement("td", {
     className: styles__default$1["default"]["sapphire-calendar__table-body-cell"],
     role: "gridcell"
-  }, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$A(__spreadValues$E({
+  }, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$B(__spreadValues$F({
     ref
   }, buttonProps), {
     isInGridCell: true,
@@ -580,19 +582,19 @@ function useCustomDurationCalendarGrid({
   return { gridProps };
 }
 
-var __defProp$D = Object.defineProperty;
-var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
-var __hasOwnProp$F = Object.prototype.hasOwnProperty;
-var __propIsEnum$F = 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) => {
+var __defProp$E = Object.defineProperty;
+var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
+var __hasOwnProp$G = Object.prototype.hasOwnProperty;
+var __propIsEnum$G = 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$F.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))
-        __defNormalProp$D(a, prop, b[prop]);
+    if (__hasOwnProp$G.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))
+        __defNormalProp$E(a, prop, b[prop]);
     }
   return a;
 };
@@ -607,7 +609,7 @@ function CalendarMonthsGrid({
   const months = range(1, numMonths).map((month) => formatter.format(state.focusedDate.set({ month }).toDate(state.timeZone)));
   const monthRows = [...chunks(months, 3)];
   const { gridProps } = useCustomDurationCalendarGrid({ cellsDuration: "months" }, state);
-  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$D({
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$E({
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], styles__default$1["default"]["sapphire-calendar__table--month-year"])
   }, gridProps), /* @__PURE__ */ React__default["default"].createElement("tbody", null, monthRows.map((currentRowMonths, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
     key: rowIndex,
@@ -627,19 +629,19 @@ function CalendarMonthsGrid({
   })))));
 }
 
-var __defProp$C = Object.defineProperty;
-var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
-var __hasOwnProp$E = Object.prototype.hasOwnProperty;
-var __propIsEnum$E = 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) => {
+var __defProp$D = Object.defineProperty;
+var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
+var __hasOwnProp$F = Object.prototype.hasOwnProperty;
+var __propIsEnum$F = 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$E.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))
-        __defNormalProp$C(a, prop, b[prop]);
+    if (__hasOwnProp$F.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))
+        __defNormalProp$D(a, prop, b[prop]);
     }
   return a;
 };
@@ -649,7 +651,7 @@ function CalendarYearsGrid({
   const years = range(state.visibleRange.start.year, state.visibleRange.end.year).slice(0, 12);
   const yearRows = [...chunks(years, 3)];
   const { gridProps } = useCustomDurationCalendarGrid({ cellsDuration: "years" }, state);
-  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$C({
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$D({
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table"], styles__default$1["default"]["sapphire-calendar__table--month-year"])
   }, gridProps), /* @__PURE__ */ React__default["default"].createElement("tbody", null, yearRows.map((currentRowYears, rowIndex) => /* @__PURE__ */ React__default["default"].createElement("tr", {
     key: rowIndex,
@@ -669,33 +671,33 @@ function CalendarYearsGrid({
   })))));
 }
 
-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 __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) => {
+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 __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$D.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))
-        __defNormalProp$B(a, prop, b[prop]);
+    if (__hasOwnProp$E.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))
+        __defNormalProp$C(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
+var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
 var __objRest$s = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$D)
-    for (var prop of __getOwnPropSymbols$D(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop))
+  if (source != null && __getOwnPropSymbols$E)
+    for (var prop of __getOwnPropSymbols$E(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -722,7 +724,7 @@ function useSapphireCalendarState(_a) {
     "onViewChange"
   ]);
   const [view, setView] = utils$2.useControlledState(viewProp, defaultView, onViewChange);
-  const state = calendar$1.useCalendarState(__spreadProps$z(__spreadValues$B({}, otherOptions), {
+  const state = calendar$1.useCalendarState(__spreadProps$A(__spreadValues$C({}, otherOptions), {
     visibleDuration: viewToVisibleDuration[view]
   }));
   const broadenView = () => {
@@ -742,7 +744,7 @@ function useSapphireCalendarState(_a) {
     }
   };
   const canDrillUp = !state.isReadOnly && ["days", "months"].includes(view);
-  return __spreadProps$z(__spreadValues$B({}, state), {
+  return __spreadProps$A(__spreadValues$C({}, state), {
     view,
     narrowView,
     broadenView,
@@ -750,25 +752,25 @@ function useSapphireCalendarState(_a) {
   });
 }
 
-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 __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) => {
+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 __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$C.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))
-        __defNormalProp$A(a, prop, b[prop]);
+    if (__hasOwnProp$D.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))
+        __defNormalProp$B(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
+var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
 function CalendarHeader({
   isLeft,
   isRight,
@@ -783,7 +785,7 @@ function CalendarHeader({
     })
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles__default$1["default"]["sapphire-calendar__header-prev-month"]
-  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$y(__spreadValues$A({}, prevButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$z(__spreadValues$B({}, prevButtonProps), {
     variant: "tertiary",
     appearance: "ghost",
     size: "large",
@@ -792,7 +794,7 @@ function CalendarHeader({
     className: styles__default$1["default"]["sapphire-calendar__header-title"]
   }, children), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles__default$1["default"]["sapphire-calendar__header-next-month"]
-  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$y(__spreadValues$A({}, nextButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$z(__spreadValues$B({}, nextButtonProps), {
     variant: "tertiary",
     appearance: "ghost",
     size: "large",
@@ -800,25 +802,25 @@ function CalendarHeader({
   }), /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null))));
 }
 
-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 __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) => {
+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 __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$B.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))
-        __defNormalProp$z(a, prop, b[prop]);
-    }
-  return a;
+    if (__hasOwnProp$C.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))
+        __defNormalProp$A(a, prop, b[prop]);
+    }
+  return a;
 };
-var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
+var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
 function CalendarPageAnimation({
   children,
   state: { direction, key }
@@ -841,7 +843,7 @@ function CalendarPageAnimation({
 }
 function useCalendarAnimationState(state) {
   const [animationState, setAnimationState] = React.useState({ key: 0, direction: "next" });
-  return __spreadProps$x(__spreadValues$z({}, state), {
+  return __spreadProps$y(__spreadValues$A({}, state), {
     focusNextPage: () => {
       setAnimationState(({ key }) => ({
         key: key + 1,
@@ -860,33 +862,33 @@ function useCalendarAnimationState(state) {
   });
 }
 
-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 __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) => {
+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 __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$A.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))
-        __defNormalProp$y(a, prop, b[prop]);
+    if (__hasOwnProp$B.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))
+        __defNormalProp$z(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
+var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
 var __objRest$r = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$B.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$B)
+    for (var prop of __getOwnPropSymbols$B(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$B.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -900,9 +902,8 @@ const Calendar = (_a) => {
   sapphireReact.useThemeCheck();
   const { locale } = i18n.useLocale();
   const formatMessage = i18n.useMessageFormatter(intlMessages$3);
-  sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$w(__spreadValues$y({
+  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$x(__spreadValues$z({
     selectionAlignment: "start"
   }, props), {
     locale,
@@ -944,7 +945,7 @@ const Calendar = (_a) => {
         return sentenceCase(formatMessage("year"));
     }
   };
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$y({
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$z({
     className: styles__default$1["default"]["sapphire-calendar"]
   }, utils$1.mergeProps(calendarProps, utils$1.filterDOMProps(props))), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar__table-container"], styleProps.className),
@@ -963,33 +964,33 @@ const Calendar = (_a) => {
   }, renderGrid()) : renderGrid()));
 };
 
-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 __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) => {
+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 __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$z.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))
-        __defNormalProp$x(a, prop, b[prop]);
+    if (__hasOwnProp$A.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))
+        __defNormalProp$y(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
+var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
 var __objRest$q = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$z.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$z)
-    for (var prop of __getOwnPropSymbols$z(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$z.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;
@@ -1001,13 +1002,13 @@ const useRangeCalendarState = (_a) => {
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
-  const state = calendar$1.useRangeCalendarState(__spreadProps$v(__spreadValues$x({}, options), {
+  const state = calendar$1.useRangeCalendarState(__spreadProps$w(__spreadValues$y({}, options), {
     onChange: (value) => {
       onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
       lastPredefinedRange.current = void 0;
     }
   }));
-  return __spreadProps$v(__spreadValues$x({}, state), {
+  return __spreadProps$w(__spreadValues$y({}, state), {
     setValue: (value, predefinedRange) => {
       lastPredefinedRange.current = predefinedRange;
       state.setValue(value);
@@ -1015,33 +1016,33 @@ const useRangeCalendarState = (_a) => {
   });
 };
 
-var __defProp$w = Object.defineProperty;
-var __defProps$u = Object.defineProperties;
-var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
-var __hasOwnProp$y = Object.prototype.hasOwnProperty;
-var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$w = (a, b) => {
+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 __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$y.call(b, prop))
-      __defNormalProp$w(a, prop, b[prop]);
-  if (__getOwnPropSymbols$y)
-    for (var prop of __getOwnPropSymbols$y(b)) {
-      if (__propIsEnum$y.call(b, prop))
-        __defNormalProp$w(a, prop, b[prop]);
+    if (__hasOwnProp$z.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))
+        __defNormalProp$x(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
+var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
 var __objRest$p = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$y.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$y)
-    for (var prop of __getOwnPropSymbols$y(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$y.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;
@@ -1062,7 +1063,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
   const ref = utils$1.useObjectRef(forwardedRef);
   const { locale } = i18n.useLocale();
-  const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$u(__spreadValues$w({}, props), {
+  const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$v(__spreadValues$x({}, props), {
     locale,
     allowsNonContiguousRanges: allowUnavailableDatesWithinRange,
     visibleDuration: React.useMemo(() => ({ months: showTwoMonths ? 2 : 1 }), [showTwoMonths]),
@@ -1076,7 +1077,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
     calendar: state.visibleRange.start.calendar.identifier,
     timeZone: state.timeZone
   });
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$w({
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$x({
     ref,
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar"], styleProps.className),
     style: styleProps.style
@@ -1118,17 +1119,17 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
 };
 const RangeCalendar = React__default["default"].forwardRef(_RangeCalendar);
 
-var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
-var __hasOwnProp$x = Object.prototype.hasOwnProperty;
-var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
+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$x.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$x)
-    for (var prop of __getOwnPropSymbols$x(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$x.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;
@@ -1157,33 +1158,33 @@ const Spinner = (_a) => {
   }));
 };
 
-var __defProp$v = Object.defineProperty;
-var __defProps$t = Object.defineProperties;
-var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
-var __hasOwnProp$w = Object.prototype.hasOwnProperty;
-var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$v = (a, b) => {
+var __defProp$w = Object.defineProperty;
+var __defProps$u = Object.defineProperties;
+var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
+var __hasOwnProp$x = Object.prototype.hasOwnProperty;
+var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$w = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$w.call(b, prop))
-      __defNormalProp$v(a, prop, b[prop]);
-  if (__getOwnPropSymbols$w)
-    for (var prop of __getOwnPropSymbols$w(b)) {
-      if (__propIsEnum$w.call(b, prop))
-        __defNormalProp$v(a, prop, b[prop]);
+    if (__hasOwnProp$x.call(b, prop))
+      __defNormalProp$w(a, prop, b[prop]);
+  if (__getOwnPropSymbols$x)
+    for (var prop of __getOwnPropSymbols$x(b)) {
+      if (__propIsEnum$x.call(b, prop))
+        __defNormalProp$w(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
+var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
 var __objRest$n = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$w.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$x.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$w)
-    for (var prop of __getOwnPropSymbols$w(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$w.call(source, prop))
+  if (source != null && __getOwnPropSymbols$x)
+    for (var prop of __getOwnPropSymbols$x(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$x.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1208,7 +1209,7 @@ const NotificationBadge = (props) => {
     "show"
   ]);
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$t(__spreadValues$v({}, otherProps), {
+  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,
@@ -1363,25 +1364,25 @@ function getPlaceholder(field, value, locale) {
   return "\u2013\u2013";
 }
 
-var __defProp$u = Object.defineProperty;
-var __defProps$s = Object.defineProperties;
-var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
-var __hasOwnProp$v = Object.prototype.hasOwnProperty;
-var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$u = (a, b) => {
+var __defProp$v = Object.defineProperty;
+var __defProps$t = Object.defineProperties;
+var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
+var __hasOwnProp$w = Object.prototype.hasOwnProperty;
+var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$v = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$v.call(b, prop))
-      __defNormalProp$u(a, prop, b[prop]);
-  if (__getOwnPropSymbols$v)
-    for (var prop of __getOwnPropSymbols$v(b)) {
-      if (__propIsEnum$v.call(b, prop))
-        __defNormalProp$u(a, prop, b[prop]);
+    if (__hasOwnProp$w.call(b, prop))
+      __defNormalProp$v(a, prop, b[prop]);
+  if (__getOwnPropSymbols$w)
+    for (var prop of __getOwnPropSymbols$w(b)) {
+      if (__propIsEnum$w.call(b, prop))
+        __defNormalProp$v(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
+var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
 const segmentTypes = [
   "day",
   "hour",
@@ -1399,31 +1400,31 @@ const isAnyModified = (segments) => segments.map(({ type, isPlaceholder }) => {
 }).some((isModified) => isModified);
 const setPlaceholderLanguage = (segment, locale) => {
   const placeholder = getPlaceholder(segment.type, segment.text, locale);
-  return __spreadProps$s(__spreadValues$u({}, segment), {
+  return __spreadProps$t(__spreadValues$v({}, segment), {
     text: segment.isPlaceholder ? placeholder : segment.text,
     placeholder
   });
 };
 
-var __defProp$t = Object.defineProperty;
-var __defProps$r = Object.defineProperties;
-var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
-var __hasOwnProp$u = Object.prototype.hasOwnProperty;
-var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$t = (a, b) => {
+var __defProp$u = Object.defineProperty;
+var __defProps$s = Object.defineProperties;
+var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
+var __hasOwnProp$v = Object.prototype.hasOwnProperty;
+var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$u = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$u.call(b, prop))
-      __defNormalProp$t(a, prop, b[prop]);
-  if (__getOwnPropSymbols$u)
-    for (var prop of __getOwnPropSymbols$u(b)) {
-      if (__propIsEnum$u.call(b, prop))
-        __defNormalProp$t(a, prop, b[prop]);
+    if (__hasOwnProp$v.call(b, prop))
+      __defNormalProp$u(a, prop, b[prop]);
+  if (__getOwnPropSymbols$v)
+    for (var prop of __getOwnPropSymbols$v(b)) {
+      if (__propIsEnum$v.call(b, prop))
+        __defNormalProp$u(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
+var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
 const DateSegment = ({ segment, state }) => segment.type === "literal" ? /* @__PURE__ */ React__default["default"].createElement(SeparatorSegment, {
   segment
 }) : /* @__PURE__ */ React__default["default"].createElement(EditableSegment, {
@@ -1439,7 +1440,7 @@ const EditableSegment = ({ segment, state }) => {
   const { segmentProps } = datepicker.useDateSegment(segment, state, ref);
   const { locale } = i18n.useLocale();
   const segmentWithTranslatedPlaceholders = setPlaceholderLanguage(segment, locale);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$r(__spreadValues$t({}, segmentProps), {
+  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"], {
@@ -1448,31 +1449,31 @@ const EditableSegment = ({ segment, state }) => {
   }), segmentWithTranslatedPlaceholders.text);
 };
 
-var __defProp$s = Object.defineProperty;
-var __defProps$q = Object.defineProperties;
-var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
-var __hasOwnProp$t = Object.prototype.hasOwnProperty;
-var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$s = (a, b) => {
+var __defProp$t = Object.defineProperty;
+var __defProps$r = Object.defineProperties;
+var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
+var __hasOwnProp$u = Object.prototype.hasOwnProperty;
+var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$t = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$t.call(b, prop))
-      __defNormalProp$s(a, prop, b[prop]);
-  if (__getOwnPropSymbols$t)
-    for (var prop of __getOwnPropSymbols$t(b)) {
-      if (__propIsEnum$t.call(b, prop))
-        __defNormalProp$s(a, prop, b[prop]);
+    if (__hasOwnProp$u.call(b, prop))
+      __defNormalProp$t(a, prop, b[prop]);
+  if (__getOwnPropSymbols$u)
+    for (var prop of __getOwnPropSymbols$u(b)) {
+      if (__propIsEnum$u.call(b, prop))
+        __defNormalProp$t(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
+var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
 const DateFieldButton = (props) => {
   const ref = React.useRef(null);
   const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
   const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
   const { focusProps, isFocusVisible } = focus.useFocusRing();
-  return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$q(__spreadValues$s({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
+  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,
@@ -1527,33 +1528,33 @@ var intlMessages$2 = {
   "sv-SE": se$2
 };
 
-var __defProp$r = Object.defineProperty;
-var __defProps$p = Object.defineProperties;
-var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
-var __hasOwnProp$s = Object.prototype.hasOwnProperty;
-var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$r = (a, b) => {
+var __defProp$s = Object.defineProperty;
+var __defProps$q = Object.defineProperties;
+var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
+var __hasOwnProp$t = Object.prototype.hasOwnProperty;
+var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$s = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$s.call(b, prop))
-      __defNormalProp$r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$s)
-    for (var prop of __getOwnPropSymbols$s(b)) {
-      if (__propIsEnum$s.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+    if (__hasOwnProp$t.call(b, prop))
+      __defNormalProp$s(a, prop, b[prop]);
+  if (__getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(b)) {
+      if (__propIsEnum$t.call(b, prop))
+        __defNormalProp$s(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
+var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
 var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$s)
-    for (var prop of __getOwnPropSymbols$s(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop))
+  if (source != null && __getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$t.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1570,7 +1571,7 @@ function DateInput(_a) {
   const formatMessage = i18n.useMessageFormatter(intlMessages$2);
   const { locale } = i18n.useLocale();
   const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
-  const state = datepicker$1.useDateFieldState(__spreadProps$p(__spreadValues$r({}, props), {
+  const state = datepicker$1.useDateFieldState(__spreadProps$q(__spreadValues$s({}, props), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
@@ -1578,7 +1579,7 @@ function DateInput(_a) {
   const clear = () => {
     segmentTypes.forEach(state.clearSegment);
   };
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$p(__spreadValues$r({}, fieldProps), {
+  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"],
     ref
   }), state.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1593,33 +1594,33 @@ function DateInput(_a) {
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
 }
 
-var __defProp$q = Object.defineProperty;
-var __defProps$o = Object.defineProperties;
-var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$q = (a, b) => {
+var __defProp$r = Object.defineProperty;
+var __defProps$p = Object.defineProperties;
+var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
+var __hasOwnProp$s = Object.prototype.hasOwnProperty;
+var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$r = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$r.call(b, prop))
-      __defNormalProp$q(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$q(a, prop, b[prop]);
+    if (__hasOwnProp$s.call(b, prop))
+      __defNormalProp$r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(b)) {
+      if (__propIsEnum$s.call(b, prop))
+        __defNormalProp$r(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
+var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
 var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$r.call(source, prop))
+  if (source != null && __getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1649,7 +1650,7 @@ function _DateField(_a, ref) {
   const dialogRef = React.useRef(null);
   const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
   const { dialogProps } = dialog.useDialog({}, dialogRef);
-  const state = datepicker$1.useDatePickerState(__spreadValues$q(__spreadValues$q({}, otherProps), error ? { validationState: "invalid" } : {}));
+  const state = datepicker$1.useDatePickerState(__spreadValues$r(__spreadValues$r({}, otherProps), error ? { validationState: "invalid" } : {}));
   const {
     groupProps,
     labelProps,
@@ -1659,78 +1660,78 @@ function _DateField(_a, ref) {
     calendarProps,
     descriptionProps,
     errorMessageProps
-  } = datepicker.useDatePicker(__spreadProps$o(__spreadValues$q({}, otherProps), {
+  } = datepicker.useDatePicker(__spreadProps$p(__spreadValues$r({}, otherProps), {
     description: note
   }), state, groupRef);
   const isMedium = size === "medium";
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$o(__spreadValues$q({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$p(__spreadValues$r({}, otherProps), {
     noShrink: true,
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
     size,
     ref,
     labelPlacement
-  }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$o(__spreadValues$q({}, labelProps), {
+  }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$p(__spreadValues$r({}, labelProps), {
     size,
     necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
     contextualHelp
-  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$q(__spreadProps$o(__spreadValues$q({}, groupProps), {
+  }), 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
     })
-  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$o(__spreadValues$q({}, buttonProps), {
+  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$p(__spreadValues$r({}, buttonProps), {
     isPressed: state.isOpen
   }), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
     isDisabled: otherProps.isDisabled || otherProps.isReadOnly
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: isMedium ? "m" : "l"
-  }, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$o(__spreadValues$q({}, fieldProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$p(__spreadValues$r({}, fieldProps), {
     noClearButton,
     size
-  })))), (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$q({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$q({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
+  })))), (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$r({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$r({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
     state,
     triggerRef: groupRef,
     placement: "bottom start"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$q(__spreadValues$q({
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$r(__spreadValues$r({
     ref: dialogRef
   }, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
     padding: sapphireReact.tokens.size.spacing50
-  }, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$o(__spreadValues$q({}, calendarProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$p(__spreadValues$r({}, calendarProps), {
     defaultFocusedValue: state.dateValue,
     showWeekNumbers
   }))))));
 }
 const DateField = React.forwardRef(_DateField);
 
-var __defProp$p = Object.defineProperty;
-var __defProps$n = Object.defineProperties;
-var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
-var __hasOwnProp$q = Object.prototype.hasOwnProperty;
-var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$p = (a, b) => {
+var __defProp$q = Object.defineProperty;
+var __defProps$o = Object.defineProperties;
+var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
+var __hasOwnProp$r = Object.prototype.hasOwnProperty;
+var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$q = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$q.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(b)) {
-      if (__propIsEnum$q.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+    if (__hasOwnProp$r.call(b, prop))
+      __defNormalProp$q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(b)) {
+      if (__propIsEnum$r.call(b, prop))
+        __defNormalProp$q(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
+var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
 var __objRest$k = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
+  if (source != null && __getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$r.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1742,13 +1743,13 @@ const useDateRangePickerState = (_a) => {
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
-  const state = datepicker$1.useDateRangePickerState(__spreadProps$n(__spreadValues$p({}, options), {
+  const state = datepicker$1.useDateRangePickerState(__spreadProps$o(__spreadValues$q({}, options), {
     onChange: (value) => {
       onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
       lastPredefinedRange.current = void 0;
     }
   }));
-  return __spreadProps$n(__spreadValues$p({}, state), {
+  return __spreadProps$o(__spreadValues$q({}, state), {
     setDateRange: (value, predefinedRange) => {
       lastPredefinedRange.current = predefinedRange;
       state.setDateRange(value);
@@ -1756,25 +1757,25 @@ const useDateRangePickerState = (_a) => {
   });
 };
 
-var __defProp$o = Object.defineProperty;
-var __defProps$m = Object.defineProperties;
-var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$o = (a, b) => {
+var __defProp$p = Object.defineProperty;
+var __defProps$n = Object.defineProperties;
+var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$p = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$p.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(b)) {
-      if (__propIsEnum$p.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
+    if (__hasOwnProp$q.call(b, prop))
+      __defNormalProp$p(a, prop, b[prop]);
+  if (__getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(b)) {
+      if (__propIsEnum$q.call(b, prop))
+        __defNormalProp$p(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
+var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
 function DateRangeInput({
   dateRangePickerState,
   startFieldProps,
@@ -1787,11 +1788,11 @@ function DateRangeInput({
   const formatMessage = i18n.useMessageFormatter(intlMessages$2);
   const { locale } = i18n.useLocale();
   const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
-  const startFieldState = datepicker$1.useDateFieldState(__spreadProps$m(__spreadValues$o({}, startFieldProps), {
+  const startFieldState = datepicker$1.useDateFieldState(__spreadProps$n(__spreadValues$p({}, startFieldProps), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
-  const endFieldState = datepicker$1.useDateFieldState(__spreadProps$m(__spreadValues$o({}, endFieldProps), {
+  const endFieldState = datepicker$1.useDateFieldState(__spreadProps$n(__spreadValues$p({}, endFieldProps), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
@@ -1804,7 +1805,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$m(__spreadValues$o({}, startFieldAriaProps), {
+  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"],
     ref: startFieldRef
   }), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1813,7 +1814,7 @@ function DateRangeInput({
     state: startFieldState
   }))), /* @__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$m(__spreadValues$o({}, endFieldAriaProps), {
+  }, /* @__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"],
     ref: endFieldRef
   }), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1831,33 +1832,33 @@ function DateRangeInput({
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
 }
 
-var __defProp$n = Object.defineProperty;
-var __defProps$l = Object.defineProperties;
-var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$n = (a, b) => {
+var __defProp$o = Object.defineProperty;
+var __defProps$m = Object.defineProperties;
+var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$o = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$o.call(b, prop))
-      __defNormalProp$n(a, prop, b[prop]);
-  if (__getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(b)) {
-      if (__propIsEnum$o.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
+    if (__hasOwnProp$p.call(b, prop))
+      __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b)) {
+      if (__propIsEnum$p.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
+var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
 var __objRest$j = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
+  if (source != null && __getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1897,7 +1898,7 @@ function _DateRangeField(_a, ref) {
   const preferredLocale = locale || existingLocale;
   const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
   const { dialogProps } = dialog.useDialog({}, dialogRef);
-  const state = useDateRangePickerState(__spreadValues$n(__spreadValues$n(__spreadValues$n({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
+  const state = useDateRangePickerState(__spreadValues$o(__spreadValues$o(__spreadValues$o({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
   const {
     groupProps,
     labelProps,
@@ -1908,12 +1909,12 @@ function _DateRangeField(_a, ref) {
     calendarProps,
     descriptionProps,
     errorMessageProps
-  } = datepicker.useDateRangePicker(__spreadProps$l(__spreadValues$n({}, otherProps), {
+  } = datepicker.useDateRangePicker(__spreadProps$m(__spreadValues$o({}, otherProps), {
     description: note,
     allowsNonContiguousRanges: allowUnavailableDatesWithinRange
   }), state, groupRef);
   const isMedium = size === "medium";
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$l(__spreadValues$n({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$m(__spreadValues$o({}, otherProps), {
     noShrink: true,
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
@@ -1922,17 +1923,17 @@ function _DateRangeField(_a, ref) {
     labelPlacement
   }), /* @__PURE__ */ React__default["default"].createElement(i18n.I18nProvider, {
     locale: preferredLocale
-  }, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$l(__spreadValues$n({}, labelProps), {
+  }, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$m(__spreadValues$o({}, labelProps), {
     size,
     necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
     contextualHelp
-  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$n(__spreadProps$l(__spreadValues$n({}, groupProps), {
+  }), 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
     })
-  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$l(__spreadValues$n({}, buttonProps), {
+  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$m(__spreadValues$o({}, buttonProps), {
     isPressed: state.isOpen
   }), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
     isDisabled: otherProps.isDisabled || otherProps.isReadOnly
@@ -1944,15 +1945,15 @@ function _DateRangeField(_a, ref) {
     endFieldProps,
     noClearButton,
     size
-  }))), error !== false && (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$n({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$n({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
+  }))), error !== false && (typeof error === "string" && error !== "" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$o({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$o({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
     state,
     triggerRef: groupRef,
     placement: "bottom start"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$n(__spreadValues$n({
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$o(__spreadValues$o({
     ref: dialogRef
   }, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
     padding: sapphireReact.tokens.size.spacing50
-  }, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$l(__spreadValues$n({}, calendarProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$m(__spreadValues$o({}, calendarProps), {
     allowUnavailableDatesWithinRange,
     showWeekNumbers,
     showTwoMonths,
@@ -1973,33 +1974,33 @@ const isDateOutsideValidRange = (value, minValue, maxValue) => {
   }
 };
 
-var __defProp$m = Object.defineProperty;
-var __defProps$k = Object.defineProperties;
-var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
+var __defProp$n = Object.defineProperty;
+var __defProps$l = Object.defineProperties;
+var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$n = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$n.call(b, prop))
-      __defNormalProp$m(a, prop, b[prop]);
-  if (__getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(b)) {
-      if (__propIsEnum$n.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
+    if (__hasOwnProp$o.call(b, prop))
+      __defNormalProp$n(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b)) {
+      if (__propIsEnum$o.call(b, prop))
+        __defNormalProp$n(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
 var __objRest$i = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
+  if (source != null && __getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2030,7 +2031,7 @@ const Avatar = (_a) => {
   ]);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$k(__spreadValues$m({}, styleProps), {
+  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",
@@ -2042,17 +2043,17 @@ const Avatar = (_a) => {
   }, icon) : monogram);
 };
 
-var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
 var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
+  if (source != null && __getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2120,27 +2121,27 @@ const FeedbackMessage = (_a) => {
   }, body)), actions);
 };
 
-var __defProp$l = Object.defineProperty;
-var __defProps$j = Object.defineProperties;
-var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
-var __hasOwnProp$l = Object.prototype.hasOwnProperty;
-var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$l = (a, b) => {
+var __defProp$m = Object.defineProperty;
+var __defProps$k = Object.defineProperties;
+var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$m = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$l.call(b, prop))
-      __defNormalProp$l(a, prop, b[prop]);
-  if (__getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop))
-        __defNormalProp$l(a, prop, b[prop]);
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$m(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$m(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
 const useComboBoxState = (options) => {
-  const state = combobox.useComboBoxState(__spreadProps$j(__spreadValues$l({}, options), {
+  const state = combobox.useComboBoxState(__spreadProps$k(__spreadValues$m({}, options), {
     defaultFilter: (textValue, query) => {
       if (query.length > 0) {
         return options.defaultFilter ? options.defaultFilter(textValue, query) : textValue.toLowerCase().includes(query.toLowerCase());
@@ -2149,7 +2150,7 @@ const useComboBoxState = (options) => {
       }
     }
   }));
-  return __spreadProps$j(__spreadValues$l({}, state), {
+  return __spreadProps$k(__spreadValues$m({}, state), {
     open: (focusStrategy, triggerMode) => {
       if (triggerMode !== "manual") {
         state.open(focusStrategy, triggerMode);
@@ -2158,25 +2159,25 @@ const useComboBoxState = (options) => {
   });
 };
 
-var __defProp$k = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
-var __hasOwnProp$k = Object.prototype.hasOwnProperty;
-var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$k = (a, b) => {
+var __defProp$l = Object.defineProperty;
+var __defProps$j = Object.defineProperties;
+var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$l = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$k.call(b, prop))
-      __defNormalProp$k(a, prop, b[prop]);
-  if (__getOwnPropSymbols$k)
-    for (var prop of __getOwnPropSymbols$k(b)) {
-      if (__propIsEnum$k.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
+    if (__hasOwnProp$l.call(b, prop))
+      __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b)) {
+      if (__propIsEnum$l.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
 const SearchField = React__default["default"].forwardRef(function SearchField2(props, forwardedRef) {
   var _a;
   sapphireReact.useThemeCheck();
@@ -2188,7 +2189,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   const {
     styleProps: { style, className }
   } = sapphireReact.useSapphireStyleProps(props);
-  const state = useComboBoxState(__spreadProps$i(__spreadValues$k({}, props), {
+  const state = useComboBoxState(__spreadProps$j(__spreadValues$l({}, props), {
     inputValue: props.value,
     defaultInputValue: props.defaultValue,
     onInputChange: props.onChange,
@@ -2196,7 +2197,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     allowsCustomValue: true,
     shouldCloseOnBlur: true
   }));
-  const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$i(__spreadValues$k({}, props), {
+  const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$j(__spreadValues$l({}, props), {
     inputRef,
     listBoxRef,
     popoverRef
@@ -2221,7 +2222,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   };
   const searchFieldState = searchfield.useSearchFieldState(searchProps);
   const { clearButtonProps, inputProps: searchFieldInputProps } = searchfield$1.useSearchField(searchProps, searchFieldState, inputRef);
-  const { buttonProps } = sapphireReact.useButton(__spreadProps$i(__spreadValues$k({}, clearButtonProps), {
+  const { buttonProps } = sapphireReact.useButton(__spreadProps$j(__spreadValues$l({}, clearButtonProps), {
     elementType: "div"
   }), buttonRef);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2236,12 +2237,12 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     className: styles__default$7["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$i(__spreadValues$k({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
+  }, /* @__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
     })
-  })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$k({
+  })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$l({
     ref: buttonRef,
     className: styles__default$7["default"]["sapphire-search-field__button"]
   }, buttonProps), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
@@ -2259,33 +2260,33 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   }, props.children || []));
 });
 
-var __defProp$j = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
-var __hasOwnProp$j = Object.prototype.hasOwnProperty;
-var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$j = (a, b) => {
+var __defProp$k = Object.defineProperty;
+var __defProps$i = Object.defineProperties;
+var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$k = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$j.call(b, prop))
-      __defNormalProp$j(a, prop, b[prop]);
-  if (__getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(b)) {
-      if (__propIsEnum$j.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
 var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$k.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$k)
+    for (var prop of __getOwnPropSymbols$k(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2297,7 +2298,7 @@ const Toast = (_a) => {
   } = sapphireReact.useSapphireStyleProps(props);
   const ref = React.useRef(null);
   const { toastProps, titleProps, closeButtonProps } = toast.useToast(props, state, ref);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$h(__spreadValues$j({}, toastProps), {
+  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),
     style,
     ref,
@@ -2308,7 +2309,7 @@ const Toast = (_a) => {
     }
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$8["default"]["sapphire-toast__content"])
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$j({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$h(__spreadValues$j({}, closeButtonProps), {
+  }, /* @__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",
     variant: "tertiary",
@@ -2316,33 +2317,33 @@ const Toast = (_a) => {
   }), /* @__PURE__ */ React__default["default"].createElement(react.Close, null))));
 };
 
-var __defProp$i = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-var __propIsEnum$i = 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) => {
+var __defProp$j = Object.defineProperty;
+var __defProps$h = Object.defineProperties;
+var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$i.call(b, prop))
-      __defNormalProp$i(a, prop, b[prop]);
-  if (__getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
+var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
 var __objRest$f = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$i.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$i)
-    for (var prop of __getOwnPropSymbols$i(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$i.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;
@@ -2360,13 +2361,13 @@ const ToastRegion = (_a) => {
   const { overlayZIndex = 100 } = sapphireReact.useThemeContext();
   return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.SapphireOverlayContainer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.ThemeRoot, {
     contrast: true
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$g(__spreadValues$i({}, regionProps), {
+  }, /* @__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}`]),
     style: {
       zIndex: overlayZIndex + 200
     }
-  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$g(__spreadValues$i({}, props), {
+  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$h(__spreadValues$j({}, props), {
     key: toast.key,
     toast,
     state
@@ -2379,33 +2380,33 @@ const useToastContext = () => {
   return context;
 };
 
-var __defProp$h = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-var __propIsEnum$h = 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) => {
+var __defProp$i = Object.defineProperty;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = 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$h.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
 var __objRest$e = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$h.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$h)
-    for (var prop of __getOwnPropSymbols$h(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$h.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;
@@ -2425,7 +2426,7 @@ const ToastProvider = (_a) => {
   });
   return /* @__PURE__ */ React__default["default"].createElement(ToastContext.Provider, {
     value: state
-  }, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$f(__spreadValues$h({}, props), {
+  }, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$g(__spreadValues$i({}, props), {
     state,
     placement
   })));
@@ -2442,31 +2443,31 @@ const useShowToast = () => {
   };
 };
 
-var __defProp$g = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = 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) => {
+var __defProp$h = Object.defineProperty;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = 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$g.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+    if (__hasOwnProp$h.call(b, prop))
+      __defNormalProp$h(a, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b)) {
+      if (__propIsEnum$h.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
 function useTreeState(props) {
   const state = tree.useTreeState(props);
   const onToggle = (key) => {
     state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
   };
-  return __spreadProps$e(__spreadValues$g({}, state), { toggleKey: onToggle });
+  return __spreadProps$f(__spreadValues$h({}, state), { toggleKey: onToggle });
 }
 function toggleKey(set, key, expansionMode = "multiple") {
   const res = new Set(set);
@@ -2480,25 +2481,25 @@ function toggleKey(set, key, expansionMode = "multiple") {
   return res;
 }
 
-var __defProp$f = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = 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) => {
+var __defProp$g = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = 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$f.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(b)) {
-      if (__propIsEnum$f.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+    if (__hasOwnProp$g.call(b, prop))
+      __defNormalProp$g(a, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b)) {
+      if (__propIsEnum$g.call(b, prop))
+        __defNormalProp$g(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 function _AccordionItem(props) {
   const { state, item } = props;
   const isOpen = state.expandedKeys.has(item.key);
@@ -2519,7 +2520,7 @@ function _AccordionItem(props) {
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     role: "heading",
     "aria-level": props.headerLevel
-  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$d(__spreadValues$f({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
+  }, /* @__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"], {
@@ -2529,7 +2530,7 @@ function _AccordionItem(props) {
     })
   }), item.props.heading, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$9["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$d(__spreadValues$f({}, utils$1.mergeProps(regionProps, { onKeyDown })), {
+  }, /* @__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"])
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2538,33 +2539,33 @@ function _AccordionItem(props) {
 }
 const AccordionItem = collections.Item;
 
-var __defProp$e = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = 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) => {
+var __defProp$f = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = 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$e.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$f(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
 var __objRest$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$f.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$f)
+    for (var prop of __getOwnPropSymbols$f(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2581,10 +2582,10 @@ const _Accordion$1 = (_a, ref) => {
   ]);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const state = useTreeState(__spreadProps$c(__spreadValues$e({}, props), { expansionMode }));
+  const state = useTreeState(__spreadProps$d(__spreadValues$f({}, props), { expansionMode }));
   const forwardedRef = utils$1.useObjectRef(ref);
   const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$c(__spreadValues$e({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
+  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
     }, styleProps.className),
@@ -2599,6 +2600,53 @@ const _Accordion$1 = (_a, ref) => {
 };
 const Accordion = React.forwardRef(_Accordion$1);
 
+var __defProp$e = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = 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$e.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __objRest$c = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$e.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))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const AccordionHeading = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, props = __objRest$c(_b, [
+    "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"])
+  }), children);
+};
+
+const _Accordion = Object.assign(Accordion, {
+  Heading: AccordionHeading,
+  Item: AccordionItem
+});
+
 var __defProp$d = Object.defineProperty;
 var __defProps$b = Object.defineProperties;
 var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
@@ -2618,7 +2666,7 @@ var __spreadValues$d = (a, b) => {
   return a;
 };
 var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-var __objRest$c = (source, exclude) => {
+var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2630,20 +2678,19 @@ var __objRest$c = (source, exclude) => {
     }
   return target;
 };
-const AccordionHeading = (_a) => {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest$c(_b, [
-    "children"
-  ]);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$b(__spreadValues$d({}, utils$1.filterDOMProps(props)), {
-    className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-heading"])
+const Heading = React.forwardRef(function Heading2(props, ref) {
+  sapphireReact.useThemeCheck();
+  const domProps = utils$1.filterDOMProps(props);
+  const _a = props, { children, level, elementType } = _a, otherProps = __objRest$b(_a, ["children", "level", "elementType"]);
+  const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
+  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"
+    }),
+    ref: domRef
   }), children);
-};
-
-const _Accordion = Object.assign(Accordion, {
-  Heading: AccordionHeading,
-  Item: AccordionItem
 });
 
 var __defProp$c = Object.defineProperty;
@@ -2665,7 +2712,7 @@ var __spreadValues$c = (a, b) => {
   return a;
 };
 var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-var __objRest$b = (source, exclude) => {
+var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2677,18 +2724,27 @@ var __objRest$b = (source, exclude) => {
     }
   return target;
 };
-const Heading = React.forwardRef(function Heading2(props, ref) {
+const Subheading = React.forwardRef(function Subheading2(props, ref) {
   sapphireReact.useThemeCheck();
-  const domProps = utils$1.filterDOMProps(props);
-  const _a = props, { children, level, elementType } = _a, otherProps = __objRest$b(_a, ["children", "level", "elementType"]);
+  const _a = props, {
+    children,
+    level = 1,
+    elementType: CustomElement = "div",
+    isBold = false
+  } = _a, otherProps = __objRest$a(_a, [
+    "children",
+    "level",
+    "elementType",
+    "isBold"
+  ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
-  const domRef = utils.useDOMRef(ref);
-  const HeadingTag = elementType ? elementType : `h${level}`;
-  return /* @__PURE__ */ React__default["default"].createElement(HeadingTag, __spreadProps$a(__spreadValues$c(__spreadValues$c({}, 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"
+  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
     }),
-    ref: domRef
+    style: styleProps.style,
+    ref
   }), children);
 });
 
@@ -2711,7 +2767,7 @@ var __spreadValues$b = (a, b) => {
   return a;
 };
 var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-var __objRest$a = (source, exclude) => {
+var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2723,24 +2779,27 @@ var __objRest$a = (source, exclude) => {
     }
   return target;
 };
-const Subheading = React.forwardRef(function Subheading2(props, ref) {
+const Body = React.forwardRef(function Body2(props, ref) {
   sapphireReact.useThemeCheck();
   const _a = props, {
     children,
     level = 1,
-    elementType: CustomElement = "div",
+    elementType: CustomElement = "p",
+    isUnderlined = false,
     isBold = false
-  } = _a, otherProps = __objRest$a(_a, [
+  } = _a, otherProps = __objRest$9(_a, [
     "children",
     "level",
     "elementType",
+    "isUnderlined",
     "isBold"
   ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
-  const levelClassName = `sapphire-text--subheading-${level}`;
+  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--strong"]]: isBold,
+      [styles__default$a["default"]["sapphire-text--underlined"]]: isUnderlined
     }),
     style: styleProps.style,
     ref
@@ -2766,7 +2825,7 @@ var __spreadValues$a = (a, b) => {
   return a;
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-var __objRest$9 = (source, exclude) => {
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2778,36 +2837,34 @@ var __objRest$9 = (source, exclude) => {
     }
   return target;
 };
-const Body = React.forwardRef(function Body2(props, ref) {
+const Caption = React.forwardRef(function Caption2(props, ref) {
   sapphireReact.useThemeCheck();
   const _a = props, {
     children,
     level = 1,
-    elementType: CustomElement = "p",
-    isUnderlined = false,
-    isBold = false
-  } = _a, otherProps = __objRest$9(_a, [
+    elementType: CustomElement = "div"
+  } = _a, otherProps = __objRest$8(_a, [
     "children",
     "level",
-    "elementType",
-    "isUnderlined",
-    "isBold"
+    "elementType"
   ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
-  const levelClassName = `sapphire-text--body-${level}`;
+  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], {
-      [styles__default$a["default"]["sapphire-text--strong"]]: isBold,
-      [styles__default$a["default"]["sapphire-text--underlined"]]: isUnderlined
-    }),
+    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName]),
     style: styleProps.style,
     ref
   }), children);
 });
 
+const Typography = {
+  Heading,
+  Subheading,
+  Body,
+  Caption
+};
+
 var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -2823,8 +2880,7 @@ var __spreadValues$9 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$8 = (source, exclude) => {
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2836,61 +2892,6 @@ var __objRest$8 = (source, exclude) => {
     }
   return target;
 };
-const Caption = React.forwardRef(function Caption2(props, ref) {
-  sapphireReact.useThemeCheck();
-  const _a = props, {
-    children,
-    level = 1,
-    elementType: CustomElement = "div"
-  } = _a, otherProps = __objRest$8(_a, [
-    "children",
-    "level",
-    "elementType"
-  ]);
-  const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
-  const levelClassName = `sapphire-text--caption-${level}`;
-  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$7(__spreadValues$9(__spreadValues$9({}, utils$1.filterDOMProps(props)), styleProps), {
-    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName]),
-    style: styleProps.style,
-    ref
-  }), children);
-});
-
-const Typography = {
-  Heading,
-  Subheading,
-  Body,
-  Caption
-};
-
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$7 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const Fieldset = (_a) => {
   var _b = _a, {
     label: label$1,
@@ -2920,7 +2921,7 @@ const Fieldset = (_a) => {
     isInvalid: !!error,
     label: label$1
   });
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$8({
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$9({
     elementType: "fieldset",
     error: !!error,
     isDisabled,
@@ -2934,42 +2935,42 @@ const Fieldset = (_a) => {
     contextualHelp
   }, label$1)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, {
     isGroup: true
-  }, children), (error || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$8({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$8({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)));
+  }, children), (error || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$9({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$9({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)));
 };
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 const HiddenFileInput = React__default["default"].forwardRef(function InputWrapper(props, ref) {
-  return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$6(__spreadValues$7({}, props), {
+  return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$7(__spreadValues$8({}, props), {
     ref,
     type: "file",
     style: { display: "none" }
@@ -2996,7 +2997,7 @@ const FileTrigger = React__default["default"].forwardRef(function FileTriggerWra
       var _a2;
       (_a2 = inputRef.current) == null ? void 0 : _a2.click();
     }
-  }, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$6(__spreadValues$7({}, domProps), {
+  }, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$7(__spreadValues$8({}, domProps), {
     disabled: isDisabled,
     ref: inputRef,
     accept: acceptedFileTypes == null ? void 0 : acceptedFileTypes.toString(),
@@ -3068,25 +3069,25 @@ var intlMessages$1 = {
   "sv-SE": se$1
 };
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapper(props, ref) {
   const {
     isDisabled = false,
@@ -3107,12 +3108,12 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
     dropProps,
     dropButtonProps,
     isDropTarget: isDropping
-  } = dnd.useDrop(__spreadProps$5(__spreadValues$6({}, props), {
+  } = dnd.useDrop(__spreadProps$6(__spreadValues$7({}, props), {
     ref: pressableRef,
     hasDropButton: true,
     isDisabled
   }));
-  const { buttonProps } = sapphireReact.useButton(__spreadProps$5(__spreadValues$6({}, dropButtonProps), { elementType: "div" }), pressableRef);
+  const { buttonProps } = sapphireReact.useButton(__spreadProps$6(__spreadValues$7({}, dropButtonProps), { elementType: "div" }), pressableRef);
   const { focusProps, isFocusVisible } = focus.useFocusRing();
   const { pressProps, isPressed } = interactions.usePress({});
   const { clipboardProps } = dnd.useClipboard({
@@ -3143,9 +3144,9 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
   }, /* @__PURE__ */ React__default["default"].createElement(interactions.Pressable, {
     ref: pressableRef,
     onPress: onFileSelectOpen
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$5(__spreadValues$6({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps, pressProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$6(__spreadValues$7({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps, pressProps)), {
     ref,
-    style: __spreadValues$6({}, styleProps.style),
+    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,
@@ -3168,35 +3169,35 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
   }, 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"])
-  }, /* @__PURE__ */ React__default["default"].createElement(Body, {
-    level: 2
-  }, renderInstruction(isDropping)))))));
-});
-
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+  }, /* @__PURE__ */ React__default["default"].createElement(Body, {
+    level: 2
+  }, renderInstruction(isDropping)))))));
+});
+
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3218,7 +3219,7 @@ const AlertDialog = React__default["default"].forwardRef(function AlertDialog2(p
     "actions",
     "heading"
   ]);
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Dialog, __spreadValues$5({
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Dialog, __spreadValues$6({
     ref,
     role: "alertdialog",
     type: "active",
@@ -3240,33 +3241,33 @@ const AlertDialog = React__default["default"].forwardRef(function AlertDialog2(p
   }, rest));
 });
 
-var __defProp$4 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3274,10 +3275,10 @@ var __objRest$4 = (source, exclude) => {
 const useSapphireNumberField = (_a, ref) => {
   var _b = _a, { error } = _b, numberFieldProps = __objRest$4(_b, ["error"]);
   const { locale } = i18n.useLocale();
-  const numberFieldState = numberfield.useNumberFieldState(__spreadProps$4(__spreadValues$4({}, numberFieldProps), {
+  const numberFieldState = numberfield.useNumberFieldState(__spreadProps$5(__spreadValues$5({}, numberFieldProps), {
     locale
   }));
-  const numberFieldAria = numberfield$1.useNumberField(__spreadProps$4(__spreadValues$4({}, numberFieldProps), {
+  const numberFieldAria = numberfield$1.useNumberField(__spreadProps$5(__spreadValues$5({}, numberFieldProps), {
     validationState: error === false || error === void 0 ? void 0 : "invalid"
   }), numberFieldState, ref);
   return numberFieldAria;
@@ -3359,33 +3360,33 @@ var intlMessages = {
   "sv-SE": se
 };
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3401,7 +3402,7 @@ const StepperButton = (_a) => {
   const ref = React.useRef(null);
   const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
   const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
-  return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$3(__spreadValues$3({}, utils$1.mergeProps(buttonProps, hoverProps, utils$1.filterDOMProps(props))), {
+  return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$4(__spreadValues$4({}, utils$1.mergeProps(buttonProps, hoverProps, utils$1.filterDOMProps(props))), {
     ref,
     className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__stepper-button"], textFieldStyles__default["default"]["js-hover"], {
       [textFieldStyles__default["default"]["is-active"]]: isPressed,
@@ -3412,33 +3413,33 @@ const StepperButton = (_a) => {
   }, variant === "increment" ? /* @__PURE__ */ React__default["default"].createElement(react.CaretUp, null) : /* @__PURE__ */ React__default["default"].createElement(react.CaretDown, null)));
 };
 
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3487,7 +3488,7 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
     decrementButtonProps,
     descriptionProps,
     errorMessageProps
-  } = useSapphireNumberField(__spreadProps$2(__spreadValues$2({}, props), {
+  } = useSapphireNumberField(__spreadProps$3(__spreadValues$3({}, props), {
     incrementAriaLabel: incrementAriaLabel != null ? incrementAriaLabel : formatMessage("increment"),
     decrementAriaLabel: decrementAriaLabel != null ? decrementAriaLabel : formatMessage("decrement")
   }), inputRef);
@@ -3495,18 +3496,18 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
   const { autofillStyles, updateStyle } = useAutofillStyle(inputRef);
   const domRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => __spreadProps$2(__spreadValues$2({}, utils.createFocusableRef(domRef, inputRef)), {
+  React.useImperativeHandle(ref, () => __spreadProps$3(__spreadValues$3({}, utils.createFocusableRef(domRef, inputRef)), {
     getInputElement() {
       return inputRef.current;
     }
   }));
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$2(__spreadValues$2({}, removeUniqueDOMProps(otherProps)), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$3(__spreadValues$3({}, removeUniqueDOMProps(otherProps)), {
     ref: domRef,
     isDisabled,
     error: !!error,
     size,
     labelPlacement
-  }), label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$2(__spreadValues$2({}, labelProps), {
+  }), label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$3(__spreadValues$3({}, labelProps), {
     size,
     necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
     contextualHelp
@@ -3516,12 +3517,12 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
       [textFieldStyles__default["default"]["sapphire-text-field--error"]]: error === true || typeof error === "string",
       [textFieldStyles__default["default"]["sapphire-text-field--medium"]]: size === "medium"
     }),
-    style: __spreadValues$2({}, styleProps.style.width ? { width: styleProps.style.width } : {})
+    style: __spreadValues$3({}, styleProps.style.width ? { width: styleProps.style.width } : {})
   }, prefix && /* @__PURE__ */ React__default["default"].createElement("span", {
     className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__prefix"], {
       [textFieldStyles__default["default"]["sapphire-text-field__prefix--icon"]]: typeof prefix !== "string"
     })
-  }, prefix), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$2(__spreadValues$2({}, utils$1.mergeProps(inputProps, focusProps, {
+  }, prefix), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$3(__spreadValues$3({}, utils$1.mergeProps(inputProps, focusProps, {
     onChange: updateStyle,
     onBlur: updateStyle
   })), {
@@ -3536,43 +3537,43 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
     })
   }, postfix), showButtons && /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__stepper"])
-  }, /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$2({
+  }, /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$3({
     variant: "increment",
     size
-  }, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$2({
+  }, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$3({
     variant: "decrement",
     size
-  }, decrementButtonProps))))), (error || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$2({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$2({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)));
+  }, decrementButtonProps))))), (error || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$3({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$3({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)));
 });
 const removeUniqueDOMProps = (props) => Object.fromEntries(Object.entries(props).filter(([name]) => name !== "id" && !name.startsWith("data-")));
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3583,28 +3584,26 @@ function Tag(props) {
   const ref = React.useRef(null);
   const _a = tag.useTag(props, state, ref), {
     allowsRemoving,
-    allowsSelection,
     gridCellProps,
     isDisabled,
     isFocused,
     isPressed,
-    isSelected,
     removeButtonProps,
     rowProps: _b
   } = _a, _c = _b, { onKeyDown } = _c, rowProps = __objRest$1(_c, ["onKeyDown"]), otherProps = __objRest$1(_a, [
     "allowsRemoving",
-    "allowsSelection",
     "gridCellProps",
     "isDisabled",
     "isFocused",
     "isPressed",
-    "isSelected",
     "removeButtonProps",
     "rowProps"
   ]);
   const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
   const hasAction = otherProps.hasAction;
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$1(__spreadValues$1({
+  return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
+    focusRingClass: styles__default$c["default"]["is-focus"]
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$2(__spreadProps$2(__spreadValues$2({
     ref
   }, utils$1.mergeProps({
     onKeyDown: (e) => {
@@ -3616,60 +3615,59 @@ 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--error"]]: hasError,
-      [styles__default$c["default"]["is-active"]]: allowsSelection && isSelected,
+      [styles__default$c["default"]["sapphire-tag--actionable"]]: hasAction,
       [styles__default$c["default"]["is-active"]]: hasAction && isPressed,
-      [styles__default$c["default"]["is-focus"]]: isFocused,
       [styles__default$c["default"]["is-hover"]]: hasAction && isHovered,
       [styles__default$c["default"]["is-disabled"]]: isDisabled
-    }),
-    "aria-invalid": hasError
-  }), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$1(__spreadValues$1({}, gridCellProps), {
-    className: styles__default$c["default"]["sapphire-tag__gridcell"]
-  }), hasError && /* @__PURE__ */ React__default["default"].createElement(IconError, null), item.rendered, allowsRemoving && /* @__PURE__ */ React__default["default"].createElement(RemoveButton, __spreadValues$1({}, removeButtonProps))));
+    })
+  }), hasError ? { "aria-invalid": true } : {}), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({}, gridCellProps), {
+    className: styles__default$c["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$1(__spreadValues$1({}, buttonProps), {
+  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"])
-  }), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: styles__default$c["default"]["sapphire-tag__icon"]
+  }), /* @__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__icon"], styles__default$c["default"]["sapphire-tag__icon--error"])
-  }, /* @__PURE__ */ React__default["default"].createElement(react.AlertCircle, null));
+    className: clsx__default["default"](styles__default$c["default"]["sapphire-tag__error-icon"])
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
+    size: "s"
+  }, /* @__PURE__ */ React__default["default"].createElement(react.AlertCircle, null)));
 };
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3692,13 +3690,13 @@ function TagGroup(props) {
   const ref = React.useRef(null);
   const state = list.useListState(props);
   const { descriptionProps, gridProps, labelProps, errorMessageProps } = tag.useTagGroup(props, state, ref);
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps(__spreadValues({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$1(__spreadValues$1({}, otherProps), {
     error: !!errorMessage,
     labelPlacement,
     labelVerticalAlignment: "top"
-  }), (labelText || contextualHelp) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps(__spreadValues({}, labelProps), {
+  }), (labelText || contextualHelp) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$1(__spreadValues$1({}, labelProps), {
     contextualHelp
-  }), labelText)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps(__spreadValues({}, gridProps), {
+  }), 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"]
   }), [...state.collection].map((item) => /* @__PURE__ */ React__default["default"].createElement(Tag, {
@@ -3706,11 +3704,53 @@ function TagGroup(props) {
     item,
     state,
     hasError: item.props.hasError
-  })))), (note || errorMessage) && (errorMessage ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues({}, errorMessageProps), errorMessage)) : /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues({}, descriptionProps), note))));
+  })))), (note || errorMessage) && (errorMessage ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$1({}, errorMessageProps), errorMessage)) : /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$1({}, descriptionProps), note))));
 }
 
 const TagItem = collections.Item;
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function LabeledValue(props) {
+  sapphireReact.useThemeCheck();
+  const {
+    children,
+    contextualHelp,
+    label: label$1,
+    labelPlacement = "above",
+    size = "large"
+  } = props;
+  const { fieldProps } = label.useField({ label: label$1 });
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps(__spreadValues({}, fieldProps), {
+    labelPlacement,
+    size
+  }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, {
+    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"
+    })
+  }, children)));
+}
+
 Object.defineProperty(exports, 'useLocale', {
   enumerable: true,
   get: function () { return i18n.useLocale; }
@@ -3726,6 +3766,7 @@ exports.Fieldset = Fieldset;
 exports.FileDropzone = FileDropzone;
 exports.FileTrigger = FileTrigger;
 exports.FilterDropdown = FilterDropdown;
+exports.LabeledValue = LabeledValue;
 exports.NotificationBadge = NotificationBadge;
 exports.NumberField = NumberField;
 exports.RangeCalendar = RangeCalendar;