@alma-oss/spirit-web-react 4.1.0 → 4.2.1

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);
 
 
@@ -8091,9 +8106,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _common_utilities__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../common/utilities */ "./src/common/utilities/warning.ts");
+/* harmony import */ var _common_utilities__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../common/utilities */ "./src/common/utilities/warning.ts");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useDeprecationMessage.ts");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useSymmetry.ts");
 /* harmony import */ var _utils_classname__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/classname */ "./src/utils/classname.ts");
 /* harmony import */ var _utils_compose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/compose */ "./src/utils/compose.ts");
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -8126,16 +8142,16 @@ function useButtonStyleProps(props) {
     const buttonBlockClass = `${buttonClass}--block`;
     const buttonDisabledClass = `${buttonClass}--disabled`;
     const buttonLoadingClass = `${buttonClass}--loading`;
-    const buttonSymmetricalClass = `${buttonClass}--symmetrical`;
-    if (isBlock && isSymmetrical) {
-        (0,_common_utilities__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'isBlock and isSymmetrical props are mutually exclusive');
+    const { isSymmetricalActive, symmetricalClassName } = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSymmetry)(buttonClass, isSymmetrical);
+    if (isBlock && isSymmetricalActive) {
+        (0,_common_utilities__WEBPACK_IMPORTED_MODULE_6__["default"])(false, 'isBlock and isSymmetrical props are mutually exclusive');
     }
+    const shouldApplyBlock = () => isBlock && !isSymmetricalActive;
     const classProps = classnames__WEBPACK_IMPORTED_MODULE_0___default()(buttonClass, getButtonColorClassname(buttonClass, color), getButtonSizeClassname(buttonClass, size), {
-        [buttonBlockClass]: isBlock && !isSymmetrical,
+        [buttonBlockClass]: shouldApplyBlock(),
         [buttonDisabledClass]: isDisabled || isLoading,
         [buttonLoadingClass]: isLoading,
-        [buttonSymmetricalClass]: isSymmetrical && !isBlock,
-    });
+    }, symmetricalClassName);
     return {
         classProps,
         props: restProps,
@@ -8252,9 +8268,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _common_utilities__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../common/utilities */ "./src/common/utilities/warning.ts");
+/* harmony import */ var _common_utilities__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../common/utilities */ "./src/common/utilities/warning.ts");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useDeprecationMessage.ts");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useSymmetry.ts");
 /* harmony import */ var _utils_classname__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/classname */ "./src/utils/classname.ts");
 /* harmony import */ var _utils_compose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/compose */ "./src/utils/compose.ts");
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -8287,16 +8304,16 @@ function useButtonLinkStyleProps(props) {
     const buttonBlockClass = `${buttonClass}--block`;
     const buttonDisabledClass = `${buttonClass}--disabled`;
     const buttonLoadingClass = `${buttonClass}--loading`;
-    const buttonSymmetricalClass = `${buttonClass}--symmetrical`;
-    if (isBlock && isSymmetrical) {
-        (0,_common_utilities__WEBPACK_IMPORTED_MODULE_5__["default"])(false, 'isBlock and isSymmetrical props are mutually exclusive');
+    const { isSymmetricalActive, symmetricalClassName } = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSymmetry)(buttonClass, isSymmetrical);
+    if (isBlock && isSymmetricalActive) {
+        (0,_common_utilities__WEBPACK_IMPORTED_MODULE_6__["default"])(false, 'isBlock and isSymmetrical props are mutually exclusive');
     }
+    const shouldApplyBlock = () => isBlock && !isSymmetricalActive;
     const classProps = classnames__WEBPACK_IMPORTED_MODULE_0___default()(buttonClass, getButtonLinkColorClassname(buttonClass, color), getButtonLinkSizeClassname(buttonClass, size), {
-        [buttonBlockClass]: isBlock && !isSymmetrical,
+        [buttonBlockClass]: shouldApplyBlock(),
         [buttonDisabledClass]: isDisabled || isLoading,
         [buttonLoadingClass]: isLoading,
-        [buttonSymmetricalClass]: isSymmetrical && !isBlock,
-    });
+    }, symmetricalClassName);
     return {
         classProps,
         props: restProps,
@@ -9021,7 +9038,9 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants/inputs.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useInputPositionClass.ts");
 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)
@@ -9035,13 +9054,15 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 
 
+
 function useCheckboxStyleProps(props) {
-    const { validationState, isItem, isLabelHidden } = props, restProps = __rest(props, ["validationState", "isItem", "isLabelHidden"]);
+    const { inputPosition = _constants__WEBPACK_IMPORTED_MODULE_1__.InputPositions.START, isItem, isLabelHidden, validationState } = props, restProps = __rest(props, ["inputPosition", "isItem", "isLabelHidden", "validationState"]);
     const { isDisabled, isRequired } = restProps;
-    const checkboxClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useClassNamePrefix)('Checkbox');
+    const checkboxClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useClassNamePrefix)('Checkbox');
     const checkboxDisabledClass = `${checkboxClass}--disabled`;
     const checkboxItemClass = `${checkboxClass}--item`;
     const checkboxInputClass = `${checkboxClass}__input`;
+    const checkboxInputPositionClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useInputPositionClass)(checkboxClass, inputPosition);
     const checkboxTextClass = `${checkboxClass}__text`;
     const checkboxLabelClass = `${checkboxClass}__label`;
     const checkboxLabelRequiredClass = `${checkboxClass}__label--required`;
@@ -9050,6 +9071,7 @@ function useCheckboxStyleProps(props) {
     const checkboxValidationTextClass = `${checkboxClass}__validationText`;
     const checkboxValidationClass = `${checkboxClass}--${validationState}`;
     const rootStyles = classnames__WEBPACK_IMPORTED_MODULE_0___default()(checkboxClass, {
+        [checkboxInputPositionClass]: checkboxInputPositionClass,
         [checkboxDisabledClass]: isDisabled,
         [checkboxItemClass]: isItem,
         [checkboxValidationClass]: validationState,
@@ -9637,6 +9659,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useSymmetry.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ "./src/utils/compose.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ "./src/utils/classname.ts");
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -9659,16 +9682,15 @@ function useControlButtonStyleProps(props) {
     const controlButtonClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useClassNamePrefix)('ControlButton');
     const controlButtonBackgroundClass = `${controlButtonClass}--hasBackground`;
     const controlButtonDisabledClass = `${controlButtonClass}--disabled`;
-    const controlButtonSymmetricalClass = `${controlButtonClass}--symmetrical`;
     const dynamicColorBackgroundInteractiveClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useClassNamePrefix)('dynamic-color-background-interactive');
     const dynamicColorBorderClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useClassNamePrefix)('dynamic-color-border');
     const accessibilityTapTargetClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useClassNamePrefix)('accessibility-tap-target');
+    const { symmetricalClassName } = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useSymmetry)(controlButtonClass, isSymmetrical);
     const classProps = classnames__WEBPACK_IMPORTED_MODULE_0___default()(controlButtonClass, getControlButtonSizeClassname(controlButtonClass, size), dynamicColorBackgroundInteractiveClass, accessibilityTapTargetClass, {
         [controlButtonDisabledClass]: isDisabled,
-        [controlButtonSymmetricalClass]: isSymmetrical,
         [controlButtonBackgroundClass]: !isSubtle,
         [dynamicColorBorderClass]: !isSubtle,
-    });
+    }, symmetricalClassName);
     return {
         classProps,
         props: restProps,
@@ -11482,7 +11504,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);
@@ -11503,8 +11525,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);
@@ -11667,9 +11689,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 = {};
@@ -11687,11 +11710,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 &&
@@ -11776,6 +11800,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),
@@ -11800,6 +11825,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',
@@ -11821,6 +11847,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),
@@ -12398,6 +12425,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);
 
 
@@ -12496,15 +12525,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 = {};
@@ -12524,20 +12552,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);
@@ -12659,6 +12689,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);
 
 
@@ -12704,6 +12736,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);
 
 
@@ -12765,17 +12799,18 @@ const setGridItemStyle = (styleObject, baseVarName, propValue) => {
 function useGridItemStyleProps(props) {
     const gridItemClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useClassNamePrefix)('GridItem');
     const gridItemStyle = {};
-    const typePropNames = Object.keys(props).filter((propName) => propName.startsWith('column') || propName.startsWith('row'));
+    const propsClone = Object.assign({}, props);
+    const typePropNames = Object.keys(propsClone).filter((propName) => propName.startsWith('column') || propName.startsWith('row'));
     typePropNames.forEach((propName) => {
         const type = propName.startsWith('column') ? 'column' : 'row';
-        if (props[propName]) {
-            setGridItemStyle(gridItemStyle, `grid-item-${type}-${propName.replace(type, '').toLowerCase()}`, props[propName]);
+        if (propsClone[propName]) {
+            setGridItemStyle(gridItemStyle, `grid-item-${type}-${propName.replace(type, '').toLowerCase()}`, propsClone[propName]);
         }
-        delete props[propName];
+        delete propsClone[propName];
     });
     return {
         classProps: gridItemClass,
-        props,
+        props: propsClone,
         styleProps: gridItemStyle,
     };
 }
@@ -13822,6 +13857,72 @@ function useHeadingStyleProps(props) {
 }
 
 
+/***/ }),
+
+/***/ "./src/components/Hidden/Hidden.tsx":
+/*!******************************************!*\
+  !*** ./src/components/Hidden/Hidden.tsx ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* 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_1__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/styleProps.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ "./src/utils/mergeStyleProps.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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+
+
+const defaultProps = {
+    elementType: 'span',
+};
+const Hidden = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'span', children, on, from } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children", "on", "from"]);
+    const stylePropsWithMapping = Object.assign(Object.assign({}, restProps), { hideOn: on || restProps.hideOn, hideFrom: from || restProps.hideFrom });
+    const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useStyleProps)(stylePropsWithMapping);
+    const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.mergeStyleProps)(ElementTag, { styleProps });
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
+};
+Hidden.spiritComponent = 'Hidden';
+Hidden.spiritDefaultElement = 'span';
+Hidden.spiritDefaultProps = null;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Hidden);
+
+
+/***/ }),
+
+/***/ "./src/components/Hidden/index.ts":
+/*!****************************************!*\
+  !*** ./src/components/Hidden/index.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Hidden: () => (/* reexport safe */ _Hidden__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _Hidden__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Hidden */ "./src/components/Hidden/Hidden.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/components/Icon/Icon.tsx":
@@ -14542,7 +14643,7 @@ const defaultProps = {
 const Matrix = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
     const { elementType: ElementTag = 'div', children } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children"]);
-    const itemsCount = react__WEBPACK_IMPORTED_MODULE_0___default().Children.count(children);
+    const itemsCount = react__WEBPACK_IMPORTED_MODULE_0__.Children.count(children);
     const { classProps, props: modifiedProps, styleProps: matrixStyleProps, } = (0,_useMatrixStyleProps__WEBPACK_IMPORTED_MODULE_2__.useMatrixStyleProps)(Object.assign(Object.assign({}, restProps), { itemsCount }));
     const { styleProps, props: otherProps } = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useStyleProps)(modifiedProps);
     const mergedStyleProps = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeStyleProps)(ElementTag, { classProps, styleProps, otherProps, matrixStyleProps });
