@alma-oss/spirit-web-react 4.0.0 → 4.2.0

package/bundles/web-react.umd.js

@@ -6806,6 +6806,8 @@ const Accordion = (props) => {
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AccordionContext__WEBPACK_IMPORTED_MODULE_4__.AccordionProvider, { value: contextValue }, children)));
 };
 Accordion.spiritComponent = 'Accordion';
+Accordion.spiritDefaultElement = 'section';
+Accordion.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Accordion);
 
 
@@ -6911,17 +6913,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "../../node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils */ "./src/utils/mergeStyleProps.ts");
 /* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
-/* harmony import */ var _AccordionContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./AccordionContext */ "./src/components/Accordion/AccordionContext.ts");
-/* harmony import */ var _AccordionItemContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AccordionItemContext */ "./src/components/Accordion/AccordionItemContext.ts");
-/* harmony import */ var _useAccordionAriaProps__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useAccordionAriaProps */ "./src/components/Accordion/useAccordionAriaProps.ts");
-/* harmony import */ var _useAccordionStyleProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useAccordionStyleProps */ "./src/components/Accordion/useAccordionStyleProps.ts");
-/* harmony import */ var _useOpenItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useOpenItem */ "./src/components/Accordion/useOpenItem.ts");
+/* harmony import */ var _AccordionContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AccordionContext */ "./src/components/Accordion/AccordionContext.ts");
+/* harmony import */ var _AccordionItemContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./AccordionItemContext */ "./src/components/Accordion/AccordionItemContext.ts");
+/* harmony import */ var _useAccordionAriaProps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useAccordionAriaProps */ "./src/components/Accordion/useAccordionAriaProps.ts");
+/* harmony import */ var _useAccordionStyleProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useAccordionStyleProps */ "./src/components/Accordion/useAccordionStyleProps.ts");
+/* harmony import */ var _useOpenItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useOpenItem */ "./src/components/Accordion/useOpenItem.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -6943,27 +6944,37 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
-const AccordionHeader = (_a) => {
-    var { children, slot } = _a, restProps = __rest(_a, ["children", "slot"]);
-    const { classProps } = (0,_useAccordionStyleProps__WEBPACK_IMPORTED_MODULE_2__.useAccordionStyleProps)();
-    const { toggle } = (0,_AccordionContext__WEBPACK_IMPORTED_MODULE_3__.useAccordionContext)();
-    const { id } = (0,_AccordionItemContext__WEBPACK_IMPORTED_MODULE_4__.useAccordionItemContext)();
-    const { styleProps, props: transferProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useStyleProps)(restProps);
-    const { isOpen } = (0,_useOpenItem__WEBPACK_IMPORTED_MODULE_6__.useOpenItem)(id);
-    const { triggerProps, headerProps } = (0,_useAccordionAriaProps__WEBPACK_IMPORTED_MODULE_7__.useAccordionAriaProps)({ id, isOpen });
+const defaultProps = {
+    elementType: 'h3',
+};
+const AccordionHeader = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'h3', children, slot } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children", "slot"]);
+    const { classProps } = (0,_useAccordionStyleProps__WEBPACK_IMPORTED_MODULE_1__.useAccordionStyleProps)();
+    const { toggle } = (0,_AccordionContext__WEBPACK_IMPORTED_MODULE_2__.useAccordionContext)();
+    const { id } = (0,_AccordionItemContext__WEBPACK_IMPORTED_MODULE_3__.useAccordionItemContext)();
+    const { styleProps, props: transferProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useStyleProps)(restProps);
+    const { isOpen } = (0,_useOpenItem__WEBPACK_IMPORTED_MODULE_5__.useOpenItem)(id);
+    const { triggerProps, headerProps } = (0,_useAccordionAriaProps__WEBPACK_IMPORTED_MODULE_6__.useAccordionAriaProps)({ id, isOpen });
+    const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.mergeStyleProps)(ElementTag, {
+        classProps: classProps.header,
+        styleProps,
+    });
     const itemToggle = () => {
         if (toggle && id) {
             toggle(id);
         }
     };
-    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("h3", Object.assign({}, transferProps, styleProps, headerProps, { className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(classProps.header, styleProps.className) }),
-        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("button", Object.assign({ type: "button", className: classProps.toggle, onClick: itemToggle }, triggerProps), children),
-        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: classProps.side },
-            slot && react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: classProps.slot }, slot),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: classProps.icon },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_8__["default"], { name: "chevron-down" })))));
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, transferProps, mergedStyleProps, headerProps),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", Object.assign({ type: "button", className: classProps.toggle, onClick: itemToggle }, triggerProps), children),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: classProps.side },
+            slot && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: classProps.slot }, slot),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: classProps.icon },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_8__["default"], { name: "chevron-down" })))));
 };
 AccordionHeader.spiritComponent = 'AccordionHeader';
+AccordionHeader.spiritDefaultElement = 'h3';
+AccordionHeader.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionHeader);
 
 
@@ -7013,6 +7024,8 @@ const AccordionItem = (props) => {
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AccordionItemContext__WEBPACK_IMPORTED_MODULE_4__.AccordionItemProvider, { value: contextValue }, children)));
 };
 AccordionItem.spiritComponent = 'AccordionItem';
+AccordionItem.spiritDefaultElement = 'article';
+AccordionItem.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionItem);
 
 
@@ -7082,9 +7095,11 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 const UncontrolledAccordion = (props) => {
     const { defaultOpen, stayOpen } = props, restProps = __rest(props, ["defaultOpen", "stayOpen"]);
     const { open, toggle } = (0,_useAccordion__WEBPACK_IMPORTED_MODULE_1__.useAccordion)({ defaultOpen, stayOpen });
-    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Accordion__WEBPACK_IMPORTED_MODULE_2__["default"], Object.assign({ open: open, toggle: toggle }, restProps));
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Accordion__WEBPACK_IMPORTED_MODULE_2__["default"], Object.assign({}, restProps, { open: open, toggle: toggle }));
 };
 UncontrolledAccordion.spiritComponent = 'UncontrolledAccordion';
+UncontrolledAccordion.spiritDefaultElement = 'section';
+UncontrolledAccordion.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UncontrolledAccordion);
 
 
@@ -7556,6 +7571,9 @@ const _Avatar = (props, ref) => {
     const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeStyleProps)(ElementTag, { classProps, styleProps });
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps, { ref: ref }), children));
 };
+_Avatar.spiritComponent = 'Avatar';
+_Avatar.spiritDefaultElement = 'div';
+_Avatar.spiritDefaultProps = null;
 const Avatar = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(_Avatar);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Avatar);
 
@@ -7677,6 +7695,8 @@ const Box = (props) => {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
 };
 Box.spiritComponent = 'Box';
