@danske/sapphire-react-lab 0.77.4 → 0.80.0

package/build/cjs/index.js

@@ -44,6 +44,9 @@ var collections = require('@react-stately/collections');
 var styles$9 = require('@danske/sapphire-css/components/text/text.module.css');
 var label = require('@react-aria/label');
 var styles$a = require('@danske/sapphire-css/components/avatar/avatar.module.css');
+var numberfield$1 = require('@react-aria/numberfield');
+var numberfield = require('@react-stately/numberfield');
+var textFieldStyles = require('@danske/sapphire-css/components/textField/textField.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -60,34 +63,35 @@ var styles__default$7 = /*#__PURE__*/_interopDefaultLegacy(styles$7);
 var styles__default$8 = /*#__PURE__*/_interopDefaultLegacy(styles$8);
 var styles__default$9 = /*#__PURE__*/_interopDefaultLegacy(styles$9);
 var styles__default$a = /*#__PURE__*/_interopDefaultLegacy(styles$a);
-
-var __defProp$z = Object.defineProperty;
-var __defProps$w = Object.defineProperties;
-var __getOwnPropDescs$w = 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 textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyles);
+
+var __defProp$C = Object.defineProperty;
+var __defProps$z = Object.defineProperties;
+var __getOwnPropDescs$z = 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$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]);
+    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$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
-var __objRest$o = (source, exclude) => {
+var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
+var __objRest$r = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$B.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$B)
-    for (var prop of __getOwnPropSymbols$B(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$B.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;
@@ -97,7 +101,7 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
     iconAlign = "left",
     icon,
     size = "medium"
-  } = _b, otherProps = __objRest$o(_b, [
+  } = _b, otherProps = __objRest$r(_b, [
     "iconAlign",
     "icon",
     "size"
@@ -118,9 +122,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$w(__spreadValues$z({}, utils$1.mergeProps(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$z(__spreadValues$C({}, utils$1.mergeProps(buttonProps, hoverProps)), {
     ref: domRef,
-    style: __spreadValues$z({}, styleProps.style),
+    style: __spreadValues$C({}, 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,
@@ -135,90 +139,90 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
 
 var year$6 = "År";
 var week$6 = "Uge {weekNumber}";
-var da$1 = {
+var da$2 = {
 	year: year$6,
 	week: week$6
 };
 
 var year$5 = "Year";
 var week$5 = "Week {weekNumber}";
-var en$1 = {
+var en$2 = {
 	year: year$5,
 	week: week$5
 };
 
 var year$4 = "Jahr";
 var week$4 = "Woche {weekNumber}";
-var de$1 = {
+var de$2 = {
 	year: year$4,
 	week: week$4
 };
 
 var year$3 = "Vuosi";
 var week$3 = "Viikko {weekNumber}";
-var fi$1 = {
+var fi$2 = {
 	year: year$3,
 	week: week$3
 };
 
 var year$2 = "År";
 var week$2 = "Uke {weekNumber}";
-var no$1 = {
+var no$2 = {
 	year: year$2,
 	week: week$2
 };
 
 var year$1 = "Rok";
 var week$1 = "Tydzień {weekNumber}";
-var pl$1 = {
+var pl$2 = {
 	year: year$1,
 	week: week$1
 };
 
 var year = "År";
 var week = "Vecka {weekNumber}";
-var se$1 = {
+var se$2 = {
 	year: year,
 	week: week
 };
 
-var intlMessages$1 = {
-  "da-DK": da$1,
-  "en-US": en$1,
-  "de-DE": de$1,
-  "fi-FI": fi$1,
-  "no-NO": no$1,
-  "pl-PL": pl$1,
-  "sv-SE": se$1
-};
-
-var __defProp$y = Object.defineProperty;
-var __defProps$v = Object.defineProperties;
-var __getOwnPropDescs$v = 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 intlMessages$2 = {
+  "da-DK": da$2,
+  "en-US": en$2,
+  "de-DE": de$2,
+  "fi-FI": fi$2,
+  "no-NO": no$2,
+  "pl-PL": pl$2,
+  "sv-SE": se$2
+};
+
+var __defProp$B = Object.defineProperty;
+var __defProps$y = Object.defineProperties;
+var __getOwnPropDescs$y = 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$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$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$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
-var __objRest$n = (source, exclude) => {
+var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
+var __objRest$q = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$A)
-    for (var prop of __getOwnPropSymbols$A(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$A.call(source, prop))
+  if (source != null && __getOwnPropSymbols$D)
+    for (var prop of __getOwnPropSymbols$D(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$D.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -231,7 +235,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
     isDisabled,
     isInGridCell,
     hasCurrentIndicator
-  } = _b, otherProps = __objRest$n(_b, [
+  } = _b, otherProps = __objRest$q(_b, [
     "children",
     "className",
     "isSelected",
@@ -243,7 +247,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$v(__spreadValues$y(__spreadValues$y({
+  }, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$y(__spreadValues$B(__spreadValues$B({
     ref: forwardedRef,
     role: "button"
   }, ElementType === "button" ? { type: "button" } : {}), utils$1.mergeProps(otherProps, hoverProps)), {
@@ -261,11 +265,11 @@ const CalendarDayButton = React__default["default"].forwardRef(function Sapphire
   var _d = _c, {
     isOutsideVisibleRange,
     rangeHighlight
-  } = _d, props = __objRest$n(_d, [
+  } = _d, props = __objRest$q(_d, [
     "isOutsideVisibleRange",
     "rangeHighlight"
   ]);
-  return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$v(__spreadValues$y({}, props), {
+  return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$y(__spreadValues$B({}, 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,
@@ -289,33 +293,33 @@ function* chunks(array, chunkSize) {
 }
 const sentenceCase = (sentence) => sentence.slice(0, 1).toLocaleUpperCase() + sentence.slice(1);
 
-var __defProp$x = Object.defineProperty;
-var __defProps$u = Object.defineProperties;
-var __getOwnPropDescs$u = 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$A = Object.defineProperty;
+var __defProps$x = Object.defineProperties;
+var __getOwnPropDescs$x = 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$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$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$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
-var __objRest$m = (source, exclude) => {
+var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
+var __objRest$p = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$C.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$C)
+    for (var prop of __getOwnPropSymbols$C(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$C.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -325,13 +329,13 @@ function CalendarDaysGrid(_a) {
     state,
     startDate = state.visibleRange.start,
     showWeekNumbers
-  } = _b, props = __objRest$m(_b, [
+  } = _b, props = __objRest$p(_b, [
     "state",
     "startDate",
     "showWeekNumbers"
   ]);
   const { locale } = i18n.useLocale();
-  const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$u(__spreadValues$x({}, props), {
+  const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$x(__spreadValues$A({}, props), {
     startDate,
     endDate: date.endOfMonth(startDate)
   }), state);
@@ -348,11 +352,11 @@ function CalendarDaysGrid(_a) {
       return dayFormatter.format(dateDay);
     });
   }, [locale, state.timeZone, dayFormatter]);
-  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$u(__spreadValues$x({}, gridProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$x(__spreadValues$A({}, 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$x({}, headerProps), /* @__PURE__ */ React__default["default"].createElement("tr", null, showWeekNumbers && /* @__PURE__ */ React__default["default"].createElement("th", {
+  }), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$A({}, 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", {
@@ -380,7 +384,7 @@ function CalendarDaysGrid(_a) {
 }
 function CalendarWeekNumberCell({ date }) {
   const weekNumber = getWeekNumber(date);
-  const formatMessage = i18n.useMessageFormatter(intlMessages$1);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$2);
   return /* @__PURE__ */ React__default["default"].createElement("th", {
     className: styles__default$1["default"]["sapphire-calendar__table-body-cell"],
     role: "rowheader",
@@ -407,9 +411,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$u(__spreadValues$x({}, cellProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$x(__spreadValues$A({}, cellProps), {
     className: styles__default$1["default"]["sapphire-calendar__table-body-cell"]
-  }), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$u(__spreadValues$x({}, buttonProps), {
+  }), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$x(__spreadValues$A({}, buttonProps), {
     ref,
     isSelected,
     isDisabled: isDisabled || isUnavailable,
@@ -446,25 +450,25 @@ const getWeekNumber = function(dateValue) {
   return 1 + Math.round(((date$1.getTime() - week1.getTime()) / 864e5 - 3 + (week1.getDay() + 6) % 7) / 7);
 };
 
-var __defProp$w = Object.defineProperty;
-var __defProps$t = Object.defineProperties;
-var __getOwnPropDescs$t = 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$z = Object.defineProperty;
+var __defProps$w = Object.defineProperties;
+var __getOwnPropDescs$w = 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$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$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$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
+var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
 const isSame = { month: date.isSameMonth, year: date.isSameYear };
 function CalendarMonthOrYearCell({
   date: date$1,
@@ -506,7 +510,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$t(__spreadValues$w({
+  }, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$w(__spreadValues$z({
     ref
   }, buttonProps), {
     isInGridCell: true,
@@ -569,19 +573,19 @@ function useCustomDurationCalendarGrid({
   return { gridProps };
 }
 
-var __defProp$v = Object.defineProperty;
-var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
-var __hasOwnProp$x = Object.prototype.hasOwnProperty;
-var __propIsEnum$x = 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$y = Object.defineProperty;
+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$x.call(b, prop))
-      __defNormalProp$v(a, prop, b[prop]);
-  if (__getOwnPropSymbols$x)
-    for (var prop of __getOwnPropSymbols$x(b)) {
-      if (__propIsEnum$x.call(b, prop))
-        __defNormalProp$v(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;
 };
@@ -596,7 +600,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$v({
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$y({
     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,
@@ -616,19 +620,19 @@ function CalendarMonthsGrid({
   })))));
 }
 
-var __defProp$u = Object.defineProperty;
-var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
-var __hasOwnProp$w = Object.prototype.hasOwnProperty;
-var __propIsEnum$w = 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$x = Object.defineProperty;
+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$w.call(b, prop))
-      __defNormalProp$u(a, prop, b[prop]);
-  if (__getOwnPropSymbols$w)
-    for (var prop of __getOwnPropSymbols$w(b)) {
-      if (__propIsEnum$w.call(b, prop))
-        __defNormalProp$u(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;
 };
@@ -638,7 +642,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$u({
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$x({
     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,
@@ -658,33 +662,33 @@ function CalendarYearsGrid({
   })))));
 }
 
-var __defProp$t = 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$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$w = Object.defineProperty;
+var __defProps$v = Object.defineProperties;
+var __getOwnPropDescs$v = 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) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$v.call(b, prop))
-      __defNormalProp$t(a, prop, b[prop]);
-  if (__getOwnPropSymbols$v)
-    for (var prop of __getOwnPropSymbols$v(b)) {
-      if (__propIsEnum$v.call(b, prop))
-        __defNormalProp$t(a, prop, b[prop]);
+    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]);
     }
   return a;
 };
-var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
-var __objRest$l = (source, exclude) => {
+var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
+var __objRest$o = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$v.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$v)
-    for (var prop of __getOwnPropSymbols$v(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$v.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;
@@ -705,13 +709,13 @@ function useSapphireCalendarState(_a) {
     view: viewProp,
     defaultView = "days",
     onViewChange
-  } = _b, otherOptions = __objRest$l(_b, [
+  } = _b, otherOptions = __objRest$o(_b, [
     "view",
     "defaultView",
     "onViewChange"
   ]);
   const [view, setView] = utils$2.useControlledState(viewProp, defaultView, onViewChange);
-  const state = calendar$1.useCalendarState(__spreadProps$s(__spreadValues$t({}, otherOptions), {
+  const state = calendar$1.useCalendarState(__spreadProps$v(__spreadValues$w({}, otherOptions), {
     visibleDuration: viewToVisibleDuration[view]
   }));
   const broadenView = () => {
@@ -731,7 +735,7 @@ function useSapphireCalendarState(_a) {
     }
   };
   const canDrillUp = !state.isReadOnly && ["days", "months"].includes(view);
-  return __spreadProps$s(__spreadValues$t({}, state), {
+  return __spreadProps$v(__spreadValues$w({}, state), {
     view,
     narrowView,
     broadenView,
@@ -739,25 +743,25 @@ function useSapphireCalendarState(_a) {
   });
 }
 
-var __defProp$s = 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$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$v = 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$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$u.call(b, prop))
-      __defNormalProp$s(a, prop, b[prop]);
-  if (__getOwnPropSymbols$u)
-    for (var prop of __getOwnPropSymbols$u(b)) {
-      if (__propIsEnum$u.call(b, prop))
-        __defNormalProp$s(a, prop, b[prop]);
+    if (__hasOwnProp$x.call(b, prop))
+      __defNormalProp$v(a, prop, b[prop]);
+  if (__getOwnPropSymbols$x)
+    for (var prop of __getOwnPropSymbols$x(b)) {
+      if (__propIsEnum$x.call(b, prop))
+        __defNormalProp$v(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
+var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
 function CalendarHeader({
   isLeft,
   isRight,
@@ -772,7 +776,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$r(__spreadValues$s({}, prevButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$u(__spreadValues$v({}, prevButtonProps), {
     variant: "tertiary",
     appearance: "ghost",
     size: "large",
@@ -781,7 +785,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$r(__spreadValues$s({}, nextButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$u(__spreadValues$v({}, nextButtonProps), {
     variant: "tertiary",
     appearance: "ghost",
     size: "large",
@@ -789,25 +793,25 @@ function CalendarHeader({
   }), /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null))));
 }
 
-var __defProp$r = 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$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$u = 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$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$t.call(b, prop))
-      __defNormalProp$r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$t)
-    for (var prop of __getOwnPropSymbols$t(b)) {
-      if (__propIsEnum$t.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+    if (__hasOwnProp$w.call(b, prop))
+      __defNormalProp$u(a, prop, b[prop]);
+  if (__getOwnPropSymbols$w)
+    for (var prop of __getOwnPropSymbols$w(b)) {
+      if (__propIsEnum$w.call(b, prop))
+        __defNormalProp$u(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
+var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
 function CalendarPageAnimation({
   children,
   state: { direction, key }
@@ -830,7 +834,7 @@ function CalendarPageAnimation({
 }
 function useCalendarAnimationState(state) {
   const [animationState, setAnimationState] = React.useState({ key: 0, direction: "next" });
-  return __spreadProps$q(__spreadValues$r({}, state), {
+  return __spreadProps$t(__spreadValues$u({}, state), {
     focusNextPage: () => {
       setAnimationState(({ key }) => ({
         key: key + 1,
@@ -849,33 +853,33 @@ function useCalendarAnimationState(state) {
   });
 }
 
-var __defProp$q = 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$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$t = 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$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$s.call(b, prop))
-      __defNormalProp$q(a, prop, b[prop]);
-  if (__getOwnPropSymbols$s)
-    for (var prop of __getOwnPropSymbols$s(b)) {
-      if (__propIsEnum$s.call(b, prop))
-        __defNormalProp$q(a, prop, b[prop]);
+    if (__hasOwnProp$v.call(b, prop))
+      __defNormalProp$t(a, prop, b[prop]);
+  if (__getOwnPropSymbols$v)
+    for (var prop of __getOwnPropSymbols$v(b)) {
+      if (__propIsEnum$v.call(b, prop))
+        __defNormalProp$t(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
-var __objRest$k = (source, exclude) => {
+var __spreadProps$s = (a, b) => __defProps$s(a, __getOwnPropDescs$s(b));
+var __objRest$n = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$v.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$v)
+    for (var prop of __getOwnPropSymbols$v(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$v.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -883,15 +887,15 @@ var __objRest$k = (source, exclude) => {
 const Calendar = (_a) => {
   var _b = _a, {
     showWeekNumbers
-  } = _b, props = __objRest$k(_b, [
+  } = _b, props = __objRest$n(_b, [
     "showWeekNumbers"
   ]);
   sapphireReact.useThemeCheck();
   const { locale } = i18n.useLocale();
-  const formatMessage = i18n.useMessageFormatter(intlMessages$1);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$2);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$p(__spreadValues$q({
+  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$s(__spreadValues$t({
     selectionAlignment: "start"
   }, props), {
     locale,
@@ -933,7 +937,7 @@ const Calendar = (_a) => {
         return sentenceCase(formatMessage("year"));
     }
   };
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$q({
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$t({
     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),
@@ -952,33 +956,33 @@ const Calendar = (_a) => {
   }, renderGrid()) : renderGrid()));
 };
 
-var __defProp$p = 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$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$s = 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$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$r.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+    if (__hasOwnProp$u.call(b, prop))
+      __defNormalProp$s(a, prop, b[prop]);
+  if (__getOwnPropSymbols$u)
+    for (var prop of __getOwnPropSymbols$u(b)) {
+      if (__propIsEnum$u.call(b, prop))
+        __defNormalProp$s(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
-var __objRest$j = (source, exclude) => {
+var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
+var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$u.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$u)
+    for (var prop of __getOwnPropSymbols$u(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$u.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -986,17 +990,17 @@ var __objRest$j = (source, exclude) => {
 const useRangeCalendarState = (_a) => {
   var _b = _a, {
     onChange
-  } = _b, options = __objRest$j(_b, [
+  } = _b, options = __objRest$m(_b, [
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
-  const state = calendar$1.useRangeCalendarState(__spreadProps$o(__spreadValues$p({}, options), {
+  const state = calendar$1.useRangeCalendarState(__spreadProps$r(__spreadValues$s({}, options), {
     onChange: (value) => {
       onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
       lastPredefinedRange.current = void 0;
     }
   }));
-  return __spreadProps$o(__spreadValues$p({}, state), {
+  return __spreadProps$r(__spreadValues$s({}, state), {
     setValue: (value, predefinedRange) => {
       lastPredefinedRange.current = predefinedRange;
       state.setValue(value);
@@ -1004,33 +1008,33 @@ const useRangeCalendarState = (_a) => {
   });
 };
 
-var __defProp$o = 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$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$r = 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$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$q.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(b)) {
-      if (__propIsEnum$q.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
+    if (__hasOwnProp$t.call(b, prop))
+      __defNormalProp$r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(b)) {
+      if (__propIsEnum$t.call(b, prop))
+        __defNormalProp$r(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
-var __objRest$i = (source, exclude) => {
+var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
+var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$q.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$q)
-    for (var prop of __getOwnPropSymbols$q(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$q.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;
@@ -1041,7 +1045,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
     showTwoMonths = false,
     allowUnavailableDatesWithinRange = false,
     predefinedRanges
-  } = _b, props = __objRest$i(_b, [
+  } = _b, props = __objRest$l(_b, [
     "showWeekNumbers",
     "showTwoMonths",
     "allowUnavailableDatesWithinRange",
@@ -1051,7 +1055,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$n(__spreadValues$o({}, props), {
+  const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$q(__spreadValues$r({}, props), {
     locale,
     allowsNonContiguousRanges: allowUnavailableDatesWithinRange,
     visibleDuration: React.useMemo(() => ({ months: showTwoMonths ? 2 : 1 }), [showTwoMonths]),
@@ -1065,7 +1069,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
     calendar: state.visibleRange.start.calendar.identifier,
     timeZone: state.timeZone
   });
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$o({
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$r({
     ref,
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar"], styleProps.className),
     style: styleProps.style
@@ -1107,17 +1111,17 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
 };
 const RangeCalendar = React__default["default"].forwardRef(_RangeCalendar);
 
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __objRest$h = (source, exclude) => {
+var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
+var __hasOwnProp$s = Object.prototype.hasOwnProperty;
+var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
+var __objRest$k = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$p.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$p)
-    for (var prop of __getOwnPropSymbols$p(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.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;
@@ -1125,7 +1129,7 @@ var __objRest$h = (source, exclude) => {
 const Spinner = (_a) => {
   var _b = _a, {
     size = "m"
-  } = _b, props = __objRest$h(_b, [
+  } = _b, props = __objRest$k(_b, [
     "size"
   ]);
   sapphireReact.useThemeCheck();
@@ -1146,33 +1150,33 @@ const Spinner = (_a) => {
   }));
 };
 
-var __defProp$n = Object.defineProperty;
-var __defProps$m = Object.defineProperties;
-var __getOwnPropDescs$m = 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$q = Object.defineProperty;
+var __defProps$p = Object.defineProperties;
+var __getOwnPropDescs$p = 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$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$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$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
-var __objRest$g = (source, exclude) => {
+var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(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$r.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$r)
+    for (var prop of __getOwnPropSymbols$r(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$r.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1187,7 +1191,7 @@ const NotificationBadge = (props) => {
     variant = "primary",
     size = "medium",
     show = true
-  } = _a, otherProps = __objRest$g(_a, [
+  } = _a, otherProps = __objRest$j(_a, [
     "animate",
     "children",
     "count",
@@ -1197,7 +1201,7 @@ const NotificationBadge = (props) => {
     "show"
   ]);
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$m(__spreadValues$n({}, otherProps), {
+  const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$p(__spreadValues$q({}, 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,
@@ -1352,25 +1356,25 @@ function getPlaceholder(field, value, locale) {
   return "\u2013\u2013";
 }
 
-var __defProp$m = Object.defineProperty;
-var __defProps$l = Object.defineProperties;
-var __getOwnPropDescs$l = 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$p = Object.defineProperty;
+var __defProps$o = Object.defineProperties;
+var __getOwnPropDescs$o = 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$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$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$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
+var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
 const segmentTypes = [
   "day",
   "hour",
@@ -1388,31 +1392,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$l(__spreadValues$m({}, segment), {
+  return __spreadProps$o(__spreadValues$p({}, segment), {
     text: segment.isPlaceholder ? placeholder : segment.text,
     placeholder
   });
 };
 
-var __defProp$l = 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$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$o = Object.defineProperty;
+var __defProps$n = Object.defineProperties;
+var __getOwnPropDescs$n = 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$m.call(b, prop))
-      __defNormalProp$l(a, prop, b[prop]);
-  if (__getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(b)) {
-      if (__propIsEnum$m.call(b, prop))
-        __defNormalProp$l(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$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
 const DateSegment = ({ segment, state }) => segment.type === "literal" ? /* @__PURE__ */ React__default["default"].createElement(SeparatorSegment, {
   segment
 }) : /* @__PURE__ */ React__default["default"].createElement(EditableSegment, {
@@ -1428,7 +1432,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$k(__spreadValues$l({}, segmentProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$n(__spreadValues$o({}, segmentProps), {
     style: segmentProps.style,
     ref,
     className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__segment"], {
@@ -1437,31 +1441,31 @@ const EditableSegment = ({ segment, state }) => {
   }), segmentWithTranslatedPlaceholders.text);
 };
 
-var __defProp$k = 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$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$n = Object.defineProperty;
+var __defProps$m = Object.defineProperties;
+var __getOwnPropDescs$m = 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$l.call(b, prop))
-      __defNormalProp$k(a, prop, b[prop]);
-  if (__getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop))
-        __defNormalProp$k(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$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(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$j(__spreadValues$k({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
+  return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$m(__spreadValues$n({}, 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,
@@ -1472,77 +1476,77 @@ const DateFieldButton = (props) => {
 };
 
 var clear$6 = "Nulstil";
-var da = {
+var da$1 = {
 	clear: clear$6
 };
 
 var clear$5 = "Clear";
-var en = {
+var en$1 = {
 	clear: clear$5
 };
 
 var clear$4 = "Zurücksetzen";
-var de = {
+var de$1 = {
 	clear: clear$4
 };
 
 var clear$3 = "Nollaa";
-var fi = {
+var fi$1 = {
 	clear: clear$3
 };
 
 var clear$2 = "Nullstill";
-var no = {
+var no$1 = {
 	clear: clear$2
 };
 
 var clear$1 = "Zresetuj";
-var pl = {
+var pl$1 = {
 	clear: clear$1
 };
 
 var clear = "Återställ";
-var se = {
+var se$1 = {
 	clear: clear
 };
 
-var intlMessages = {
-  "da-DK": da,
-  "en-US": en,
-  "de-DE": de,
-  "fi-FI": fi,
-  "nb-NO": no,
-  "pl-PL": pl,
-  "sv-SE": se
+var intlMessages$1 = {
+  "da-DK": da$1,
+  "en-US": en$1,
+  "de-DE": de$1,
+  "fi-FI": fi$1,
+  "nb-NO": no$1,
+  "pl-PL": pl$1,
+  "sv-SE": se$1
 };
 
-var __defProp$j = 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$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$m = Object.defineProperty;
+var __defProps$l = Object.defineProperties;
+var __getOwnPropDescs$l = 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) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$k.call(b, prop))
-      __defNormalProp$j(a, prop, b[prop]);
-  if (__getOwnPropSymbols$k)
-    for (var prop of __getOwnPropSymbols$k(b)) {
-      if (__propIsEnum$k.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
+    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]);
     }
   return a;
 };
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
-var __objRest$f = (source, exclude) => {
+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$k.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$k)
-    for (var prop of __getOwnPropSymbols$k(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.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;
@@ -1551,15 +1555,15 @@ function DateInput(_a) {
   var _b = _a, {
     noClearButton = false,
     size = "large"
-  } = _b, props = __objRest$f(_b, [
+  } = _b, props = __objRest$i(_b, [
     "noClearButton",
     "size"
   ]);
   const ref = React.useRef(null);
-  const formatMessage = i18n.useMessageFormatter(intlMessages);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$1);
   const { locale } = i18n.useLocale();
   const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
-  const state = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$j({}, props), {
+  const state = datepicker$1.useDateFieldState(__spreadProps$l(__spreadValues$m({}, props), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
@@ -1567,7 +1571,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$i(__spreadValues$j({}, fieldProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$l(__spreadValues$m({}, fieldProps), {
     className: styles__default$4["default"]["sapphire-date-field__input"],
     ref
   }), state.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1582,33 +1586,33 @@ function DateInput(_a) {
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
 }
 
-var __defProp$i = 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$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$l = 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$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$j.call(b, prop))
-      __defNormalProp$i(a, prop, b[prop]);
-  if (__getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(b)) {
-      if (__propIsEnum$j.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$l(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
-var __objRest$e = (source, exclude) => {
+var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$m.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$m)
+    for (var prop of __getOwnPropSymbols$m(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1621,14 +1625,16 @@ function _DateField(_a, ref) {
     noClearButton = false,
     showWeekNumbers,
     size = "large",
+    labelPlacement = "above",
     necessityIndicator = false
-  } = _b, otherProps = __objRest$e(_b, [
+  } = _b, otherProps = __objRest$h(_b, [
     "error",
     "note",
     "contextualHelp",
     "noClearButton",
     "showWeekNumbers",
     "size",
+    "labelPlacement",
     "necessityIndicator"
   ]);
   sapphireReact.useThemeCheck();
@@ -1636,7 +1642,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$i(__spreadValues$i({}, otherProps), error ? { validationState: "invalid" } : {}));
+  const state = datepicker$1.useDatePickerState(__spreadValues$l(__spreadValues$l({}, otherProps), error ? { validationState: "invalid" } : {}));
   const {
     groupProps,
     labelProps,
@@ -1646,77 +1652,78 @@ function _DateField(_a, ref) {
     calendarProps,
     descriptionProps,
     errorMessageProps
-  } = datepicker.useDatePicker(__spreadProps$h(__spreadValues$i({}, otherProps), {
+  } = datepicker.useDatePicker(__spreadProps$k(__spreadValues$l({}, otherProps), {
     description: note
   }), state, groupRef);
   const isMedium = size === "medium";
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$h(__spreadValues$i({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$k(__spreadValues$l({}, otherProps), {
     noShrink: true,
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
     size,
-    ref
-  }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$h(__spreadValues$i({}, labelProps), {
+    ref,
+    labelPlacement
+  }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$k(__spreadValues$l({}, 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$i(__spreadProps$h(__spreadValues$i({}, groupProps), {
+  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$l(__spreadProps$k(__spreadValues$l({}, 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$h(__spreadValues$i({}, buttonProps), {
+  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$k(__spreadValues$l({}, 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$h(__spreadValues$i({}, fieldProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$k(__spreadValues$l({}, 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$i({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$i({}, 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$l({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$l({}, 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$i(__spreadValues$i({
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$l(__spreadValues$l({
     ref: dialogRef
   }, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
     padding: sapphireReact.tokens.size.spacing50
-  }, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$h(__spreadValues$i({}, calendarProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$k(__spreadValues$l({}, calendarProps), {
     defaultFocusedValue: state.dateValue,
     showWeekNumbers
   }))))));
 }
 const DateField = React.forwardRef(_DateField);
 
-var __defProp$h = 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$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$k = 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$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$i.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
+    if (__hasOwnProp$l.call(b, prop))
+      __defNormalProp$k(a, prop, b[prop]);
+  if (__getOwnPropSymbols$l)
+    for (var prop of __getOwnPropSymbols$l(b)) {
+      if (__propIsEnum$l.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-var __objRest$d = (source, exclude) => {
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$l.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$l)
+    for (var prop of __getOwnPropSymbols$l(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1724,17 +1731,17 @@ var __objRest$d = (source, exclude) => {
 const useDateRangePickerState = (_a) => {
   var _b = _a, {
     onChange
-  } = _b, options = __objRest$d(_b, [
+  } = _b, options = __objRest$g(_b, [
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
-  const state = datepicker$1.useDateRangePickerState(__spreadProps$g(__spreadValues$h({}, options), {
+  const state = datepicker$1.useDateRangePickerState(__spreadProps$j(__spreadValues$k({}, options), {
     onChange: (value) => {
       onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
       lastPredefinedRange.current = void 0;
     }
   }));
-  return __spreadProps$g(__spreadValues$h({}, state), {
+  return __spreadProps$j(__spreadValues$k({}, state), {
     setDateRange: (value, predefinedRange) => {
       lastPredefinedRange.current = predefinedRange;
       state.setDateRange(value);
@@ -1742,25 +1749,25 @@ const useDateRangePickerState = (_a) => {
   });
 };
 
-var __defProp$g = 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$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$j = 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$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$h.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+    if (__hasOwnProp$k.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(b)) {
+      if (__propIsEnum$k.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
 function DateRangeInput({
   dateRangePickerState,
   startFieldProps,
@@ -1770,14 +1777,14 @@ function DateRangeInput({
 }) {
   const startFieldRef = React.useRef(null);
   const endFieldRef = React.useRef(null);
-  const formatMessage = i18n.useMessageFormatter(intlMessages);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$1);
   const { locale } = i18n.useLocale();
   const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
-  const startFieldState = datepicker$1.useDateFieldState(__spreadProps$f(__spreadValues$g({}, startFieldProps), {
+  const startFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$j({}, startFieldProps), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
-  const endFieldState = datepicker$1.useDateFieldState(__spreadProps$f(__spreadValues$g({}, endFieldProps), {
+  const endFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$j({}, endFieldProps), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
@@ -1790,7 +1797,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$f(__spreadValues$g({}, startFieldAriaProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$j({}, startFieldAriaProps), {
     className: styles__default$4["default"]["sapphire-date-field__input"],
     ref: startFieldRef
   }), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1799,7 +1806,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$f(__spreadValues$g({}, endFieldAriaProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$j({}, endFieldAriaProps), {
     className: styles__default$4["default"]["sapphire-date-field__input"],
     ref: endFieldRef
   }), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1817,33 +1824,33 @@ function DateRangeInput({
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
 }
 
-var __defProp$f = 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$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$i = 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$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$g.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-var __objRest$c = (source, exclude) => {
+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$g.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$g)
-    for (var prop of __getOwnPropSymbols$g(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.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;
@@ -1860,8 +1867,9 @@ function _DateRangeField(_a, ref) {
     allowUnavailableDatesWithinRange,
     predefinedRanges,
     size = "large",
+    labelPlacement = "above",
     necessityIndicator = false
-  } = _b, otherProps = __objRest$c(_b, [
+  } = _b, otherProps = __objRest$f(_b, [
     "error",
     "note",
     "contextualHelp",
@@ -1872,6 +1880,7 @@ function _DateRangeField(_a, ref) {
     "allowUnavailableDatesWithinRange",
     "predefinedRanges",
     "size",
+    "labelPlacement",
     "necessityIndicator"
   ]);
   sapphireReact.useThemeCheck();
@@ -1881,7 +1890,7 @@ function _DateRangeField(_a, ref) {
   const preferredLocale = locale || existingLocale;
   const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
   const { dialogProps } = dialog.useDialog({}, dialogRef);
-  const state = useDateRangePickerState(__spreadValues$f(__spreadValues$f(__spreadValues$f({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
+  const state = useDateRangePickerState(__spreadValues$i(__spreadValues$i(__spreadValues$i({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
   const {
     groupProps,
     labelProps,
@@ -1892,30 +1901,31 @@ function _DateRangeField(_a, ref) {
     calendarProps,
     descriptionProps,
     errorMessageProps
-  } = datepicker.useDateRangePicker(__spreadProps$e(__spreadValues$f({}, otherProps), {
+  } = datepicker.useDateRangePicker(__spreadProps$h(__spreadValues$i({}, otherProps), {
     description: note,
     allowsNonContiguousRanges: allowUnavailableDatesWithinRange
   }), state, groupRef);
   const isMedium = size === "medium";
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$e(__spreadValues$f({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$h(__spreadValues$i({}, otherProps), {
     noShrink: true,
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
     size,
-    ref
+    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$e(__spreadValues$f({}, labelProps), {
+  }, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$h(__spreadValues$i({}, 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$f(__spreadProps$e(__spreadValues$f({}, groupProps), {
+  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$i(__spreadProps$h(__spreadValues$i({}, 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$e(__spreadValues$f({}, buttonProps), {
+  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$h(__spreadValues$i({}, buttonProps), {
     isPressed: state.isOpen
   }), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
     isDisabled: otherProps.isDisabled || otherProps.isReadOnly
@@ -1927,15 +1937,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$f({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$f({}, 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$i({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$i({}, 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$f(__spreadValues$f({
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$i(__spreadValues$i({
     ref: dialogRef
   }, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
     padding: sapphireReact.tokens.size.spacing50
-  }, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$e(__spreadValues$f({}, calendarProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$h(__spreadValues$i({}, calendarProps), {
     allowUnavailableDatesWithinRange,
     showWeekNumbers,
     showTwoMonths,
@@ -1956,17 +1966,17 @@ const isDateOutsideValidRange = (value, minValue, maxValue) => {
   }
 };
 
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-var __objRest$b = (source, exclude) => {
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __objRest$e = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.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$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.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;
@@ -1977,7 +1987,7 @@ const FeedbackMessage = (_a) => {
     body,
     actions,
     type = "neutral"
-  } = _b, otherProps = __objRest$b(_b, [
+  } = _b, otherProps = __objRest$e(_b, [
     "heading",
     "body",
     "actions",
@@ -2003,27 +2013,27 @@ const FeedbackMessage = (_a) => {
   }, body)), actions);
 };
 
-var __defProp$e = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = 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$h = Object.defineProperty;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = 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$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$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$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
 const useComboBoxState = (options) => {
-  const state = combobox.useComboBoxState(__spreadProps$d(__spreadValues$e({}, options), {
+  const state = combobox.useComboBoxState(__spreadProps$g(__spreadValues$h({}, options), {
     defaultFilter: (textValue, query) => {
       if (query.length > 0) {
         return options.defaultFilter ? options.defaultFilter(textValue, query) : textValue.toLowerCase().includes(query.toLowerCase());
@@ -2032,7 +2042,7 @@ const useComboBoxState = (options) => {
       }
     }
   }));
-  return __spreadProps$d(__spreadValues$e({}, state), {
+  return __spreadProps$g(__spreadValues$h({}, state), {
     open: (focusStrategy, triggerMode) => {
       if (triggerMode !== "manual") {
         state.open(focusStrategy, triggerMode);
@@ -2041,25 +2051,25 @@ const useComboBoxState = (options) => {
   });
 };
 
-var __defProp$d = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = 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$g = Object.defineProperty;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = 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$d.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
-    }
-  return a;
+    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$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
 const SearchField = React__default["default"].forwardRef(function SearchField2(props, forwardedRef) {
   var _a;
   sapphireReact.useThemeCheck();
@@ -2071,7 +2081,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   const {
     styleProps: { style, className }
   } = sapphireReact.useSapphireStyleProps(props);
-  const state = useComboBoxState(__spreadProps$c(__spreadValues$d({}, props), {
+  const state = useComboBoxState(__spreadProps$f(__spreadValues$g({}, props), {
     inputValue: props.value,
     defaultInputValue: props.defaultValue,
     onInputChange: props.onChange,
@@ -2079,7 +2089,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     allowsCustomValue: true,
     shouldCloseOnBlur: true
   }));
-  const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$c(__spreadValues$d({}, props), {
+  const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$f(__spreadValues$g({}, props), {
     inputRef,
     listBoxRef,
     popoverRef
@@ -2104,7 +2114,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$c(__spreadValues$d({}, clearButtonProps), {
+  const { buttonProps } = sapphireReact.useButton(__spreadProps$f(__spreadValues$g({}, clearButtonProps), {
     elementType: "div"
   }), buttonRef);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2119,12 +2129,12 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     className: styles__default$6["default"]["sapphire-search-field__icon"]
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: props.size === "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$c(__spreadValues$d({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$f(__spreadValues$g({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
     ref: inputRef,
     className: clsx__default["default"](styles__default$6["default"]["sapphire-search-field__input"], {
       [styles__default$6["default"]["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
     })
-  })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$d({
+  })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$g({
     ref: buttonRef,
     className: styles__default$6["default"]["sapphire-search-field__button"]
   }, buttonProps), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
@@ -2142,45 +2152,45 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   }, props.children || []));
 });
 
-var __defProp$c = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = 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$f = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = 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$c.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$c(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$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-var __objRest$a = (source, exclude) => {
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __objRest$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$c.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$c)
-    for (var prop of __getOwnPropSymbols$c(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.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;
 };
 const Toast = (_a) => {
-  var _b = _a, { state } = _b, props = __objRest$a(_b, ["state"]);
+  var _b = _a, { state } = _b, props = __objRest$d(_b, ["state"]);
   const {
     styleProps: { style, className }
   } = 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$b(__spreadValues$c({}, toastProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$e(__spreadValues$f({}, toastProps), {
     className: clsx__default["default"](styles__default$7["default"]["sapphire-toast"], props.toast.animation ? styles__default$7["default"][`sapphire-toast--${props.toast.animation}`] : {}, className),
     style,
     ref,
@@ -2191,7 +2201,7 @@ const Toast = (_a) => {
     }
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$7["default"]["sapphire-toast__content"])
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$c({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$b(__spreadValues$c({}, closeButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$f({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$e(__spreadValues$f({}, closeButtonProps), {
     "aria-label": "Close",
     size: "small",
     variant: "tertiary",
@@ -2199,48 +2209,51 @@ const Toast = (_a) => {
   }), /* @__PURE__ */ React__default["default"].createElement(react.Close, null))));
 };
 
-var __defProp$b = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = 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$e = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = 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$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    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$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-var __objRest$9 = (source, exclude) => {
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$b.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$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.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;
 };
 const ToastRegion = (_a) => {
-  var _b = _a, { state } = _b, props = __objRest$9(_b, ["state"]);
+  var _b = _a, { state } = _b, props = __objRest$c(_b, ["state"]);
   const ref = React.useRef(null);
   const { regionProps } = toast.useToastRegion(props, state, ref);
+  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$a(__spreadValues$b({}, regionProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$d(__spreadValues$e({}, regionProps), {
     ref,
     className: styles__default$7["default"]["sapphire-toast-container"],
-    style: { zIndex: 200 }
-  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$a(__spreadValues$b({}, props), {
+    style: {
+      zIndex: overlayZIndex + 200
+    }
+  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$d(__spreadValues$e({}, props), {
     key: toast.key,
     toast,
     state
@@ -2253,39 +2266,39 @@ const useToastContext = () => {
   return context;
 };
 
-var __defProp$a = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = 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$d = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = 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$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-var __objRest$8 = (source, exclude) => {
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
+  if (source != null && __getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 const ToastProvider = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest$8(_b, ["children"]);
+  var _b = _a, { children } = _b, props = __objRest$b(_b, ["children"]);
   sapphireReact.useThemeCheck();
   const state = toast$1.useToastState({
     maxVisibleToasts: 1,
@@ -2293,7 +2306,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$9(__spreadValues$a({}, props), {
+  }, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$c(__spreadValues$d({}, props), {
     state
   })));
 };
@@ -2309,31 +2322,31 @@ const useShowToast = () => {
   };
 };
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = 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$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 function useTreeState(props) {
   const state = tree.useTreeState(props);
   const onToggle = (key) => {
     state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
   };
-  return __spreadProps$8(__spreadValues$9({}, state), { toggleKey: onToggle });
+  return __spreadProps$b(__spreadValues$c({}, state), { toggleKey: onToggle });
 }
 function toggleKey(set, key, expansionMode = "multiple") {
   const res = new Set(set);
@@ -2347,25 +2360,25 @@ function toggleKey(set, key, expansionMode = "multiple") {
   return res;
 }
 
-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) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = 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$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]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 function _AccordionItem(props) {
   const { state, item } = props;
   const isOpen = state.expandedKeys.has(item.key);
@@ -2383,7 +2396,7 @@ function _AccordionItem(props) {
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     role: "heading",
     "aria-level": props.headerLevel
-  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$7(__spreadValues$8({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$a(__spreadValues$b({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
     "aria-disabled": isDisabled,
     ref,
     className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-header"], styles__default$8["default"]["js-focus"], styles__default$8["default"]["js-hover"], {
@@ -2393,7 +2406,7 @@ function _AccordionItem(props) {
     })
   }), item.props.heading, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-arrow"])
-  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$7(__spreadValues$8({}, regionProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$a(__spreadValues$b({}, regionProps), {
     "aria-hidden": !isOpen,
     className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-content-wrapper"])
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2402,33 +2415,33 @@ function _AccordionItem(props) {
 }
 const AccordionItem = collections.Item;
 
-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$a = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = 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$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$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$7 = (source, exclude) => {
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.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$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.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;
@@ -2438,17 +2451,17 @@ const _Accordion$1 = (_a, ref) => {
     expansionMode = "multiple",
     headerLevel = 5,
     hideLastDivider = false
-  } = _b, props = __objRest$7(_b, [
+  } = _b, props = __objRest$a(_b, [
     "expansionMode",
     "headerLevel",
     "hideLastDivider"
   ]);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const state = useTreeState(__spreadProps$6(__spreadValues$7({}, props), { expansionMode }));
+  const state = useTreeState(__spreadProps$9(__spreadValues$a({}, props), { expansionMode }));
   const forwardedRef = utils$1.useObjectRef(ref);
   const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$6(__spreadValues$7({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$9(__spreadValues$a({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
     className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion"], {
       [styles__default$8["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider
     }, styleProps.className),
@@ -2463,33 +2476,33 @@ const _Accordion$1 = (_a, ref) => {
 };
 const Accordion = React.forwardRef(_Accordion$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$9 = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (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$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$6 = (source, exclude) => {
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2497,10 +2510,10 @@ var __objRest$6 = (source, exclude) => {
 const AccordionHeading = (_a) => {
   var _b = _a, {
     children
-  } = _b, props = __objRest$6(_b, [
+  } = _b, props = __objRest$9(_b, [
     "children"
   ]);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$5(__spreadValues$6({}, utils$1.filterDOMProps(props)), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$8(__spreadValues$9({}, utils$1.filterDOMProps(props)), {
     className: clsx__default["default"](styles__default$8["default"]["sapphire-accordion__item-heading"])
   }), children);
 };
@@ -2510,33 +2523,33 @@ const _Accordion = Object.assign(Accordion, {
   Item: AccordionItem
 });
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = 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$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]);
+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$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$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$5 = (source, exclude) => {
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.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$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.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;
@@ -2544,11 +2557,11 @@ var __objRest$5 = (source, exclude) => {
 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$5(_a, ["children", "level", "elementType"]);
+  const _a = props, { children, level, elementType } = _a, otherProps = __objRest$8(_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$4(__spreadValues$5(__spreadValues$5({}, domProps), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(HeadingTag, __spreadProps$7(__spreadValues$8(__spreadValues$8({}, domProps), styleProps), {
     className: clsx__default["default"](styles__default$9["default"]["sapphire-text"], styles__default$9["default"][`sapphire-text--heading-${level}`], styleProps.className, {
       [styles__default$9["default"]["sapphire-text--heading-alternative"]]: props.fontVariant === "alternative"
     }),
@@ -2556,33 +2569,33 @@ const Heading = React.forwardRef(function Heading2(props, ref) {
   }), children);
 });
 
-var __defProp$4 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = 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$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$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$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$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$4 = (source, exclude) => {
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$7.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$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2594,7 +2607,7 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
     level = 1,
     elementType: CustomElement = "div",
     isBold = false
-  } = _a, otherProps = __objRest$4(_a, [
+  } = _a, otherProps = __objRest$7(_a, [
     "children",
     "level",
     "elementType",
@@ -2602,7 +2615,7 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
   ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--subheading-${level}`;
-  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$3(__spreadValues$4(__spreadValues$4({}, utils$1.filterDOMProps(props)), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$6(__spreadValues$7(__spreadValues$7({}, utils$1.filterDOMProps(props)), styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$9["default"]["sapphire-text"], styles__default$9["default"][levelClassName], {
       [styles__default$9["default"]["sapphire-text--strong"]]: isBold
     }),
@@ -2611,33 +2624,33 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
   }), children);
 });
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = 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$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) => {
   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$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 __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$3 = (source, exclude) => {
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.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$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.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;
@@ -2650,7 +2663,7 @@ const Body = React.forwardRef(function Body2(props, ref) {
     elementType: CustomElement = "p",
     isUnderlined = false,
     isBold = false
-  } = _a, otherProps = __objRest$3(_a, [
+  } = _a, otherProps = __objRest$6(_a, [
     "children",
     "level",
     "elementType",
@@ -2659,7 +2672,7 @@ const Body = React.forwardRef(function Body2(props, ref) {
   ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--body-${level}`;
-  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$2(__spreadValues$3(__spreadValues$3({}, utils$1.filterDOMProps(props)), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$5(__spreadValues$6(__spreadValues$6({}, utils$1.filterDOMProps(props)), styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$9["default"]["sapphire-text"], styles__default$9["default"][levelClassName], {
       [styles__default$9["default"]["sapphire-text--strong"]]: isBold,
       [styles__default$9["default"]["sapphire-text--underlined"]]: isUnderlined
@@ -2669,33 +2682,33 @@ const Body = React.forwardRef(function Body2(props, ref) {
   }), children);
 });
 
-var __defProp$2 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = 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$5 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = 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$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$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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$2 = (source, exclude) => {
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.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$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.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;
@@ -2706,14 +2719,14 @@ const Caption = React.forwardRef(function Caption2(props, ref) {
     children,
     level = 1,
     elementType: CustomElement = "div"
-  } = _a, otherProps = __objRest$2(_a, [
+  } = _a, otherProps = __objRest$5(_a, [
     "children",
     "level",
     "elementType"
   ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--caption-${level}`;
-  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$1(__spreadValues$2(__spreadValues$2({}, utils$1.filterDOMProps(props)), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$4(__spreadValues$5(__spreadValues$5({}, utils$1.filterDOMProps(props)), styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$9["default"]["sapphire-text"], styles__default$9["default"][levelClassName]),
     style: styleProps.style,
     ref
@@ -2727,30 +2740,30 @@ const Typography = {
   Caption
 };
 
-var __defProp$1 = Object.defineProperty;
-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$4 = Object.defineProperty;
+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$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$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 __objRest$1 = (source, exclude) => {
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.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$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.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;
@@ -2765,8 +2778,9 @@ const Fieldset = (_a) => {
     isRequired,
     necessityIndicator,
     children,
-    size = "large"
-  } = _b, props = __objRest$1(_b, [
+    size = "large",
+    labelPlacement = "above"
+  } = _b, props = __objRest$4(_b, [
     "label",
     "contextualHelp",
     "note",
@@ -2775,17 +2789,20 @@ const Fieldset = (_a) => {
     "isRequired",
     "necessityIndicator",
     "children",
-    "size"
+    "size",
+    "labelPlacement"
   ]);
   sapphireReact.useThemeCheck();
   const { fieldProps, descriptionProps, errorMessageProps } = label.useField({
-    isInvalid: !!error
+    isInvalid: !!error,
+    label: label$1
   });
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$1({
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$4({
     elementType: "fieldset",
     error: !!error,
     isDisabled,
-    size
+    size,
+    labelPlacement
   }, utils$1.mergeProps(props, fieldProps)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, {
     elementType: "legend"
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, {
@@ -2794,7 +2811,235 @@ 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$1({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$1({}, 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$4({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$4({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)));
+};
+
+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$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$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$3.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))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Avatar = (_a) => {
+  var _b = _a, {
+    monogram,
+    icon,
+    color = "informative",
+    size = "medium"
+  } = _b, props = __objRest$3(_b, [
+    "monogram",
+    "icon",
+    "color",
+    "size"
+  ]);
+  sapphireReact.useThemeCheck();
+  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$3(__spreadValues$3({}, styleProps), {
+    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-avatar"], {
+      [styles__default$a["default"]["sapphire-avatar--large"]]: size === "large",
+      [styles__default$a["default"]["sapphire-avatar--small"]]: size === "small",
+      [styles__default$a["default"]["sapphire-avatar--extra-small"]]: size === "extraSmall"
+    }, color !== "passive" && styles__default$a["default"][`sapphire-avatar--${color}`])
+  }), icon ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
+    size: size === "large" ? "l" : size === "medium" ? "m" : "s"
+  }, icon) : monogram);
+};
+
+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$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$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.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))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const useSapphireNumberField = (_a, ref) => {
+  var _b = _a, { error } = _b, numberFieldProps = __objRest$2(_b, ["error"]);
+  const { locale } = i18n.useLocale();
+  const numberFieldState = numberfield.useNumberFieldState(__spreadProps$2(__spreadValues$2({}, numberFieldProps), {
+    locale
+  }));
+  const numberFieldAria = numberfield$1.useNumberField(__spreadProps$2(__spreadValues$2({}, numberFieldProps), {
+    validationState: error === false || error === void 0 ? void 0 : "invalid"
+  }), numberFieldState, ref);
+  return numberFieldAria;
+};
+
+function useAutofillStyle(inputRef) {
+  const [styles, setStyles] = React.useState({});
+  const updateStyle = () => {
+    const input = inputRef.current;
+    if (input) {
+      const color = window.getComputedStyle(input).backgroundColor;
+      setStyles({
+        boxShadow: `-100px 0 ${color}, 100px 0 ${color}`
+      });
+    }
+  };
+  return {
+    autofillStyles: styles,
+    updateStyle
+  };
+}
+
+var increment$6 = "øge";
+var decrement$6 = "formindske";
+var da = {
+	increment: increment$6,
+	decrement: decrement$6
+};
+
+var increment$5 = "Increase";
+var decrement$5 = "Decrease";
+var en = {
+	increment: increment$5,
+	decrement: decrement$5
+};
+
+var increment$4 = "erhöhen";
+var decrement$4 = "verringern";
+var de = {
+	increment: increment$4,
+	decrement: decrement$4
+};
+
+var increment$3 = "lisääntyä";
+var decrement$3 = "vähentää";
+var fi = {
+	increment: increment$3,
+	decrement: decrement$3
+};
+
+var increment$2 = "øke";
+var decrement$2 = "avta";
+var no = {
+	increment: increment$2,
+	decrement: decrement$2
+};
+
+var increment$1 = "zwiększyć";
+var decrement$1 = "zmniejszenie";
+var pl = {
+	increment: increment$1,
+	decrement: decrement$1
+};
+
+var increment = "öka";
+var decrement = "minska";
+var se = {
+	increment: increment,
+	decrement: decrement
+};
+
+var intlMessages = {
+  "da-DK": da,
+  "en-US": en,
+  "de-DE": de,
+  "fi-FI": fi,
+  "nb-NO": no,
+  "pl-PL": pl,
+  "sv-SE": se
+};
+
+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$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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.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))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const StepperButton = (_a) => {
+  var _b = _a, {
+    variant,
+    size
+  } = _b, props = __objRest$1(_b, [
+    "variant",
+    "size"
+  ]);
+  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$1(__spreadValues$1({}, 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,
+      [textFieldStyles__default["default"]["is-hover"]]: isHovered
+    })
+  }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
+    size: size === "large" ? "m" : "s"
+  }, variant === "increment" ? /* @__PURE__ */ React__default["default"].createElement(react.CaretUp, null) : /* @__PURE__ */ React__default["default"].createElement(react.CaretDown, null)));
 };
 
 var __defProp = Object.defineProperty;
@@ -2828,30 +3073,108 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Avatar = (_a) => {
-  var _b = _a, {
-    monogram,
-    icon,
-    color = "informative",
-    size = "medium"
-  } = _b, props = __objRest(_b, [
-    "monogram",
-    "icon",
-    "color",
-    "size"
+const NumberField = React.forwardRef(function NumberField2(props, ref) {
+  const _a = props, {
+    label,
+    isDisabled,
+    error,
+    note,
+    isRequired,
+    contextualHelp,
+    prefix,
+    postfix,
+    size = "large",
+    labelPlacement = "above",
+    necessityIndicator = false,
+    alignInputRight,
+    showButtons = false,
+    incrementAriaLabel,
+    decrementAriaLabel
+  } = _a, otherProps = __objRest(_a, [
+    "label",
+    "isDisabled",
+    "error",
+    "note",
+    "isRequired",
+    "contextualHelp",
+    "prefix",
+    "postfix",
+    "size",
+    "labelPlacement",
+    "necessityIndicator",
+    "alignInputRight",
+    "showButtons",
+    "incrementAriaLabel",
+    "decrementAriaLabel"
   ]);
   sapphireReact.useThemeCheck();
+  const inputRef = utils$1.useObjectRef(props.inputRef);
+  const formatMessage = i18n.useMessageFormatter(intlMessages);
+  const {
+    inputProps,
+    labelProps,
+    incrementButtonProps,
+    decrementButtonProps,
+    descriptionProps,
+    errorMessageProps
+  } = useSapphireNumberField(__spreadProps(__spreadValues({}, props), {
+    incrementAriaLabel: incrementAriaLabel != null ? incrementAriaLabel : formatMessage("increment"),
+    decrementAriaLabel: decrementAriaLabel != null ? decrementAriaLabel : formatMessage("decrement")
+  }), inputRef);
+  const { focusProps, isFocusVisible } = focus.useFocusRing(props);
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps(__spreadValues({}, styleProps), {
-    className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-avatar"], {
-      [styles__default$a["default"]["sapphire-avatar--large"]]: size === "large",
-      [styles__default$a["default"]["sapphire-avatar--small"]]: size === "small",
-      [styles__default$a["default"]["sapphire-avatar--extra-small"]]: size === "extraSmall"
-    }, color !== "passive" && styles__default$a["default"][`sapphire-avatar--${color}`])
-  }), icon ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
-    size: size === "large" ? "l" : size === "medium" ? "m" : "s"
-  }, icon) : monogram);
-};
+  const { autofillStyles, updateStyle } = useAutofillStyle(inputRef);
+  const domRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => __spreadProps(__spreadValues({}, utils.createFocusableRef(domRef, inputRef)), {
+    getInputElement() {
+      return inputRef.current;
+    }
+  }));
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps(__spreadValues({}, 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(__spreadValues({}, labelProps), {
+    size,
+    necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
+    contextualHelp
+  }), label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field"], {
+      [textFieldStyles__default["default"]["is-focus"]]: isFocusVisible,
+      [textFieldStyles__default["default"]["sapphire-text-field--error"]]: error === true || typeof error === "string",
+      [textFieldStyles__default["default"]["sapphire-text-field--medium"]]: size === "medium"
+    }),
+    style: __spreadValues({}, 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(__spreadValues({}, utils$1.mergeProps(inputProps, focusProps, {
+    onChange: updateStyle,
+    onBlur: updateStyle
+  })), {
+    ref: inputRef,
+    className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__input"], {
+      [textFieldStyles__default["default"]["sapphire-text-field__input--align-right"]]: !!alignInputRight
+    }),
+    style: autofillStyles
+  })), postfix && /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__postfix"], {
+      [textFieldStyles__default["default"]["sapphire-text-field__postfix--icon"]]: typeof postfix !== "string"
+    })
+  }, 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({
+    variant: "increment",
+    size
+  }, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues({
+    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({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues({}, 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-")));
 
 Object.defineProperty(exports, 'useLocale', {
   enumerable: true,
@@ -2866,6 +3189,7 @@ exports.FeedbackMessage = FeedbackMessage;
 exports.Fieldset = Fieldset;
 exports.FilterDropdown = FilterDropdown;
 exports.NotificationBadge = NotificationBadge;
+exports.NumberField = NumberField;
 exports.RangeCalendar = RangeCalendar;
 exports.SearchField = SearchField;
 exports.Spinner = Spinner;