@@ -14781,9 +14882,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 = {};
@@ -14800,11 +14902,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);
@@ -14962,10 +15065,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 = {};
@@ -14984,23 +15088,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":
@@ -15073,8 +15194,7 @@ const setCustomHeight = (baseVarName, propValue) => {
             var _a;
             const suffix = key === 'mobile' ? '' : `-${key}`;
             const propName = `--${baseVarName}${suffix}`;
-            acc[propName] = (_a = propValue[key]) === null || _a === void 0 ? void 0 : _a.toString();
-            return acc;
+            return Object.assign(Object.assign({}, acc), { [propName]: (_a = propValue[key]) === null || _a === void 0 ? void 0 : _a.toString() });
         }, {});
     }
     const propName = `--${baseVarName}`;
@@ -15605,9 +15725,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 = {};
@@ -15624,15 +15745,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';
@@ -15699,10 +15823,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 = {};
@@ -15720,13 +15845,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 });
-    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),
+    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({}, (isCurrent && { 'aria-current': 'page' }), otherProps, mergedStyleProps, { ref: ref }),
+        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);
@@ -15831,12 +15958,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 = {};
@@ -15856,25 +15984,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);
             } }))));
@@ -15894,11 +16023,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';
 
 
 /***/ }),
@@ -15912,6 +16043,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"]),
@@ -16888,7 +17020,9 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants/inputs.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useInputPositionClass.ts");
 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)
@@ -16902,19 +17036,22 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 
 
+
 function useRadioStyleProps(props) {
-    const { isItem, validationState, isLabelHidden } = props, restProps = __rest(props, ["isItem", "validationState", "isLabelHidden"]);
+    const { inputPosition = _constants__WEBPACK_IMPORTED_MODULE_1__.InputPositions.START, isItem, isLabelHidden, validationState } = props, restProps = __rest(props, ["inputPosition", "isItem", "isLabelHidden", "validationState"]);
     const { isDisabled } = restProps;
-    const radioClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useClassNamePrefix)('Radio');
+    const radioClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useClassNamePrefix)('Radio');
     const radioDisabledClass = `${radioClass}--disabled`;
     const radioItemClass = `${radioClass}--item`;
     const radioInputClass = `${radioClass}__input`;
+    const radioInputPositionClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useInputPositionClass)(radioClass, inputPosition);
     const radioLabelClass = `${radioClass}__label`;
     const radioLabelHiddenClass = `${radioClass}__label--hidden`;
     const radioTextClass = `${radioClass}__text`;
     const radioHelperTextClass = `${radioClass}__helperText`;
     const radioValidationClass = `${radioClass}--${validationState}`;
     const rootStyles = classnames__WEBPACK_IMPORTED_MODULE_0___default()(radioClass, {
+        [radioInputPositionClass]: radioInputPositionClass,
         [radioDisabledClass]: isDisabled,
         [radioItemClass]: isItem,
         [radioValidationClass]: validationState,
@@ -17021,10 +17158,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)
@@ -17044,6 +17183,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)({
@@ -17053,16 +17193,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);
@@ -17081,6 +17214,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),
@@ -17092,6 +17226,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';
@@ -17113,6 +17248,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),
@@ -17121,16 +17257,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");
+
 
 
 
@@ -17139,6 +17278,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":
@@ -18731,13 +18930,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 = {};
@@ -18756,27 +18956,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":
@@ -20031,27 +20249,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":
@@ -21001,7 +21242,7 @@ const ToastProvider = ({ children }) => {
         dispatch({ type: 'show', payload: { content, toastId, options } });
         (options === null || options === void 0 ? void 0 : options.enableAutoClose) &&
             (0,_utils__WEBPACK_IMPORTED_MODULE_2__.delayedCallback)(() => hide(toastId), (options === null || options === void 0 ? void 0 : options.autoCloseInterval) || _constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);
-    }, []);
+    }, [hide]);
     const setQueue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((newQueue) => {
         dispatch({ type: 'clear', payload: null });
         newQueue.forEach((item) => {
@@ -21029,7 +21270,7 @@ const ToastProvider = ({ children }) => {
             });
             enableAutoClose && (0,_utils__WEBPACK_IMPORTED_MODULE_2__.delayedCallback)(() => hide(item.id), autoCloseInterval || _constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL);
         });
-    }, []);
+    }, [hide]);
     const contextValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
         clear,
         hide,
@@ -21056,11 +21297,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 = {};
@@ -21079,14 +21321,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';
@@ -21443,7 +21686,9 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants/inputs.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useClassNamePrefix.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/useInputPositionClass.ts");
 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)
@@ -21457,9 +21702,10 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 
 
+
 function useToggleStyleProps(props) {
-    const { isRequired = false, isFluid = false, isDisabled = false, isLabelHidden = false, validationState, hasIndicators = false } = props, restProps = __rest(props, ["isRequired", "isFluid", "isDisabled", "isLabelHidden", "validationState", "hasIndicators"]);
-    const toggleClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useClassNamePrefix)('Toggle');
+    const { hasIndicators = false, inputPosition = _constants__WEBPACK_IMPORTED_MODULE_1__.InputPositions.END, isDisabled = false, isFluid = false, isLabelHidden = false, isRequired = false, validationState } = props, restProps = __rest(props, ["hasIndicators", "inputPosition", "isDisabled", "isFluid", "isLabelHidden", "isRequired", "validationState"]);
+    const toggleClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useClassNamePrefix)('Toggle');
     const toggleFluidClass = `${toggleClass}--fluid`;
     const toggleDisabledClass = `${toggleClass}--disabled`;
     const toggleTextClass = `${toggleClass}__text`;
@@ -21469,9 +21715,11 @@ function useToggleStyleProps(props) {
     const toggleRequiredClass = `${toggleLabelClass}--required`;
     const toggleInputClass = `${toggleClass}__input`;
     const toggleInputIndicatorsClass = `${toggleInputClass}--indicators`;
+    const toggleInputPositionClass = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useInputPositionClass)(toggleClass, inputPosition);
     const toggleHelperTextClass = `${toggleClass}__helperText`;
     const toggleValidationTextClass = `${toggleClass}__validationText`;
     const rootClass = classnames__WEBPACK_IMPORTED_MODULE_0___default()(toggleClass, {
+        [toggleInputPositionClass]: toggleInputPositionClass,
         [toggleFluidClass]: isFluid,
         [toggleDisabledClass]: isDisabled,
         [toggleValidationClass]: validationState,
@@ -22638,7 +22886,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Collapse: () => (/* reexport safe */ _Collapse__WEBPACK_IMPORTED_MODULE_9__.Collapse),
 /* 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 */   DEBOUNCE_DELAY: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.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),
@@ -22648,8 +22897,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DEFAULT_FILE_QUEUE_LIMIT: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_FILE_QUEUE_LIMIT),
 /* harmony export */   DEFAULT_FILE_SIZE_LIMIT: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_FILE_SIZE_LIMIT),
 /* harmony export */   DEFAULT_ICON_NAME: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.DEFAULT_ICON_NAME),
-/* harmony export */   DEFAULT_TOAST_AUTO_CLOSE_INTERVAL: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL),
-/* harmony export */   DEFAULT_TOAST_COLOR: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.DEFAULT_TOAST_COLOR),
+/* harmony export */   DEFAULT_TOAST_AUTO_CLOSE_INTERVAL: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.DEFAULT_TOAST_AUTO_CLOSE_INTERVAL),
+/* harmony export */   DEFAULT_TOAST_COLOR: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.DEFAULT_TOAST_COLOR),
 /* harmony export */   Dialog: () => (/* reexport safe */ _Dialog__WEBPACK_IMPORTED_MODULE_12__.Dialog),
 /* harmony export */   Divider: () => (/* reexport safe */ _Divider__WEBPACK_IMPORTED_MODULE_13__.Divider),
 /* harmony export */   Drawer: () => (/* reexport safe */ _Drawer__WEBPACK_IMPORTED_MODULE_14__.Drawer),
@@ -22661,7 +22910,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DropdownContext: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_15__.DropdownContext),
 /* harmony export */   DropdownPopover: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_15__.DropdownPopover),
 /* harmony export */   DropdownTrigger: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_15__.DropdownTrigger),