+Box.spiritDefaultElement = 'div';
+Box.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Box);
 
 
@@ -11477,7 +11497,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 const FileUploaderAttachment = (props) => {
-    const { editText, file, hasImagePreview, iconName = _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ICON_NAME, id, imageObjectFit, label, meta, name, onDismiss, onEdit, onError, removeText } = props, restProps = __rest(props, ["editText", "file", "hasImagePreview", "iconName", "id", "imageObjectFit", "label", "meta", "name", "onDismiss", "onEdit", "onError", "removeText"]);
+    const { editText = _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_EDIT_BUTTON_LABEL, file, hasImagePreview, iconName = _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ICON_NAME, id, imageObjectFit, label, meta, name, onDismiss, onEdit, onError, removeText = _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_BUTTON_LABEL } = props, restProps = __rest(props, ["editText", "file", "hasImagePreview", "iconName", "id", "imageObjectFit", "label", "meta", "name", "onDismiss", "onEdit", "onError", "removeText"]);
     const [imagePreview, setImagePreview] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
     const { classProps } = (0,_useFileUploaderStyleProps__WEBPACK_IMPORTED_MODULE_3__.useFileUploaderStyleProps)();
     const { styleProps, props: transferProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useStyleProps)(restProps);
@@ -11498,8 +11518,8 @@ const FileUploaderAttachment = (props) => {
         react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: classProps.attachment.name },
             react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: (0,_hooks__WEBPACK_IMPORTED_MODULE_9__.useClassNamePrefix)('text-truncate') }, label)),
         onEdit && (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: classProps.attachment.slot },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_AttachmentActionButton__WEBPACK_IMPORTED_MODULE_10__["default"], { onClick: onEditHandler }, editText || _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_EDIT_BUTTON_LABEL))),
-        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_AttachmentDismissButton__WEBPACK_IMPORTED_MODULE_11__["default"], { onClick: dismissHandler }, removeText || _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_BUTTON_LABEL)));
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_AttachmentActionButton__WEBPACK_IMPORTED_MODULE_10__["default"], { onClick: onEditHandler }, editText))),
+        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_AttachmentDismissButton__WEBPACK_IMPORTED_MODULE_11__["default"], { onClick: dismissHandler }, removeText)));
 };
 FileUploaderAttachment.spiritComponent = 'FileUploaderAttachment';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileUploaderAttachment);
@@ -11662,9 +11682,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
-/* harmony import */ var _FileUploaderContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./FileUploaderContext */ "./src/components/FileUploader/FileUploaderContext.ts");
-/* harmony import */ var _useFileUploaderStyleProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useFileUploaderStyleProps */ "./src/components/FileUploader/useFileUploaderStyleProps.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/components/FileUploader/constants.ts");
+/* harmony import */ var _FileUploaderContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./FileUploaderContext */ "./src/components/FileUploader/FileUploaderContext.ts");
+/* harmony import */ var _useFileUploaderStyleProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useFileUploaderStyleProps */ "./src/components/FileUploader/useFileUploaderStyleProps.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -11682,11 +11703,12 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const FileUploaderList = (props) => {
-    const { label, id, attachmentComponent, inputName, hasImagePreview } = props, restProps = __rest(props, ["label", "id", "attachmentComponent", "inputName", "hasImagePreview"]);
-    const { classProps } = (0,_useFileUploaderStyleProps__WEBPACK_IMPORTED_MODULE_2__.useFileUploaderStyleProps)();
-    const { styleProps, props: transferProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useStyleProps)(restProps);
-    const { fileQueue, onDismiss } = (0,_FileUploaderContext__WEBPACK_IMPORTED_MODULE_4__.useFileUploaderContext)();
+    const { label = _constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_ATTACHMENT_LIST_LABEL, id, attachmentComponent, inputName, hasImagePreview } = props, restProps = __rest(props, ["label", "id", "attachmentComponent", "inputName", "hasImagePreview"]);
+    const { classProps } = (0,_useFileUploaderStyleProps__WEBPACK_IMPORTED_MODULE_3__.useFileUploaderStyleProps)();
+    const { styleProps, props: transferProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useStyleProps)(restProps);
+    const { fileQueue, onDismiss } = (0,_FileUploaderContext__WEBPACK_IMPORTED_MODULE_5__.useFileUploaderContext)();
     const renderAttachments = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => {
         const fileArray = Array.from(fileQueue, (entry) => ({ key: entry[0], file: entry[1].file, meta: entry[1].meta }));
         return fileArray.map(({ key, file, meta }) => attachmentComponent &&
@@ -11771,6 +11793,7 @@ UncontrolledFileUploader.spiritComponent = 'UncontrolledFileUploader';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DEFAULT_ATTACHMENT_LIST_LABEL: () => (/* binding */ DEFAULT_ATTACHMENT_LIST_LABEL),
 /* harmony export */   DEFAULT_BUTTON_LABEL: () => (/* binding */ DEFAULT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_EDIT_BUTTON_LABEL: () => (/* binding */ DEFAULT_EDIT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE: () => (/* binding */ DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE),
@@ -11795,6 +11818,7 @@ const DEFAULT_ERROR_MESSAGE_UNSUPPORTED_FILE = 'This file type is not supported'
 const DEFAULT_ICON_NAME = 'file';
 const DEFAULT_BUTTON_LABEL = 'Remove';
 const DEFAULT_EDIT_BUTTON_LABEL = 'Edit';
+const DEFAULT_ATTACHMENT_LIST_LABEL = 'Attachments';
 const FileUploaderCropCSS = {
     TOP: '--file-uploader-attachment-image-top',
     LEFT: '--file-uploader-attachment-image-left',
@@ -11816,6 +11840,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   AttachmentActionButton: () => (/* reexport safe */ _AttachmentActionButton__WEBPACK_IMPORTED_MODULE_4__["default"]),
 /* harmony export */   AttachmentDismissButton: () => (/* reexport safe */ _AttachmentDismissButton__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   DEFAULT_ATTACHMENT_LIST_LABEL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_11__.DEFAULT_ATTACHMENT_LIST_LABEL),
 /* harmony export */   DEFAULT_BUTTON_LABEL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_11__.DEFAULT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_EDIT_BUTTON_LABEL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_11__.DEFAULT_EDIT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_11__.DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE),
@@ -12393,6 +12418,8 @@ const Flex = (props) => {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
 };
 Flex.spiritComponent = 'Flex';
+Flex.spiritDefaultElement = 'div';
+Flex.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Flex);
 
 
@@ -12491,15 +12518,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "../../node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ "./src/constants/dictionaries.ts");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../constants */ "./src/constants/style.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/components/Footer/constants.ts");
-/* harmony import */ var _useFooterStyleProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useFooterStyleProps */ "./src/components/Footer/useFooterStyleProps.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants/dictionaries.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ "./src/constants/style.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/utils/mergeStyleProps.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/components/Footer/constants.ts");
+/* harmony import */ var _useFooterStyleProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useFooterStyleProps */ "./src/components/Footer/useFooterStyleProps.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -12519,20 +12545,22 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 const defaultStyleProps = {
-    backgroundColor: _constants__WEBPACK_IMPORTED_MODULE_2__.BackgroundColors.SECONDARY,
-    paddingBottom: _constants__WEBPACK_IMPORTED_MODULE_3__.PADDING_BOTTOM,
-    paddingTop: _constants__WEBPACK_IMPORTED_MODULE_3__.PADDING_TOP,
+    backgroundColor: _constants__WEBPACK_IMPORTED_MODULE_1__.BackgroundColors.SECONDARY,
+    elementType: 'footer',
+    paddingBottom: _constants__WEBPACK_IMPORTED_MODULE_2__.PADDING_BOTTOM,
+    paddingTop: _constants__WEBPACK_IMPORTED_MODULE_2__.PADDING_TOP,
 };
 const Footer = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultStyleProps), props);
