@danske/sapphire-react-lab 0.83.0 → 0.84.0

package/build/cjs/index.js

@@ -44,6 +44,8 @@ var tree = require('@react-stately/tree');
 var collections = require('@react-stately/collections');
 var styles$a = require('@danske/sapphire-css/components/text/text.module.css');
 var label = require('@react-aria/label');
+var styles$b = require('@danske/sapphire-css/components/dropzone/dropzone.module.css');
+var dnd = require('@react-aria/dnd');
 var numberfield$1 = require('@react-aria/numberfield');
 var numberfield = require('@react-stately/numberfield');
 var textFieldStyles = require('@danske/sapphire-css/components/textField/textField.module.css');
@@ -63,35 +65,36 @@ var styles__default$7 = /*#__PURE__*/_interopDefaultLegacy(styles$7);
 var styles__default$8 = /*#__PURE__*/_interopDefaultLegacy(styles$8);
 var styles__default$9 = /*#__PURE__*/_interopDefaultLegacy(styles$9);
 var styles__default$a = /*#__PURE__*/_interopDefaultLegacy(styles$a);
+var styles__default$b = /*#__PURE__*/_interopDefaultLegacy(styles$b);
 var textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyles);
 
-var __defProp$D = Object.defineProperty;
-var __defProps$z = Object.defineProperties;
-var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
-var __hasOwnProp$F = Object.prototype.hasOwnProperty;
-var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$D = (a, b) => {
+var __defProp$F = Object.defineProperty;
+var __defProps$B = Object.defineProperties;
+var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$H = Object.getOwnPropertySymbols;
+var __hasOwnProp$H = Object.prototype.hasOwnProperty;
+var __propIsEnum$H = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$F = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$F.call(b, prop))
-      __defNormalProp$D(a, prop, b[prop]);
-  if (__getOwnPropSymbols$F)
-    for (var prop of __getOwnPropSymbols$F(b)) {
-      if (__propIsEnum$F.call(b, prop))
-        __defNormalProp$D(a, prop, b[prop]);
+    if (__hasOwnProp$H.call(b, prop))
+      __defNormalProp$F(a, prop, b[prop]);
+  if (__getOwnPropSymbols$H)
+    for (var prop of __getOwnPropSymbols$H(b)) {
+      if (__propIsEnum$H.call(b, prop))
+        __defNormalProp$F(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
-var __objRest$s = (source, exclude) => {
+var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
+var __objRest$t = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$F.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$H.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$F)
-    for (var prop of __getOwnPropSymbols$F(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$F.call(source, prop))
+  if (source != null && __getOwnPropSymbols$H)
+    for (var prop of __getOwnPropSymbols$H(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$H.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -101,7 +104,7 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
     iconAlign = "left",
     icon,
     size = "medium"
-  } = _b, otherProps = __objRest$s(_b, [
+  } = _b, otherProps = __objRest$t(_b, [
     "iconAlign",
     "icon",
     "size"
@@ -122,9 +125,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$z(__spreadValues$D({}, utils$1.mergeProps(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$B(__spreadValues$F({}, utils$1.mergeProps(buttonProps, hoverProps)), {
     ref: domRef,
-    style: __spreadValues$D({}, styleProps.style),
+    style: __spreadValues$F({}, 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,
@@ -139,90 +142,90 @@ const ToggleButton = React__default["default"].forwardRef(function Button(_a, re
 
 var year$6 = "År";
 var week$6 = "Uge {weekNumber}";
-var da$2 = {
+var da$3 = {
 	year: year$6,
 	week: week$6
 };
 
 var year$5 = "Year";
 var week$5 = "Week {weekNumber}";
-var en$2 = {
+var en$3 = {
 	year: year$5,
 	week: week$5
 };
 
 var year$4 = "Jahr";
 var week$4 = "Woche {weekNumber}";
-var de$2 = {
+var de$3 = {
 	year: year$4,
 	week: week$4
 };
 
 var year$3 = "Vuosi";
 var week$3 = "Viikko {weekNumber}";
-var fi$2 = {
+var fi$3 = {
 	year: year$3,
 	week: week$3
 };
 
 var year$2 = "År";
 var week$2 = "Uke {weekNumber}";
-var no$2 = {
+var no$3 = {
 	year: year$2,
 	week: week$2
 };
 
 var year$1 = "Rok";
 var week$1 = "Tydzień {weekNumber}";
-var pl$2 = {
+var pl$3 = {
 	year: year$1,
 	week: week$1
 };
 
 var year = "År";
 var week = "Vecka {weekNumber}";
-var se$2 = {
+var se$3 = {
 	year: year,
 	week: week
 };
 
-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$C = Object.defineProperty;
-var __defProps$y = Object.defineProperties;
-var __getOwnPropDescs$y = 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) => {
+var intlMessages$3 = {
+  "da-DK": da$3,
+  "en-US": en$3,
+  "de-DE": de$3,
+  "fi-FI": fi$3,
+  "no-NO": no$3,
+  "pl-PL": pl$3,
+  "sv-SE": se$3
+};
+
+var __defProp$E = Object.defineProperty;
+var __defProps$A = Object.defineProperties;
+var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
+var __hasOwnProp$G = Object.prototype.hasOwnProperty;
+var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$E = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$E.call(b, prop))
-      __defNormalProp$C(a, prop, b[prop]);
-  if (__getOwnPropSymbols$E)
-    for (var prop of __getOwnPropSymbols$E(b)) {
-      if (__propIsEnum$E.call(b, prop))
-        __defNormalProp$C(a, prop, b[prop]);
+    if (__hasOwnProp$G.call(b, prop))
+      __defNormalProp$E(a, prop, b[prop]);
+  if (__getOwnPropSymbols$G)
+    for (var prop of __getOwnPropSymbols$G(b)) {
+      if (__propIsEnum$G.call(b, prop))
+        __defNormalProp$E(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
-var __objRest$r = (source, exclude) => {
+var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
+var __objRest$s = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$E.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$G.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$E)
-    for (var prop of __getOwnPropSymbols$E(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$E.call(source, prop))
+  if (source != null && __getOwnPropSymbols$G)
+    for (var prop of __getOwnPropSymbols$G(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$G.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -235,7 +238,7 @@ const CalendarButton = React__default["default"].forwardRef(function SapphireCal
     isDisabled,
     isInGridCell,
     hasCurrentIndicator
-  } = _b, otherProps = __objRest$r(_b, [
+  } = _b, otherProps = __objRest$s(_b, [
     "children",
     "className",
     "isSelected",
@@ -247,7 +250,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$y(__spreadValues$C(__spreadValues$C({
+  }, /* @__PURE__ */ React__default["default"].createElement(ElementType, __spreadProps$A(__spreadValues$E(__spreadValues$E({
     ref: forwardedRef,
     role: "button"
   }, ElementType === "button" ? { type: "button" } : {}), utils$1.mergeProps(otherProps, hoverProps)), {
@@ -265,11 +268,11 @@ const CalendarDayButton = React__default["default"].forwardRef(function Sapphire
   var _d = _c, {
     isOutsideVisibleRange,
     rangeHighlight
-  } = _d, props = __objRest$r(_d, [
+  } = _d, props = __objRest$s(_d, [
     "isOutsideVisibleRange",
     "rangeHighlight"
   ]);
-  return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$y(__spreadValues$C({}, props), {
+  return /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$A(__spreadValues$E({}, 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,
@@ -293,33 +296,33 @@ function* chunks(array, chunkSize) {
 }
 const sentenceCase = (sentence) => sentence.slice(0, 1).toLocaleUpperCase() + sentence.slice(1);
 
-var __defProp$B = Object.defineProperty;
-var __defProps$x = Object.defineProperties;
-var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
-var __hasOwnProp$D = Object.prototype.hasOwnProperty;
-var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$B = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$B = (a, b) => {
+var __defProp$D = Object.defineProperty;
+var __defProps$z = Object.defineProperties;
+var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
+var __hasOwnProp$F = Object.prototype.hasOwnProperty;
+var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$D = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$D.call(b, prop))
-      __defNormalProp$B(a, prop, b[prop]);
-  if (__getOwnPropSymbols$D)
-    for (var prop of __getOwnPropSymbols$D(b)) {
-      if (__propIsEnum$D.call(b, prop))
-        __defNormalProp$B(a, prop, b[prop]);
+    if (__hasOwnProp$F.call(b, prop))
+      __defNormalProp$D(a, prop, b[prop]);
+  if (__getOwnPropSymbols$F)
+    for (var prop of __getOwnPropSymbols$F(b)) {
+      if (__propIsEnum$F.call(b, prop))
+        __defNormalProp$D(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
-var __objRest$q = (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$D.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$D)
-    for (var prop of __getOwnPropSymbols$D(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$D.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;
@@ -329,13 +332,13 @@ function CalendarDaysGrid(_a) {
     state,
     startDate = state.visibleRange.start,
     showWeekNumbers
-  } = _b, props = __objRest$q(_b, [
+  } = _b, props = __objRest$r(_b, [
     "state",
     "startDate",
     "showWeekNumbers"
   ]);
   const { locale } = i18n.useLocale();
-  const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$x(__spreadValues$B({}, props), {
+  const { gridProps, headerProps } = calendar.useCalendarGrid(__spreadProps$z(__spreadValues$D({}, props), {
     startDate,
     endDate: date.endOfMonth(startDate)
   }), state);
@@ -352,11 +355,11 @@ function CalendarDaysGrid(_a) {
       return dayFormatter.format(dateDay);
     });
   }, [locale, state.timeZone, dayFormatter]);
-  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$x(__spreadValues$B({}, gridProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadProps$z(__spreadValues$D({}, 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$B({}, headerProps), /* @__PURE__ */ React__default["default"].createElement("tr", null, showWeekNumbers && /* @__PURE__ */ React__default["default"].createElement("th", {
+  }), /* @__PURE__ */ React__default["default"].createElement("thead", __spreadValues$D({}, 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", {
@@ -384,7 +387,7 @@ function CalendarDaysGrid(_a) {
 }
 function CalendarWeekNumberCell({ date }) {
   const weekNumber = getWeekNumber(date);
-  const formatMessage = i18n.useMessageFormatter(intlMessages$2);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$3);
   return /* @__PURE__ */ React__default["default"].createElement("th", {
     className: styles__default$1["default"]["sapphire-calendar__table-body-cell"],
     role: "rowheader",
@@ -411,9 +414,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$x(__spreadValues$B({}, cellProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("td", __spreadProps$z(__spreadValues$D({}, cellProps), {
     className: styles__default$1["default"]["sapphire-calendar__table-body-cell"]
-  }), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$x(__spreadValues$B({}, buttonProps), {
+  }), /* @__PURE__ */ React__default["default"].createElement(CalendarDayButton, __spreadProps$z(__spreadValues$D({}, buttonProps), {
     ref,
     isSelected,
     isDisabled: isDisabled || isUnavailable,
@@ -450,25 +453,25 @@ const getWeekNumber = function(dateValue) {
   return 1 + Math.round(((date$1.getTime() - week1.getTime()) / 864e5 - 3 + (week1.getDay() + 6) % 7) / 7);
 };
 
-var __defProp$A = Object.defineProperty;
-var __defProps$w = Object.defineProperties;
-var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
-var __hasOwnProp$C = Object.prototype.hasOwnProperty;
-var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$A = (a, b) => {
+var __defProp$C = Object.defineProperty;
+var __defProps$y = Object.defineProperties;
+var __getOwnPropDescs$y = 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$C.call(b, prop))
-      __defNormalProp$A(a, prop, b[prop]);
-  if (__getOwnPropSymbols$C)
-    for (var prop of __getOwnPropSymbols$C(b)) {
-      if (__propIsEnum$C.call(b, prop))
-        __defNormalProp$A(a, prop, b[prop]);
+    if (__hasOwnProp$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 __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
 const isSame = { month: date.isSameMonth, year: date.isSameYear };
 function CalendarMonthOrYearCell({
   date: date$1,
@@ -510,7 +513,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$w(__spreadValues$A({
+  }, /* @__PURE__ */ React__default["default"].createElement(CalendarButton, __spreadProps$y(__spreadValues$C({
     ref
   }, buttonProps), {
     isInGridCell: true,
@@ -573,19 +576,19 @@ function useCustomDurationCalendarGrid({
   return { gridProps };
 }
 
-var __defProp$z = Object.defineProperty;
-var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
-var __hasOwnProp$B = Object.prototype.hasOwnProperty;
-var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$z = (a, b) => {
+var __defProp$B = Object.defineProperty;
+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$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$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;
 };
@@ -600,7 +603,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$z({
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$B({
     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,
@@ -620,19 +623,19 @@ function CalendarMonthsGrid({
   })))));
 }
 
-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) => {
+var __defProp$A = Object.defineProperty;
+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$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$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;
 };
@@ -642,7 +645,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$y({
+  return /* @__PURE__ */ React__default["default"].createElement("table", __spreadValues$A({
     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,
@@ -662,33 +665,33 @@ function CalendarYearsGrid({
   })))));
 }
 
-var __defProp$x = Object.defineProperty;
-var __defProps$v = Object.defineProperties;
-var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
-var __hasOwnProp$z = Object.prototype.hasOwnProperty;
-var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$x = (a, b) => {
+var __defProp$z = Object.defineProperty;
+var __defProps$x = Object.defineProperties;
+var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
+var __hasOwnProp$B = Object.prototype.hasOwnProperty;
+var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$z = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
-var __objRest$p = (source, exclude) => {
+var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
+var __objRest$q = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$z.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$B.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$B)
+    for (var prop of __getOwnPropSymbols$B(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$B.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -709,13 +712,13 @@ function useSapphireCalendarState(_a) {
     view: viewProp,
     defaultView = "days",
     onViewChange
-  } = _b, otherOptions = __objRest$p(_b, [
+  } = _b, otherOptions = __objRest$q(_b, [
     "view",
     "defaultView",
     "onViewChange"
   ]);
   const [view, setView] = utils$2.useControlledState(viewProp, defaultView, onViewChange);
-  const state = calendar$1.useCalendarState(__spreadProps$v(__spreadValues$x({}, otherOptions), {
+  const state = calendar$1.useCalendarState(__spreadProps$x(__spreadValues$z({}, otherOptions), {
     visibleDuration: viewToVisibleDuration[view]
   }));
   const broadenView = () => {
@@ -735,7 +738,7 @@ function useSapphireCalendarState(_a) {
     }
   };
   const canDrillUp = !state.isReadOnly && ["days", "months"].includes(view);
-  return __spreadProps$v(__spreadValues$x({}, state), {
+  return __spreadProps$x(__spreadValues$z({}, state), {
     view,
     narrowView,
     broadenView,
@@ -743,25 +746,25 @@ function useSapphireCalendarState(_a) {
   });
 }
 
-var __defProp$w = Object.defineProperty;
-var __defProps$u = Object.defineProperties;
-var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
-var __hasOwnProp$y = Object.prototype.hasOwnProperty;
-var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$w = (a, b) => {
+var __defProp$y = Object.defineProperty;
+var __defProps$w = Object.defineProperties;
+var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
+var __hasOwnProp$A = Object.prototype.hasOwnProperty;
+var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$y = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$A.call(b, prop))
+      __defNormalProp$y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(b)) {
+      if (__propIsEnum$A.call(b, prop))
+        __defNormalProp$y(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
+var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
 function CalendarHeader({
   isLeft,
   isRight,
@@ -776,7 +779,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$u(__spreadValues$w({}, prevButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$w(__spreadValues$y({}, prevButtonProps), {
     variant: "tertiary",
     appearance: "ghost",
     size: "large",
@@ -785,7 +788,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$u(__spreadValues$w({}, nextButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$w(__spreadValues$y({}, nextButtonProps), {
     variant: "tertiary",
     appearance: "ghost",
     size: "large",
@@ -793,25 +796,25 @@ function CalendarHeader({
   }), /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null))));
 }
 
-var __defProp$v = Object.defineProperty;
-var __defProps$t = Object.defineProperties;
-var __getOwnPropDescs$t = 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) => {
+var __defProp$x = Object.defineProperty;
+var __defProps$v = Object.defineProperties;
+var __getOwnPropDescs$v = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
+var __hasOwnProp$z = Object.prototype.hasOwnProperty;
+var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$x = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$z.call(b, prop))
+      __defNormalProp$x(a, prop, b[prop]);
+  if (__getOwnPropSymbols$z)
+    for (var prop of __getOwnPropSymbols$z(b)) {
+      if (__propIsEnum$z.call(b, prop))
+        __defNormalProp$x(a, prop, b[prop]);
+    }
   return a;
 };
-var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(b));
+var __spreadProps$v = (a, b) => __defProps$v(a, __getOwnPropDescs$v(b));
 function CalendarPageAnimation({
   children,
   state: { direction, key }
@@ -834,7 +837,7 @@ function CalendarPageAnimation({
 }
 function useCalendarAnimationState(state) {
   const [animationState, setAnimationState] = React.useState({ key: 0, direction: "next" });
-  return __spreadProps$t(__spreadValues$v({}, state), {
+  return __spreadProps$v(__spreadValues$x({}, state), {
     focusNextPage: () => {
       setAnimationState(({ key }) => ({
         key: key + 1,
@@ -853,33 +856,33 @@ function useCalendarAnimationState(state) {
   });
 }
 
-var __defProp$u = Object.defineProperty;
-var __defProps$s = Object.defineProperties;
-var __getOwnPropDescs$s = 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) => {
+var __defProp$w = Object.defineProperty;
+var __defProps$u = Object.defineProperties;
+var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
+var __hasOwnProp$y = Object.prototype.hasOwnProperty;
+var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$w = (a, b) => {
   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$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$o = (source, exclude) => {
+var __spreadProps$u = (a, b) => __defProps$u(a, __getOwnPropDescs$u(b));
+var __objRest$p = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$w.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$w)
-    for (var prop of __getOwnPropSymbols$w(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$w.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;
@@ -887,15 +890,15 @@ var __objRest$o = (source, exclude) => {
 const Calendar = (_a) => {
   var _b = _a, {
     showWeekNumbers
-  } = _b, props = __objRest$o(_b, [
+  } = _b, props = __objRest$p(_b, [
     "showWeekNumbers"
   ]);
   sapphireReact.useThemeCheck();
   const { locale } = i18n.useLocale();
-  const formatMessage = i18n.useMessageFormatter(intlMessages$2);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$3);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$s(__spreadValues$u({
+  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps$u(__spreadValues$w({
     selectionAlignment: "start"
   }, props), {
     locale,
@@ -937,7 +940,7 @@ const Calendar = (_a) => {
         return sentenceCase(formatMessage("year"));
     }
   };
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$u({
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$w({
     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),
@@ -956,33 +959,33 @@ const Calendar = (_a) => {
   }, renderGrid()) : renderGrid()));
 };
 
-var __defProp$t = Object.defineProperty;
-var __defProps$r = Object.defineProperties;
-var __getOwnPropDescs$r = 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$v = Object.defineProperty;
+var __defProps$t = Object.defineProperties;
+var __getOwnPropDescs$t = 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$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$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 __objRest$n = (source, exclude) => {
+var __spreadProps$t = (a, b) => __defProps$t(a, __getOwnPropDescs$t(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$x.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$x)
+    for (var prop of __getOwnPropSymbols$x(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$x.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -990,17 +993,17 @@ var __objRest$n = (source, exclude) => {
 const useRangeCalendarState = (_a) => {
   var _b = _a, {
     onChange
-  } = _b, options = __objRest$n(_b, [
+  } = _b, options = __objRest$o(_b, [
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
-  const state = calendar$1.useRangeCalendarState(__spreadProps$r(__spreadValues$t({}, options), {
+  const state = calendar$1.useRangeCalendarState(__spreadProps$t(__spreadValues$v({}, options), {
     onChange: (value) => {
       onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
       lastPredefinedRange.current = void 0;
     }
   }));
-  return __spreadProps$r(__spreadValues$t({}, state), {
+  return __spreadProps$t(__spreadValues$v({}, state), {
     setValue: (value, predefinedRange) => {
       lastPredefinedRange.current = predefinedRange;
       state.setValue(value);
@@ -1008,33 +1011,33 @@ const useRangeCalendarState = (_a) => {
   });
 };
 
-var __defProp$s = Object.defineProperty;
-var __defProps$q = Object.defineProperties;
-var __getOwnPropDescs$q = 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$u = Object.defineProperty;
+var __defProps$s = Object.defineProperties;
+var __getOwnPropDescs$s = 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$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$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 __objRest$m = (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$u.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$w.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$u)
-    for (var prop of __getOwnPropSymbols$u(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$u.call(source, prop))
+  if (source != null && __getOwnPropSymbols$w)
+    for (var prop of __getOwnPropSymbols$w(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$w.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1045,7 +1048,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
     showTwoMonths = false,
     allowUnavailableDatesWithinRange = false,
     predefinedRanges
-  } = _b, props = __objRest$m(_b, [
+  } = _b, props = __objRest$n(_b, [
     "showWeekNumbers",
     "showTwoMonths",
     "allowUnavailableDatesWithinRange",
@@ -1055,7 +1058,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$q(__spreadValues$s({}, props), {
+  const state = useCalendarAnimationState(useRangeCalendarState(__spreadProps$s(__spreadValues$u({}, props), {
     locale,
     allowsNonContiguousRanges: allowUnavailableDatesWithinRange,
     visibleDuration: React.useMemo(() => ({ months: showTwoMonths ? 2 : 1 }), [showTwoMonths]),
@@ -1069,7 +1072,7 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
     calendar: state.visibleRange.start.calendar.identifier,
     timeZone: state.timeZone
   });
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$s({
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$u({
     ref,
     className: clsx__default["default"](styles__default$1["default"]["sapphire-calendar"], styleProps.className),
     style: styleProps.style
@@ -1111,17 +1114,17 @@ const _RangeCalendar = function RangeCalendar2(_a, forwardedRef) {
 };
 const RangeCalendar = React__default["default"].forwardRef(_RangeCalendar);
 
-var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
-var __hasOwnProp$t = Object.prototype.hasOwnProperty;
-var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
-var __objRest$l = (source, exclude) => {
+var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
+var __hasOwnProp$v = Object.prototype.hasOwnProperty;
+var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
+var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$t.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$t)
-    for (var prop of __getOwnPropSymbols$t(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$t.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;
@@ -1129,7 +1132,7 @@ var __objRest$l = (source, exclude) => {
 const Spinner = (_a) => {
   var _b = _a, {
     size = "m"
-  } = _b, props = __objRest$l(_b, [
+  } = _b, props = __objRest$m(_b, [
     "size"
   ]);
   sapphireReact.useThemeCheck();
@@ -1150,33 +1153,33 @@ const Spinner = (_a) => {
   }));
 };
 
-var __defProp$r = Object.defineProperty;
-var __defProps$p = Object.defineProperties;
-var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
-var __hasOwnProp$s = Object.prototype.hasOwnProperty;
-var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$r = (a, b) => {
+var __defProp$t = Object.defineProperty;
+var __defProps$r = Object.defineProperties;
+var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
+var __hasOwnProp$u = Object.prototype.hasOwnProperty;
+var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$t = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$s.call(b, prop))
-      __defNormalProp$r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$s)
-    for (var prop of __getOwnPropSymbols$s(b)) {
-      if (__propIsEnum$s.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+    if (__hasOwnProp$u.call(b, prop))
+      __defNormalProp$t(a, prop, b[prop]);
+  if (__getOwnPropSymbols$u)
+    for (var prop of __getOwnPropSymbols$u(b)) {
+      if (__propIsEnum$u.call(b, prop))
+        __defNormalProp$t(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
-var __objRest$k = (source, exclude) => {
+var __spreadProps$r = (a, b) => __defProps$r(a, __getOwnPropDescs$r(b));
+var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$s.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$s)
-    for (var prop of __getOwnPropSymbols$s(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$s.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;
@@ -1191,7 +1194,7 @@ const NotificationBadge = (props) => {
     variant = "primary",
     size = "medium",
     show = true
-  } = _a, otherProps = __objRest$k(_a, [
+  } = _a, otherProps = __objRest$l(_a, [
     "animate",
     "children",
     "count",
@@ -1201,7 +1204,7 @@ const NotificationBadge = (props) => {
     "show"
   ]);
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$p(__spreadValues$r({}, otherProps), {
+  const badge = () => show || animate ? /* @__PURE__ */ React__default["default"].createElement("span", __spreadProps$r(__spreadValues$t({}, 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,
@@ -1356,25 +1359,25 @@ function getPlaceholder(field, value, locale) {
   return "\u2013\u2013";
 }
 
-var __defProp$q = Object.defineProperty;
-var __defProps$o = Object.defineProperties;
-var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$q = (a, b) => {
+var __defProp$s = Object.defineProperty;
+var __defProps$q = Object.defineProperties;
+var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
+var __hasOwnProp$t = Object.prototype.hasOwnProperty;
+var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$s = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$r.call(b, prop))
-      __defNormalProp$q(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$q(a, prop, b[prop]);
+    if (__hasOwnProp$t.call(b, prop))
+      __defNormalProp$s(a, prop, b[prop]);
+  if (__getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(b)) {
+      if (__propIsEnum$t.call(b, prop))
+        __defNormalProp$s(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
+var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
 const segmentTypes = [
   "day",
   "hour",
@@ -1392,31 +1395,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$o(__spreadValues$q({}, segment), {
+  return __spreadProps$q(__spreadValues$s({}, segment), {
     text: segment.isPlaceholder ? placeholder : segment.text,
     placeholder
   });
 };
 
-var __defProp$p = Object.defineProperty;
-var __defProps$n = Object.defineProperties;
-var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
-var __hasOwnProp$q = Object.prototype.hasOwnProperty;
-var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$p = (a, b) => {
+var __defProp$r = Object.defineProperty;
+var __defProps$p = Object.defineProperties;
+var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
+var __hasOwnProp$s = Object.prototype.hasOwnProperty;
+var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$r = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$q.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(b)) {
-      if (__propIsEnum$q.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+    if (__hasOwnProp$s.call(b, prop))
+      __defNormalProp$r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(b)) {
+      if (__propIsEnum$s.call(b, prop))
+        __defNormalProp$r(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
+var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
 const DateSegment = ({ segment, state }) => segment.type === "literal" ? /* @__PURE__ */ React__default["default"].createElement(SeparatorSegment, {
   segment
 }) : /* @__PURE__ */ React__default["default"].createElement(EditableSegment, {
@@ -1432,7 +1435,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$n(__spreadValues$p({}, segmentProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$p(__spreadValues$r({}, segmentProps), {
     style: segmentProps.style,
     ref,
     className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field__segment"], {
@@ -1441,31 +1444,31 @@ const EditableSegment = ({ segment, state }) => {
   }), segmentWithTranslatedPlaceholders.text);
 };
 
-var __defProp$o = Object.defineProperty;
-var __defProps$m = Object.defineProperties;
-var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$o = (a, b) => {
+var __defProp$q = Object.defineProperty;
+var __defProps$o = Object.defineProperties;
+var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
+var __hasOwnProp$r = Object.prototype.hasOwnProperty;
+var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$q = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
-const DateFieldButton = (props) => {
+    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$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(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$m(__spreadValues$o({}, utils$1.mergeProps(buttonProps, hoverProps, focusProps)), {
+  return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$o(__spreadValues$q({}, 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,
@@ -1476,77 +1479,77 @@ const DateFieldButton = (props) => {
 };
 
 var clear$6 = "Nulstil";
-var da$1 = {
+var da$2 = {
 	clear: clear$6
 };
 
 var clear$5 = "Clear";
-var en$1 = {
+var en$2 = {
 	clear: clear$5
 };
 
 var clear$4 = "Zurücksetzen";
-var de$1 = {
+var de$2 = {
 	clear: clear$4
 };
 
 var clear$3 = "Nollaa";
-var fi$1 = {
+var fi$2 = {
 	clear: clear$3
 };
 
 var clear$2 = "Nullstill";
-var no$1 = {
+var no$2 = {
 	clear: clear$2
 };
 
 var clear$1 = "Zresetuj";
-var pl$1 = {
+var pl$2 = {
 	clear: clear$1
 };
 
 var clear = "Återställ";
-var se$1 = {
+var se$2 = {
 	clear: clear
 };
 
-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 intlMessages$2 = {
+  "da-DK": da$2,
+  "en-US": en$2,
+  "de-DE": de$2,
+  "fi-FI": fi$2,
+  "nb-NO": no$2,
+  "pl-PL": pl$2,
+  "sv-SE": se$2
 };
 
-var __defProp$n = Object.defineProperty;
-var __defProps$l = Object.defineProperties;
-var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$n = (a, b) => {
+var __defProp$p = Object.defineProperty;
+var __defProps$n = Object.defineProperties;
+var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$p = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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 __objRest$j = (source, exclude) => {
+var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
+var __objRest$k = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$q.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$q)
+    for (var prop of __getOwnPropSymbols$q(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1555,15 +1558,15 @@ function DateInput(_a) {
   var _b = _a, {
     noClearButton = false,
     size = "large"
-  } = _b, props = __objRest$j(_b, [
+  } = _b, props = __objRest$k(_b, [
     "noClearButton",
     "size"
   ]);
   const ref = React.useRef(null);
-  const formatMessage = i18n.useMessageFormatter(intlMessages$1);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$2);
   const { locale } = i18n.useLocale();
   const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
-  const state = datepicker$1.useDateFieldState(__spreadProps$l(__spreadValues$n({}, props), {
+  const state = datepicker$1.useDateFieldState(__spreadProps$n(__spreadValues$p({}, props), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
@@ -1571,7 +1574,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$l(__spreadValues$n({}, fieldProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$n(__spreadValues$p({}, fieldProps), {
     className: styles__default$4["default"]["sapphire-date-field__input"],
     ref
   }), state.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1586,33 +1589,33 @@ function DateInput(_a) {
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
 }
 
-var __defProp$m = Object.defineProperty;
-var __defProps$k = Object.defineProperties;
-var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
+var __defProp$o = Object.defineProperty;
+var __defProps$m = Object.defineProperties;
+var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$o = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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 __objRest$i = (source, exclude) => {
+var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
+var __objRest$j = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
+  if (source != null && __getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1627,7 +1630,7 @@ function _DateField(_a, ref) {
     size = "large",
     labelPlacement = "above",
     necessityIndicator = false
-  } = _b, otherProps = __objRest$i(_b, [
+  } = _b, otherProps = __objRest$j(_b, [
     "error",
     "note",
     "contextualHelp",
@@ -1642,7 +1645,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$m(__spreadValues$m({}, otherProps), error ? { validationState: "invalid" } : {}));
+  const state = datepicker$1.useDatePickerState(__spreadValues$o(__spreadValues$o({}, otherProps), error ? { validationState: "invalid" } : {}));
   const {
     groupProps,
     labelProps,
@@ -1652,78 +1655,78 @@ function _DateField(_a, ref) {
     calendarProps,
     descriptionProps,
     errorMessageProps
-  } = datepicker.useDatePicker(__spreadProps$k(__spreadValues$m({}, otherProps), {
+  } = datepicker.useDatePicker(__spreadProps$m(__spreadValues$o({}, otherProps), {
     description: note
   }), state, groupRef);
   const isMedium = size === "medium";
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$k(__spreadValues$m({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$m(__spreadValues$o({}, otherProps), {
     noShrink: true,
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
     size,
     ref,
     labelPlacement
-  }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$k(__spreadValues$m({}, labelProps), {
+  }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$m(__spreadValues$o({}, labelProps), {
     size,
     necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
     contextualHelp
-  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$m(__spreadProps$k(__spreadValues$m({}, groupProps), {
+  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$o(__spreadProps$m(__spreadValues$o({}, groupProps), {
     ref: groupRef,
     className: clsx__default["default"](styles__default$4["default"]["sapphire-date-field"], {
       [styles__default$4["default"]["sapphire-date-field--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$k(__spreadValues$m({}, buttonProps), {
+  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$m(__spreadValues$o({}, buttonProps), {
     isPressed: state.isOpen
   }), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
     isDisabled: otherProps.isDisabled || otherProps.isReadOnly
   }, /* @__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$k(__spreadValues$m({}, fieldProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.Calendar, null)))), /* @__PURE__ */ React__default["default"].createElement(DateInput, __spreadProps$m(__spreadValues$o({}, 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$m({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$m({}, 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$o({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$o({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)), state.isOpen && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Popover, {
     state,
     triggerRef: groupRef,
     placement: "bottom start"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$m(__spreadValues$m({
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$o(__spreadValues$o({
     ref: dialogRef
   }, dialogProps), dialogPropsFromDatePicker), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.View, {
     padding: sapphireReact.tokens.size.spacing50
-  }, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$k(__spreadValues$m({}, calendarProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(Calendar, __spreadProps$m(__spreadValues$o({}, calendarProps), {
     defaultFocusedValue: state.dateValue,
     showWeekNumbers
   }))))));
 }
 const DateField = React.forwardRef(_DateField);
 
-var __defProp$l = Object.defineProperty;
-var __defProps$j = Object.defineProperties;
-var __getOwnPropDescs$j = 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$n = Object.defineProperty;
+var __defProps$l = Object.defineProperties;
+var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$n = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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 __objRest$h = (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$m.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
+  if (source != null && __getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1731,17 +1734,17 @@ var __objRest$h = (source, exclude) => {
 const useDateRangePickerState = (_a) => {
   var _b = _a, {
     onChange
-  } = _b, options = __objRest$h(_b, [
+  } = _b, options = __objRest$i(_b, [
     "onChange"
   ]);
   const lastPredefinedRange = React.useRef(void 0);
-  const state = datepicker$1.useDateRangePickerState(__spreadProps$j(__spreadValues$l({}, options), {
+  const state = datepicker$1.useDateRangePickerState(__spreadProps$l(__spreadValues$n({}, options), {
     onChange: (value) => {
       onChange == null ? void 0 : onChange(value, lastPredefinedRange.current);
       lastPredefinedRange.current = void 0;
     }
   }));
-  return __spreadProps$j(__spreadValues$l({}, state), {
+  return __spreadProps$l(__spreadValues$n({}, state), {
     setDateRange: (value, predefinedRange) => {
       lastPredefinedRange.current = predefinedRange;
       state.setDateRange(value);
@@ -1749,25 +1752,25 @@ const useDateRangePickerState = (_a) => {
   });
 };
 
-var __defProp$k = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = 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$m = Object.defineProperty;
+var __defProps$k = Object.defineProperties;
+var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$m = (a, b) => {
   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$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 __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
 function DateRangeInput({
   dateRangePickerState,
   startFieldProps,
@@ -1777,14 +1780,14 @@ function DateRangeInput({
 }) {
   const startFieldRef = React.useRef(null);
   const endFieldRef = React.useRef(null);
-  const formatMessage = i18n.useMessageFormatter(intlMessages$1);
+  const formatMessage = i18n.useMessageFormatter(intlMessages$2);
   const { locale } = i18n.useLocale();
   const customDateFormatLocale = sapphireReact.useCustomDateFormatLocale();
-  const startFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$k({}, startFieldProps), {
+  const startFieldState = datepicker$1.useDateFieldState(__spreadProps$k(__spreadValues$m({}, startFieldProps), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
-  const endFieldState = datepicker$1.useDateFieldState(__spreadProps$i(__spreadValues$k({}, endFieldProps), {
+  const endFieldState = datepicker$1.useDateFieldState(__spreadProps$k(__spreadValues$m({}, endFieldProps), {
     locale: customDateFormatLocale || locale,
     createCalendar: date.createCalendar
   }));
@@ -1797,7 +1800,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$i(__spreadValues$k({}, startFieldAriaProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$k(__spreadValues$m({}, startFieldAriaProps), {
     className: styles__default$4["default"]["sapphire-date-field__input"],
     ref: startFieldRef
   }), startFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1806,7 +1809,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$i(__spreadValues$k({}, endFieldAriaProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.ArrowRight, null)), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$k(__spreadValues$m({}, endFieldAriaProps), {
     className: styles__default$4["default"]["sapphire-date-field__input"],
     ref: endFieldRef
   }), endFieldState.segments.map((segment, i) => /* @__PURE__ */ React__default["default"].createElement(DateSegment, {
@@ -1824,33 +1827,33 @@ function DateRangeInput({
   }, /* @__PURE__ */ React__default["default"].createElement(react.CloseCircle, null))));
 }
 
-var __defProp$j = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = 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$l = Object.defineProperty;
+var __defProps$j = Object.defineProperties;
+var __getOwnPropDescs$j = 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$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$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$g = (source, exclude) => {
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$k.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$k)
-    for (var prop of __getOwnPropSymbols$k(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.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;
@@ -1869,7 +1872,7 @@ function _DateRangeField(_a, ref) {
     size = "large",
     labelPlacement = "above",
     necessityIndicator = false
-  } = _b, otherProps = __objRest$g(_b, [
+  } = _b, otherProps = __objRest$h(_b, [
     "error",
     "note",
     "contextualHelp",
@@ -1890,7 +1893,7 @@ function _DateRangeField(_a, ref) {
   const preferredLocale = locale || existingLocale;
   const { styleProps } = sapphireReact.useSapphireStyleProps(otherProps);
   const { dialogProps } = dialog.useDialog({}, dialogRef);
-  const state = useDateRangePickerState(__spreadValues$j(__spreadValues$j(__spreadValues$j({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
+  const state = useDateRangePickerState(__spreadValues$l(__spreadValues$l(__spreadValues$l({}, otherProps), error ? { validationState: "invalid" } : {}), allowUnavailableDatesWithinRange ? { allowsNonContiguousRanges: allowUnavailableDatesWithinRange } : {}));
   const {
     groupProps,
     labelProps,
@@ -1901,12 +1904,12 @@ function _DateRangeField(_a, ref) {
     calendarProps,
     descriptionProps,
     errorMessageProps
-  } = datepicker.useDateRangePicker(__spreadProps$h(__spreadValues$j({}, otherProps), {
+  } = datepicker.useDateRangePicker(__spreadProps$j(__spreadValues$l({}, otherProps), {
     description: note,
     allowsNonContiguousRanges: allowUnavailableDatesWithinRange
   }), state, groupRef);
   const isMedium = size === "medium";
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$h(__spreadValues$j({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$j(__spreadValues$l({}, otherProps), {
     noShrink: true,
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
@@ -1915,17 +1918,17 @@ function _DateRangeField(_a, ref) {
     labelPlacement
   }), /* @__PURE__ */ React__default["default"].createElement(i18n.I18nProvider, {
     locale: preferredLocale
-  }, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$h(__spreadValues$j({}, labelProps), {
+  }, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$j(__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$j(__spreadProps$h(__spreadValues$j({}, groupProps), {
+  }), otherProps.label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$l(__spreadProps$j(__spreadValues$l({}, 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$h(__spreadValues$j({}, buttonProps), {
+  }), styleProps.style.width ? { style: { width: styleProps.style.width } } : {}), /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, __spreadProps$j(__spreadValues$l({}, buttonProps), {
     isPressed: state.isOpen
   }), /* @__PURE__ */ React__default["default"].createElement(DateFieldButton, {
     isDisabled: otherProps.isDisabled || otherProps.isReadOnly
@@ -1937,15 +1940,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$j({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$j({}, 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$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$j(__spreadValues$j({
+  }, /* @__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(RangeCalendar, __spreadProps$h(__spreadValues$j({}, calendarProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(RangeCalendar, __spreadProps$j(__spreadValues$l({}, calendarProps), {
     allowUnavailableDatesWithinRange,
     showWeekNumbers,
     showTwoMonths,
@@ -1966,33 +1969,33 @@ const isDateOutsideValidRange = (value, minValue, maxValue) => {
   }
 };
 
-var __defProp$i = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = 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$k = Object.defineProperty;
+var __defProps$i = Object.defineProperties;
+var __getOwnPropDescs$i = 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$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$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$f = (source, exclude) => {
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$l.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$l)
+    for (var prop of __getOwnPropSymbols$l(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2015,7 +2018,7 @@ const Avatar = (_a) => {
     icon,
     color = "informative",
     size = "medium"
-  } = _b, props = __objRest$f(_b, [
+  } = _b, props = __objRest$g(_b, [
     "monogram",
     "icon",
     "color",
@@ -2023,7 +2026,7 @@ const Avatar = (_a) => {
   ]);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$g(__spreadValues$i({}, styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$i(__spreadValues$k({}, styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$5["default"]["sapphire-avatar"], {
       [styles__default$5["default"]["sapphire-avatar--extra-large"]]: size === "extraLarge",
       [styles__default$5["default"]["sapphire-avatar--large"]]: size === "large",
@@ -2035,17 +2038,17 @@ const Avatar = (_a) => {
   }, icon) : monogram);
 };
 
-var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-var __objRest$e = (source, exclude) => {
+var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+var __objRest$f = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$i.call(source, prop))
+  if (source != null && __getOwnPropSymbols$k)
+    for (var prop of __getOwnPropSymbols$k(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2086,7 +2089,7 @@ const FeedbackMessage = (_a) => {
     actions,
     variant = "neutral",
     icon
-  } = _b, otherProps = __objRest$e(_b, [
+  } = _b, otherProps = __objRest$f(_b, [
     "heading",
     "body",
     "actions",
@@ -2113,27 +2116,27 @@ const FeedbackMessage = (_a) => {
   }, body)), actions);
 };
 
-var __defProp$h = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$h = (a, b) => {
+var __defProp$j = Object.defineProperty;
+var __defProps$h = Object.defineProperties;
+var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$j = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$h.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
+    if (__hasOwnProp$j.call(b, prop))
+      __defNormalProp$j(a, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop))
+        __defNormalProp$j(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
 const useComboBoxState = (options) => {
-  const state = combobox.useComboBoxState(__spreadProps$f(__spreadValues$h({}, options), {
+  const state = combobox.useComboBoxState(__spreadProps$h(__spreadValues$j({}, options), {
     defaultFilter: (textValue, query) => {
       if (query.length > 0) {
         return options.defaultFilter ? options.defaultFilter(textValue, query) : textValue.toLowerCase().includes(query.toLowerCase());
@@ -2142,7 +2145,7 @@ const useComboBoxState = (options) => {
       }
     }
   }));
-  return __spreadProps$f(__spreadValues$h({}, state), {
+  return __spreadProps$h(__spreadValues$j({}, state), {
     open: (focusStrategy, triggerMode) => {
       if (triggerMode !== "manual") {
         state.open(focusStrategy, triggerMode);
@@ -2151,25 +2154,25 @@ const useComboBoxState = (options) => {
   });
 };
 
-var __defProp$g = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$g = (a, b) => {
+var __defProp$i = Object.defineProperty;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$i = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+    if (__hasOwnProp$i.call(b, prop))
+      __defNormalProp$i(a, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b)) {
+      if (__propIsEnum$i.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
 const SearchField = React__default["default"].forwardRef(function SearchField2(props, forwardedRef) {
   var _a;
   sapphireReact.useThemeCheck();
@@ -2181,7 +2184,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   const {
     styleProps: { style, className }
   } = sapphireReact.useSapphireStyleProps(props);
-  const state = useComboBoxState(__spreadProps$e(__spreadValues$g({}, props), {
+  const state = useComboBoxState(__spreadProps$g(__spreadValues$i({}, props), {
     inputValue: props.value,
     defaultInputValue: props.defaultValue,
     onInputChange: props.onChange,
@@ -2189,7 +2192,7 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     allowsCustomValue: true,
     shouldCloseOnBlur: true
   }));
-  const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$e(__spreadValues$g({}, props), {
+  const { inputProps: comboBoxInputProps, listBoxProps } = combobox$1.useComboBox(__spreadProps$g(__spreadValues$i({}, props), {
     inputRef,
     listBoxRef,
     popoverRef
@@ -2214,7 +2217,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$e(__spreadValues$g({}, clearButtonProps), {
+  const { buttonProps } = sapphireReact.useButton(__spreadProps$g(__spreadValues$i({}, clearButtonProps), {
     elementType: "div"
   }), buttonRef);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2229,12 +2232,12 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
     className: styles__default$7["default"]["sapphire-search-field__icon"]
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
     size: props.size === "medium" ? "m" : "l"
-  }, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$e(__spreadValues$g({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement(react.Search, null))), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$g(__spreadValues$i({}, utils$1.mergeProps(comboBoxInputProps, searchFieldInputProps)), {
     ref: inputRef,
     className: clsx__default["default"](styles__default$7["default"]["sapphire-search-field__input"], {
       [styles__default$7["default"]["sapphire-search-field__input--empty"]]: state.inputValue.length === 0
     })
-  })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$g({
+  })), /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$i({
     ref: buttonRef,
     className: styles__default$7["default"]["sapphire-search-field__button"]
   }, buttonProps), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
@@ -2252,45 +2255,45 @@ const SearchField = React__default["default"].forwardRef(function SearchField2(p
   }, props.children || []));
 });
 
-var __defProp$f = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$f = (a, b) => {
+var __defProp$h = Object.defineProperty;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$h = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$f.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(b)) {
-      if (__propIsEnum$f.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+    if (__hasOwnProp$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 __objRest$d = (source, exclude) => {
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __objRest$e = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$h.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
+  if (source != null && __getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$h.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 const Toast = (_a) => {
-  var _b = _a, { state } = _b, props = __objRest$d(_b, ["state"]);
+  var _b = _a, { state } = _b, props = __objRest$e(_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$d(__spreadValues$f({}, toastProps), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$f(__spreadValues$h({}, toastProps), {
     className: clsx__default["default"](styles__default$8["default"]["sapphire-toast"], props.toast.animation ? styles__default$8["default"][`sapphire-toast--${props.toast.animation}`] : {}, className),
     style,
     ref,
@@ -2301,7 +2304,7 @@ const Toast = (_a) => {
     }
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$8["default"]["sapphire-toast__content"])
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$f({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$d(__spreadValues$f({}, closeButtonProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$h({}, titleProps), props.toast.content), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.IconButton, __spreadProps$f(__spreadValues$h({}, closeButtonProps), {
     "aria-label": "Close",
     size: "small",
     variant: "tertiary",
@@ -2309,33 +2312,33 @@ const Toast = (_a) => {
   }), /* @__PURE__ */ React__default["default"].createElement(react.Close, null))));
 };
 
-var __defProp$e = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
+var __defProp$g = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$g = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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 __objRest$c = (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$e.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2344,7 +2347,7 @@ const ToastRegion = (_a) => {
   var _b = _a, {
     state,
     placement = "bottom"
-  } = _b, props = __objRest$c(_b, [
+  } = _b, props = __objRest$d(_b, [
     "state",
     "placement"
   ]);
@@ -2353,13 +2356,13 @@ const ToastRegion = (_a) => {
   const { overlayZIndex = 100 } = sapphireReact.useThemeContext();
   return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.SapphireOverlayContainer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.ThemeRoot, {
     contrast: true
-  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$c(__spreadValues$e({}, regionProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$e(__spreadValues$g({}, regionProps), {
     ref,
     className: clsx__default["default"](styles__default$8["default"]["sapphire-toast-container"], styles__default$8["default"][`sapphire-toast-container--${placement}`]),
     style: {
       zIndex: overlayZIndex + 200
     }
-  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$c(__spreadValues$e({}, props), {
+  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$e(__spreadValues$g({}, props), {
     key: toast.key,
     toast,
     state
@@ -2372,33 +2375,33 @@ const useToastContext = () => {
   return context;
 };
 
-var __defProp$d = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = 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$f = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$f = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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]);
+    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$b = (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$d.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$d)
-    for (var prop of __getOwnPropSymbols$d(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.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;
@@ -2407,7 +2410,7 @@ const ToastProvider = (_a) => {
   var _b = _a, {
     children,
     placement = "bottom"
-  } = _b, props = __objRest$b(_b, [
+  } = _b, props = __objRest$c(_b, [
     "children",
     "placement"
   ]);
@@ -2418,7 +2421,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$b(__spreadValues$d({}, props), {
+  }, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$d(__spreadValues$f({}, props), {
     state,
     placement
   })));
@@ -2435,31 +2438,31 @@ const useShowToast = () => {
   };
 };
 
-var __defProp$c = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = 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$e = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$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 __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 function useTreeState(props) {
   const state = tree.useTreeState(props);
   const onToggle = (key) => {
     state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
   };
-  return __spreadProps$a(__spreadValues$c({}, state), { toggleKey: onToggle });
+  return __spreadProps$c(__spreadValues$e({}, state), { toggleKey: onToggle });
 }
 function toggleKey(set, key, expansionMode = "multiple") {
   const res = new Set(set);
@@ -2473,25 +2476,25 @@ function toggleKey(set, key, expansionMode = "multiple") {
   return res;
 }
 
-var __defProp$b = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = 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$d = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = 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$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$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 __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 function _AccordionItem(props) {
   const { state, item } = props;
   const isOpen = state.expandedKeys.has(item.key);
@@ -2509,7 +2512,7 @@ function _AccordionItem(props) {
   }, /* @__PURE__ */ React__default["default"].createElement("div", {
     role: "heading",
     "aria-level": props.headerLevel
-  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$9(__spreadValues$b({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
+  }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$b(__spreadValues$d({}, utils$1.mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
     "aria-disabled": isDisabled,
     ref,
     className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-header"], styles__default$9["default"]["js-focus"], styles__default$9["default"]["js-hover"], {
@@ -2519,7 +2522,7 @@ function _AccordionItem(props) {
     })
   }), item.props.heading, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-arrow"])
-  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$9(__spreadValues$b({}, regionProps), {
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$b(__spreadValues$d({}, regionProps), {
     "aria-hidden": !isOpen,
     className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-content-wrapper"])
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2528,33 +2531,33 @@ function _AccordionItem(props) {
 }
 const AccordionItem = collections.Item;
 
-var __defProp$a = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = 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$c = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = 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$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$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 __objRest$a = (source, exclude) => {
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(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$c.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$c)
+    for (var prop of __getOwnPropSymbols$c(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2564,17 +2567,17 @@ const _Accordion$1 = (_a, ref) => {
     expansionMode = "multiple",
     headerLevel = 5,
     hideLastDivider = false
-  } = _b, props = __objRest$a(_b, [
+  } = _b, props = __objRest$b(_b, [
     "expansionMode",
     "headerLevel",
     "hideLastDivider"
   ]);
   sapphireReact.useThemeCheck();
   const { styleProps } = sapphireReact.useSapphireStyleProps(props);
-  const state = useTreeState(__spreadProps$8(__spreadValues$a({}, props), { expansionMode }));
+  const state = useTreeState(__spreadProps$a(__spreadValues$c({}, props), { expansionMode }));
   const forwardedRef = utils$1.useObjectRef(ref);
   const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$8(__spreadValues$a({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$a(__spreadValues$c({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
     className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion"], {
       [styles__default$9["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider
     }, styleProps.className),
@@ -2589,33 +2592,33 @@ const _Accordion$1 = (_a, ref) => {
 };
 const Accordion = React.forwardRef(_Accordion$1);
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-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$b = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = 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$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$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 __objRest$9 = (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$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2623,10 +2626,10 @@ var __objRest$9 = (source, exclude) => {
 const AccordionHeading = (_a) => {
   var _b = _a, {
     children
-  } = _b, props = __objRest$9(_b, [
+  } = _b, props = __objRest$a(_b, [
     "children"
   ]);
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$7(__spreadValues$9({}, utils$1.filterDOMProps(props)), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$9(__spreadValues$b({}, utils$1.filterDOMProps(props)), {
     className: clsx__default["default"](styles__default$9["default"]["sapphire-accordion__item-heading"])
   }), children);
 };
@@ -2636,33 +2639,33 @@ const _Accordion = Object.assign(Accordion, {
   Item: AccordionItem
 });
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = 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$a = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = 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$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$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$8 = (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$8.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$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.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;
@@ -2670,11 +2673,11 @@ var __objRest$8 = (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$8(_a, ["children", "level", "elementType"]);
+  const _a = props, { children, level, elementType } = _a, otherProps = __objRest$9(_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$6(__spreadValues$8(__spreadValues$8({}, domProps), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(HeadingTag, __spreadProps$8(__spreadValues$a(__spreadValues$a({}, domProps), styleProps), {
     className: clsx__default["default"](styles__default$a["default"]["sapphire-text"], styles__default$a["default"][`sapphire-text--heading-${level}`], styleProps.className, {
       [styles__default$a["default"]["sapphire-text--heading-alternative"]]: props.fontVariant === "alternative"
     }),
@@ -2682,33 +2685,33 @@ const Heading = React.forwardRef(function Heading2(props, ref) {
   }), children);
 });
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = 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$9 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+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$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$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$7 = (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$7.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$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.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;
@@ -2720,7 +2723,7 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
     level = 1,
     elementType: CustomElement = "div",
     isBold = false
-  } = _a, otherProps = __objRest$7(_a, [
+  } = _a, otherProps = __objRest$8(_a, [
     "children",
     "level",
     "elementType",
@@ -2728,7 +2731,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$5(__spreadValues$7(__spreadValues$7({}, utils$1.filterDOMProps(props)), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$7(__spreadValues$9(__spreadValues$9({}, utils$1.filterDOMProps(props)), styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName], {
       [styles__default$a["default"]["sapphire-text--strong"]]: isBold
     }),
@@ -2737,33 +2740,33 @@ const Subheading = React.forwardRef(function Subheading2(props, ref) {
   }), children);
 });
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = 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$8 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = 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$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$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$6 = (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$6.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$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.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;
@@ -2776,7 +2779,7 @@ const Body = React.forwardRef(function Body2(props, ref) {
     elementType: CustomElement = "p",
     isUnderlined = false,
     isBold = false
-  } = _a, otherProps = __objRest$6(_a, [
+  } = _a, otherProps = __objRest$7(_a, [
     "children",
     "level",
     "elementType",
@@ -2785,7 +2788,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$4(__spreadValues$6(__spreadValues$6({}, utils$1.filterDOMProps(props)), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$6(__spreadValues$8(__spreadValues$8({}, utils$1.filterDOMProps(props)), styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName], {
       [styles__default$a["default"]["sapphire-text--strong"]]: isBold,
       [styles__default$a["default"]["sapphire-text--underlined"]]: isUnderlined
@@ -2795,33 +2798,33 @@ const Body = React.forwardRef(function Body2(props, ref) {
   }), children);
 });
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = 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) => {
+var __defProp$7 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = 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$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$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$5 = (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$5.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$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.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;
@@ -2832,14 +2835,14 @@ const Caption = React.forwardRef(function Caption2(props, ref) {
     children,
     level = 1,
     elementType: CustomElement = "div"
-  } = _a, otherProps = __objRest$5(_a, [
+  } = _a, otherProps = __objRest$6(_a, [
     "children",
     "level",
     "elementType"
   ]);
   const { styleProps } = sapphireReact.useTextStyleProps(otherProps);
   const levelClassName = `sapphire-text--caption-${level}`;
-  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$3(__spreadValues$5(__spreadValues$5({}, utils$1.filterDOMProps(props)), styleProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(CustomElement, __spreadProps$5(__spreadValues$7(__spreadValues$7({}, utils$1.filterDOMProps(props)), styleProps), {
     className: clsx__default["default"](styleProps.className, styles__default$a["default"]["sapphire-text"], styles__default$a["default"][levelClassName]),
     style: styleProps.style,
     ref
@@ -2853,30 +2856,30 @@ const Typography = {
   Caption
 };
 
-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) => {
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$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$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$4 = (source, exclude) => {
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.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$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.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;
@@ -2893,7 +2896,7 @@ const Fieldset = (_a) => {
     children,
     size = "large",
     labelPlacement = "above"
-  } = _b, props = __objRest$4(_b, [
+  } = _b, props = __objRest$5(_b, [
     "label",
     "contextualHelp",
     "note",
@@ -2910,7 +2913,7 @@ const Fieldset = (_a) => {
     isInvalid: !!error,
     label: label$1
   });
-  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$4({
+  return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$6({
     elementType: "fieldset",
     error: !!error,
     isDisabled,
@@ -2924,9 +2927,245 @@ 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$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)));
+  }, children), (error || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$6({}, errorMessageProps), error) : note ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, __spreadValues$6({}, descriptionProps), note) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null)));
+};
+
+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]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$4 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$5.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))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const HiddenFileInput = React__default["default"].forwardRef(function InputWrapper(props, ref) {
+  return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$4(__spreadValues$5({}, props), {
+    ref,
+    type: "file",
+    style: { display: "none" }
+  }));
+});
+const FileTrigger = React__default["default"].forwardRef(function FileTriggerWrapper(props, ref) {
+  const _a = props, {
+    acceptedFileTypes,
+    allowsMultiple = false,
+    onSelect = () => null,
+    children,
+    isDisabled = false
+  } = _a, rest = __objRest$4(_a, [
+    "acceptedFileTypes",
+    "allowsMultiple",
+    "onSelect",
+    "children",
+    "isDisabled"
+  ]);
+  const inputRef = utils$1.useObjectRef(ref);
+  const domProps = utils$1.filterDOMProps(rest);
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(interactions.PressResponder, {
+    onPress: () => {
+      var _a2;
+      (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+    }
+  }, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$4(__spreadValues$5({}, domProps), {
+    disabled: isDisabled,
+    ref: inputRef,
+    accept: acceptedFileTypes == null ? void 0 : acceptedFileTypes.toString(),
+    onChange: (e) => onSelect == null ? void 0 : onSelect(e.target.files),
+    multiple: allowsMultiple
+  })));
+});
+
+const convertFileListToFileDropItems = (fileList) => {
+  if (!fileList) {
+    return [];
+  }
+  return Array.from(fileList).map((file) => ({
+    kind: "file",
+    type: file.type,
+    name: file.name,
+    getFile: () => Promise.resolve(file),
+    getText: () => new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = () => reject(reader.error);
+      reader.readAsText(file);
+    })
+  }));
+};
+
+var da$1 = {
+	"dropzone-heading-default": "Træk filer hertil, eller klik for at vælge",
+	"dropzone-heading-dropping": "Slip fil"
+};
+
+var en$1 = {
+	"dropzone-heading-default": "Drag files here or click to select",
+	"dropzone-heading-dropping": "Drop file"
+};
+
+var de$1 = {
+	"dropzone-heading-default": "Ziehen Sie Dateien hierher oder klicken Sie, um sie auszuwählen",
+	"dropzone-heading-dropping": "Datei ablegen"
+};
+
+var fi$1 = {
+	"dropzone-heading-default": "Vedä tiedostoja tähän tai valitse napsauttamalla",
+	"dropzone-heading-dropping": "Pudota tiedosto"
+};
+
+var no$1 = {
+	"dropzone-heading-default": "Dra filer her eller klikk for å velge",
+	"dropzone-heading-dropping": "Slipp fil"
+};
+
+var pl$1 = {
+	"dropzone-heading-default": "Przeciągnij pliki tutaj lub kliknij, aby wybrać",
+	"dropzone-heading-dropping": "Upuść plik"
+};
+
+var se$1 = {
+	"dropzone-heading-default": "Dra filer hit eller klicka för att välja",
+	"dropzone-heading-dropping": "Släpp filen"
+};
+
+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$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) => {
+  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]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapper(props, ref) {
+  const {
+    isDisabled = false,
+    hasError,
+    renderInstruction,
+    onFileSelectOpen = () => null,
+    acceptedFileTypes,
+    allowsMultiple,
+    onDrop = () => null
+  } = props;
+  const id = utils$1.useId();
+  const paragraphId = props["aria-label"] ? void 0 : id;
+  const format = i18n.useMessageFormatter(intlMessages$1);
+  const pressableRef = React.useRef(null);
+  const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
+  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
+  const {
+    dropProps,
+    dropButtonProps,
+    isDropTarget: isDropping
+  } = dnd.useDrop(__spreadProps$3(__spreadValues$4({}, props), {
+    ref: pressableRef,
+    hasDropButton: true,
+    isDisabled
+  }));
+  const { buttonProps } = sapphireReact.useButton(__spreadProps$3(__spreadValues$4({}, dropButtonProps), { elementType: "div" }), pressableRef);
+  const { focusProps, isFocusVisible } = focus.useFocusRing();
+  const { pressProps, isPressed } = interactions.usePress({});
+  const { clipboardProps } = dnd.useClipboard({
+    isDisabled,
+    onPaste: (items) => onDrop({
+      type: "drop",
+      items,
+      x: 0,
+      y: 0,
+      dropOperation: "copy"
+    })
+  });
+  const ariaLabel = props["aria-label"] || "Dropzone";
+  const onFileTriggerSelect = (files) => {
+    onDrop({
+      type: "drop",
+      items: convertFileListToFileDropItems(files),
+      x: 0,
+      y: 0,
+      dropOperation: "copy"
+    });
+  };
+  return /* @__PURE__ */ React__default["default"].createElement(FileTrigger, {
+    acceptedFileTypes,
+    allowsMultiple,
+    onSelect: onFileTriggerSelect,
+    isDisabled
+  }, /* @__PURE__ */ React__default["default"].createElement(interactions.Pressable, {
+    ref: pressableRef,
+    onPress: onFileSelectOpen
+  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$3(__spreadValues$4({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps, pressProps)), {
+    ref,
+    style: __spreadValues$4({}, styleProps.style),
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone"], styles__default$b["default"]["js-focus"], styles__default$b["default"]["js-hover"], {
+      [styles__default$b["default"]["is-hover"]]: isHovered && !isDropping,
+      [styles__default$b["default"]["is-active"]]: isPressed,
+      [styles__default$b["default"]["is-disabled"]]: isDisabled,
+      [styles__default$b["default"]["is-focus"]]: isFocusVisible,
+      [styles__default$b["default"]["sapphire-dropzone--dropping"]]: isDropping,
+      [styles__default$b["default"]["sapphire-dropzone--error"]]: hasError
+    }, styleProps.className),
+    "aria-label": ariaLabel,
+    "aria-invalid": hasError,
+    "aria-describedby": paragraphId
+  }), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__content"])
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__icon"])
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, null, /* @__PURE__ */ React__default["default"].createElement(react.Upload, null))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__heading"])
+  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Heading, {
+    level: 6
+  }, isDropping ? format("dropzone-heading-dropping") : format("dropzone-heading-default"))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    id: paragraphId,
+    className: clsx__default["default"](styles__default$b["default"]["sapphire-dropzone__paragraph"])
+  }, /* @__PURE__ */ React__default["default"].createElement(Body, {
+    level: 2
+  }, renderInstruction(isDropping)))))));
+});
+
 var __defProp$3 = Object.defineProperty;
 var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
 var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
@@ -3312,6 +3551,8 @@ exports.DateField = DateField;
 exports.DateRangeField = DateRangeField;
 exports.FeedbackMessage = FeedbackMessage;
 exports.Fieldset = Fieldset;
+exports.FileDropzone = FileDropzone;
+exports.FileTrigger = FileTrigger;
 exports.FilterDropdown = FilterDropdown;
 exports.NotificationBadge = NotificationBadge;
 exports.NumberField = NumberField;