-/* harmony export */   EDGE_DETECTION_INACCURACY_PX: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.EDGE_DETECTION_INACCURACY_PX),
+/* harmony export */   EDGE_DETECTION_INACCURACY_PX: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.EDGE_DETECTION_INACCURACY_PX),
 /* harmony export */   EmptyState: () => (/* reexport safe */ _EmptyState__WEBPACK_IMPORTED_MODULE_16__.EmptyState),
 /* harmony export */   EmptyStateSection: () => (/* reexport safe */ _EmptyState__WEBPACK_IMPORTED_MODULE_16__.EmptyStateSection),
 /* harmony export */   FieldGroup: () => (/* reexport safe */ _FieldGroup__WEBPACK_IMPORTED_MODULE_18__.FieldGroup),
@@ -22697,122 +22946,125 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   HeaderNavItem: () => (/* reexport safe */ _Header__WEBPACK_IMPORTED_MODULE_23__.HeaderNavItem),
 /* harmony export */   Heading: () => (/* reexport safe */ _Heading__WEBPACK_IMPORTED_MODULE_24__.Heading),
 /* harmony export */   HelperText: () => (/* reexport safe */ _Field__WEBPACK_IMPORTED_MODULE_17__.HelperText),
-/* harmony export */   ICON_BOX_SIZE: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.ICON_BOX_SIZE),
+/* harmony export */   Hidden: () => (/* reexport safe */ _Hidden__WEBPACK_IMPORTED_MODULE_25__.Hidden),
+/* harmony export */   ICON_BOX_SIZE: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.ICON_BOX_SIZE),
 /* harmony export */   IMAGE_DIMENSION: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.IMAGE_DIMENSION),
 /* harmony export */   IMAGE_PREVIEW_BASE64_MAX_WIDTH: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.IMAGE_PREVIEW_BASE64_MAX_WIDTH),
-/* harmony export */   Icon: () => (/* reexport safe */ _Icon__WEBPACK_IMPORTED_MODULE_25__.Icon),
-/* harmony export */   IconBox: () => (/* reexport safe */ _IconBox__WEBPACK_IMPORTED_MODULE_26__.IconBox),
-/* harmony export */   Item: () => (/* reexport safe */ _Item__WEBPACK_IMPORTED_MODULE_27__.Item),
+/* harmony export */   Icon: () => (/* reexport safe */ _Icon__WEBPACK_IMPORTED_MODULE_26__.Icon),
+/* harmony export */   IconBox: () => (/* reexport safe */ _IconBox__WEBPACK_IMPORTED_MODULE_27__.IconBox),
+/* harmony export */   Item: () => (/* reexport safe */ _Item__WEBPACK_IMPORTED_MODULE_28__.Item),
 /* harmony export */   Label: () => (/* reexport safe */ _Field__WEBPACK_IMPORTED_MODULE_17__.Label),