-    const { children, backgroundColor } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "backgroundColor"]);
-    const { classProps } = (0,_useFooterStyleProps__WEBPACK_IMPORTED_MODULE_4__.useFooterStyleProps)({ backgroundColor });
-    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useStyleProps)(restProps, {
-        paddingBottom: _constants__WEBPACK_IMPORTED_MODULE_6__.PaddingStyleProps.paddingBottom,
-        paddingTop: _constants__WEBPACK_IMPORTED_MODULE_6__.PaddingStyleProps.paddingTop,
-        textAlignment: _constants__WEBPACK_IMPORTED_MODULE_6__.TextStyleProps.textAlignment,
+    const { elementType: ElementTag = defaultStyleProps.elementType, children, backgroundColor } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children", "backgroundColor"]);
+    const { classProps } = (0,_useFooterStyleProps__WEBPACK_IMPORTED_MODULE_3__.useFooterStyleProps)({ backgroundColor });
+    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useStyleProps)(restProps, {
+        paddingBottom: _constants__WEBPACK_IMPORTED_MODULE_5__.PaddingStyleProps.paddingBottom,
+        paddingTop: _constants__WEBPACK_IMPORTED_MODULE_5__.PaddingStyleProps.paddingTop,
+        textAlignment: _constants__WEBPACK_IMPORTED_MODULE_5__.TextStyleProps.textAlignment,
     });
-    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("footer", Object.assign({}, otherProps, styleProps, { className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(classProps, styleProps.className) }), children));
+    const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.mergeStyleProps)(ElementTag, { classProps, styleProps, otherProps });
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
 };
 Footer.spiritComponent = 'Footer';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Footer);
@@ -12654,6 +12682,8 @@ const Grid = (props) => {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
 };
 Grid.spiritComponent = 'Grid';
+Grid.spiritDefaultElement = 'div';
+Grid.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Grid);
 
 
@@ -12699,6 +12729,8 @@ const GridItem = (props) => {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
 };
 GridItem.spiritComponent = 'GridItem';
+GridItem.spiritDefaultElement = 'div';
+GridItem.spiritDefaultProps = null;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridItem);
 
 
@@ -14776,9 +14808,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Button */ "./src/components/Button/Button.tsx");
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
-/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Button */ "./src/components/Button/Button.tsx");
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/Modal/constants.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -14795,11 +14828,12 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const ModalCloseButton = (_a) => {
-    var { label = 'Close', onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_1__["default"], Object.assign({}, restProps, { isSymmetrical: true, color: "tertiary", onClick: onClose, "aria-expanded": isOpen, "aria-controls": id }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], { name: "close" }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_3__["default"], null, label)));
+    var { label = _constants__WEBPACK_IMPORTED_MODULE_1__.MODAL_CLOSE_BUTTON_LABEL_DEFAULT, onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_2__["default"], Object.assign({}, restProps, { isSymmetrical: true, color: "tertiary", onClick: onClose, "aria-expanded": isOpen, "aria-controls": id }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], { name: "close" }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__["default"], null, label)));
 };
 ModalCloseButton.spiritComponent = 'ModalCloseButton';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalCloseButton);
@@ -14957,10 +14991,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
-/* harmony import */ var _ModalCloseButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ModalCloseButton */ "./src/components/Modal/ModalCloseButton.tsx");
-/* harmony import */ var _ModalContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ModalContext */ "./src/components/Modal/ModalContext.ts");
-/* harmony import */ var _useModalStyleProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useModalStyleProps */ "./src/components/Modal/useModalStyleProps.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/components/Modal/constants.ts");
+/* harmony import */ var _ModalCloseButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ModalCloseButton */ "./src/components/Modal/ModalCloseButton.tsx");
+/* harmony import */ var _ModalContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ModalContext */ "./src/components/Modal/ModalContext.ts");
+/* harmony import */ var _useModalStyleProps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useModalStyleProps */ "./src/components/Modal/useModalStyleProps.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -14979,23 +15014,40 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const defaultProps = {
     hasCloseButton: true,
 };
 const ModalHeader = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
-    const { children, closeLabel, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
-    const { classProps } = (0,_useModalStyleProps__WEBPACK_IMPORTED_MODULE_2__.useModalStyleProps)();
-    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useStyleProps)(restProps);
-    const { id, isOpen, onClose } = (0,_ModalContext__WEBPACK_IMPORTED_MODULE_4__.useModalContext)();
+    const { children, closeLabel = _constants__WEBPACK_IMPORTED_MODULE_2__.MODAL_CLOSE_BUTTON_LABEL_DEFAULT, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
+    const { classProps } = (0,_useModalStyleProps__WEBPACK_IMPORTED_MODULE_3__.useModalStyleProps)();
+    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useStyleProps)(restProps);
+    const { id, isOpen, onClose } = (0,_ModalContext__WEBPACK_IMPORTED_MODULE_5__.useModalContext)();
     return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("header", Object.assign({}, otherProps, styleProps, { className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(classProps.header, styleProps.className) }),
         children && (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("h2", { id: `${id}__title`, className: classProps.title }, children)),
-        hasCloseButton && react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ModalCloseButton__WEBPACK_IMPORTED_MODULE_5__["default"], { id: id, isOpen: isOpen, label: closeLabel, onClose: onClose })));
+        hasCloseButton && react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ModalCloseButton__WEBPACK_IMPORTED_MODULE_6__["default"], { id: id, isOpen: isOpen, label: closeLabel, onClose: onClose })));
 };
 ModalHeader.spiritComponent = 'ModalHeader';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalHeader);
 
 