-/* harmony export */   Link: () => (/* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_28__.Link),
-/* harmony export */   Matrix: () => (/* reexport safe */ _Matrix__WEBPACK_IMPORTED_MODULE_29__.Matrix),
-/* harmony export */   Modal: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.Modal),
-/* harmony export */   ModalBody: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalBody),
-/* harmony export */   ModalCloseButton: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalCloseButton),
-/* harmony export */   ModalConsumer: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalConsumer),
-/* harmony export */   ModalDialog: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalDialog),
-/* harmony export */   ModalFooter: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalFooter),
-/* harmony export */   ModalHeader: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalHeader),
-/* harmony export */   ModalProvider: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.ModalProvider),
-/* harmony export */   Navigation: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_31__.Navigation),
-/* harmony export */   NavigationAction: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_31__.NavigationAction),
-/* 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_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),
-/* harmony export */   PaginationButtonLink: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PaginationButtonLink),
-/* harmony export */   PaginationItem: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PaginationItem),
-/* harmony export */   PaginationLink: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PaginationLink),
-/* harmony export */   PaginationLinkNext: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PaginationLinkNext),
-/* harmony export */   PaginationLinkPrevious: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.PaginationLinkPrevious),
-/* harmony export */   PartnerLogo: () => (/* reexport safe */ _PartnerLogo__WEBPACK_IMPORTED_MODULE_34__.PartnerLogo),
-/* harmony export */   Pill: () => (/* reexport safe */ _Pill__WEBPACK_IMPORTED_MODULE_35__.Pill),
-/* harmony export */   PillColorsExtended: () => (/* reexport safe */ _Pill__WEBPACK_IMPORTED_MODULE_35__.PillColorsExtended),
-/* harmony export */   PricingPlan: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_36__.PricingPlan),
-/* harmony export */   PricingPlanBody: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_36__.PricingPlanBody),
-/* harmony export */   PricingPlanFooter: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_36__.PricingPlanFooter),
-/* 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_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),
-/* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START),
-/* harmony export */   SCROLL_VIEW_DEFAULT_DIRECTION: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_VIEW_DEFAULT_DIRECTION),
-/* harmony export */   SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR),
-/* harmony export */   ScrollView: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.ScrollView),
-/* harmony export */   ScrollViewArrows: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_39__.ScrollViewArrows),
-/* harmony export */   Section: () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_40__.Section),
-/* harmony export */   SegmentedControl: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_41__.SegmentedControl),
-/* harmony export */   SegmentedControlItem: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_41__.SegmentedControlItem),
-/* harmony export */   Select: () => (/* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_42__.Select),
-/* harmony export */   SkeletonHeading: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_43__.SkeletonHeading),
-/* harmony export */   SkeletonItem: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_43__.SkeletonItem),
-/* harmony export */   SkeletonShape: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_43__.SkeletonShape),
-/* harmony export */   SkeletonText: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_43__.SkeletonText),
-/* harmony export */   SkipLink: () => (/* reexport safe */ _SkipLink__WEBPACK_IMPORTED_MODULE_44__.SkipLink),
-/* harmony export */   Slider: () => (/* reexport safe */ _Slider__WEBPACK_IMPORTED_MODULE_45__.Slider),
-/* harmony export */   Spinner: () => (/* reexport safe */ _Spinner__WEBPACK_IMPORTED_MODULE_46__.Spinner),
-/* harmony export */   SplitButton: () => (/* reexport safe */ _SplitButton__WEBPACK_IMPORTED_MODULE_47__.SplitButton),
-/* harmony export */   Stack: () => (/* reexport safe */ _Stack__WEBPACK_IMPORTED_MODULE_48__.Stack),
-/* harmony export */   StackItem: () => (/* reexport safe */ _Stack__WEBPACK_IMPORTED_MODULE_48__.StackItem),
-/* harmony export */   TOAST_BAR_CLOSE_BUTTON_LABEL_DEFAULT: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.TOAST_BAR_CLOSE_BUTTON_LABEL_DEFAULT),
-/* harmony export */   TRANSITIONING_STYLES: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.TRANSITIONING_STYLES),
-/* harmony export */   TRANSITION_DURATION: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.TRANSITION_DURATION),
-/* harmony export */   TabContent: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabContent),
-/* harmony export */   TabContext: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabContext),
-/* harmony export */   TabItem: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabItem),
-/* harmony export */   TabLink: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabLink),
-/* harmony export */   TabList: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabList),
-/* harmony export */   TabPane: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabPane),
-/* harmony export */   Tabs: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.Tabs),
-/* harmony export */   TabsConsumer: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabsConsumer),
-/* harmony export */   TabsProvider: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.TabsProvider),
-/* harmony export */   Tag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_50__.Tag),
-/* harmony export */   TagColorsExtended: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_50__.TagColorsExtended),
-/* harmony export */   Text: () => (/* reexport safe */ _Text__WEBPACK_IMPORTED_MODULE_51__.Text),
-/* harmony export */   TextArea: () => (/* reexport safe */ _TextArea__WEBPACK_IMPORTED_MODULE_52__.TextArea),
-/* harmony export */   TextField: () => (/* reexport safe */ _TextField__WEBPACK_IMPORTED_MODULE_53__.TextField),
-/* harmony export */   TextFieldBase: () => (/* reexport safe */ _TextFieldBase__WEBPACK_IMPORTED_MODULE_54__.TextFieldBase),
-/* harmony export */   Timeline: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_55__.Timeline),
-/* harmony export */   TimelineContent: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_55__.TimelineContent),
-/* harmony export */   TimelineHeading: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_55__.TimelineHeading),
-/* harmony export */   TimelineMarker: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_55__.TimelineMarker),
-/* harmony export */   TimelineStep: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_55__.TimelineStep),
-/* harmony export */   Toast: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.Toast),
-/* harmony export */   ToastBar: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.ToastBar),
-/* harmony export */   ToastBarLink: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.ToastBarLink),
-/* harmony export */   ToastBarMessage: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.ToastBarMessage),
-/* harmony export */   ToastColorsExtended: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.ToastColorsExtended),
-/* harmony export */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_57__.Toggle),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.Tooltip),
-/* harmony export */   TooltipCloseButton: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.TooltipCloseButton),
-/* harmony export */   TooltipPopover: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.TooltipPopover),
-/* harmony export */   TooltipTrigger: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.TooltipTrigger),
-/* harmony export */   Truncate: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_59__.Truncate),
-/* harmony export */   UNSTABLE_Header: () => (/* reexport safe */ _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_60__.UNSTABLE_Header),
-/* harmony export */   UNSTABLE_HeaderLogo: () => (/* reexport safe */ _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_60__.UNSTABLE_HeaderLogo),
+/* harmony export */   Link: () => (/* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_29__.Link),
+/* harmony export */   Matrix: () => (/* reexport safe */ _Matrix__WEBPACK_IMPORTED_MODULE_30__.Matrix),
+/* harmony export */   Modal: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.Modal),
+/* harmony export */   ModalBody: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalBody),
+/* harmony export */   ModalCloseButton: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalCloseButton),
+/* harmony export */   ModalConsumer: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalConsumer),
+/* harmony export */   ModalDialog: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalDialog),
+/* harmony export */   ModalFooter: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalFooter),
+/* harmony export */   ModalHeader: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalHeader),
+/* harmony export */   ModalProvider: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.ModalProvider),
+/* harmony export */   Navigation: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_32__.Navigation),
+/* harmony export */   NavigationAction: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_32__.NavigationAction),
+/* harmony export */   NavigationAvatar: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_32__.NavigationAvatar),
+/* harmony export */   NavigationItem: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_32__.NavigationItem),
+/* harmony export */   NoSsr: () => (/* reexport safe */ _NoSsr__WEBPACK_IMPORTED_MODULE_33__.NoSsr),
+/* harmony export */   PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX),
+/* harmony export */   PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL),
+/* harmony export */   PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL),
+/* harmony export */   Pagination: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.Pagination),
+/* harmony export */   PaginationButtonLink: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PaginationButtonLink),
+/* harmony export */   PaginationItem: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PaginationItem),
+/* harmony export */   PaginationLink: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PaginationLink),
+/* harmony export */   PaginationLinkNext: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PaginationLinkNext),
+/* harmony export */   PaginationLinkPrevious: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.PaginationLinkPrevious),
+/* harmony export */   PartnerLogo: () => (/* reexport safe */ _PartnerLogo__WEBPACK_IMPORTED_MODULE_35__.PartnerLogo),
+/* harmony export */   Pill: () => (/* reexport safe */ _Pill__WEBPACK_IMPORTED_MODULE_36__.Pill),
+/* harmony export */   PillColorsExtended: () => (/* reexport safe */ _Pill__WEBPACK_IMPORTED_MODULE_36__.PillColorsExtended),
+/* harmony export */   PricingPlan: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_37__.PricingPlan),
+/* harmony export */   PricingPlanBody: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_37__.PricingPlanBody),
+/* harmony export */   PricingPlanFooter: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_37__.PricingPlanFooter),
+/* harmony export */   PricingPlanHeader: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_37__.PricingPlanHeader),
+/* harmony export */   ProductLogo: () => (/* reexport safe */ _ProductLogo__WEBPACK_IMPORTED_MODULE_38__.ProductLogo),
+/* harmony export */   Radio: () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_39__.Radio),
+/* harmony export */   SCROLL_CANCEL_DELAY: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_CANCEL_DELAY),
+/* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END),
+/* harmony export */   SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START),
+/* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END),
+/* harmony export */   SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START),
+/* harmony export */   SCROLL_VIEW_DEFAULT_DIRECTION: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_VIEW_DEFAULT_DIRECTION),
+/* harmony export */   SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR),
+/* harmony export */   ScrollView: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.ScrollView),
+/* harmony export */   ScrollViewArrows: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.ScrollViewArrows),
+/* harmony export */   Section: () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_41__.Section),
+/* harmony export */   SegmentedControl: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_42__.SegmentedControl),
+/* harmony export */   SegmentedControlItem: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_42__.SegmentedControlItem),
+/* harmony export */   Select: () => (/* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_43__.Select),
+/* harmony export */   SkeletonHeading: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_44__.SkeletonHeading),
+/* harmony export */   SkeletonItem: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_44__.SkeletonItem),
+/* harmony export */   SkeletonShape: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_44__.SkeletonShape),
+/* harmony export */   SkeletonText: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_44__.SkeletonText),
+/* harmony export */   SkipLink: () => (/* reexport safe */ _SkipLink__WEBPACK_IMPORTED_MODULE_45__.SkipLink),
+/* harmony export */   Slider: () => (/* reexport safe */ _Slider__WEBPACK_IMPORTED_MODULE_46__.Slider),
+/* harmony export */   Spinner: () => (/* reexport safe */ _Spinner__WEBPACK_IMPORTED_MODULE_47__.Spinner),
+/* harmony export */   SplitButton: () => (/* reexport safe */ _SplitButton__WEBPACK_IMPORTED_MODULE_48__.SplitButton),
+/* harmony export */   Stack: () => (/* reexport safe */ _Stack__WEBPACK_IMPORTED_MODULE_49__.Stack),
+/* harmony export */   StackItem: () => (/* reexport safe */ _Stack__WEBPACK_IMPORTED_MODULE_49__.StackItem),
+/* harmony export */   TOAST_BAR_CLOSE_BUTTON_LABEL_DEFAULT: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.TOAST_BAR_CLOSE_BUTTON_LABEL_DEFAULT),
+/* harmony export */   TRANSITIONING_STYLES: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.TRANSITIONING_STYLES),
+/* harmony export */   TRANSITION_DURATION: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.TRANSITION_DURATION),
+/* harmony export */   TabContent: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabContent),
+/* harmony export */   TabContext: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabContext),
+/* harmony export */   TabItem: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabItem),
+/* harmony export */   TabLink: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabLink),
+/* harmony export */   TabList: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabList),
+/* harmony export */   TabPane: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabPane),
+/* harmony export */   Tabs: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.Tabs),
+/* harmony export */   TabsConsumer: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabsConsumer),
+/* harmony export */   TabsProvider: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.TabsProvider),
+/* harmony export */   Tag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_51__.Tag),
+/* harmony export */   TagColorsExtended: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_51__.TagColorsExtended),
+/* harmony export */   Text: () => (/* reexport safe */ _Text__WEBPACK_IMPORTED_MODULE_52__.Text),
+/* harmony export */   TextArea: () => (/* reexport safe */ _TextArea__WEBPACK_IMPORTED_MODULE_53__.TextArea),
+/* harmony export */   TextField: () => (/* reexport safe */ _TextField__WEBPACK_IMPORTED_MODULE_54__.TextField),
+/* harmony export */   TextFieldBase: () => (/* reexport safe */ _TextFieldBase__WEBPACK_IMPORTED_MODULE_55__.TextFieldBase),
+/* harmony export */   Timeline: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_56__.Timeline),
+/* harmony export */   TimelineContent: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_56__.TimelineContent),
+/* harmony export */   TimelineHeading: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_56__.TimelineHeading),
+/* harmony export */   TimelineMarker: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_56__.TimelineMarker),
+/* harmony export */   TimelineStep: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_56__.TimelineStep),
+/* harmony export */   Toast: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.Toast),
+/* harmony export */   ToastBar: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.ToastBar),
+/* harmony export */   ToastBarLink: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.ToastBarLink),
+/* harmony export */   ToastBarMessage: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.ToastBarMessage),
+/* harmony export */   ToastColorsExtended: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.ToastColorsExtended),
+/* harmony export */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_58__.Toggle),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.Tooltip),
+/* harmony export */   TooltipCloseButton: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.TooltipCloseButton),
+/* harmony export */   TooltipPopover: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.TooltipPopover),
+/* harmony export */   TooltipTrigger: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.TooltipTrigger),
+/* harmony export */   Truncate: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_60__.Truncate),
+/* harmony export */   UNSTABLE_Header: () => (/* reexport safe */ _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_61__.UNSTABLE_Header),
+/* harmony export */   UNSTABLE_HeaderLogo: () => (/* reexport safe */ _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_61__.UNSTABLE_HeaderLogo),
 /* harmony export */   UncontrolledAccordion: () => (/* reexport safe */ _Accordion__WEBPACK_IMPORTED_MODULE_0__.UncontrolledAccordion),
 /* harmony export */   UncontrolledCollapse: () => (/* reexport safe */ _Collapse__WEBPACK_IMPORTED_MODULE_9__.UncontrolledCollapse),
 /* harmony export */   UncontrolledDropdown: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_15__.UncontrolledDropdown),
 /* harmony export */   UncontrolledFileUploader: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.UncontrolledFileUploader),
-/* harmony export */   UncontrolledPagination: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.UncontrolledPagination),
-/* harmony export */   UncontrolledSplitButton: () => (/* reexport safe */ _SplitButton__WEBPACK_IMPORTED_MODULE_47__.UncontrolledSplitButton),
-/* harmony export */   UncontrolledTabs: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.UncontrolledTabs),
-/* harmony export */   UncontrolledToast: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.UncontrolledToast),
-/* harmony export */   UncontrolledTooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.UncontrolledTooltip),
+/* harmony export */   UncontrolledPagination: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.UncontrolledPagination),
+/* harmony export */   UncontrolledSplitButton: () => (/* reexport safe */ _SplitButton__WEBPACK_IMPORTED_MODULE_48__.UncontrolledSplitButton),
+/* harmony export */   UncontrolledTabs: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.UncontrolledTabs),
+/* harmony export */   UncontrolledToast: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.UncontrolledToast),
+/* harmony export */   UncontrolledTooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.UncontrolledTooltip),
 /* harmony export */   ValidationText: () => (/* reexport safe */ _Field__WEBPACK_IMPORTED_MODULE_17__.ValidationText),
-/* harmony export */   VisuallyHidden: () => (/* reexport safe */ _VisuallyHidden__WEBPACK_IMPORTED_MODULE_61__.VisuallyHidden),
+/* harmony export */   VisuallyHidden: () => (/* reexport safe */ _VisuallyHidden__WEBPACK_IMPORTED_MODULE_62__.VisuallyHidden),
 /* harmony export */   base64ToByteArray: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.base64ToByteArray),
 /* harmony export */   fullWidthModeKeys: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_15__.fullWidthModeKeys),
 /* harmony export */   getAttachmentInput: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.getAttachmentInput),
 /* harmony export */   getAttachmentMetaInput: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.getAttachmentMetaInput),
 /* harmony export */   image2Base64Preview: () => (/* reexport safe */ _FileUploader__WEBPACK_IMPORTED_MODULE_19__.image2Base64Preview),
-/* harmony export */   truncateByCharacters: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_59__.truncateByCharacters),
-/* harmony export */   truncateByLines: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_59__.truncateByLines),
-/* harmony export */   truncateByWords: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_59__.truncateByWords),
+/* harmony export */   truncateByCharacters: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_60__.truncateByCharacters),
+/* harmony export */   truncateByLines: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_60__.truncateByLines),
+/* harmony export */   truncateByWords: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_60__.truncateByWords),
 /* harmony export */   useAccordion: () => (/* reexport safe */ _Accordion__WEBPACK_IMPORTED_MODULE_0__.useAccordion),
 /* harmony export */   useAccordionAriaProps: () => (/* reexport safe */ _Accordion__WEBPACK_IMPORTED_MODULE_0__.useAccordionAriaProps),
 /* harmony export */   useAccordionStyleProps: () => (/* reexport safe */ _Accordion__WEBPACK_IMPORTED_MODULE_0__.useAccordionStyleProps),
@@ -22833,7 +23085,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useContainerStyleProps: () => (/* reexport safe */ _Container__WEBPACK_IMPORTED_MODULE_10__.useContainerStyleProps),
 /* harmony export */   useControlButtonProps: () => (/* reexport safe */ _ControlButton__WEBPACK_IMPORTED_MODULE_11__.useControlButtonProps),
 /* harmony export */   useControlButtonStyleProps: () => (/* reexport safe */ _ControlButton__WEBPACK_IMPORTED_MODULE_11__.useControlButtonStyleProps),
-/* harmony export */   useDefaultResponsiveRowsStyle: () => (/* reexport safe */ _Matrix__WEBPACK_IMPORTED_MODULE_29__.useDefaultResponsiveRowsStyle),
+/* harmony export */   useDefaultResponsiveRowsStyle: () => (/* reexport safe */ _Matrix__WEBPACK_IMPORTED_MODULE_30__.useDefaultResponsiveRowsStyle),
 /* harmony export */   useDialog: () => (/* reexport safe */ _Dialog__WEBPACK_IMPORTED_MODULE_12__.useDialog),
 /* harmony export */   useDividerStyleProps: () => (/* reexport safe */ _Divider__WEBPACK_IMPORTED_MODULE_13__.useDividerStyleProps),
 /* harmony export */   useDrawerContext: () => (/* reexport safe */ _Drawer__WEBPACK_IMPORTED_MODULE_14__.useDrawerContext),
@@ -22851,48 +23103,49 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useHeaderDialogContext: () => (/* reexport safe */ _Header__WEBPACK_IMPORTED_MODULE_23__.useHeaderDialogContext),
 /* harmony export */   useHeaderStyleProps: () => (/* reexport safe */ _Header__WEBPACK_IMPORTED_MODULE_23__.useHeaderStyleProps),
 /* harmony export */   useHeadingStyleProps: () => (/* reexport safe */ _Heading__WEBPACK_IMPORTED_MODULE_24__.useHeadingStyleProps),
-/* harmony export */   useIconBoxColors: () => (/* reexport safe */ _IconBox__WEBPACK_IMPORTED_MODULE_26__.useIconBoxColors),
-/* harmony export */   useIconBoxStyleProps: () => (/* reexport safe */ _IconBox__WEBPACK_IMPORTED_MODULE_26__.useIconBoxStyleProps),
-/* harmony export */   useIconStyleProps: () => (/* reexport safe */ _Icon__WEBPACK_IMPORTED_MODULE_25__.useIconStyleProps),
-/* harmony export */   useItemStyleProps: () => (/* reexport safe */ _Item__WEBPACK_IMPORTED_MODULE_27__.useItemStyleProps),
-/* harmony export */   useLinkStyleProps: () => (/* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_28__.useLinkStyleProps),
-/* harmony export */   useMatrixStyleProps: () => (/* reexport safe */ _Matrix__WEBPACK_IMPORTED_MODULE_29__.useMatrixStyleProps),
-/* harmony export */   useModalContext: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.useModalContext),
-/* harmony export */   useModalStyleProps: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_30__.useModalStyleProps),
-/* harmony export */   useNavigationActionProps: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_31__.useNavigationActionProps),
-/* harmony export */   useNavigationStyleProps: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_31__.useNavigationStyleProps),
+/* harmony export */   useIconBoxColors: () => (/* reexport safe */ _IconBox__WEBPACK_IMPORTED_MODULE_27__.useIconBoxColors),
+/* harmony export */   useIconBoxStyleProps: () => (/* reexport safe */ _IconBox__WEBPACK_IMPORTED_MODULE_27__.useIconBoxStyleProps),
+/* harmony export */   useIconStyleProps: () => (/* reexport safe */ _Icon__WEBPACK_IMPORTED_MODULE_26__.useIconStyleProps),
+/* harmony export */   useItemStyleProps: () => (/* reexport safe */ _Item__WEBPACK_IMPORTED_MODULE_28__.useItemStyleProps),
+/* harmony export */   useLinkStyleProps: () => (/* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_29__.useLinkStyleProps),
+/* harmony export */   useMatrixStyleProps: () => (/* reexport safe */ _Matrix__WEBPACK_IMPORTED_MODULE_30__.useMatrixStyleProps),
+/* harmony export */   useModalContext: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.useModalContext),
+/* harmony export */   useModalStyleProps: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_31__.useModalStyleProps),
+/* harmony export */   useNavigationActionProps: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_32__.useNavigationActionProps),
+/* harmony export */   useNavigationStyleProps: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_32__.useNavigationStyleProps),
 /* harmony export */   useOpenItem: () => (/* reexport safe */ _Accordion__WEBPACK_IMPORTED_MODULE_0__.useOpenItem),
-/* harmony export */   usePaginationStyleProps: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_33__.usePaginationStyleProps),
-/* harmony export */   usePartnerLogoStyleProps: () => (/* reexport safe */ _PartnerLogo__WEBPACK_IMPORTED_MODULE_34__.usePartnerLogoStyleProps),
-/* 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 */   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),
-/* harmony export */   useSectionSizeProps: () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_40__.useSectionSizeProps),
-/* harmony export */   useSectionStyleProps: () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_40__.useSectionStyleProps),
-/* harmony export */   useSegmentedControl: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_41__.useSegmentedControl),
-/* harmony export */   useSegmentedControlStyleProps: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_41__.useSegmentedControlStyleProps),
-/* harmony export */   useSelectStyleProps: () => (/* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_42__.useSelectStyleProps),
-/* harmony export */   useSkeletonStyleProps: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_43__.useSkeletonStyleProps),
-/* harmony export */   useSkipLinkStyleProps: () => (/* reexport safe */ _SkipLink__WEBPACK_IMPORTED_MODULE_44__.useSkipLinkStyleProps),
-/* harmony export */   useSliderStyleProps: () => (/* reexport safe */ _Slider__WEBPACK_IMPORTED_MODULE_45__.useSliderStyleProps),
-/* harmony export */   useSpinnerStyleProps: () => (/* reexport safe */ _Spinner__WEBPACK_IMPORTED_MODULE_46__.useSpinnerStyleProps),
-/* harmony export */   useSplitButtonStyleProps: () => (/* reexport safe */ _SplitButton__WEBPACK_IMPORTED_MODULE_47__.useSplitButtonStyleProps),
-/* harmony export */   useTab: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.useTab),
-/* harmony export */   useTabContext: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.useTabContext),
-/* harmony export */   useTabsStyleProps: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_49__.useTabsStyleProps),
-/* harmony export */   useTagStyleProps: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_50__.useTagStyleProps),
-/* harmony export */   useTextStyleProps: () => (/* reexport safe */ _Text__WEBPACK_IMPORTED_MODULE_51__.useTextStyleProps),
-/* harmony export */   useTimelineStyleProps: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_55__.useTimelineStyleProps),
-/* harmony export */   useToast: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_56__.useToast),
-/* harmony export */   useToggleStyleProps: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_57__.useToggleStyleProps),
-/* harmony export */   useTooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.useTooltip),
-/* harmony export */   useTooltipStyleProps: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_58__.useTooltipStyleProps),
-/* harmony export */   useTruncateStyleProps: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_59__.useTruncateStyleProps),
-/* harmony export */   useTruncatedText: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_59__.useTruncatedText),
-/* harmony export */   useUnstableHeaderStyleProps: () => (/* reexport safe */ _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_60__.useUnstableHeaderStyleProps)
+/* harmony export */   usePaginationStyleProps: () => (/* reexport safe */ _Pagination__WEBPACK_IMPORTED_MODULE_34__.usePaginationStyleProps),
+/* harmony export */   usePartnerLogoStyleProps: () => (/* reexport safe */ _PartnerLogo__WEBPACK_IMPORTED_MODULE_35__.usePartnerLogoStyleProps),
+/* harmony export */   usePillStyleProps: () => (/* reexport safe */ _Pill__WEBPACK_IMPORTED_MODULE_36__.usePillStyleProps),
+/* harmony export */   usePricingPlanStyleProps: () => (/* reexport safe */ _PricingPlan__WEBPACK_IMPORTED_MODULE_37__.usePricingPlanStyleProps),
+/* harmony export */   useRadioStyleProps: () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_39__.useRadioStyleProps),
+/* harmony export */   useScrollCallback: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.useScrollCallback),
+/* harmony export */   useScrollPosition: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.useScrollPosition),
+/* harmony export */   useScrollViewArrows: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.useScrollViewArrows),
+/* harmony export */   useScrollViewStyleProps: () => (/* reexport safe */ _ScrollView__WEBPACK_IMPORTED_MODULE_40__.useScrollViewStyleProps),
+/* harmony export */   useSectionSizeProps: () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_41__.useSectionSizeProps),
+/* harmony export */   useSectionStyleProps: () => (/* reexport safe */ _Section__WEBPACK_IMPORTED_MODULE_41__.useSectionStyleProps),
+/* harmony export */   useSegmentedControl: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_42__.useSegmentedControl),
+/* harmony export */   useSegmentedControlStyleProps: () => (/* reexport safe */ _SegmentedControl__WEBPACK_IMPORTED_MODULE_42__.useSegmentedControlStyleProps),
+/* harmony export */   useSelectStyleProps: () => (/* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_43__.useSelectStyleProps),
+/* harmony export */   useSkeletonStyleProps: () => (/* reexport safe */ _Skeleton__WEBPACK_IMPORTED_MODULE_44__.useSkeletonStyleProps),
+/* harmony export */   useSkipLinkStyleProps: () => (/* reexport safe */ _SkipLink__WEBPACK_IMPORTED_MODULE_45__.useSkipLinkStyleProps),
+/* harmony export */   useSliderStyleProps: () => (/* reexport safe */ _Slider__WEBPACK_IMPORTED_MODULE_46__.useSliderStyleProps),
+/* harmony export */   useSpinnerStyleProps: () => (/* reexport safe */ _Spinner__WEBPACK_IMPORTED_MODULE_47__.useSpinnerStyleProps),
+/* harmony export */   useSplitButtonStyleProps: () => (/* reexport safe */ _SplitButton__WEBPACK_IMPORTED_MODULE_48__.useSplitButtonStyleProps),
+/* harmony export */   useTab: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.useTab),
+/* harmony export */   useTabContext: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.useTabContext),
+/* harmony export */   useTabsStyleProps: () => (/* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_50__.useTabsStyleProps),
+/* harmony export */   useTagStyleProps: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_51__.useTagStyleProps),
+/* harmony export */   useTextStyleProps: () => (/* reexport safe */ _Text__WEBPACK_IMPORTED_MODULE_52__.useTextStyleProps),
+/* harmony export */   useTimelineStyleProps: () => (/* reexport safe */ _Timeline__WEBPACK_IMPORTED_MODULE_56__.useTimelineStyleProps),
+/* harmony export */   useToast: () => (/* reexport safe */ _Toast__WEBPACK_IMPORTED_MODULE_57__.useToast),
+/* harmony export */   useToggleStyleProps: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_58__.useToggleStyleProps),
+/* harmony export */   useTooltip: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.useTooltip),
+/* harmony export */   useTooltipStyleProps: () => (/* reexport safe */ _Tooltip__WEBPACK_IMPORTED_MODULE_59__.useTooltipStyleProps),
+/* harmony export */   useTruncateStyleProps: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_60__.useTruncateStyleProps),
+/* harmony export */   useTruncatedText: () => (/* reexport safe */ _Truncate__WEBPACK_IMPORTED_MODULE_60__.useTruncatedText),
+/* harmony export */   useUnstableHeaderStyleProps: () => (/* reexport safe */ _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_61__.useUnstableHeaderStyleProps)
 /* harmony export */ });
 /* harmony import */ var _Accordion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Accordion */ "./src/components/Accordion/index.ts");
 /* harmony import */ var _ActionGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ActionGroup */ "./src/components/ActionGroup/index.ts");