+/***/ }),
+
+/***/ "./src/components/Modal/constants.ts":
+/*!*******************************************!*\
+  !*** ./src/components/Modal/constants.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MODAL_CLOSE_BUTTON_LABEL_DEFAULT: () => (/* binding */ MODAL_CLOSE_BUTTON_LABEL_DEFAULT)
+/* harmony export */ });
+const MODAL_CLOSE_BUTTON_LABEL_DEFAULT = 'Close';
+
+
 /***/ }),
 
 /***/ "./src/components/Modal/index.ts":
@@ -15600,9 +15652,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Button */ "./src/components/ButtonLink/ButtonLink.tsx");
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
-/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Button */ "./src/components/ButtonLink/ButtonLink.tsx");
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/Pagination/constants.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -15619,15 +15672,18 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const _PaginationButtonLink = (props, ref) => {
-    const _a = props, { direction, accessibilityLabel } = _a, restProps = __rest(_a, ["direction", "accessibilityLabel"]);
+    const _a = props, { direction, accessibilityLabel = direction === 'previous'
+        ? _constants__WEBPACK_IMPORTED_MODULE_1__.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL
+        : _constants__WEBPACK_IMPORTED_MODULE_1__.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL } = _a, restProps = __rest(_a, ["direction", "accessibilityLabel"]);
     const iconType = {
         previous: 'chevron-left',
         next: 'chevron-right',
     };
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_1__["default"], Object.assign({ color: "secondary", isSymmetrical: true }, restProps, { ref: ref }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], { name: iconType[direction] }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_3__["default"], null, accessibilityLabel)));
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_2__["default"], Object.assign({ color: "secondary", isSymmetrical: true }, restProps, { ref: ref }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], { name: iconType[direction] }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__["default"], null, accessibilityLabel)));
 };
 const PaginationButtonLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(_PaginationButtonLink);
 PaginationButtonLink.spiritComponent = 'PaginationButtonLink';
@@ -15694,10 +15750,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ "./src/utils/mergeStyleProps.ts");
-/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
-/* harmony import */ var _usePaginationStyleProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./usePaginationStyleProps */ "./src/components/Pagination/usePaginationStyleProps.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils */ "./src/utils/mergeStyleProps.ts");
+/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/Pagination/constants.ts");
+/* harmony import */ var _usePaginationStyleProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./usePaginationStyleProps */ "./src/components/Pagination/usePaginationStyleProps.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -15715,13 +15772,15 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const _PaginationLink = (props, ref) => {
     const { elementType: ElementTag = 'a', accessibilityLabel, isCurrent, pageNumber } = props, restProps = __rest(props, ["elementType", "accessibilityLabel", "isCurrent", "pageNumber"]);
-    const { classProps } = (0,_usePaginationStyleProps__WEBPACK_IMPORTED_MODULE_1__.usePaginationStyleProps)({ isCurrent });
-    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useStyleProps)(restProps);
-    const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.mergeStyleProps)(ElementTag, { classProps: classProps.link, styleProps, otherProps });
+    const visuallyHiddenLabel = accessibilityLabel || `${_constants__WEBPACK_IMPORTED_MODULE_1__.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX} ${pageNumber}`;
+    const { classProps } = (0,_usePaginationStyleProps__WEBPACK_IMPORTED_MODULE_2__.usePaginationStyleProps)({ isCurrent });
+    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useStyleProps)(restProps);
+    const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeStyleProps)(ElementTag, { classProps: classProps.link, styleProps, otherProps });
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps, { ref: ref }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__["default"], null, accessibilityLabel),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__["default"], null, visuallyHiddenLabel),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { "aria-hidden": "true" }, pageNumber)));
 };
 const PaginationLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(_PaginationLink);
@@ -15826,12 +15885,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Pagination */ "./src/components/Pagination/Pagination.tsx");
-/* harmony import */ var _PaginationItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PaginationItem */ "./src/components/Pagination/PaginationItem.tsx");
-/* harmony import */ var _PaginationLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PaginationLink */ "./src/components/Pagination/PaginationLink.tsx");
-/* harmony import */ var _PaginationLinkNext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./PaginationLinkNext */ "./src/components/Pagination/PaginationLinkNext.tsx");
-/* harmony import */ var _PaginationLinkPrevious__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PaginationLinkPrevious */ "./src/components/Pagination/PaginationLinkPrevious.tsx");
-/* harmony import */ var _usePagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./usePagination */ "./src/components/Pagination/usePagination.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/Pagination/constants.ts");
+/* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Pagination */ "./src/components/Pagination/Pagination.tsx");
+/* harmony import */ var _PaginationItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PaginationItem */ "./src/components/Pagination/PaginationItem.tsx");
+/* harmony import */ var _PaginationLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./PaginationLink */ "./src/components/Pagination/PaginationLink.tsx");
+/* harmony import */ var _PaginationLinkNext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./PaginationLinkNext */ "./src/components/Pagination/PaginationLinkNext.tsx");
+/* harmony import */ var _PaginationLinkPrevious__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PaginationLinkPrevious */ "./src/components/Pagination/PaginationLinkPrevious.tsx");
+/* harmony import */ var _usePagination__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./usePagination */ "./src/components/Pagination/usePagination.tsx");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -15851,25 +15911,26 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const UncontrolledPagination = (props) => {
-    const { accessibilityLabel, accessibilityLabelPrevious = 'Previous', accessibilityLabelNext = 'Next', defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
-    const { currentPage, pages, handlePageChange } = (0,_usePagination__WEBPACK_IMPORTED_MODULE_1__.usePagination)({
+    const { accessibilityLabel = _constants__WEBPACK_IMPORTED_MODULE_1__.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX, accessibilityLabelPrevious = _constants__WEBPACK_IMPORTED_MODULE_1__.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL, accessibilityLabelNext = _constants__WEBPACK_IMPORTED_MODULE_1__.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL, defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
+    const { currentPage, pages, handlePageChange } = (0,_usePagination__WEBPACK_IMPORTED_MODULE_2__.usePagination)({
         defaultPage,
         onChange,
         totalPages,
         visiblePages,
     });
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Pagination__WEBPACK_IMPORTED_MODULE_2__["default"], Object.assign({}, rest),
-        currentPage !== 1 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationLinkPrevious__WEBPACK_IMPORTED_MODULE_3__["default"], { accessibilityLabel: accessibilityLabelPrevious, onClick: (event) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Pagination__WEBPACK_IMPORTED_MODULE_3__["default"], Object.assign({}, rest),
+        currentPage !== 1 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationLinkPrevious__WEBPACK_IMPORTED_MODULE_4__["default"], { accessibilityLabel: accessibilityLabelPrevious, onClick: (event) => {
                 event.preventDefault();
                 handlePageChange(currentPage - 1);
             } })), pages === null || pages === void 0 ? void 0 :
-        pages.map((pageNumber) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationItem__WEBPACK_IMPORTED_MODULE_4__["default"], { key: pageNumber },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationLink__WEBPACK_IMPORTED_MODULE_5__["default"], { accessibilityLabel: `${accessibilityLabel} ${pageNumber}`, href: "#", isCurrent: currentPage === pageNumber, pageNumber: pageNumber, onClick: (event) => {
+        pages.map((pageNumber) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationItem__WEBPACK_IMPORTED_MODULE_5__["default"], { key: pageNumber },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationLink__WEBPACK_IMPORTED_MODULE_6__["default"], { accessibilityLabel: `${accessibilityLabel} ${pageNumber}`, href: "#", isCurrent: currentPage === pageNumber, pageNumber: pageNumber, onClick: (event) => {
                     event.preventDefault();
                     handlePageChange(pageNumber);
                 } })))),
-        currentPage !== totalPages && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationLinkNext__WEBPACK_IMPORTED_MODULE_6__["default"], { accessibilityLabel: accessibilityLabelNext, onClick: (event) => {
+        currentPage !== totalPages && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaginationLinkNext__WEBPACK_IMPORTED_MODULE_7__["default"], { accessibilityLabel: accessibilityLabelNext, onClick: (event) => {
                 event.preventDefault();
                 handlePageChange(currentPage + 1);
             } }))));
@@ -15889,11 +15950,13 @@ UncontrolledPagination.spiritComponent = 'UncontrolledPagination';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX: () => (/* binding */ PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX),
 /* harmony export */   PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* binding */ PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* binding */ PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL)
 /* harmony export */ });
 const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Previous';
 const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