@@ -22919,43 +23172,45 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Grid__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Grid */ "./src/components/Grid/index.ts");
 /* harmony import */ var _Header__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Header */ "./src/components/Header/index.ts");
 /* harmony import */ var _Heading__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Heading */ "./src/components/Heading/index.ts");
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Icon */ "./src/components/Icon/index.ts");
-/* harmony import */ var _IconBox__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./IconBox */ "./src/components/IconBox/index.ts");
-/* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./Item */ "./src/components/Item/index.ts");
-/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./Link */ "./src/components/Link/index.ts");
-/* harmony import */ var _Matrix__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./Matrix */ "./src/components/Matrix/index.ts");
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./Modal */ "./src/components/Modal/index.ts");
-/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./Navigation */ "./src/components/Navigation/index.ts");
-/* harmony import */ var _NoSsr__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./NoSsr */ "./src/components/NoSsr/index.ts");
-/* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./Pagination */ "./src/components/Pagination/index.ts");
-/* harmony import */ var _PartnerLogo__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./PartnerLogo */ "./src/components/PartnerLogo/index.ts");
-/* harmony import */ var _Pill__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./Pill */ "./src/components/Pill/index.ts");
-/* harmony import */ var _PricingPlan__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./PricingPlan */ "./src/components/PricingPlan/index.ts");
-/* harmony import */ var _ProductLogo__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./ProductLogo */ "./src/components/ProductLogo/index.ts");
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./Radio */ "./src/components/Radio/index.ts");
-/* harmony import */ var _ScrollView__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./ScrollView */ "./src/components/ScrollView/index.ts");
-/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./Section */ "./src/components/Section/index.ts");
-/* harmony import */ var _SegmentedControl__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./SegmentedControl */ "./src/components/SegmentedControl/index.ts");
-/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./Select */ "./src/components/Select/index.ts");
-/* harmony import */ var _Skeleton__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./Skeleton */ "./src/components/Skeleton/index.ts");
-/* harmony import */ var _SkipLink__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./SkipLink */ "./src/components/SkipLink/index.ts");
-/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./Slider */ "./src/components/Slider/index.ts");
-/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./Spinner */ "./src/components/Spinner/index.ts");
-/* harmony import */ var _SplitButton__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./SplitButton */ "./src/components/SplitButton/index.ts");
-/* harmony import */ var _Stack__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./Stack */ "./src/components/Stack/index.ts");
-/* harmony import */ var _Tabs__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./Tabs */ "./src/components/Tabs/index.ts");
-/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./Tag */ "./src/components/Tag/index.ts");
-/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./Text */ "./src/components/Text/index.ts");
-/* harmony import */ var _TextArea__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./TextArea */ "./src/components/TextArea/index.ts");
-/* harmony import */ var _TextField__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./TextField */ "./src/components/TextField/index.ts");
-/* harmony import */ var _TextFieldBase__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./TextFieldBase */ "./src/components/TextFieldBase/index.ts");
-/* harmony import */ var _Timeline__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./Timeline */ "./src/components/Timeline/index.ts");
-/* harmony import */ var _Toast__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./Toast */ "./src/components/Toast/index.ts");
-/* harmony import */ var _Toggle__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./Toggle */ "./src/components/Toggle/index.ts");
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./Tooltip */ "./src/components/Tooltip/index.ts");
-/* harmony import */ var _Truncate__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./Truncate */ "./src/components/Truncate/index.ts");
-/* harmony import */ var _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./UNSTABLE_Header */ "./src/components/UNSTABLE_Header/index.ts");
-/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./VisuallyHidden */ "./src/components/VisuallyHidden/index.ts");
+/* harmony import */ var _Hidden__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Hidden */ "./src/components/Hidden/index.ts");
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Icon */ "./src/components/Icon/index.ts");
+/* harmony import */ var _IconBox__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./IconBox */ "./src/components/IconBox/index.ts");
+/* harmony import */ var _Item__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./Item */ "./src/components/Item/index.ts");
+/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./Link */ "./src/components/Link/index.ts");
+/* harmony import */ var _Matrix__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./Matrix */ "./src/components/Matrix/index.ts");
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./Modal */ "./src/components/Modal/index.ts");
+/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./Navigation */ "./src/components/Navigation/index.ts");
+/* harmony import */ var _NoSsr__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./NoSsr */ "./src/components/NoSsr/index.ts");
+/* harmony import */ var _Pagination__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./Pagination */ "./src/components/Pagination/index.ts");
+/* harmony import */ var _PartnerLogo__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./PartnerLogo */ "./src/components/PartnerLogo/index.ts");
+/* harmony import */ var _Pill__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./Pill */ "./src/components/Pill/index.ts");
+/* harmony import */ var _PricingPlan__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./PricingPlan */ "./src/components/PricingPlan/index.ts");
+/* harmony import */ var _ProductLogo__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./ProductLogo */ "./src/components/ProductLogo/index.ts");
+/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./Radio */ "./src/components/Radio/index.ts");
+/* harmony import */ var _ScrollView__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./ScrollView */ "./src/components/ScrollView/index.ts");
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./Section */ "./src/components/Section/index.ts");
+/* harmony import */ var _SegmentedControl__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./SegmentedControl */ "./src/components/SegmentedControl/index.ts");
+/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./Select */ "./src/components/Select/index.ts");
+/* harmony import */ var _Skeleton__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./Skeleton */ "./src/components/Skeleton/index.ts");
+/* harmony import */ var _SkipLink__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./SkipLink */ "./src/components/SkipLink/index.ts");
+/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./Slider */ "./src/components/Slider/index.ts");
+/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./Spinner */ "./src/components/Spinner/index.ts");
+/* harmony import */ var _SplitButton__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./SplitButton */ "./src/components/SplitButton/index.ts");
+/* harmony import */ var _Stack__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./Stack */ "./src/components/Stack/index.ts");
+/* harmony import */ var _Tabs__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./Tabs */ "./src/components/Tabs/index.ts");
+/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./Tag */ "./src/components/Tag/index.ts");
+/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./Text */ "./src/components/Text/index.ts");
+/* harmony import */ var _TextArea__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./TextArea */ "./src/components/TextArea/index.ts");
+/* harmony import */ var _TextField__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./TextField */ "./src/components/TextField/index.ts");
+/* harmony import */ var _TextFieldBase__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./TextFieldBase */ "./src/components/TextFieldBase/index.ts");
+/* harmony import */ var _Timeline__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./Timeline */ "./src/components/Timeline/index.ts");
+/* harmony import */ var _Toast__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./Toast */ "./src/components/Toast/index.ts");
+/* harmony import */ var _Toggle__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./Toggle */ "./src/components/Toggle/index.ts");
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./Tooltip */ "./src/components/Tooltip/index.ts");
+/* harmony import */ var _Truncate__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./Truncate */ "./src/components/Truncate/index.ts");
+/* harmony import */ var _UNSTABLE_Header__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./UNSTABLE_Header */ "./src/components/UNSTABLE_Header/index.ts");
+/* harmony import */ var _VisuallyHidden__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ./VisuallyHidden */ "./src/components/VisuallyHidden/index.ts");
+
 
 
 
@@ -23256,10 +23511,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   AlignmentYExtended: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.AlignmentYExtended),
 /* harmony export */   BackgroundColors: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.BackgroundColors),
 /* harmony export */   BackgroundGradients: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.BackgroundGradients),
-/* harmony export */   BackgroundStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.BackgroundStyleProps),
+/* harmony export */   BackgroundStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.BackgroundStyleProps),
 /* harmony export */   BorderColors: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.BorderColors),
 /* harmony export */   BorderRadii: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.BorderRadii),
-/* harmony export */   BorderRadiusStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.BorderRadiusStyleProps),
+/* harmony export */   BorderRadiusStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.BorderRadiusStyleProps),
 /* harmony export */   BorderStyles: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.BorderStyles),
 /* harmony export */   BorderWidths: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.BorderWidths),
 /* harmony export */   CLASS_NAME_OPEN: () => (/* reexport safe */ _classes__WEBPACK_IMPORTED_MODULE_0__.CLASS_NAME_OPEN),
@@ -23269,27 +23524,28 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Direction: () => (/* reexport safe */ _direction__WEBPACK_IMPORTED_MODULE_3__.Direction),
 /* harmony export */   DirectionAxis: () => (/* reexport safe */ _direction__WEBPACK_IMPORTED_MODULE_3__.DirectionAxis),
 /* harmony export */   DirectionExtended: () => (/* reexport safe */ _direction__WEBPACK_IMPORTED_MODULE_3__.DirectionExtended),
-/* harmony export */   DisplayStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.DisplayStyleProps),
+/* harmony export */   DisplayStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.DisplayStyleProps),
 /* harmony export */   EmotionColors: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.EmotionColors),
 /* harmony export */   Emphasis: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.Emphasis),
 /* harmony export */   FillVariants: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.FillVariants),
-/* harmony export */   HeadingStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.HeadingStyleProps),
+/* harmony export */   HeadingStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.HeadingStyleProps),
+/* harmony export */   InputPositions: () => (/* reexport safe */ _inputs__WEBPACK_IMPORTED_MODULE_4__.InputPositions),
 /* harmony export */   Intensity: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.Intensity),
 /* harmony export */   LinkColors: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.LinkColors),
-/* harmony export */   ObjectFit: () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_4__.ObjectFit),
-/* harmony export */   PaddingStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.PaddingStyleProps),
+/* harmony export */   ObjectFit: () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_5__.ObjectFit),
+/* harmony export */   PaddingStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.PaddingStyleProps),
 /* harmony export */   Placements: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.Placements),
-/* harmony export */   Position: () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_5__.Position),
+/* harmony export */   Position: () => (/* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_6__.Position),
 /* harmony export */   ShapeVariants: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.ShapeVariants),
 /* harmony export */   Sizes: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.Sizes),
 /* harmony export */   SizesExtended: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.SizesExtended),
-/* harmony export */   SpacingStyleProp: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.SpacingStyleProp),
+/* harmony export */   SpacingStyleProp: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.SpacingStyleProp),
 /* harmony export */   TextAlignments: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.TextAlignments),
 /* harmony export */   TextColors: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.TextColors),
-/* harmony export */   TextHyphens: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_7__.TextHyphens),
-/* harmony export */   TextStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.TextStyleProps),
-/* harmony export */   TextWordBreaks: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_7__.TextWordBreaks),
-/* harmony export */   ThemeStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_6__.ThemeStyleProps),
+/* harmony export */   TextHyphens: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_8__.TextHyphens),
+/* harmony export */   TextStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.TextStyleProps),
+/* harmony export */   TextWordBreaks: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_8__.TextWordBreaks),
+/* harmony export */   ThemeStyleProps: () => (/* reexport safe */ _style__WEBPACK_IMPORTED_MODULE_7__.ThemeStyleProps),
 /* harmony export */   ValidationStates: () => (/* reexport safe */ _dictionaries__WEBPACK_IMPORTED_MODULE_2__.ValidationStates),
 /* harmony export */   isDirectionHorizontal: () => (/* reexport safe */ _direction__WEBPACK_IMPORTED_MODULE_3__.isDirectionHorizontal)
 /* harmony export */ });
@@ -23297,10 +23553,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ "./src/constants/colors.ts");
 /* harmony import */ var _dictionaries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dictionaries */ "./src/constants/dictionaries.ts");
 /* harmony import */ var _direction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./direction */ "./src/constants/direction.ts");
-/* harmony import */ var _media__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./media */ "./src/constants/media.ts");
-/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./position */ "./src/constants/position.ts");
-/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style */ "./src/constants/style.ts");
-/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./text */ "./src/constants/text.ts");
+/* harmony import */ var _inputs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./inputs */ "./src/constants/inputs.ts");
+/* harmony import */ var _media__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./media */ "./src/constants/media.ts");
+/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./position */ "./src/constants/position.ts");
+/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style */ "./src/constants/style.ts");
+/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./text */ "./src/constants/text.ts");
+
+
+
 
 
 
@@ -23309,6 +23569,23 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/constants/inputs.ts":
+/*!*********************************!*\
+  !*** ./src/constants/inputs.ts ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   InputPositions: () => (/* binding */ InputPositions)
+/* harmony export */ });
+const InputPositions = {
+    START: 'start',
+    END: 'end',
+};
 
 
 /***/ }),
@@ -23570,18 +23847,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useClickOutside: () => (/* reexport safe */ _useClickOutside__WEBPACK_IMPORTED_MODULE_6__.useClickOutside),
 /* harmony export */   useDeprecationMessage: () => (/* reexport safe */ _useDeprecationMessage__WEBPACK_IMPORTED_MODULE_7__.useDeprecationMessage),
 /* harmony export */   useDimensionStyle: () => (/* reexport safe */ _useDimensionStyle__WEBPACK_IMPORTED_MODULE_8__.useDimensionStyle),
-/* harmony export */   useDirectionClass: () => (/* reexport safe */ _useDirectionClass__WEBPACK_IMPORTED_MODULE_9__.useDirectionClass),
-/* harmony export */   useDragAndDrop: () => (/* reexport safe */ _useDragAndDrop__WEBPACK_IMPORTED_MODULE_10__.useDragAndDrop),
-/* harmony export */   useIcon: () => (/* reexport safe */ _useIcon__WEBPACK_IMPORTED_MODULE_11__.useIcon),
-/* harmony export */   useIconName: () => (/* reexport safe */ _useIconName__WEBPACK_IMPORTED_MODULE_12__.useIconName),
+/* harmony export */   useDragAndDrop: () => (/* reexport safe */ _useDragAndDrop__WEBPACK_IMPORTED_MODULE_9__.useDragAndDrop),
+/* harmony export */   useIcon: () => (/* reexport safe */ _useIcon__WEBPACK_IMPORTED_MODULE_10__.useIcon),
+/* harmony export */   useIconName: () => (/* reexport safe */ _useIconName__WEBPACK_IMPORTED_MODULE_11__.useIconName),
+/* harmony export */   useInputPositionClass: () => (/* reexport safe */ _useInputPositionClass__WEBPACK_IMPORTED_MODULE_12__.useInputPositionClass),
 /* harmony export */   useIsomorphicLayoutEffect: () => (/* reexport safe */ _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_13__.useIsomorphicLayoutEffect),
 /* harmony export */   useLastActiveFocus: () => (/* reexport safe */ _useLastActiveFocus__WEBPACK_IMPORTED_MODULE_14__.useLastActiveFocus),
 /* harmony export */   useResizeObserver: () => (/* reexport safe */ _useResizeObserver__WEBPACK_IMPORTED_MODULE_15__.useResizeObserver),
 /* harmony export */   useScrollControl: () => (/* reexport safe */ _useScrollControl__WEBPACK_IMPORTED_MODULE_16__.useScrollControl),
 /* harmony export */   useSpacingStyle: () => (/* reexport safe */ _useSpacingStyle__WEBPACK_IMPORTED_MODULE_17__.useSpacingStyle),
 /* harmony export */   useStyleProps: () => (/* reexport safe */ _styleProps__WEBPACK_IMPORTED_MODULE_0__.useStyleProps),
-/* harmony export */   useToggle: () => (/* reexport safe */ _useToggle__WEBPACK_IMPORTED_MODULE_18__.useToggle),
-/* harmony export */   useWrapClass: () => (/* reexport safe */ _useWrapClass__WEBPACK_IMPORTED_MODULE_19__.useWrapClass)
+/* harmony export */   useSymmetry: () => (/* reexport safe */ _useSymmetry__WEBPACK_IMPORTED_MODULE_18__.useSymmetry),
+/* harmony export */   useToggle: () => (/* reexport safe */ _useToggle__WEBPACK_IMPORTED_MODULE_19__.useToggle),
+/* harmony export */   useWrapClass: () => (/* reexport safe */ _useWrapClass__WEBPACK_IMPORTED_MODULE_20__.useWrapClass)
 /* harmony export */ });
 /* harmony import */ var _styleProps__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styleProps */ "./src/hooks/styleProps.ts");
 /* harmony import */ var _useAlignmentClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useAlignmentClass */ "./src/hooks/useAlignmentClass.ts");