+const PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = 'Go to page';
 
 
 /***/ }),
@@ -15907,6 +15970,7 @@ const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_7__.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX),
 /* harmony export */   PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_7__.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_7__.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   Pagination: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_0__["default"]),
@@ -17016,10 +17080,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ "./src/constants/direction.ts");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ "./src/utils/mergeStyleProps.ts");
-/* harmony import */ var _ControlButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ControlButton */ "./src/components/ControlButton/ControlButton.tsx");
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _ControlButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ControlButton */ "./src/components/ControlButton/ControlButton.tsx");
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _useScrollCallback__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useScrollCallback */ "./src/components/ScrollView/useScrollCallback.ts");
 /* harmony import */ var _useScrollViewArrows__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useScrollViewArrows */ "./src/components/ScrollView/useScrollViewArrows.ts");
 /* harmony import */ var _useScrollViewStyleProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useScrollViewStyleProps */ "./src/components/ScrollView/useScrollViewStyleProps.ts");
+'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -17039,6 +17105,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const ScrollViewArrows = (props) => {
     const { ariaLabelArrows, direction, scrollStep, viewportRef } = props, restProps = __rest(props, ["ariaLabelArrows", "direction", "scrollStep", "viewportRef"]);
     const { classProps } = (0,_useScrollViewStyleProps__WEBPACK_IMPORTED_MODULE_1__.useScrollViewStyleProps)({
@@ -17048,16 +17115,9 @@ const ScrollViewArrows = (props) => {
     const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.mergeStyleProps)('button', { classProps: classProps.arrows, styleProps });
     const isHorizontal = (0,_constants__WEBPACK_IMPORTED_MODULE_4__.isDirectionHorizontal)(direction);
     const { arrows } = (0,_useScrollViewArrows__WEBPACK_IMPORTED_MODULE_5__.useScrollViewArrows)(isHorizontal, ariaLabelArrows, scrollStep);
-    const handleScroll = (step) => {
-        var _a;
-        const scrollToDirection = isHorizontal ? 'left' : 'top';
-        (_a = viewportRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({
-            [scrollToDirection]: step,
-            behavior: 'smooth',
-        });
-    };
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", Object.assign({}, otherProps, mergedStyleProps), arrows.map(({ icon, label, step }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ControlButton__WEBPACK_IMPORTED_MODULE_6__["default"], { key: icon, "aria-label": label, onClick: () => handleScroll(step), size: "small", isSymmetrical: true },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_7__["default"], { name: icon }))))));
+    const { handleScroll } = (0,_useScrollCallback__WEBPACK_IMPORTED_MODULE_6__.useScrollCallback)({ viewportRef, direction });
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", Object.assign({}, otherProps, mergedStyleProps), arrows.map(({ icon, label, step }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ControlButton__WEBPACK_IMPORTED_MODULE_7__["default"], { key: icon, "aria-label": label, onClick: () => handleScroll(step), size: "small", isSymmetrical: true },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_8__["default"], { name: icon }))))));
 };
 ScrollViewArrows.spiritComponent = 'ScrollViewArrows';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ScrollViewArrows);
@@ -17076,6 +17136,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   DEBOUNCE_DELAY: () => (/* binding */ DEBOUNCE_DELAY),
 /* harmony export */   EDGE_DETECTION_INACCURACY_PX: () => (/* binding */ EDGE_DETECTION_INACCURACY_PX),
+/* harmony export */   SCROLL_CANCEL_DELAY: () => (/* binding */ SCROLL_CANCEL_DELAY),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END: () => (/* binding */ SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START: () => (/* binding */ SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END: () => (/* binding */ SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END),
@@ -17087,6 +17148,7 @@ __webpack_require__.r(__webpack_exports__);
 
 const DEBOUNCE_DELAY = 50;
 const EDGE_DETECTION_INACCURACY_PX = 1;
+const SCROLL_CANCEL_DELAY = 10;
 const SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END = 'Scroll right';
 const SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START = 'Scroll left';
 const SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END = 'Scroll down';
@@ -17108,6 +17170,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   DEBOUNCE_DELAY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.DEBOUNCE_DELAY),
 /* harmony export */   EDGE_DETECTION_INACCURACY_PX: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EDGE_DETECTION_INACCURACY_PX),
+/* harmony export */   SCROLL_CANCEL_DELAY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_CANCEL_DELAY),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END),
@@ -17116,16 +17179,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR),
 /* harmony export */   ScrollView: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   ScrollViewArrows: () => (/* reexport safe */ _ScrollViewArrows__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   useScrollCallback: () => (/* reexport safe */ _useScrollCallback__WEBPACK_IMPORTED_MODULE_4__.useScrollCallback),
 /* harmony export */   useScrollPosition: () => (/* reexport safe */ _useScrollPosition__WEBPACK_IMPORTED_MODULE_3__.useScrollPosition),
-/* harmony export */   useScrollViewArrows: () => (/* reexport safe */ _useScrollViewArrows__WEBPACK_IMPORTED_MODULE_4__.useScrollViewArrows),
-/* harmony export */   useScrollViewStyleProps: () => (/* reexport safe */ _useScrollViewStyleProps__WEBPACK_IMPORTED_MODULE_5__.useScrollViewStyleProps)
+/* harmony export */   useScrollViewArrows: () => (/* reexport safe */ _useScrollViewArrows__WEBPACK_IMPORTED_MODULE_5__.useScrollViewArrows),
+/* harmony export */   useScrollViewStyleProps: () => (/* reexport safe */ _useScrollViewStyleProps__WEBPACK_IMPORTED_MODULE_6__.useScrollViewStyleProps)
 /* harmony export */ });
 /* harmony import */ var _ScrollView__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ScrollView */ "./src/components/ScrollView/ScrollView.tsx");
 /* harmony import */ var _ScrollViewArrows__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ScrollViewArrows */ "./src/components/ScrollView/ScrollViewArrows.tsx");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/components/ScrollView/constants.ts");
 /* harmony import */ var _useScrollPosition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useScrollPosition */ "./src/components/ScrollView/useScrollPosition.ts");
-/* harmony import */ var _useScrollViewArrows__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useScrollViewArrows */ "./src/components/ScrollView/useScrollViewArrows.ts");
-/* harmony import */ var _useScrollViewStyleProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useScrollViewStyleProps */ "./src/components/ScrollView/useScrollViewStyleProps.ts");
+/* harmony import */ var _useScrollCallback__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useScrollCallback */ "./src/components/ScrollView/useScrollCallback.ts");
+/* harmony import */ var _useScrollViewArrows__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useScrollViewArrows */ "./src/components/ScrollView/useScrollViewArrows.ts");
+/* harmony import */ var _useScrollViewStyleProps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useScrollViewStyleProps */ "./src/components/ScrollView/useScrollViewStyleProps.ts");
+
 
 
 
@@ -17134,6 +17200,66 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/components/ScrollView/useScrollCallback.ts":
+/*!********************************************************!*\
+  !*** ./src/components/ScrollView/useScrollCallback.ts ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useScrollCallback: () => (/* binding */ useScrollCallback)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants/direction.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ "./src/constants/position.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/components/ScrollView/constants.ts");
+'use client';
+
+
+
+const useScrollCallback = ({ viewportRef, direction }) => {
+    const scrollTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => () => {
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+    }, []);
+    const handleScroll = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((step) => {
+        if (!viewportRef.current) {
+            return;
+        }
+        const isHorizontal = (0,_constants__WEBPACK_IMPORTED_MODULE_1__.isDirectionHorizontal)(direction);
+        const scrollToDirection = isHorizontal ? _constants__WEBPACK_IMPORTED_MODULE_2__.Position.LEFT : _constants__WEBPACK_IMPORTED_MODULE_2__.Position.TOP;
+        const currentScrollPosition = isHorizontal ? viewportRef.current.scrollLeft : viewportRef.current.scrollTop;
+        const maxScroll = isHorizontal
+            ? viewportRef.current.scrollWidth - viewportRef.current.clientWidth
+            : viewportRef.current.scrollHeight - viewportRef.current.clientHeight;
+        viewportRef.current.scrollTo({
+            [scrollToDirection]: currentScrollPosition,
+            behavior: 'auto',
+        });
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+        const targetPosition = Math.max(0, Math.min(currentScrollPosition + step, maxScroll));
+        scrollTimeoutRef.current = setTimeout(() => {
+            if (viewportRef.current) {
+                viewportRef.current.scrollTo({
+                    [scrollToDirection]: targetPosition,
+                    behavior: 'smooth',
+                });
+            }
+        }, _constants__WEBPACK_IMPORTED_MODULE_3__.SCROLL_CANCEL_DELAY);
+    }, [viewportRef, direction]);
+    return { handleScroll };
+};
+
+
 /***/ }),
 
 /***/ "./src/components/ScrollView/useScrollPosition.ts":
@@ -18726,13 +18852,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Button */ "./src/components/Button/Button.tsx");
-/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Dropdown */ "./src/components/Dropdown/Dropdown.tsx");
-/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Dropdown */ "./src/components/Dropdown/DropdownTrigger.tsx");
-/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Dropdown */ "./src/components/Dropdown/DropdownPopover.tsx");
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
-/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
-/* harmony import */ var _SplitButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SplitButton */ "./src/components/SplitButton/SplitButton.tsx");
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Button */ "./src/components/Button/Button.tsx");
+/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Dropdown */ "./src/components/Dropdown/Dropdown.tsx");
+/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Dropdown */ "./src/components/Dropdown/DropdownTrigger.tsx");
+/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Dropdown */ "./src/components/Dropdown/DropdownPopover.tsx");
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VisuallyHidden */ "./src/components/VisuallyHidden/VisuallyHidden.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/SplitButton/constants.ts");
+/* harmony import */ var _SplitButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SplitButton */ "./src/components/SplitButton/SplitButton.tsx");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -18751,27 +18878,45 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const defaultProps = {
     dropdownPlacement: 'bottom-end',
     dropdownTriggerIconName: 'chevron-down',
+    dropdownTriggerLabel: _constants__WEBPACK_IMPORTED_MODULE_1__.UNCONTROLLED_SPLIT_BUTTON_DROPDOWN_TRIGGER_LABEL_DEFAULT,
 };
 const UncontrolledSplitButton = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
     const { buttonIconName, buttonLabel, buttonOnClick, children, dropdownTriggerIconName, dropdownTriggerLabel, dropdownPlacement, id, isButtonLabelHidden, isDisabled, isDropdownTriggerLabelHidden } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["buttonIconName", "buttonLabel", "buttonOnClick", "children", "dropdownTriggerIconName", "dropdownTriggerLabel", "dropdownPlacement", "id", "isButtonLabelHidden", "isDisabled", "isDropdownTriggerLabelHidden"]);
     const [openDropdownState, setOpenDropdownState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SplitButton__WEBPACK_IMPORTED_MODULE_1__["default"], Object.assign({}, restProps, { id: id, isDisabled: isDisabled }),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_2__["default"], { onClick: buttonOnClick },
-            buttonIconName && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], { name: buttonIconName, marginRight: !isButtonLabelHidden && 'space-400' }),
-            isButtonLabelHidden ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__["default"], null, buttonLabel) : buttonLabel),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_5__["default"], { id: `${id}-dropdown`, isOpen: openDropdownState, onToggle: () => setOpenDropdownState(!openDropdownState), placement: dropdownPlacement },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_6__["default"], { elementType: _Button__WEBPACK_IMPORTED_MODULE_2__["default"] },
-                isDropdownTriggerLabelHidden ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_4__["default"], null, dropdownTriggerLabel)) : (dropdownTriggerLabel),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], { name: dropdownTriggerIconName, marginLeft: !isDropdownTriggerLabelHidden && 'space-400' })),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_7__["default"], null, children))));
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SplitButton__WEBPACK_IMPORTED_MODULE_2__["default"], Object.assign({}, restProps, { id: id, isDisabled: isDisabled }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_3__["default"], { onClick: buttonOnClick },
+            buttonIconName && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_4__["default"], { name: buttonIconName, marginRight: !isButtonLabelHidden && 'space-400' }),
+            isButtonLabelHidden ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__["default"], null, buttonLabel) : buttonLabel),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_6__["default"], { id: `${id}-dropdown`, isOpen: openDropdownState, onToggle: () => setOpenDropdownState(!openDropdownState), placement: dropdownPlacement },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_7__["default"], { elementType: _Button__WEBPACK_IMPORTED_MODULE_3__["default"] },
+                isDropdownTriggerLabelHidden ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_VisuallyHidden__WEBPACK_IMPORTED_MODULE_5__["default"], null, dropdownTriggerLabel)) : (dropdownTriggerLabel),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_4__["default"], { name: dropdownTriggerIconName, marginLeft: !isDropdownTriggerLabelHidden && 'space-400' })),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], null, children))));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UncontrolledSplitButton);
 
 
+/***/ }),
+
+/***/ "./src/components/SplitButton/constants.ts":
+/*!*************************************************!*\
+  !*** ./src/components/SplitButton/constants.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UNCONTROLLED_SPLIT_BUTTON_DROPDOWN_TRIGGER_LABEL_DEFAULT: () => (/* binding */ UNCONTROLLED_SPLIT_BUTTON_DROPDOWN_TRIGGER_LABEL_DEFAULT)
+/* harmony export */ });
+const UNCONTROLLED_SPLIT_BUTTON_DROPDOWN_TRIGGER_LABEL_DEFAULT = 'More';
+
+
 /***/ }),
 
 /***/ "./src/components/SplitButton/index.ts":