@@ -23592,17 +23870,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _useClickOutside__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useClickOutside */ "./src/hooks/useClickOutside.ts");
 /* harmony import */ var _useDeprecationMessage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useDeprecationMessage */ "./src/hooks/useDeprecationMessage.ts");
 /* harmony import */ var _useDimensionStyle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useDimensionStyle */ "./src/hooks/useDimensionStyle.ts");
-/* harmony import */ var _useDirectionClass__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useDirectionClass */ "./src/hooks/useDirectionClass.ts");
-/* harmony import */ var _useDragAndDrop__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useDragAndDrop */ "./src/hooks/useDragAndDrop.ts");
-/* harmony import */ var _useIcon__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useIcon */ "./src/hooks/useIcon.ts");
-/* harmony import */ var _useIconName__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useIconName */ "./src/hooks/useIconName.ts");
+/* harmony import */ var _useDragAndDrop__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useDragAndDrop */ "./src/hooks/useDragAndDrop.ts");
+/* harmony import */ var _useIcon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useIcon */ "./src/hooks/useIcon.ts");
+/* harmony import */ var _useIconName__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useIconName */ "./src/hooks/useIconName.ts");
+/* harmony import */ var _useInputPositionClass__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useInputPositionClass */ "./src/hooks/useInputPositionClass.ts");
 /* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ "./src/hooks/useIsomorphicLayoutEffect.ts");
 /* harmony import */ var _useLastActiveFocus__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./useLastActiveFocus */ "./src/hooks/useLastActiveFocus.ts");
 /* harmony import */ var _useResizeObserver__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useResizeObserver */ "./src/hooks/useResizeObserver.ts");
 /* harmony import */ var _useScrollControl__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useScrollControl */ "./src/hooks/useScrollControl.ts");
 /* harmony import */ var _useSpacingStyle__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./useSpacingStyle */ "./src/hooks/useSpacingStyle.ts");
-/* harmony import */ var _useToggle__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./useToggle */ "./src/hooks/useToggle.ts");
-/* harmony import */ var _useWrapClass__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./useWrapClass */ "./src/hooks/useWrapClass.ts");
+/* harmony import */ var _useSymmetry__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./useSymmetry */ "./src/hooks/useSymmetry.ts");
+/* harmony import */ var _useToggle__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./useToggle */ "./src/hooks/useToggle.ts");
+/* harmony import */ var _useWrapClass__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./useWrapClass */ "./src/hooks/useWrapClass.ts");
+
 
 
 
@@ -23924,11 +24204,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const useDeprecationMessage = ({ method = 'component', trigger, componentName, componentProps, propertyProps, customText, }) => {
-    let message;
-    let hasProps;
     const messageBase = `Deprecation warning (${componentName}):`;
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         const isExecutable = trigger && componentName && "development" === 'development';
+        let message;
+        let hasProps;
         switch (method) {
             case 'property':
                 if (propertyProps === null || propertyProps === void 0 ? void 0 : propertyProps.delete) {
@@ -23994,26 +24274,6 @@ const useDimensionStyle = (property, prefix) => {
 };
 
 
-/***/ }),
-
-/***/ "./src/hooks/useDirectionClass.ts":
-/*!****************************************!*\
-  !*** ./src/hooks/useDirectionClass.ts ***!
-  \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   useDirectionClass: () => (/* binding */ useDirectionClass)
-/* harmony export */ });
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./src/utils/stylePropsClassesGenerator.ts");
-
-function useDirectionClass(componentClass, property) {
-    return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateStylePropsClassNames)(componentClass, property);
-}
-
-
 /***/ }),
 
 /***/ "./src/hooks/useDragAndDrop.ts":
@@ -24117,6 +24377,29 @@ function useIconName(key, iconMap, defaultKey = 'default') {
 }
 
 
+/***/ }),
+
+/***/ "./src/hooks/useInputPositionClass.ts":
+/*!********************************************!*\
+  !*** ./src/hooks/useInputPositionClass.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useInputPositionClass: () => (/* binding */ useInputPositionClass)
+/* harmony export */ });
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./src/utils/stylePropsClassesGenerator.ts");
+
+function useInputPositionClass(componentClass, property) {
+    if (!property) {
+        return '';
+    }
+    return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateStylePropsClassNames)(componentClass, property, 'inputPosition');
+}
+
+
 /***/ }),
 
 /***/ "./src/hooks/useIsMounted.ts":
@@ -24465,6 +24748,61 @@ const useStyleUtilities = (props, prefix = '', additionalProps = {}) => {
 };
 
 
+/***/ }),
+
+/***/ "./src/hooks/useSymmetry.ts":
+/*!**********************************!*\
+  !*** ./src/hooks/useSymmetry.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useSymmetry: () => (/* binding */ useSymmetry)
+/* harmony export */ });
+/* harmony import */ var _alma_oss_spirit_design_tokens__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @alma-oss/spirit-design-tokens */ "../design-tokens/esm/index.js");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../types */ "./src/types/shared/tokens.ts");
+
+
+const SYMMETRICAL_CLASS_SUFFIX = '--symmetrical';
+const NON_SYMMETRICAL_CLASS_SUFFIX = '--asymmetrical';
+function getSymmetryClassNamesReducer(componentClass, isSymmetrical) {
+    return (acc, breakpoint) => {
+        if (breakpoint in isSymmetrical) {
+            const value = isSymmetrical[breakpoint];
+            const infix = breakpoint === _types__WEBPACK_IMPORTED_MODULE_1__.BREAKPOINT_MOBILE ? '' : `--${breakpoint}`;
+            if (value) {
+                return {
+                    classes: [...acc.classes, `${componentClass}${infix}${SYMMETRICAL_CLASS_SUFFIX}`],
+                    wasSymmetrical: true,
+                };
+            }
+            if (acc.wasSymmetrical) {
+                return {
+                    classes: [...acc.classes, `${componentClass}${infix}${NON_SYMMETRICAL_CLASS_SUFFIX}`],
+                    wasSymmetrical: acc.wasSymmetrical,
+                };
+            }
+        }
+        return acc;
+    };
+}
+function useSymmetry(componentClass, isSymmetrical) {
+    if (typeof isSymmetrical !== 'object' || isSymmetrical === null) {
+        return {
+            isSymmetricalActive: isSymmetrical === true,
+            symmetricalClassName: isSymmetrical ? `${componentClass}${SYMMETRICAL_CLASS_SUFFIX}` : '',
+        };
+    }
+    const { classes } = Object.keys(_alma_oss_spirit_design_tokens__WEBPACK_IMPORTED_MODULE_0__.breakpoints).reduce(getSymmetryClassNamesReducer(componentClass, isSymmetrical), { classes: [], wasSymmetrical: false });
+    return {
+        isSymmetricalActive: Object.values(isSymmetrical).includes(true),
+        symmetricalClassName: classes.join(' '),
+    };
+}
+
+
 /***/ }),
 
 /***/ "./src/hooks/useToggle.ts":
@@ -24641,6 +24979,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /***/ }),
@@ -34949,6 +35288,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),
@@ -35016,6 +35356,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Heading: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Heading),
 /* harmony export */   HeadingStyleProps: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.HeadingStyleProps),
 /* harmony export */   HelperText: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.HelperText),
+/* harmony export */   Hidden: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Hidden),
 /* harmony export */   ICON_BOX_SIZE: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ICON_BOX_SIZE),
 /* harmony export */   IMAGE_DIMENSION: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.IMAGE_DIMENSION),
 /* harmony export */   IMAGE_PREVIEW_BASE64_MAX_WIDTH: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.IMAGE_PREVIEW_BASE64_MAX_WIDTH),
@@ -35023,6 +35364,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   IconBox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.IconBox),
 /* harmony export */   IconsConsumer: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__.IconsConsumer),
 /* harmony export */   IconsProvider: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__.IconsProvider),
+/* harmony export */   InputPositions: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.InputPositions),
 /* harmony export */   Intensity: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.Intensity),
 /* harmony export */   Item: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Item),
 /* harmony export */   Label: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Label),
@@ -35043,6 +35385,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),
@@ -35065,6 +35408,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),
@@ -35227,7 +35571,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useDeprecationMessage: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useDeprecationMessage),
 /* harmony export */   useDialog: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useDialog),
 /* harmony export */   useDimensionStyle: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useDimensionStyle),
-/* harmony export */   useDirectionClass: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useDirectionClass),
 /* harmony export */   useDividerStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useDividerStyleProps),
 /* harmony export */   useDragAndDrop: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useDragAndDrop),
 /* harmony export */   useDrawerContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useDrawerContext),
@@ -35250,6 +35593,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useIconBoxStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useIconBoxStyleProps),
 /* harmony export */   useIconName: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useIconName),
 /* harmony export */   useIconStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useIconStyleProps),
+/* harmony export */   useInputPositionClass: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useInputPositionClass),
 /* harmony export */   useIsomorphicLayoutEffect: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useIsomorphicLayoutEffect),
 /* harmony export */   useItemStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useItemStyleProps),
 /* harmony export */   useLastActiveFocus: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useLastActiveFocus),
@@ -35267,6 +35611,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),
@@ -35283,6 +35628,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useSpinnerStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useSpinnerStyleProps),
 /* harmony export */   useSplitButtonStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useSplitButtonStyleProps),
 /* harmony export */   useStyleProps: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useStyleProps),
+/* harmony export */   useSymmetry: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useSymmetry),
 /* harmony export */   useTab: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useTab),
 /* harmony export */   useTabContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useTabContext),
 /* harmony export */   useTabsStyleProps: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useTabsStyleProps),