@@ -20026,27 +20171,50 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ "./src/constants/dictionaries.ts");
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ "./src/constants/dictionaries.ts");
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/Icon.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/components/TextFieldBase/constants.ts");
 /* harmony import */ var _useTextFieldBasePasswordToggleStyleProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useTextFieldBasePasswordToggleStyleProps */ "./src/components/TextFieldBase/useTextFieldBasePasswordToggleStyleProps.ts");
 'use client';
 
 
 
 
+
 const TextFieldBasePasswordToggle = (props) => {
     const { children, isPasswordShown, onToggleClick, isDisabled, size } = props;
     const { classProps } = (0,_useTextFieldBasePasswordToggleStyleProps__WEBPACK_IMPORTED_MODULE_1__.useTextFieldBasePasswordToggleStyleProps)();
+    const ariaLabel = isPasswordShown
+        ? _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_FIELD_BASE_PASSWORD_TOGGLE_HIDE_LABEL_DEFAULT
+        : _constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_FIELD_BASE_PASSWORD_TOGGLE_SHOW_LABEL_DEFAULT;
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: classProps.passwordToggle },
         children,
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: classProps.passwordToggleButton, type: "button", role: "switch", "aria-checked": !!isPasswordShown, "aria-label": `${isPasswordShown ? 'Hide' : 'Show'} password`, onClick: () => onToggleClick(), disabled: isDisabled },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: classProps.passwordToggleButton, type: "button", role: "switch", "aria-checked": !!isPasswordShown, "aria-label": ariaLabel, onClick: () => onToggleClick(), disabled: isDisabled },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: classProps.passwordToggleIcon },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], { name: `visibility-${isPasswordShown ? 'off' : 'on'}`, boxSize: size === _constants__WEBPACK_IMPORTED_MODULE_3__.Sizes.SMALL ? 16 : 20 })))));
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], { name: `visibility-${isPasswordShown ? 'off' : 'on'}`, boxSize: size === _constants__WEBPACK_IMPORTED_MODULE_4__.Sizes.SMALL ? 16 : 20 })))));
 };
 TextFieldBasePasswordToggle.spiritComponent = 'TextFieldBasePasswordToggle';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextFieldBasePasswordToggle);
 
 
+/***/ }),
+
+/***/ "./src/components/TextFieldBase/constants.ts":
+/*!***************************************************!*\
+  !*** ./src/components/TextFieldBase/constants.ts ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TEXT_FIELD_BASE_PASSWORD_TOGGLE_HIDE_LABEL_DEFAULT: () => (/* binding */ TEXT_FIELD_BASE_PASSWORD_TOGGLE_HIDE_LABEL_DEFAULT),
+/* harmony export */   TEXT_FIELD_BASE_PASSWORD_TOGGLE_SHOW_LABEL_DEFAULT: () => (/* binding */ TEXT_FIELD_BASE_PASSWORD_TOGGLE_SHOW_LABEL_DEFAULT)
+/* harmony export */ });
+const TEXT_FIELD_BASE_PASSWORD_TOGGLE_SHOW_LABEL_DEFAULT = 'Show password';
+const TEXT_FIELD_BASE_PASSWORD_TOGGLE_HIDE_LABEL_DEFAULT = 'Hide password';
+
+
 /***/ }),
 
 /***/ "./src/components/TextFieldBase/index.ts":
@@ -21051,11 +21219,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Toast__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Toast */ "./src/components/Toast/Toast.tsx");
-/* harmony import */ var _ToastBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ToastBar */ "./src/components/Toast/ToastBar.tsx");
-/* harmony import */ var _ToastBarLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ToastBarLink */ "./src/components/Toast/ToastBarLink.tsx");
-/* harmony import */ var _ToastBarMessage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ToastBarMessage */ "./src/components/Toast/ToastBarMessage.tsx");
-/* harmony import */ var _useToast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useToast */ "./src/components/Toast/useToast.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/Toast/constants.ts");
+/* harmony import */ var _Toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Toast */ "./src/components/Toast/Toast.tsx");
+/* harmony import */ var _ToastBar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ToastBar */ "./src/components/Toast/ToastBar.tsx");
+/* harmony import */ var _ToastBarLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ToastBarLink */ "./src/components/Toast/ToastBarLink.tsx");
+/* harmony import */ var _ToastBarMessage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ToastBarMessage */ "./src/components/Toast/ToastBarMessage.tsx");
+/* harmony import */ var _useToast__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useToast */ "./src/components/Toast/useToast.ts");
 'use client';
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -21074,14 +21243,15 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const UncontrolledToast = (props) => {
-    const { alignmentX, alignmentY, isCollapsible, closeLabel } = props, restProps = __rest(props, ["alignmentX", "alignmentY", "isCollapsible", "closeLabel"]);
-    const { hide, queue } = (0,_useToast__WEBPACK_IMPORTED_MODULE_1__.useToast)();
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Toast__WEBPACK_IMPORTED_MODULE_2__["default"], { alignmentX: alignmentX, alignmentY: alignmentY, isCollapsible: isCollapsible }, queue.map((item) => {
+    const { alignmentX, alignmentY, isCollapsible, closeLabel = _constants__WEBPACK_IMPORTED_MODULE_1__.TOAST_BAR_CLOSE_BUTTON_LABEL_DEFAULT } = props, restProps = __rest(props, ["alignmentX", "alignmentY", "isCollapsible", "closeLabel"]);
+    const { hide, queue } = (0,_useToast__WEBPACK_IMPORTED_MODULE_2__.useToast)();
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Toast__WEBPACK_IMPORTED_MODULE_3__["default"], { alignmentX: alignmentX, alignmentY: alignmentY, isCollapsible: isCollapsible }, queue.map((item) => {
         const { color, iconName, id, isOpen, content, hasIcon, isDismissible, linkProps } = item;
-        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastBar__WEBPACK_IMPORTED_MODULE_3__["default"], Object.assign({}, restProps, { key: id, id: id, closeLabel: closeLabel, color: color, hasIcon: hasIcon, iconName: iconName, isDismissible: isDismissible, onClose: () => hide(id), isOpen: isOpen && !!content }),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastBarMessage__WEBPACK_IMPORTED_MODULE_4__["default"], null, content.message),
-            content.link && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastBarLink__WEBPACK_IMPORTED_MODULE_5__["default"], Object.assign({}, linkProps), content.link)));
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastBar__WEBPACK_IMPORTED_MODULE_4__["default"], Object.assign({}, restProps, { key: id, id: id, closeLabel: closeLabel, color: color, hasIcon: hasIcon, iconName: iconName, isDismissible: isDismissible, onClose: () => hide(id), isOpen: isOpen && !!content }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastBarMessage__WEBPACK_IMPORTED_MODULE_5__["default"], null, content.message),
+            content.link && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastBarLink__WEBPACK_IMPORTED_MODULE_6__["default"], Object.assign({}, linkProps), content.link)));
     })));
 };
 UncontrolledToast.spiritComponent = 'UncontrolledToast';
@@ -22634,6 +22804,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Container: () => (/* reexport safe */ _Container__WEBPACK_IMPORTED_MODULE_10__.Container),
 /* harmony export */   ControlButton: () => (/* reexport safe */ _ControlButton__WEBPACK_IMPORTED_MODULE_11__.ControlButton),
 /* harmony export */   DEBOUNCE_DELAY: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.DEBOUNCE_DELAY),
+/* harmony export */   DEFAULT_ATTACHMENT_LIST_LABEL: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_ATTACHMENT_LIST_LABEL),
 /* harmony export */   DEFAULT_BUTTON_LABEL: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_EDIT_BUTTON_LABEL: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_EDIT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE),
@@ -22714,6 +22885,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   NavigationAvatar: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_31__.NavigationAvatar),
 /* harmony export */   NavigationItem: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_31__.NavigationItem),
 /* harmony export */   NoSsr: () => (/* reexport safe */ _NoSsr__WEBPACK_IMPORTED_MODULE_32__.NoSsr),
+/* harmony export */   PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX),
 /* harmony export */   PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   Pagination: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.Pagination),
@@ -22731,6 +22903,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   PricingPlanHeader: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_36__.PricingPlanHeader),
 /* harmony export */   ProductLogo: () => (/* reexport safe */ _ProductLogo__WEBPACK_IMPORTED_MODULE_37__.ProductLogo),
 /* harmony export */   Radio: () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_38__.Radio),
+/* harmony export */   SCROLL_CANCEL_DELAY: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_CANCEL_DELAY),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END),
@@ -22862,6 +23035,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   usePillStyleProps: () => (/* reexport safe */ _Pill__WEBPACK_IMPORTED_MODULE_35__.usePillStyleProps),
 /* harmony export */   usePricingPlanStyleProps: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_36__.usePricingPlanStyleProps),
 /* harmony export */   useRadioStyleProps: () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_38__.useRadioStyleProps),
+/* harmony export */   useScrollCallback: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.useScrollCallback),
 /* harmony export */   useScrollPosition: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.useScrollPosition),
 /* harmony export */   useScrollViewArrows: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.useScrollViewArrows),
 /* harmony export */   useScrollViewStyleProps: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.useScrollViewStyleProps),
@@ -24694,6 +24868,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 var SpiritBreakpoints;
 (function (SpiritBreakpoints) {
@@ -34943,6 +35118,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ContainerTokenSizes: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.ContainerTokenSizes),
 /* harmony export */   ControlButton: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ControlButton),
 /* harmony export */   DEBOUNCE_DELAY: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DEBOUNCE_DELAY),
+/* harmony export */   DEFAULT_ATTACHMENT_LIST_LABEL: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_ATTACHMENT_LIST_LABEL),
 /* harmony export */   DEFAULT_BUTTON_LABEL: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_EDIT_BUTTON_LABEL: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_EDIT_BUTTON_LABEL),
 /* harmony export */   DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.DEFAULT_ERROR_MESSAGE_MAX_FILE_SIZE),
@@ -35037,6 +35213,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   NavigationItem: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.NavigationItem),
 /* harmony export */   NoSsr: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.NoSsr),
 /* harmony export */   ObjectFit: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.ObjectFit),
+/* harmony export */   PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX),
 /* harmony export */   PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL),
 /* harmony export */   PaddingStyleProps: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.PaddingStyleProps),
@@ -35059,6 +35236,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   PropsConsumer: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__.PropsConsumer),
 /* harmony export */   PropsProvider: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__.PropsProvider),
 /* harmony export */   Radio: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Radio),
+/* harmony export */   SCROLL_CANCEL_DELAY: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SCROLL_CANCEL_DELAY),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START),
 /* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END),
@@ -35261,6 +35439,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   usePropsContext: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__.usePropsContext),
 /* harmony export */   useRadioStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useRadioStyleProps),
 /* harmony export */   useResizeObserver: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useResizeObserver),
+/* harmony export */   useScrollCallback: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useScrollCallback),
 /* harmony export */   useScrollControl: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useScrollControl),
 /* harmony export */   useScrollPosition: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useScrollPosition),
 /* harmony export */   useScrollViewArrows: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useScrollViewArrows),